/* S-003 — extracted from the Mapper prototype (b645f98eb1fa), verbatim */
:root{--sack:#D9C7A7;--sack-deep:#C9B48D;--paper:#F6F1E6;--ink:#1E1B16;--ink-soft:#4E463B;--chili:#C8321E;--maize:#E9B838;--field:#24513A;
--display:"Bodoni 72","Didot","Playfair Display","Georgia",serif;--body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
*{box-sizing:border-box;margin:0}
body{background:var(--sack);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.45;
background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 7px),repeating-linear-gradient(0deg,rgba(0,0,0,.035) 0 1px,transparent 1px 9px)}
a{color:var(--field)} button,input,select,textarea{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--maize);outline-offset:2px}
.wrap{max-width:640px;margin:0 auto;padding:0 20px 60px}
header{padding:16px 0 10px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.mark{font-family:var(--display);font-size:22px;text-decoration:none;color:var(--ink)} .mark span{color:var(--chili)}
.back{font-size:14px;font-weight:600;text-decoration:none}
h1{font-family:var(--display);font-weight:400;font-size:40px;line-height:1;margin:14px 0 6px}
.lead{font-size:15px;color:var(--ink-soft);margin-bottom:16px}
.card{background:var(--paper);border-radius:3px;padding:18px;box-shadow:0 1px 0 rgba(0,0,0,.2),0 8px 18px -14px rgba(0,0,0,.4);margin-top:16px}
h2{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.05;margin-bottom:8px}
.f{display:grid;gap:5px;margin-top:12px}
.f label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}
.f input,.f select,.f textarea{width:100%;padding:12px 13px;border:1px solid var(--sack-deep);border-radius:4px;background:#fff;color:var(--ink);font-size:16px}
.f textarea{min-height:90px;resize:vertical}
.f .hint{font-size:13px;color:var(--ink-soft)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px} @media(max-width:520px){.two{grid-template-columns:1fr}}
.btn{display:inline-block;border:0;border-radius:4px;padding:14px 22px;font-weight:700;font-size:16px;cursor:pointer;background:var(--field);color:#fff;text-decoration:none;text-align:center}
.btn.chili{background:var(--chili)} .btn.ghost{background:transparent;color:var(--field);border:1px solid var(--sack-deep)} .btn.wide{display:block;width:100%}
.btn.sm{padding:8px 12px;font-size:14px}
.pebble{border-radius:58% 42% 55% 45% / 48% 55% 45% 52%}
.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:2px}
.tag.ok{background:var(--field);color:#fff} .tag.warn{background:var(--maize);color:var(--ink)} .tag.off{background:var(--sack-deep);color:var(--ink)}
.rows{list-style:none;padding:0;margin:8px 0 0}
.rows li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px dashed var(--sack-deep);font-size:15px}
.rows li:first-child{border-top:0} .rows .amt{font-family:var(--mono);white-space:nowrap}
.fine{font-size:13px;color:var(--ink-soft);margin-top:10px}
.lang{display:inline-flex;border:1px solid var(--sack-deep);border-radius:999px;overflow:hidden;font-size:13px;font-weight:700}
.lang a,.lang button{padding:6px 12px;text-decoration:none;color:var(--ink);background:transparent;border:0;cursor:pointer}
.lang [aria-current="true"]{background:var(--ink);color:var(--paper)}

.wrap{max-width:480px}
.fee{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--sack-deep);padding-top:12px;margin-top:14px}
.fee b{font-family:var(--mono);font-weight:500;font-size:18px}
