:root{--ink:#162c43;--muted:#496075;--blue:#2352a2;--bg:#f3f6f9;--border:#718599;font-size:18px}body{background:var(--bg)}header{background:white;color:var(--ink);padding:20px max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid #d8e0e8}header .brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;background:var(--blue);color:white;width:42px;height:42px;border-radius:50%;font-weight:800;font-size:26px}.brand strong{font-size:1.25rem;display:block;line-height:1.1}.brand small{font-size:.8rem;color:var(--muted);letter-spacing:1px}.role-switch{display:flex;border:1px solid #8ca0b2;border-radius:9px;background:#f1f5fa;padding:4px;gap:4px}.role-switch button{min-height:44px;padding:6px 18px;background:transparent;border:0;border-radius:6px;font-size:.9rem}.role-switch button[aria-pressed=true]{background:var(--blue);color:white;box-shadow:0 2px 4px #1d304022}.header-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.role-label{font-size:.75rem;color:var(--muted)}#font-toggle{font-size:.85rem;background:transparent}.demo-strip{font-size:.8rem;color:#465b6d;background:#e8edf4;padding:8px 24px;text-align:center}nav{max-width:1320px;margin:auto;background:transparent;border:0;padding:18px 24px 0;gap:8px}nav button{border:0;background:transparent;color:#40566b}nav button[aria-current=page]{background:#e2eaf6;color:#183c7a;font-weight:700}main{max-width:1320px;padding:28px 24px 44px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.page-heading p{margin-bottom:0}h1{font-size:1.9rem;letter-spacing:-.5px}h2{font-size:1.25rem}.eyebrow{font-size:.78rem;letter-spacing:1.1px;font-weight:700;color:#496075;margin-bottom:10px}.person{font-size:.85rem;background:white;border:1px solid #c4d0dc;border-radius:30px;padding:10px 18px;white-space:nowrap}.next-order{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #b9c9dc;background:white;border-radius:16px;box-shadow:0 6px 24px #19355608;overflow:hidden}.next-content{padding:32px}.next-content h2{font-size:1.7rem;line-height:1.25;max-width:470px}.order-number{font-weight:700;margin-top:22px;color:#435b70}.order-number span{font-weight:400}.address{font-size:1.16rem;line-height:1.5}.next-order .site-map{height:100%;min-height:340px;border:0;border-radius:0}.site-map{border:1px solid #b9c9bb;border-radius:10px;overflow:hidden;background:#e7eddf}.site-map svg{display:block;width:100%;height:100%;object-fit:cover}.wide{width:100%;min-height:58px}.next-content .wide{max-width:460px}.section-title{margin:30px 0 15px}.later-list{display:grid;gap:12px}.later-order{width:100%;display:grid;grid-template-columns:80px 1fr 28px;gap:18px;text-align:left;background:white;border:1px solid #c6d1dc;padding:20px;border-radius:12px}.later-order strong,.later-order small{display:block}.later-order small{font-size:.85rem;color:#496075;margin-top:5px}.time{font-weight:700;color:#254a76}.quiet{font-size:.8rem;color:#496075;margin-top:24px}.panel{border:1px solid #c3cfda;border-radius:12px;box-shadow:0 2px 8px #19355604;padding:26px}.work-width{max-width:1120px;margin:auto}.wizard{max-width:720px}.journey{display:flex;gap:8px;list-style:none;padding:0;margin:24px 0 30px}.journey li{flex:1;display:flex;align-items:center;gap:8px;color:#52677a;font-size:.9rem;white-space:nowrap}.journey li span{display:grid;place-items:center;border:1px solid #8ca0b2;border-radius:50%;width:30px;height:30px;flex-shrink:0;font-size:.8rem}.journey .current{color:#183f85;font-weight:700}.journey .current span{color:white;background:var(--blue);border-color:var(--blue)}.journey .done span{color:white;background:#176b52;border-color:#176b52}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.map-actions{margin-top:16px}.map-actions button{flex:1}.instruction{padding:17px;background:#eff3f8;border-left:4px solid #6280ad;border-radius:4px;margin:22px 0}.instruction p{margin:6px 0 0}.facts{margin:0}.facts div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #dce3ea}.facts dt{color:#496075}.facts dd{margin:0;text-align:right}.bottom-action{max-width:580px;margin:14px auto;text-align:center}.text-button{background:transparent;border-color:transparent;color:#234f8d;min-height:48px;padding:10px 8px}.step-label{color:#496075}.form-panel .field{margin-bottom:28px}.bar{height:6px;border-radius:5px;overflow:hidden;margin-bottom:24px}.step-actions{position:sticky;bottom:0;background:white;padding-top:18px;border-top:1px solid #d9e2ea;margin-top:24px}.step-actions>button{min-height:56px}.step-actions .primary{min-width:220px}.field label,.field legend{font-size:1.08rem}.choices{grid-template-columns:1fr 1fr;gap:12px}.choices label{min-height:60px}.choices label:has(input:checked){background:#edf3fc;border:2px solid #2352a2;padding:11px}.field-error:empty{display:none}.location-card{background:#ebf3f0;border:1px solid #91b8a9;border-radius:10px;padding:20px;margin-bottom:22px}.location-card p{font-size:.85rem;margin:5px 0 14px}.location-card .demo-option{margin:8px 0 0}.demo-option summary{padding:8px 0}.demo-option button{font-size:.85rem}.photo-upload{text-align:center;padding:20px 10px 32px}.photo-symbol{display:block;font-size:3rem;color:#3c6091}.photo-row{display:grid;grid-template-columns:80px 1fr;gap:18px;position:relative;padding:22px 0;border-top:1px solid #d8e2eb}.photo-row>button{grid-column:2;justify-self:start}.photo-thumb{display:grid;place-items:center;width:80px;height:90px;background:#dce7f2;border-radius:7px;font-weight:700;color:#31577e}.photo-row p{font-size:.9rem;margin:8px 0}.review-list{padding:0;list-style:none;margin:0}.review-list li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #d9e2ea}.review-list p{margin:5px 0 0;font-size:.9rem;color:#496075}.ok,.warn{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;color:white;background:#176b52;font-weight:700}.warn{background:#845207}.delivery-note{background:#f1f4f8;padding:16px;border-radius:8px;margin:24px 0;font-size:.88rem}.delivery-note p{margin:6px 0 0}.empty-state{text-align:center;padding:40px}.count{background:#2352a2;color:white;border-radius:30px;padding:0 8px;margin-left:8px}.split{grid-template-columns:minmax(360px,1.35fr) minmax(330px,1fr)}.filters{gap:12px}.filter{min-width:160px}.periods{gap:8px}.order button{font-size:.85rem}footer{max-width:1320px;margin:auto;text-align:center;font-size:.8rem;color:#496075}.form-cover{min-height:0}
@media(max-width:850px){.next-order{grid-template-columns:1fr 1fr}.next-content{padding:24px}.next-content h2{font-size:1.4rem}.detail-grid,.split{grid-template-columns:1fr}.page-heading{align-items:start}.person{display:none}.header-controls{gap:8px}header{padding:16px 20px}.role-label{display:none}.filter{min-width:140px}}
@media(max-width:620px){main{padding:22px 16px 36px}nav{padding:12px 12px 0}nav button{padding:10px}.next-order{grid-template-columns:1fr}.next-order>.site-map{display:none}.next-content{padding:24px}.next-content h2{font-size:1.6rem}.next-content .wide{max-width:none}.choices{grid-template-columns:1fr}.journey{gap:5px}.journey li{flex-direction:column;gap:6px;font-size:.77rem}.page-heading h1{font-size:1.7rem}.later-order{grid-template-columns:56px 1fr 18px;gap:12px;padding:18px}.later-order strong{font-size:1rem}.panel{padding:20px}.step-actions .primary{min-width:0;flex:1}.step-actions>button{padding:12px}.role-switch button{min-height:40px;padding:6px 14px}.brand strong{font-size:1.1rem}.brand small{font-size:.7rem}.brand-mark{width:36px;height:36px;font-size:22px}#font-toggle{min-height:40px;padding:8px}.header-controls{width:100%;justify-content:space-between}.demo-strip{padding:8px 16px;text-align:left}.filter.grow{min-width:0}.filters .filter{min-width:100%}.facts div{flex-direction:column;gap:4px}.facts dd{text-align:left}.row.map-actions button{flex-basis:100%}}