:root{font-family:Arial,sans-serif;color:#172a3a;background:#f5f2e9;--navy:#172a3a;--orange:#b94012}*{box-sizing:border-box}body{margin:0}header,main{max-width:1140px;margin:auto}header{display:flex;justify-content:space-between;padding:24px;font-size:13px;border-bottom:1px solid #b8bab7}a{color:inherit;text-underline-offset:4px}header a{text-decoration:none;font-weight:bold}main{padding:0 24px}section{padding:66px 0;border-bottom:1px solid #b8bab7}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}h1{font-size:clamp(40px,5.5vw,68px);letter-spacing:-3px;line-height:1.03;margin:22px 0}h1 em{font-family:Georgia,serif;font-weight:normal;color:var(--orange)}h2{font-size:36px;line-height:1.1;letter-spacing:-1px;margin:12px 0 22px}h3{font-size:21px}.lead{font-size:21px;line-height:1.5}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:1.8px;text-transform:uppercase}.small{font-size:13px;line-height:1.6}p,li{line-height:1.6}.button,button{display:inline-block;border:2px solid var(--navy);background:var(--navy);color:white;padding:14px 20px;font-size:16px;font-weight:bold;text-decoration:none;cursor:pointer;border-radius:3px}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:transparent;color:var(--navy)}button:hover:not(:disabled),.button:hover{background:#31485a;color:white}.drawing{display:grid;grid-template-columns:1fr 1fr;gap:10px;transform:rotate(2deg);padding:20px;background:#deded5;border:1px solid #172a3a;box-shadow:10px 12px 0 #172a3a}.tag,.drawing p{grid-column:1/-1;font-family:monospace;margin:0;font-size:12px}.tile{min-height:130px;padding:18px;border:1px solid #172a3a;display:flex;flex-direction:column;gap:10px}.tile b{font-size:40px;line-height:1}.tile span{font-size:14px;line-height:1.4}.plus{background:#e6efcf}.minus{background:#f7dacb}.same{background:#e3e7eb}.ask{background:#f6e9ab}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.job{max-width:500px;margin:28px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border-top:5px solid var(--navy);padding:22px;background:#fffef9}.panel p{font-size:14px;min-height:45px}.panel label{display:flex;align-items:center;gap:16px;font-size:21px}.symbol{font-size:28px;width:42px;height:42px;display:grid;place-items:center;background:#e3e7eb}.add .symbol{background:#e6efcf}.remove .symbol{background:#f7dacb}.confirm .symbol{background:#f6e9ab}label{font-weight:bold;display:block;margin-bottom:10px}label span:not(.symbol){font-size:12px;font-weight:normal;display:block;margin-top:5px}input,textarea{width:100%;font:16px/1.55 Arial,sans-serif;padding:13px;background:#fff;border:1px solid #687683;border-radius:2px;color:var(--navy)}textarea{resize:vertical}input:focus,textarea:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b94012;outline-offset:3px}.review{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;margin-top:36px;padding:30px;background:#e4e8e8}.review button{margin:6px 4px 6px 0}#note{font-family:monospace;font-size:14px;background:#fffef9}.guide{max-width:820px}li{margin:18px 0;padding-left:10px}summary{cursor:pointer;padding:18px 0;font-weight:bold}details{border-top:1px solid #b8bab7}.app{display:grid;grid-template-columns:1.4fr 1fr;gap:70px}.app img{border-radius:16px}aside{border-left:3px solid var(--orange);padding-left:26px}footer{padding:35px 0;font-size:14px;line-height:1.6}#status{font-weight:bold}@media(max-width:700px){header span{display:none}.hero,.review,.app,.grid{grid-template-columns:1fr}.hero{gap:32px}.drawing{margin:0 12px 0 0}section{padding:42px 0}h1{letter-spacing:-2px}h2{font-size:30px}.section-heading{display:block}.panel p{min-height:0}.review{padding:20px}.app{gap:24px}main{padding:0 20px}aside{padding-left:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}