/* Shared look for the walkthrough screens: a letter on the navy desk. */
:root{
  --env:#ECE6D9;--letter:#FBF9F4;--ink:#14244F;--navy:#1A3376;--desk:#13214A;--ink-2:#4B5675;
  --rule:#14244F2E;--gold:#83632A;--gold-lt:#D2B477;--brick:#9E2B25;--green:#2F6B45;
  --ease:cubic-bezier(.16,1,.3,1);--serif:"Source Serif 4",Georgia,serif;--sans:"Source Sans 3",system-ui,sans-serif;
  --tint-soft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='132' height='36'%3E%3Cg font-family='Georgia,serif' font-size='8.5' fill='%231A3376' fill-opacity='.075'%3E%3Ctext x='3' y='12' textLength='126'%3ETEXANS UNITED %C2%B7%3C/text%3E%3Ctext x='-63' y='30' textLength='126'%3ETEXANS UNITED %C2%B7%3C/text%3E%3Ctext x='69' y='30' textLength='126'%3ETEXANS UNITED %C2%B7%3C/text%3E%3C/g%3E%3C/svg%3E");
}
*{box-sizing:border-box}
body{margin:0;background:var(--desk);color:var(--ink);font:400 1.0625rem/1.6 var(--sans);min-height:100vh}
::selection{background:var(--navy);color:var(--letter)}
a{color:inherit}
:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.sample{margin:0;padding:.5rem 1rem;text-align:center;font-size:.82rem;color:#E8EAF2}
.sheet{background:var(--letter);max-width:1080px;margin:0 auto 3rem;padding:clamp(1.6rem,4vw,3.4rem) clamp(1.25rem,4vw,3.6rem) clamp(2rem,4vw,3.4rem);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-bottom:1.4rem;border-bottom:1.5px solid var(--ink);flex-wrap:wrap}
.sheet-head img{height:46px;width:auto;display:block}
.sheet-head .meta{text-align:right;font-size:.9rem;color:var(--ink-2)}
h1{font:700 clamp(2rem,3.6vw,3.1rem)/1.05 var(--serif);letter-spacing:-.02em;margin:1.8rem 0 .6rem}
h2{font:700 1.35rem/1.2 var(--serif);margin:0 0 .8rem}
.lede{margin:0;color:var(--ink-2);max-width:40rem}
.k{font:700 .7rem/1.1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.k i{font-style:normal;color:var(--gold);margin-right:.4rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font:600 1rem/1.1 var(--sans);text-decoration:none;padding:.95rem 1.3rem;border:0;cursor:pointer;transition:background-color .3s}
.btn-navy{background:var(--navy);color:var(--letter)}
.btn-navy:hover{background:var(--ink)}
.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn-line:hover{background:#14244F0D}
.tc{text-decoration:underline dotted 1.5px;text-underline-offset:.22em;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}
.note{font-size:.88rem;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

@media (max-width:640px){.sheet-head .meta{text-align:left}}