.simple-shell { min-height: 100vh; display: grid; grid-template-rows: auto 1fr auto; }
.simple-header { display: flex; justify-content: space-between; align-items: center; min-height: 70px; padding: 10px max(20px, calc((100vw - 980px) / 2)); border-bottom: 1px solid var(--line); background: var(--paper-bright); }
.simple-header > a:last-child { color: var(--primary); font-size: 10px; font-weight: 800; }
.simple-main { width: min(980px, calc(100% - 32px)); margin: 0 auto; padding: 70px 0 90px; }
.status-card { position: relative; width: min(620px, 100%); margin: auto; padding: 45px; overflow: hidden; border: 1px solid var(--line); border-radius: 27px 31px 25px 34px; background: var(--paper-bright); box-shadow: var(--shadow); text-align: center; }
.status-card::before { content: ""; position: absolute; top: -95px; right: -80px; width: 230px; height: 230px; border-radius: 50%; background: var(--pink-soft); }
.status-icon { position: relative; display: grid; place-items: center; width: 76px; height: 76px; margin: 0 auto 23px; border: 1px solid var(--mint); border-radius: 25px 29px 23px 31px; background: var(--mint-soft); color: #3d8269; font: 800 30px var(--display); transform: rotate(-3deg); }
.status-icon.cancel { border-color: var(--pink); background: var(--pink-soft); color: var(--secondary); }
.status-icon.not-found { border-color: var(--lavender); background: var(--lavender-soft); color: var(--primary); }
.status-card h1 { position: relative; font-size: 36px; }.status-card > p { position: relative; color: var(--ink-soft); font-size: 12px; line-height: 1.65; }
.order-summary { display: grid; gap: 8px; margin: 24px 0; padding: 16px; border: 1px dashed var(--blue); border-radius: 14px; background: var(--blue-soft); text-align: left; }
.order-summary div { display: flex; justify-content: space-between; gap: 20px; font-size: 10px; }.order-summary span { color: var(--ink-soft); }.order-summary strong { text-align: right; }.status-actions { position: relative; display: flex; justify-content: center; gap: 10px; margin-top: 26px; }
.legal-main { max-width: 800px; }.legal-hero { padding-bottom: 30px; border-bottom: 1px solid var(--line); }.legal-hero .section-kicker { margin-bottom: 10px; }.legal-hero h1 { font-size: clamp(37px, 6vw, 58px); }.legal-hero p { color: var(--ink-soft); font-size: 12px; line-height: 1.6; }
.legal-warning { margin: 24px 0; padding: 14px 16px; border: 1px solid var(--pink); border-radius: 13px; background: var(--pink-soft); color: var(--ink); font-size: 10px; line-height: 1.55; }.legal-warning[hidden] { display: none; }
.legal-content { padding-top: 12px; }.legal-content section { padding: 24px 0; border-bottom: 1px dashed var(--line); }.legal-content h2 { margin: 0 0 10px; font-size: 21px; letter-spacing: -.02em; }.legal-content h3 { margin: 18px 0 7px; font: 800 13px var(--display); }.legal-content p, .legal-content li, .legal-content address { color: var(--ink-soft); font-size: 11px; line-height: 1.7; }.legal-content address { font-style: normal; white-space: pre-line; }.legal-content a { color: var(--primary); text-decoration: underline; }.legal-content ul { padding-left: 20px; }
.simple-footer { padding: 22px; border-top: 1px solid var(--line); background: var(--paper-bright); color: var(--ink-soft); text-align: center; font-size: 9px; }
@media (max-width: 560px) { .status-card { padding: 32px 20px; }.status-actions { flex-direction: column; }.status-actions .button { width: 100%; }.simple-main { padding-top: 42px; } }

/* Match the improved readability of the main landing page. */
.simple-header > a:last-child,
.order-summary div,
.legal-warning { font-size: 12px; }
.legal-content p,
.legal-content li,
.legal-content address { font-size: 13px; }
.simple-footer { font-size: 11px; }