
/* US Detour third 100 improvement pass: polish, UX, accessibility, conversion, print */
:root{--detour-ink:#102033;--detour-muted:#5d6978;--detour-paper:#fffaf2;--detour-sand:#f6ead6;--detour-gold:#ffb347;--detour-orange:#f97316;--detour-teal:#0f766e;--detour-blue:#0b4a6f;--detour-line:rgba(16,32,51,.14);--detour-shadow:0 18px 50px rgba(16,32,51,.14);--detour-radius:22px}
html{scroll-behavior:smooth;text-rendering:optimizeLegibility}
body{accent-color:var(--detour-orange)}
img{max-width:100%;height:auto}
.site-header{backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px)}
.nav a[aria-current="page"]{font-weight:900;text-decoration:underline;text-underline-offset:.38em;text-decoration-thickness:3px;text-decoration-color:var(--detour-orange)}
.nav .menu a{position:relative}.nav .menu a:not(.nav-cta)::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.25rem;height:2px;background:linear-gradient(90deg,var(--detour-orange),var(--detour-gold));transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav .menu a:hover::after{transform:scaleX(1)}
.hero,.home-hero-image{position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(255,179,71,.3),transparent 26%),linear-gradient(180deg,rgba(5,19,35,.10),rgba(5,19,35,.26));pointer-events:none;z-index:-1}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(0deg,rgba(255,250,242,.95),transparent);pointer-events:none}
.hero h1,.section-title{text-wrap:balance}.hero p,.lead{text-wrap:pretty}.eyebrow,.section-kicker{letter-spacing:.11em;text-transform:uppercase;font-weight:900}.btn{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{transform:translateY(-2px);filter:saturate(1.05)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid rgba(249,115,22,.45);outline-offset:3px;border-radius:10px}
.story-card,.quick-card,.state-card,.article-card,.detour-card,.feature-card{content-visibility:auto;contain-intrinsic-size:320px;border-color:var(--detour-line)!important;box-shadow:0 8px 30px rgba(16,32,51,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.story-card:hover,.quick-card:hover,.state-card:hover,.article-card:hover,.detour-card:hover,.feature-card:hover{transform:translateY(-4px);box-shadow:var(--detour-shadow);border-color:rgba(249,115,22,.35)!important}.story-card img,.quick-card img,.article-card img,.state-card img{transition:transform .32s ease;object-fit:cover}.story-card:hover img,.quick-card:hover img,.article-card:hover img,.state-card:hover img{transform:scale(1.035)}
.badge-strip{display:flex;gap:.55rem;flex-wrap:wrap;margin:.9rem 0}.badge-strip span,.mini-pill,.tag-chip{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--detour-line);background:rgba(255,255,255,.76);border-radius:999px;padding:.38rem .7rem;font-weight:800;font-size:.86rem;color:var(--detour-ink)}
.detour-breadcrumbs{max-width:1180px;margin:1.1rem auto .2rem;padding:0 1rem;color:var(--detour-muted);font-size:.92rem}.detour-breadcrumbs a{color:inherit;text-decoration:none}.detour-breadcrumbs a:hover{text-decoration:underline}.detour-breadcrumbs span{margin:0 .35rem;color:rgba(16,32,51,.35)}
.detour-toc{border:1px solid var(--detour-line);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,234,214,.64));border-radius:var(--detour-radius);padding:1rem;margin:1.35rem 0;box-shadow:0 10px 28px rgba(16,32,51,.07)}.detour-toc strong{display:block;margin-bottom:.55rem}.detour-toc a{display:inline-block;margin:.25rem .65rem .25rem 0;text-decoration:none;font-weight:800}.detour-toc a:hover{text-decoration:underline;text-underline-offset:.24em}
.article-meta-plus{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.article-meta-plus span{background:#fff;border:1px solid var(--detour-line);border-radius:999px;padding:.45rem .72rem;font-weight:800;font-size:.9rem;color:var(--detour-muted)}
.next-step-box{border:1px solid rgba(249,115,22,.24);background:linear-gradient(135deg,#fff7ed,#fff);border-radius:var(--detour-radius);padding:1.1rem;margin:1.4rem 0;box-shadow:0 12px 32px rgba(249,115,22,.09)}.next-step-box h2,.next-step-box h3{margin-top:0}.next-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem}.next-step-grid a{display:block;background:#fff;border:1px solid var(--detour-line);border-radius:16px;padding:.85rem;text-decoration:none;font-weight:900}.next-step-grid a span{display:block;color:var(--detour-muted);font-weight:600;font-size:.9rem;margin-top:.25rem}
.sticky-tools{position:fixed;right:1rem;bottom:1rem;z-index:60;display:flex;flex-direction:column;gap:.45rem}.sticky-tools button,.sticky-tools a{border:0;border-radius:999px;background:#102033;color:#fff;padding:.72rem .85rem;font-weight:900;box-shadow:0 10px 28px rgba(16,32,51,.22);cursor:pointer;text-decoration:none}.sticky-tools button:hover,.sticky-tools a:hover{background:#f97316}.scroll-progress{position:fixed;top:0;left:0;width:0;height:4px;background:linear-gradient(90deg,#f97316,#ffb347,#0f766e);z-index:9999}.reading-progress-label{position:fixed;left:-9999px}
.state-spotlight{border:1px solid var(--detour-line);border-radius:var(--detour-radius);padding:1rem;background:#fff;margin:1rem 0}.state-spotlight strong{display:block;font-size:1.1rem}.state-spotlight p{margin:.35rem 0 0;color:var(--detour-muted)}
.table-wrap{overflow-x:auto;border-radius:16px}table{max-width:100%}main :target{scroll-margin-top:95px;animation:targetPulse 1.4s ease}@keyframes targetPulse{0%{background:rgba(255,179,71,.28)}100%{background:transparent}}
.image-skeleton{background:linear-gradient(90deg,#eee,#fafafa,#eee);background-size:220% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-220% 0}}
.cookie-lite{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:100;background:#102033;color:#fff;border-radius:18px;padding:1rem;box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;gap:1rem;align-items:center;justify-content:space-between;max-width:980px;margin:auto}.cookie-lite p{margin:0}.cookie-lite button{background:#ffb347;border:0;border-radius:999px;padding:.65rem .9rem;font-weight:900;cursor:pointer;color:#102033}
@media (max-width:760px){.sticky-tools{right:.65rem;bottom:.65rem}.sticky-tools button,.sticky-tools a{padding:.62rem .72rem}.hero h1{font-size:clamp(2.1rem,10vw,3.5rem)}.cookie-lite{display:block}.cookie-lite button{margin-top:.8rem;width:100%}.detour-toc a{display:block;margin:.35rem 0}.nav .menu{gap:.25rem}.nav .menu a{padding:.45rem .55rem}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.sticky-tools,.cookie-lite,.actions,.nav,.footer,.scroll-progress{display:none!important}body{background:#fff;color:#111}.hero{min-height:auto!important;padding:1rem 0!important}.wrap,main{max-width:100%!important}.story-card,.article-card,.state-card{box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid}a[href]:after{content:" (" attr(href) ")";font-size:.82em;color:#555}}
