:root{color-scheme:light;--ink:#193d42;--accent:#087f78;--paper:#f4f8f6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Yu Gothic",Meiryo,sans-serif;line-height:1.9}a{color:#066c65;text-underline-offset:4px}a:focus-visible{outline:3px solid #b66a00;outline-offset:4px}.wrap{max-width:1100px;margin:auto;padding:28px}header{background:#173e42;color:white;border-bottom:5px solid #bce0ce}header a{color:white}.brand{font-size:1.3rem;font-weight:750;text-decoration:none}header p{margin:4px 0 16px;color:#d9e9e3}nav{display:flex;flex-wrap:wrap;gap:12px 25px}nav a{font-size:.95rem}h1{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.4;max-width:900px}h2{font-size:1.35rem;line-height:1.5;margin-top:30px}.eyebrow{font-size:.8rem;letter-spacing:.15em;color:var(--accent);font-weight:bold}.lead{font-size:1.08rem;max-width:850px}article{max-width:850px}article p{max-width:75ch}.hero{padding:20px 28px;background:#dceee4;border-left:5px solid var(--accent);border-radius:8px}.hero h2{margin-top:0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{display:block;background:white;border:1px solid #d3e3db;border-radius:10px;padding:20px;text-decoration:none}.card:hover{border-color:var(--accent);background:#eaf5ef}.card strong,.card span{display:block}.card span{font-size:.9rem;color:#466365;margin-top:8px}.notice{margin-top:36px;padding:0 24px 16px;border:1px solid #c8dbd2;border-radius:8px;font-size:.9rem}footer{background:#e1ece5;margin-top:36px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:8px}.skip:focus{top:12px}@media(max-width:600px){.wrap{padding:22px 18px}.cards{grid-template-columns:1fr}.hero{padding:16px}nav{gap:10px 18px}}