*{box-sizing:border-box}body{margin:0;background:#f3f7f4;color:#234d40;font-family:Arial,"Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}header{padding:24px 4%;display:flex;justify-content:space-between;border-bottom:1px solid #cfddd4}header span{font-size:13px;color:#668175}main{max-width:1440px;margin:auto;padding:48px 4%}.intro small{letter-spacing:3px;color:#00836b;font-weight:700}h1{font-size:42px;margin:16px 0}.intro p{color:#6b8075;line-height:1.8}.controls{margin:32px 0 20px;display:flex;flex-direction:column;gap:22px}label{font-size:14px}input{display:block;width:min(100%,500px);padding:14px;margin-top:8px;border:1px solid #b8ccc0;border-radius:10px;background:transparent;color:inherit;font:inherit}nav{display:flex;flex-wrap:wrap;gap:8px}button{padding:11px 20px;border-radius:24px;border:1px solid #c6d8cd;background:transparent;color:inherit;font:inherit;cursor:pointer}button[aria-pressed=true]{background:#087e68;color:white;border-color:#087e68}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;align-items:start;border:1px solid #cbded2;border-radius:16px;padding:26px;background:white;min-height:230px}.card[hidden]{display:none}.card span{font-size:12px;color:#00836b}.card h2{font-size:22px;line-height:1.5;margin:14px 0}.card p{font-size:14px;line-height:1.8;color:#687e72;margin:0 0 24px}.card b{margin-top:auto;font-size:13px}.card:hover{border-color:#00836b}.card:focus-visible{outline:3px solid #00836b;outline-offset:3px}footer{padding-top:40px;font-size:12px;color:#798a80}html[data-theme=dark] body{background:#1c2020;color:#e0ece5}html[data-theme=dark] .card{background:#252d29;border-color:#3e5146}html[data-theme=dark] .card p,html[data-theme=dark] .intro p{color:#a7b9ae}html[data-theme=dark] .card span,html[data-theme=dark] .intro small{color:#74d6b3}@media(max-width:950px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.cards{grid-template-columns:1fr}h1{font-size:32px}main{padding-top:30px}header span{display:none}}

.cards{display:flex;flex-direction:column;gap:0;border-top:1px solid #b8ccc0}
.card{display:grid;grid-template-columns:110px minmax(200px,1fr) minmax(240px,1.6fr) 100px;align-items:center;gap:24px;min-height:112px;border:0;border-bottom:1px solid #cbded2;border-radius:0;padding:24px 12px;background:transparent}
.card h2{font-size:19px;margin:0}.card p{margin:0}.card b{margin:0;text-align:right}.card:hover{background:#e5efe8}
html[data-theme=dark] .card{background:transparent;border-color:#3e5146}html[data-theme=dark] .card:hover{background:#252d29}
@media(max-width:950px){.card{grid-template-columns:90px 1fr 100px;gap:12px 20px}.card p{grid-column:2;grid-row:2}.card b{grid-column:3;grid-row:1 / 3}}
@media(max-width:600px){.card{grid-template-columns:1fr;gap:10px;padding:22px 8px}.card p,.card b{grid-column:auto;grid-row:auto}.card b{text-align:left}.card h2{font-size:20px}}

.card .article-date{font-size:14px;color:#687e72;font-variant-numeric:tabular-nums;white-space:nowrap}html[data-theme=dark] .card .article-date{color:#a7b9ae}