:root{--ink:#14231d;--paper:#f3f0e7;--green:#155c45;--lime:#d7f06c;--line:#c8c7bc;--white:#fffdf7;--muted:#667069}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Yu Gothic",Meiryo,sans-serif;line-height:1.75}.topbar{height:64px;padding:0 max(24px,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:13px}.brand{color:var(--ink);text-decoration:none;font-weight:800;font-size:17px;letter-spacing:.04em}main{max-width:1120px;margin:auto}.hero{min-height:650px;display:grid;grid-template-columns:1.55fr .75fr;gap:70px;align-items:center;padding:70px 24px}.eyebrow{color:var(--green);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}h1{font-size:clamp(42px,6vw,76px);line-height:1.12;letter-spacing:-.055em;margin:.15em 0 .35em}h1 em{font-style:normal;color:var(--green);box-shadow:inset 0 -.22em var(--lime)}.lead{font-size:18px;max-width:650px}.button{display:inline-flex;gap:24px;align-items:center;background:var(--ink);color:white;border:0;padding:15px 22px;text-decoration:none;font-weight:800;border-radius:2px;cursor:pointer}.button span{font-size:12px;color:var(--lime)}.promise{background:var(--green);color:white;padding:34px;position:relative;box-shadow:14px 14px 0 var(--lime)}.promise h2{font-size:25px}.promise li{margin:.4em 0}.stamp{position:absolute;right:20px;top:-35px;background:var(--lime);color:var(--ink);border-radius:50%;width:72px;height:72px;display:grid;place-content:center;text-align:center;font:bold 11px/1.2 monospace;transform:rotate(8deg)}.context{padding:60px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.context>p{font-size:24px;font-weight:700}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.three article{background:var(--paper);padding:24px}.three b,.three span{display:block}.three b{color:var(--green);font-size:22px}.diagnosis{padding:90px 24px}.section-head{max-width:700px}.section-head h2,.result h2{font-size:42px;margin:.1em 0}.section-head>p:last-child{color:var(--muted)}fieldset{border:0;border-top:1px solid var(--line);padding:32px 0;margin:0}legend{font-size:20px;font-weight:800;padding:0 20px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid label,.checks label{font-size:14px;font-weight:700}.grid select{display:block;width:100%;margin-top:7px;padding:12px;background:var(--white);border:1px solid var(--line);font:inherit}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.checks label{background:var(--white);padding:13px}.checks input{margin-right:10px;accent-color:var(--green)}.questions{grid-template-columns:repeat(2,1fr)}.submit{font-size:16px}.result{margin:20px 24px 90px;padding:42px;background:var(--white);border:1px solid var(--line)}.result-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start}.actions{display:flex;gap:8px}.actions button{padding:10px 14px;background:white;border:1px solid var(--ink);cursor:pointer}.notice{background:#fff4cf;border-left:5px solid #d49c00;padding:16px;margin:22px 0}.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.rule-card{border-top:4px solid var(--green);background:var(--paper);padding:20px}.rule-card h3{margin:0 0 8px}.rule-card ul,.rule-card ol{padding-left:1.3em}.tag{display:inline-block;font-size:11px;font-weight:800;padding:3px 8px;margin:2px;background:var(--lime)}.tag.red{background:#ffd4cc}.tag.amber{background:#ffe7a5}.employee-sheet{grid-column:1/-1;border:2px solid var(--ink);padding:24px;background:white}.asof,.small{font-size:12px;color:var(--muted)}footer{background:var(--ink);color:white;padding:55px max(24px,calc((100% - 1072px)/2))}footer b{font-size:20px}@media(max-width:760px){.topbar span{display:none}.hero{grid-template-columns:1fr;gap:55px;padding-top:45px}.grid,.checks,.questions,.three,.rule-grid{grid-template-columns:1fr}.result-head{display:block}.actions{margin-top:15px}.result{padding:24px 18px}.section-head h2,.result h2{font-size:32px}}@media print{.topbar,.hero,.context,.diagnosis,footer,.actions{display:none!important}.result{display:block!important;margin:0;border:0;padding:0}.rule-card{break-inside:avoid}.notice{font-size:11px}body{background:white}}