/* Inside the Jail: mobile-first, tap-only. No web fonts, no trackers. */
:root{--bg:#0b0b0d;--card:#16161b;--card2:#1f1f26;--line:#2c2c36;--txt:#f2f2f4;--muted:#a9a9b6;--orange:#ff7a00;--orange2:#ffb066;--red:#e0243a;--radius:14px;--nav:64px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom))}
a{color:var(--orange2)}
img,video{max-width:100%;display:block}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:99}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(11,11,13,.94);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.top-in{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--txt)}
.brand img{width:38px;height:38px}
.brand b{font-weight:900;letter-spacing:.5px;text-transform:uppercase;font-size:1.15rem;line-height:1}
.brand b span{color:var(--orange)}
.brand small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.3px;margin-top:3px}
.top-links{margin-left:auto;display:none;gap:18px}
.top-links a{color:var(--txt);text-decoration:none;font-weight:700}
.top-links a[aria-current]{color:var(--orange)}
@media(min-width:820px){.top-links{display:flex}body{padding-bottom:0}.tabbar{display:none!important}}
/* bottom tab bar (phones) */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:#111116;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--nav);color:var(--muted);text-decoration:none;font-size:.74rem;font-weight:700;gap:2px}
.tabbar a svg{width:24px;height:24px}
.tabbar a[aria-current]{color:var(--orange)}
/* layout */
main{max-width:1100px;margin:0 auto;padding:14px}
.hero{padding:10px 2px 6px}
.hero h1{margin:0 0 6px;font-size:1.75rem;line-height:1.15;font-weight:900}
.hero h1 span{color:var(--orange)}
.hero p{margin:0;color:var(--muted)}
.pill{display:inline-block;background:var(--orange);color:#000;font-weight:900;border-radius:999px;padding:3px 12px;font-size:.8rem;letter-spacing:.4px;text-transform:uppercase;margin-bottom:8px}
.notice{margin:12px 0;background:var(--card);border-left:5px solid var(--orange);border-radius:10px;padding:10px 12px;font-size:.92rem}
.notice a{font-weight:800}
/* county chips: horizontal swipe */
.chips{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;scroll-snap-align:start;min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--line);background:var(--card);color:var(--txt);font:700 .95rem/1 inherit;font-family:inherit;cursor:pointer}
.chip[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#000}
.chip small{font-weight:600;opacity:.75;margin-left:4px}
/* package grid */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:640px){.grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.grid{grid-template-columns:repeat(4,1fr)}}
.pkg{position:relative;display:block;width:100%;padding:0;border:0;background:var(--card);border-radius:var(--radius);overflow:hidden;color:var(--txt);text-align:left;cursor:pointer;font-family:inherit}
.pkg img{width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}
.pkg .play{position:absolute;top:calc(50% - 60px);left:calc(50% - 28px);width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.6);border:2px solid #fff;display:flex;align-items:center;justify-content:center}
.pkg .play:after{content:"";border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.pkg .meta{padding:8px 10px 10px}
.pkg .meta b{display:block;font-size:.98rem;line-height:1.2}
.pkg .meta span{display:block;color:var(--muted);font-size:.8rem;margin-top:2px}
.pkg .count{position:absolute;top:8px;left:8px;background:var(--orange);color:#000;font-weight:900;font-size:.75rem;border-radius:999px;padding:2px 9px}
.empty{background:var(--card);border-radius:var(--radius);padding:22px;text-align:center;color:var(--muted)}
/* full-screen swipe viewer */
.viewer{position:fixed;inset:0;z-index:50;background:#000;display:none}
.viewer.open{display:block}
.reel{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}
.slide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}
.slide video{max-height:100%;width:auto;max-width:100%;height:100%;object-fit:contain;background:#000}
.cap{position:absolute;left:0;right:0;bottom:0;padding:28px 12px calc(64px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.8) 35%);font-size:.78rem;line-height:1.35;pointer-events:none}
.cap b{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cap .note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#eee}
.cap .src{color:#ddd}
.cap .legal{color:var(--orange2);font-weight:700}
.cap a{pointer-events:auto;font-weight:800}
.vbtn{position:absolute;z-index:3;width:48px;height:48px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font-size:26px;line-height:48px;text-align:center;cursor:pointer}
.vclose{top:calc(10px + env(safe-area-inset-top));right:10px}
.vhint{position:absolute;top:calc(14px + env(safe-area-inset-top));left:14px;z-index:3;color:#fff;font-size:.8rem;background:rgba(0,0,0,.5);border-radius:999px;padding:5px 12px;pointer-events:none}
/* how-it-works / cards / prose */
.cards{display:grid;gap:10px;margin:18px 0}
@media(min-width:760px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px}
.card h2,.card h3{margin:0 0 6px;font-size:1.05rem}
.card p{margin:0;color:var(--muted);font-size:.93rem}
.bigbtn{display:block;width:100%;min-height:56px;line-height:56px;text-align:center;border-radius:12px;background:var(--orange);color:#000!important;font-weight:900;font-size:1.08rem;text-decoration:none;border:0;cursor:pointer;font-family:inherit;margin:8px 0}
.bigbtn.ghost{background:transparent;color:var(--orange)!important;border:2px solid var(--orange);line-height:52px}
.prose{max-width:720px;margin:0 auto}
.prose h1{font-size:1.6rem;line-height:1.2;margin:8px 0 10px}
.prose h2{font-size:1.15rem;margin:22px 0 6px}
.prose p,.prose li{color:#dcdce3}
/* footer */
.foot{border-top:1px solid var(--line);margin-top:28px;padding:18px 14px 26px;color:var(--muted);font-size:.84rem;text-align:center}
.foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-bottom:10px}
.foot nav a{color:var(--txt);font-weight:700;text-decoration:none;padding:6px 0}
.foot p{margin:4px auto;max-width:760px}