:root{font-family:system-ui,'Yu Gothic',sans-serif;color:#20372f;background:#f6f4ee;line-height:1.8}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:24px}header{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;border-bottom:1px solid #bdcbbf}a{color:#205b49;text-underline-offset:4px}nav{display:flex;gap:20px;flex-wrap:wrap}.hero{padding:38px 0}h1{font-size:clamp(28px,5vw,46px);line-height:1.45;max-width:760px}h2{font-size:26px}h3{font-size:20px}.muted{color:#52675d}.tag{display:inline-block;background:#e2ebe1;padding:3px 12px;border-radius:20px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}article,.box{background:white;padding:24px;border:1px solid #d5ded4;border-radius:14px;margin:16px 0}details{border-top:1px solid #ddd;padding-top:12px}summary{cursor:pointer;font-weight:600}footer{font-size:14px;border-top:1px solid #bdcbbf}.notice{background:#fff2d8;padding:14px 18px;border-radius:8px}section{scroll-margin-top:20px}a:focus-visible,summary:focus-visible{outline:3px solid #ac5700;outline-offset:5px}
table{width:100%;border-collapse:collapse;text-align:left}caption{text-align:left;font-weight:600;margin-bottom:12px}th,td{padding:12px;border-bottom:1px solid #d5ded4;vertical-align:top}thead{background:#e2ebe1}article[id]{scroll-margin-top:20px}