:root{--ink:#17201d;--muted:#65716c;--line:#dbe3de;--surface:#f7faf8;--accent:#155d45;--soft:#e4f2ea;--warn:#895400;--danger:#a53636}*{box-sizing:border-box}body{background:var(--surface);color:var(--ink);margin:0;font:16px/1.55 Arial,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}a{color:var(--accent);text-underline-offset:3px}.site-header,.site-footer,.page-shell{width:min(1120px,100% - 32px);margin:auto}.site-header{justify-content:space-between;align-items:center;gap:20px;min-height:68px;display:flex}.site-header nav,.site-footer nav{flex-wrap:wrap;gap:16px;font-size:.94rem;display:flex}.brand{color:var(--ink);font-weight:800;text-decoration:none}.page-shell{padding:40px 0 56px}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:24px 0 36px;font-size:.9rem}.site-footer p{margin:0 0 10px}.eyebrow{color:var(--accent);letter-spacing:.12em;margin:0 0 10px;font-size:.78rem;font-weight:800}.hero{max-width:760px;margin-bottom:28px}.hero h1,.prose h1{letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.05}.hero>p:not(.eyebrow){color:var(--muted);font-size:1.15rem}.button{background:var(--accent);color:#fff;border-radius:8px;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-block}.card-grid,.details-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card,.panel,.details-grid article,.notice,.prose{border:1px solid var(--line);background:#fff;border-radius:12px}.card,.panel,.details-grid article{padding:20px}.card h2,.panel h2,.details-grid h2{margin-top:0;font-size:1.1rem}.card p,.details-grid p,.details-grid ul,.muted{color:var(--muted)}.notice{background:var(--soft);border-color:#bcdccc;gap:3px;margin:0 0 20px;padding:14px 16px;font-size:.92rem;display:grid}.tool-grid{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:18px;display:grid}.field-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.field-grid label{gap:3px;font-size:.92rem;font-weight:700;display:grid}.field-grid small{color:var(--muted);font-weight:400}.field-grid input{width:100%;font:inherit;border:1px solid #b9c7c0;border-radius:7px;padding:9px 10px}.result-row,.metrics div{border-bottom:1px solid var(--line);justify-content:space-between;gap:14px;padding:12px 0;display:flex}.result-row span,.metrics span{color:var(--muted)}.calculation-note{color:var(--muted);font-size:.88rem}.details-grid{margin-top:20px}.warning{color:var(--warn);font-size:.9rem;font-weight:700}.issue-list,.finding-list{gap:8px;display:grid}.issue{background:#fafafa;border-left:4px solid;gap:2px;padding:10px 12px;font-size:.92rem;display:grid}.issue.error{border-color:var(--danger)}.issue.warning{color:var(--ink);border-color:#d8a62d}.pass{color:var(--accent);font-weight:700}.score-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.score-grid div{background:var(--surface);border-radius:8px;gap:2px;padding:12px;display:grid}.score-grid span,.score-grid small{color:var(--muted);font-size:.78rem}.score-grid strong{color:var(--accent);font-size:1.65rem;line-height:1}.metrics{grid-template-columns:repeat(2,1fr);gap:0 18px;display:grid}.finding-list article{border-left:4px solid var(--accent);background:var(--surface);padding:12px 14px}.finding-list p{color:#3d4c45;margin:7px 0 0;font-size:.92rem}.prose{max-width:760px;padding:clamp(22px,5vw,46px)}.prose h1{font-size:clamp(2rem,5vw,3.2rem)}.prose h2{margin-top:32px}.prose p{color:#3d4c45}@media (width<=760px){.site-header{flex-direction:column;align-items:flex-start;padding:18px 0}.page-shell{padding-top:28px}.card-grid,.tool-grid,.details-grid,.score-grid,.field-grid,.metrics{grid-template-columns:1fr}.hero h1{font-size:2.45rem}}