*{box-sizing:border-box}body{margin:0;background:#f7f6ef;color:#193b2e;font:17px/1.8 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:#236747;text-underline-offset:4px}a:hover{color:#ad621f}header{background:#173e2c;color:white;padding:24px max(5vw,calc((100vw - 1200px)/2))}header a{color:#d8e8bf}header h1{font-size:clamp(28px,4vw,44px);line-height:1.4;max-width:900px;margin:30px 0 15px}header p{max-width:900px;color:#e0e6d5}main{max-width:1200px;margin:auto;padding:36px 24px}h2{font-size:27px;line-height:1.5;margin:35px 0 20px}h3{line-height:1.5;margin:8px 0}p{margin:15px 0}.meta,figcaption{font-size:14px;color:#5d6f60}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.card{border:1px solid #d7dfce;border-radius:12px;background:white;overflow:hidden;display:flex;flex-direction:column}.card>a{display:block;color:inherit;text-decoration:none}.card img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#e9eedf;display:block}.card .text{padding:18px}.card h3{font-size:20px}.card p{font-size:14px;margin:8px 0}.card .source{margin:auto 18px 16px;font-size:14px}.badge{display:inline-block;background:#e5ecd8;padding:2px 10px;border-radius:20px;font-size:13px}.filters{display:flex;gap:16px;flex-wrap:wrap;background:#e8eddf;padding:20px;border-radius:10px;margin:26px 0}label{display:flex;flex-direction:column;font-size:14px;gap:5px}input,select{font:inherit;padding:10px 14px;border:1px solid #9caa92;border-radius:6px;background:white;max-width:100%}input{min-width:240px}.button{display:inline-block;background:#e7bc65;color:#233920;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:650}article.detail{max-width:880px;margin:auto}figure{margin:28px 0}figure img{width:100%;max-height:580px;object-fit:contain;background:#e9eedf;border-radius:12px}figcaption{padding:12px 0}table{border-collapse:collapse;width:100%;font-size:16px}td,th{text-align:left;border-bottom:1px solid #cdd7c5;padding:12px;vertical-align:top}th{background:#e9eedf}footer{border-top:1px solid #ccd6c4;padding:26px max(24px,calc((100vw - 1152px)/2));font-size:14px}.note{padding:18px 24px;background:#edf0e5;border-left:4px solid #89a46a}.detail li{margin:12px 0}.layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.layout img{width:100%;border-radius:14px}a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ba671e;outline-offset:3px}[hidden]{display:none!important}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}main{padding:24px 16px}.filters{display:block}.filters label{margin:10px 0}input,select{width:100%}h2{font-size:24px}}