:root{--bg:#fff;--sand:#f6f2ea;--mint:#eef6f1;--ink:#17212d;--sub:#4d5967;--green:#1f7a45;--green-dark:#145a32;--navy:#1b2a41;--navy-dark:#0f1a2a;--line:#e2e7e4;--gold:#9a7b45;--radius:10px;--wrap:1040px;font-size:106.25%}html[data-size=lg]{font-size:118.75%}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ud), "BIZ UDPGothic", "Hiragino Sans", "Yu Gothic", sans-serif;margin:0;line-height:1.85}img{max-width:100%;display:block}a{color:var(--green)}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:2px}h1,h2,h3{text-wrap:balance;color:var(--navy);margin:0;line-height:1.4}p{margin:0}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}.stack{gap:16px;display:grid}.sec{padding-block:40px}.sec--sand{background:var(--sand)}.sec--mint{background:var(--mint)}.sec h2{font-size:1.4rem}.sec .lead{color:var(--sub);margin-top:-6px}.grid3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.grid4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.topbar{background:var(--navy);color:#dbe5f0;padding-block:6px;font-size:.78rem}.hd{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:14px;display:flex}.logo{color:var(--navy);font-size:1.5rem;font-weight:700;line-height:1.2;text-decoration:none}.logo span{color:var(--green)}.logo small{color:var(--sub);letter-spacing:.04em;font-size:.72rem;font-weight:400;display:block}.nav{flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.nav a{color:var(--navy);padding-block:4px;font-weight:700;text-decoration:none}.nav a:hover{color:var(--green)}.size{border:1px solid var(--line);border-radius:6px;font-size:.78rem;display:inline-flex;overflow:hidden}.size button{font:inherit;color:var(--sub);cursor:pointer;background:#fff;border:0;padding:5px 10px}.size button[aria-pressed=true]{background:var(--navy);color:#fff}.bb{border-radius:var(--radius);color:#fff;background:var(--green);box-shadow:0 2px 0 var(--green-dark);justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;font-size:1.06rem;font-weight:700;line-height:1.5;text-decoration:none;display:flex}.bb small{opacity:.92;font-size:.78rem;font-weight:400;display:block}.bb:after{content:"→";font-size:1.2rem}.bb--navy{background:var(--navy);box-shadow:0 2px 0 var(--navy-dark)}.bb:hover{filter:brightness(1.06)}.bb--inline{max-width:360px}.hero{background:var(--sand);padding-block:36px}.hero .wrap{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:28px;display:grid}.chip{width:fit-content;color:var(--green);background:#fff;border:1px solid #cfe3d6;border-radius:999px;padding:3px 12px;font-size:.78rem;font-weight:700;display:inline-block}.hero h1{font-size:clamp(1.6rem,3.6vw,2.15rem)}.hero .sub{color:var(--sub)}.trust{color:var(--sub);flex-wrap:wrap;gap:6px 16px;font-size:.8rem;display:flex}.trust span:before{content:"✓ ";color:var(--green);font-weight:700}.photo{border-radius:var(--radius);aspect-ratio:3/2;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo .tag{background:#fffffff2;border-radius:8px;width:fit-content;padding:10px 14px;font-size:.85rem;line-height:1.5;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 2px 8px #0000001f}.photo .tag b{color:var(--green)}.worry{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-content:start;gap:6px;padding:16px 18px;display:grid}.worry b{color:var(--ink);font-size:1.02rem}.worry a{font-weight:700;text-decoration:none}.card{border:1px solid var(--line);border-radius:var(--radius);color:inherit;background:#fff;grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.card:hover{border-color:#b9d8c4}.card .im{aspect-ratio:3/2}.card .im img{object-fit:cover;width:100%;height:100%}.card .bd{align-content:start;gap:6px;padding:14px 16px 16px;display:grid}.card .who{color:var(--green);font-size:.78rem;font-weight:700}.card .ttl{color:var(--navy);font-size:1.1rem;font-weight:700}.card p{color:var(--sub);font-size:.9rem}.card .go{color:var(--green);font-size:.9rem;font-weight:700}.diag{border-radius:var(--radius);background:#fff;border:2px solid #cfe3d6;gap:14px;padding:20px;display:grid}.qs{flex-wrap:wrap;gap:8px;display:flex}.qs span{border:1px solid var(--line);background:var(--mint);border-radius:999px;padding:6px 14px;font-size:.92rem}.rule{grid-template-columns:auto 1fr;align-items:baseline;gap:4px 14px;display:grid}.rule .n{color:var(--green);grid-row:span 2;font-family:ui-monospace,SF Mono,monospace;font-size:1.6rem;font-weight:700}.rule b{font-size:1rem}.rule span{color:var(--sub);font-size:.86rem}.post{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:128px 1fr;align-items:center;gap:14px;padding-block:12px;text-decoration:none;display:grid}.post .im{aspect-ratio:3/2;background:var(--mint);border-radius:6px;overflow:hidden}.post .im img{object-fit:cover;width:100%;height:100%}.post b{color:var(--ink);font-size:1rem;line-height:1.55}.post small{color:var(--sub);font-size:.78rem;display:block}.empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--sub);background:#fff;padding:18px}.crumb{color:var(--sub);padding-block:12px;font-size:.8rem}.crumb a{color:var(--sub)}.article{max-width:760px;margin:0 auto;padding-block:8px 48px;padding-inline:20px}.article h1{font-size:clamp(1.45rem,3.2vw,1.9rem)}.pr{color:var(--sub);background:var(--sand);border-radius:6px;margin-block:12px;padding:8px 12px;font-size:.8rem}.meta{color:var(--sub);font-size:.8rem}.toc{background:var(--mint);border-radius:var(--radius);margin-block:20px;padding:16px 20px}.toc ol{gap:4px;margin:8px 0 0;padding-left:1.3em;display:grid}.toc a{text-decoration:none}.prose{font-size:1rem}.prose h2{background:var(--mint);border-left:5px solid var(--green);border-radius:0 6px 6px 0;margin-top:2.2em;padding:10px 14px;font-size:1.3rem}.prose h3{border-bottom:2px solid var(--line);margin-top:1.8em;padding-bottom:6px;font-size:1.12rem}.prose p,.prose ul,.prose ol,.prose table{margin-block:1em}.prose table{border-collapse:collapse;width:100%;font-size:.92rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:8px 10px}.prose th{background:var(--sand)}.prose img{border-radius:8px}.cmp{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow-x:auto}.cmp table{border-collapse:collapse;width:100%;min-width:680px;font-size:.92rem}.cmp th,.cmp td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.cmp thead th{background:var(--navy);color:#fff;font-size:.82rem}.cmp .pending{color:var(--gold);border:1px solid #d9c7a2;border-radius:999px;padding:0 8px;font-size:.75rem;display:inline-block}.note{color:var(--sub);font-size:.8rem}.cmp .apply{white-space:nowrap;background:var(--green);color:#fff;box-shadow:0 2px 0 var(--green-dark);border-radius:6px;padding:8px 12px;font-weight:700;text-decoration:none;display:inline-block}.cmp .apply:hover{filter:brightness(1.06)}.tool{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:18px;padding:20px;display:grid}.tool fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}.tool legend{color:var(--navy);margin-bottom:6px;font-weight:700}.opts{flex-wrap:wrap;gap:8px;display:flex}.opts label{border:1px solid var(--line);cursor:pointer;background:var(--bg);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.opts input{accent-color:var(--green);width:1.1em;height:1.1em}.opts label:has(input:checked){border-color:var(--green);background:var(--mint);font-weight:700}.result{background:var(--mint);border-left:5px solid var(--green);border-radius:0 var(--radius) var(--radius) 0;gap:8px;padding:16px 18px;display:grid}.result b{color:var(--navy);font-size:1.1rem}.page{gap:14px;max-width:760px;margin:0 auto;padding-block:8px 56px;padding-inline:20px;display:grid}.page h1{font-size:1.6rem}.page h2{margin-top:12px;font-size:1.2rem}.page ul{margin:0;padding-left:1.3em}.ft{background:var(--navy);color:#cbd6e3;padding-block:28px;font-size:.85rem}.ft .cols{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;display:grid}.ft a{color:#cbd6e3;padding-block:2px;text-decoration:none;display:block}.ft a:hover,.ft b{color:#fff}.ft .copy{opacity:.8;margin-top:18px;font-size:.75rem}@media (max-width:560px){.post{grid-template-columns:96px 1fr}.sec{padding-block:32px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}