:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; --ink:#15392f; --paper:#f4f1e8; --panel:#fffdf8; --line:#c9d1c7; --accent:#df6f46; --muted:#66736d; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); line-height:1.5; }
header, main, footer { width:min(46rem, calc(100% - 2rem)); margin-inline:auto; }
header, footer { display:flex; justify-content:space-between; gap:1rem; padding:1rem 0; font-size:.82rem; }
header { border-bottom:1px solid var(--line); } header a { color:var(--ink); } .brand { font-weight:900; letter-spacing:.08em; text-decoration:none; }
main > section { margin-top:1rem; padding:clamp(1rem,4vw,2rem); border:1px solid var(--line); background:var(--panel); }
.hero { border-top:5px solid var(--accent); } h1 { max-width:14ch; margin:.2rem 0 .5rem; font-size:clamp(2rem,8vw,4rem); line-height:1; letter-spacing:-.06em; }
h2, p { margin-top:0; } .eyebrow { color:var(--accent); font-size:.69rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
form { display:grid; gap:.65rem; margin-top:1.2rem; } fieldset { display:flex; flex-wrap:wrap; gap:.5rem 1rem; padding:.7rem; border:1px solid var(--line); } legend, .text-label { font-weight:850; }
textarea, input { width:100%; padding:.78rem; border:1px solid var(--line); border-radius:0; color:var(--ink); background:white; font:inherit; }
textarea { min-height:9rem; resize:vertical; } button { min-height:2.8rem; padding:.65rem 1rem; border:0; color:white; background:var(--ink); font:inherit; font-weight:850; cursor:pointer; }
.contact, .privacy { color:var(--muted); font-size:.78rem; } .privacy input, fieldset input { width:auto; }
.receipt, .tracking article { margin-top:1rem; padding:1rem; border-left:4px solid var(--accent); background:#f9e8df; overflow-wrap:anywhere; }
.actions { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; } .public-list > p, .account > p { color:var(--muted); font-size:.85rem; }
.opinion { margin-top:.65rem; padding:1rem; border:1px solid var(--line); } .opinion h3 { margin:0 0 .5rem; font-size:1rem; } .opinion p { white-space:pre-wrap; overflow-wrap:anywhere; }
.opinion footer { width:auto; padding:.5rem 0 0; border-top:1px solid var(--line); } .opinion button { min-height:2.2rem; padding:.35rem .7rem; background:var(--accent); }
footer { color:var(--muted); } [hidden] { display:none !important; }
@media (max-width:560px) { header,main,footer { width:min(100% - .8rem, 34rem); } header,footer { padding:.65rem 0; } main > section { margin-top:.55rem; padding:.9rem; } fieldset { display:grid; } .actions { grid-template-columns:1fr; } }