:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #342321;
  background: #fffaf1;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  --maroon: #7b1022;
  --saffron: #e6a72d;
  --muted: #75645c;
}

* { box-sizing: border-box; }
body { min-width: 320px; min-height: 100vh; margin: 0; }
a { color: var(--maroon); }
.shell { width: min(100% - 36px, 760px); margin: 0 auto; padding: 64px 0 28px; }
.brand { text-align: center; padding: 12px 16px 32px; }
.mark { display: grid; place-items: center; width: 78px; height: 78px; margin: 0 auto 20px; border: 2px solid #f2d887; border-radius: 25px; background: var(--maroon); color: #ffe18a; font-family: serif; font-size: 43px; box-shadow: 0 8px 24px #7b102222; }
.eyebrow { margin: 0 0 8px; color: var(--maroon); font-size: 13px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
h1 { margin: 0; color: #4a151b; font-family: Georgia, "Times New Roman", serif; font-size: clamp(34px, 8vw, 48px); letter-spacing: -.035em; }
.intro { max-width: 520px; margin: 14px auto 0; color: var(--muted); font-size: 17px; line-height: 1.6; }
.links { display: grid; gap: 14px; }
.card { display: grid; grid-template-columns: 44px 1fr 24px; align-items: center; gap: 16px; padding: 20px; border: 1px solid #eddcc3; border-radius: 17px; background: #fff; color: inherit; text-decoration: none; box-shadow: 0 6px 22px #5621130c; transition: transform .15s ease, box-shadow .15s ease; }
.card:hover, .card:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 26px #56211318; }
.card-icon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: #fff2d4; color: var(--maroon); font-size: 23px; }
.store-card { border-color: #e4c45f; background: linear-gradient(135deg, #fffdf7, #fff5d9); }
.store-card .card-icon { background: var(--maroon); color: #ffe18a; font-size: 18px; }
.card strong, .card small { display: block; }
.card strong { color: var(--maroon); font-size: 17px; }
.card small { margin-top: 5px; color: var(--muted); font-size: 14px; line-height: 1.45; }
.arrow { color: var(--saffron); font-size: 24px; }
footer { margin-top: 42px; color: var(--muted); font-size: 13px; text-align: center; }
footer a { font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.document { width: min(100% - 36px, 780px); margin: 0 auto; padding: 36px 0 60px; color: #342321; }
.document .back { display: inline-block; margin-bottom: 34px; color: var(--maroon); font-size: 14px; font-weight: 650; text-decoration: none; }
.document .back:hover, .document .back:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.document .eyebrow { margin-bottom: 9px; }
.document h1 { font-size: clamp(34px, 7vw, 44px); }
.document .updated { margin: 10px 0 28px; color: var(--muted); font-size: 14px; }
.document h2 { margin: 30px 0 8px; color: #571820; font-family: Georgia, "Times New Roman", serif; font-size: 22px; }
.document p { font-size: 16px; line-height: 1.72; }
.document p a { overflow-wrap: anywhere; }
.document footer { margin-top: 42px; padding-top: 18px; border-top: 1px solid #eddcc3; }
@media (max-width: 480px) { .shell { padding-top: 40px; } .card { gap: 12px; padding: 16px; } }