/* S589 postcard order status page (no inline styles or scripts) */
@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-400-latin.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:600;font-display:swap;src:url(/assets/fonts/inter-600-latin.woff2) format('woff2')}
@font-face{font-family:Inter;font-weight:800;font-display:swap;src:url(/assets/fonts/inter-800-latin.woff2) format('woff2')}
:root{--g:#0B6E4F;--g2:#0A5A41;--gs:#E6F5EF;--navy:#1B365D;--ink:#12151A;--mut:#4F5A64;--bd:#E3E7EC;--paper:#FBFAF7}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:400 17px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--paper)}
a{color:var(--g)}img{max-width:100%}.w{max-width:760px;margin:0 auto;padding:0 18px}
.hd{background:#fff;border-bottom:1px solid var(--bd)}.hd .w{display:flex;align-items:center;height:62px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--navy);text-decoration:none;font-size:18px}.logo svg{width:30px;height:30px}
.kick{color:var(--g);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:13px;margin:28px 0 6px}
h1{font-size:clamp(28px,5vw,40px);line-height:1.1;letter-spacing:-.02em;margin:0 0 16px;font-weight:800}h2{font-size:22px;margin:0 0 10px;font-weight:800}
.card{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:18px;margin:0 0 16px}.mut{color:var(--mut)}.fine{font-size:14px;color:var(--mut);margin:8px 0 40px}
.sub{margin:0 0 4px;font-weight:600;color:var(--navy)}.tag{display:inline-block;background:#FEF3C7;color:#78350F;font-weight:800;font-size:13px;border-radius:999px;padding:2px 10px;margin:0 0 8px}
label{display:block;font-weight:600;margin:12px 0 4px}input,textarea{width:100%;font:inherit;padding:12px;border:1px solid #CBD2D9;border-radius:10px;background:#fff}textarea{min-height:96px}
.btn{display:inline-block;background:var(--g);color:#fff;font-weight:800;text-decoration:none;padding:14px 20px;border-radius:12px;border:0;font-size:17px;line-height:1.2;cursor:pointer;text-align:center;margin-top:14px;min-height:48px}
.btn:hover{background:var(--g2)}.btn.ghost{background:#fff;color:var(--g);border:2px solid var(--g)}.btn:disabled{opacity:.6;cursor:default}
.err{color:#B42318;font-weight:600;margin:10px 0 0}.ok{background:var(--gs);border:1px solid var(--g);border-radius:12px;padding:12px 14px;margin:12px 0 0}
.steps{list-style:none;margin:16px 0 8px;padding:0;display:grid;gap:0}
.steps li{position:relative;padding:0 0 18px 40px;min-height:30px}.steps li:last-child{padding-bottom:4px}
.steps li:before{content:"";position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;border:2px solid var(--bd);background:#fff}
.steps li:after{content:"";position:absolute;left:12px;top:28px;bottom:2px;width:2px;background:var(--bd)}.steps li:last-child:after{display:none}
.steps li.done:before{background:var(--g);border-color:var(--g)}.steps li.done:after{background:var(--g)}
.steps li.done span.ck{position:absolute;left:8px;top:4px;width:10px;height:15px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}
.steps li.cur:before{border-color:var(--g);border-width:3px;background:var(--gs)}.steps b{display:block;line-height:1.3}.steps li.todo b{color:var(--mut);font-weight:600}.steps small{color:var(--mut);font-size:14px}
.stline{margin:6px 0 0;font-weight:600}.promise{margin:10px 0 0;color:var(--mut);font-size:15px}
.pf{display:grid;gap:12px;margin:0 0 6px}.pf img{width:100%;border:1px solid var(--bd);border-radius:10px;background:#fff}.pf a{font-weight:700}
.row{display:flex;flex-wrap:wrap;gap:10px}.row .btn{flex:1 1 220px}
[hidden]{display:none!important}