@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,system-ui,sans-serif;color:#192333;background:#f5f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,textarea{font:inherit}button{cursor:pointer;border:1px solid #d4d9e1;border-radius:9px;padding:11px 15px;background:white;color:#192333;font-size:13px;font-weight:600}button:hover{background:#edf0f4}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #ad4b27;outline-offset:3px}.primary{background:#c25b32;color:white;border-color:#c25b32}.primary:hover{background:#9a4221}header{background:#111b2c;color:white;min-height:76px;padding:18px 30px;display:flex;align-items:center;gap:25px}.brand{font-size:30px;color:#f28b61;font-weight:800;letter-spacing:-1px;text-decoration:none}.brand span{font-size:14px;font-weight:500;color:#d4dce9;letter-spacing:0;margin-left:18px}.header-note{margin-left:auto;font-size:12px;color:#bdc8da}.header-link{font-size:13px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr) 290px;min-height:calc(100vh - 150px)}nav{padding:25px 14px;background:white;border-right:1px solid #dce1e8;position:sticky;top:0;align-self:start;max-height:calc(100vh - 76px);overflow:auto}nav p{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#68788e;margin:4px 10px 20px}nav button{display:block;width:100%;text-align:left;border:0;background:transparent;font-size:12px;line-height:1.5;padding:12px;margin:4px 0}nav button[aria-current=step]{background:#fff0e9;color:#953d20}main{min-width:0;padding:40px clamp(22px,3.5vw,60px) 55px}h1{font-size:clamp(29px,3.2vw,45px);line-height:1.14;letter-spacing:-1.2px;margin:14px 0 25px}h2{font-size:19px;margin:27px 0 12px}h3{font-size:17px;line-height:1.5;margin:25px 0 13px}.eyebrow{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#9c4626}.question{font-size:18px;line-height:1.6;margin:0 0 25px;border-left:3px solid #c8633d;padding-left:20px}.body,.value{font-size:15px;line-height:1.8;color:#445168}.value{background:#fff0e9;color:#593723;border-radius:12px;padding:18px 22px}.small,figcaption{font-size:12px;color:#657186;line-height:1.65}figure{margin:25px 0}.product-image{width:100%;display:block;padding:0;overflow:hidden;background:white;border-radius:12px;position:relative;box-shadow:0 10px 35px #16233d13}.product-image img{display:block;width:100%;height:auto}.product-image span{position:absolute;right:10px;bottom:10px;background:#111b2ce8;color:white;border-radius:5px;padding:7px 10px;font-size:11px}figcaption{margin-top:10px}aside{padding:30px 22px;border-left:1px solid #dce1e8;background:white;min-width:0}aside h2{font-size:21px;line-height:1.35;margin-top:12px}.roles{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}.roles button{font-size:11px;padding:8px 10px}.roles button[aria-pressed=true]{background:#111b2c;color:white;border-color:#111b2c}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}textarea{font-size:13px;line-height:1.65;width:100%;border:1px solid #bdc8d7;border-radius:9px;padding:12px;resize:vertical;min-height:150px}#copyQuestion{margin-top:10px}.notice{margin:28px 0 20px;padding:15px;background:#f4f6f9;border-radius:9px;font-size:11px;line-height:1.7;color:#68778b}.text-link{font-size:13px}footer{position:sticky;bottom:0;z-index:2;background:white;border-top:1px solid #dce1e8;height:74px;display:flex;align-items:center;justify-content:space-between;padding:12px 26px;gap:20px}footer>div{max-width:420px;flex:1;text-align:center;font-size:12px;color:#67768b}progress{display:block;width:100%;height:4px;margin-top:9px;accent-color:#c25b32}.skip{position:absolute;top:-60px}.skip:focus{top:10px;left:10px;background:white;color:#111b2c;z-index:10;padding:15px}dialog{padding:18px;border:1px solid #bdc8d7;border-radius:14px;width:min(1200px,96vw);max-height:95vh}dialog::backdrop{background:#111b2cce}dialog img{width:100%;height:auto;display:block;margin-top:15px}dialog p{font-size:12px;color:#657186}#closeImage{display:block;margin-left:auto}@media(max-width:1120px){.layout{grid-template-columns:180px minmax(0,1fr)}aside{grid-column:2;border-top:1px solid #dce1e8}.header-note{display:none}.header-link{margin-left:auto}}@media(max-width:700px){header{flex-wrap:wrap;padding:17px 20px;gap:10px}.brand{width:100%}.header-link{margin-left:0}.layout{display:block}nav{position:static;display:flex;gap:5px;overflow:auto;max-height:none;padding:10px}nav p{display:none}nav button{min-width:150px;max-width:200px;flex-shrink:0}main{padding:30px 20px}aside{border-left:0;padding:30px 20px}.question{font-size:16px}footer{padding:10px 12px}footer button{font-size:12px;padding:10px}h1{letter-spacing:-.8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
header{flex-wrap:wrap}