:root{--paper:#eef2f0;--paper-deep:#e0e7e4;--ink:#1a2a33;--ink-soft:#4a5c66;--olive:#3b6b85;--olive-deep:#2b4a63;--signal:#e8962e;--signal-deep:#c2741a;--sand:#b9c4bf;--panel:#16242c;--panel-text:#e4ebe8;--ok:#3f8a3a;--warn:#c9a21b;--bad:#c8321f;--font-display:"Zen Kaku Gothic New", "Noto Sans JP", sans-serif;--font-body:"Noto Sans JP", "Barlow", system-ui, sans-serif;--measure:42rem;--radius:4px}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;line-height:1.7}body{flex-direction:column;min-height:100dvh;margin:0;display:flex}a{color:var(--olive-deep);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--signal-deep)}:focus-visible{outline:3px solid var(--signal);outline-offset:2px}img{max-width:100%;height:auto}h1,h2,h3{font-family:var(--font-display);letter-spacing:.005em;margin:0 0 .5em;font-weight:600;line-height:1.1}h1{font-size:clamp(1.9rem,4.5vw,2.9rem)}h2{margin-top:2.5rem;font-size:clamp(1.5rem,3vw,2rem)}h3{margin-top:2rem;font-size:1.25rem}p{max-width:var(--measure);margin:0 0 1em}ul,ol{max-width:var(--measure);padding-left:1.4em}small{color:var(--ink-soft)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.wrap{width:min(100% - 2rem,68rem);margin-inline:auto}.site-head{border-bottom:2px solid var(--olive-deep);background:var(--paper)}.site-head .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.brand{font-family:var(--font-display);color:var(--ink);align-items:center;gap:.5rem;font-size:1.45rem;font-weight:700;text-decoration:none;display:inline-flex}.brand .tip{background:var(--olive-deep);clip-path:polygon(0 100%,38% 0,60% 45%,72% 28%,100% 100%);width:.9em;height:.75em;display:inline-block}.site-nav{font-family:var(--font-display);align-items:center;gap:1.25rem;font-size:1.1rem;display:flex}.site-nav a{color:var(--ink-soft);text-decoration:none}.site-nav a[aria-current=page],.site-nav a:hover{color:var(--ink)}.lang-switch{border:1px solid var(--olive);border-radius:var(--radius);margin-left:.5rem;padding:.15rem .6rem;font-size:.95rem}main{flex:1;padding:2.5rem 0 4rem}.site-foot{border-top:1px solid var(--sand);background:var(--paper-deep);color:var(--ink-soft);padding:1.5rem 0 2rem;font-size:.9rem}.site-foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;display:flex}.site-foot a{color:inherit}.hero{grid-template-columns:1fr;align-items:end;gap:2rem;margin-bottom:3rem;display:grid}.hero p.lead{max-width:34rem;font-size:1.15rem}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;max-width:none;margin:0;padding:0;list-style:none;display:grid}.tool-card{border:1px solid var(--sand);border-left:5px solid var(--olive);color:var(--ink);border-radius:var(--radius);background:#fff;padding:1.1rem 1.2rem 1.2rem;text-decoration:none;display:block}.tool-card:hover{border-left-color:var(--signal);color:var(--ink)}.tool-card h3{margin:0 0 .3rem;font-size:1.35rem}.tool-card p{color:var(--ink-soft);margin:0;font-size:.95rem}.tool-card.soon{opacity:.55;pointer-events:none}.tool{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}@media (width>=56rem){.tool{grid-template-columns:1fr 1fr;align-items:start}}.tool-inputs{border:1px solid var(--sand);border-radius:var(--radius);background:#fff;padding:1.25rem}.field{margin-bottom:1rem}.field label{margin-bottom:.3rem;font-weight:600;display:block}.field .hint{color:var(--ink-soft);margin-top:.25rem;font-size:.85rem;display:block}.field input[type=number],.field select{width:100%;font:inherit;border:1px solid var(--sand);border-radius:var(--radius);background:var(--paper);color:var(--ink);padding:.55rem .7rem;font-size:1.1rem}.field input:focus,.field select:focus{border-color:var(--olive);background:#fff}.field-row{grid-template-columns:1fr auto;align-items:end;gap:.5rem;display:grid}.unit-toggle{border:1px solid var(--sand);border-radius:var(--radius);display:inline-flex;overflow:hidden}.unit-toggle label{cursor:pointer;background:var(--paper);padding:.5rem .75rem;font-size:.95rem}.unit-toggle input{opacity:0;position:absolute}.unit-toggle input:checked+span{background:var(--olive-deep);color:#fff}.unit-toggle span{margin:-.5rem -.75rem;padding:.5rem .75rem;display:block}.unit-toggle input:focus-visible+span{outline:3px solid var(--signal);outline-offset:-3px}.chips{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.chips button{font:inherit;border:1px solid var(--sand);background:var(--paper);cursor:pointer;color:var(--ink-soft);border-radius:999px;padding:.2rem .6rem;font-size:.85rem}.chips button:hover{border-color:var(--olive);color:var(--ink)}.readout{background:var(--panel);color:var(--panel-text);border-radius:6px;padding:1.25rem 1.5rem 1.5rem;position:sticky;top:1rem;box-shadow:inset 0 0 0 1px #ffffff0f}.readout .label{font-family:var(--font-display);color:var(--sand);letter-spacing:.04em;font-size:1rem}.readout .big{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:clamp(2.8rem,7vw,4.4rem);font-weight:700;line-height:1}.readout .big small{color:var(--sand);margin-left:.2em;font-size:.35em;font-weight:500}.readout .sub{border-top:1px solid #ffffff1f;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.75rem 1.5rem;margin-top:1.2rem;padding-top:1rem;display:grid}.readout .sub div{font-variant-numeric:tabular-nums}.readout .sub .k{color:var(--sand);font-size:.8rem;display:block}.readout .sub .v{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.verdicts{gap:.4rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.verdicts li{align-items:baseline;gap:.6rem;font-size:.95rem;display:flex}.verdicts .dot{background:var(--sand);border-radius:50%;flex:none;width:.7rem;height:.7rem;transform:translateY(.05rem)}.verdicts .ok .dot{background:var(--ok)}.verdicts .warn .dot{background:var(--warn)}.verdicts .bad .dot{background:var(--bad)}.verdicts .name{color:var(--sand);margin-right:.3rem}.bar{background:#ffffff1a;border-radius:999px;height:.6rem;margin-top:1rem;position:relative;overflow:hidden}.bar i{background:var(--ok);width:0%;height:100%;transition:width .25s,background-color .25s;display:block}.bar i.warn{background:var(--warn)}.bar i.bad{background:var(--bad)}.bar b{background:var(--signal);width:2px;position:absolute;top:-.2rem;bottom:-.2rem;left:80%}.bar-note{color:var(--sand);margin-top:.3rem;font-size:.8rem}@media (prefers-reduced-motion:reduce){.bar i{transition:none}}.explain{max-width:var(--measure)}.explain table{border-collapse:collapse;width:100%;margin:1rem 0 1.5rem;font-size:.95rem}.explain th,.explain td{text-align:left;border-bottom:1px solid var(--sand);vertical-align:top;padding:.45rem .6rem}.explain th{background:var(--paper-deep);font-weight:600}.formula{background:var(--paper-deep);border-radius:var(--radius);margin:.25rem 0 1rem;padding:.6rem .9rem;font-family:ui-monospace,Menlo,monospace;display:inline-block}.notice{border-left:4px solid var(--signal);max-width:var(--measure);background:#fff;margin:1.5rem 0;padding:.8rem 1rem}.notice p:last-child{margin-bottom:0}.related{margin-top:3rem}.prose figure,.explain figure{max-width:var(--measure);margin:1.5rem 0}.prose figure img,.explain figure img,.prose>p>img{border:1px solid var(--sand);border-radius:var(--radius);background:#fff;width:100%;display:block}.prose figcaption,.explain figcaption{color:var(--ink-soft);margin-top:.4rem;font-size:.82rem}