/* Shared platform map and project-status components for the TigerTuneIn Pages site. */
:focus-visible{outline:3px solid #35d7ff!important;outline-offset:4px!important}
.districts{background:radial-gradient(ellipse at 12% 52%,#35d7ff13,transparent 33%),linear-gradient(135deg,#191a17,#17191a)}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.journey-card{min-height:218px;padding:21px;border:1px solid #c79b6545;background:linear-gradient(145deg,#ffffff09,transparent 45%),linear-gradient(135deg,#24231e,#161817);display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.journey-card:before{content:"";position:absolute;inset:0 0 auto auto;width:46px;height:46px;border-top:1px solid #35d7ff70;border-right:1px solid #35d7ff70;pointer-events:none}
.journey-card:hover{transform:translateY(-4px);border-color:#35d7ff9c;box-shadow:0 12px 32px #0005,0 0 24px #35d7ff12}
.journey-card:focus-visible{outline-offset:3px}
.journey-code{font:9px 'DM Mono',ui-monospace,monospace;letter-spacing:.14em;color:#ff9a61;text-transform:uppercase}
.journey-card h3{font:800 31px/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:24px 0 10px;color:#e5dece}
.journey-card p{margin:0 0 20px;color:#aaa493;font-size:13px;line-height:1.65}
.journey-go{margin-top:auto;color:#35d7ff;font:9px 'DM Mono',ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}
.journey-go b{color:#ff762e;font-size:13px;margin-left:4px}
.journey-feature{border-color:#35d7ff70;background:radial-gradient(ellipse at 80% 20%,#35d7ff16,transparent 50%),linear-gradient(145deg,#222729,#141718)}
.journey-feature .journey-code{color:#35d7ff}
.hub-note{display:flex;align-items:center;gap:17px;margin-top:18px;padding:16px 19px;border-left:2px solid #ff762e;background:#ffffff08;color:#aaa493;font-size:12px;line-height:1.5}
.hub-note strong{color:#e5dece;white-space:nowrap}
.hub-note a{margin-left:auto;color:#35d7ff;font:9px 'DM Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.community{background:radial-gradient(ellipse at 86% 30%,#35d7ff14,transparent 36%),linear-gradient(125deg,#151817,#20201b);border-top:1px solid #35d7ff35;border-bottom:1px solid #c79b6535}
.community-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7vw}
.community h2{max-width:650px}
.community-lead{max-width:660px;margin:25px 0;color:#c3bdad;line-height:1.8;font-size:15px}
.community-state{display:flex;align-items:center;gap:12px;max-width:520px;padding:14px 16px;border:1px solid #c79b6540;background:#101314aa}
.state-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#ffb454;box-shadow:0 0 12px #ffb45455}
.community-state strong,.community-state small{display:block}
.community-state strong{font-size:13px;color:#e5dece}
.community-state small{margin-top:4px;color:#aaa493;font-size:11px;line-height:1.5}
.community-panel{padding:23px;border:1px solid #35d7ff49;background:linear-gradient(145deg,#1c2323,#111515);box-shadow:inset 0 1px #ffffff12}
.community-panel ol{list-style:none;margin:17px 0 20px;padding:0;counter-reset:steps}
.community-panel li{counter-increment:steps;display:grid;grid-template-columns:28px 1fr;column-gap:10px;padding:13px 0;border-top:1px solid #ffffff16}
.community-panel li:before{content:"0" counter(steps);grid-row:span 2;color:#35d7ff;font:10px 'DM Mono',ui-monospace,monospace}
.community-panel li b{color:#e5dece;font-size:13px}
.community-panel li span{margin-top:4px;color:#aaa493;font-size:11px;line-height:1.55}
.community-panel .actions{gap:8px;flex-wrap:wrap}
.community-panel .btn{padding:12px 13px;font-size:9px}
.screen.live-link{color:#fff;text-decoration:none;cursor:pointer;transition:filter .2s,transform .2s}
.screen.live-link:hover{filter:brightness(1.15);transform:translateY(-2px)}
.screen.live-link:focus-visible{outline:3px solid #35d7ff;outline-offset:5px}
.live-caption{position:absolute;left:50%;top:calc(50% + 43px);transform:translateX(-50%);width:min(80%,340px);text-align:center;color:#f5f1e8;font:10px 'DM Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:900px){.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.community-layout{grid-template-columns:1fr;gap:30px}}
@media(max-width:800px){.hub-note{align-items:flex-start;flex-direction:column;gap:7px}.hub-note a{margin:3px 0 0}.journey-card{min-height:190px;padding:17px}.journey-card h3{font-size:28px;margin-top:19px}.community-panel{padding:18px}}
@media(max-width:440px){.journey-grid{grid-template-columns:1fr}.journey-card{min-height:158px}.community-panel .actions{display:grid;grid-template-columns:1fr}.community-panel .btn{text-align:center}}
@media(prefers-reduced-motion:reduce){.journey-card{transition:none}.journey-card:hover{transform:none}}

/* Navigation that remains reachable on narrow screens. */
.mobile-menu-toggle{display:none;align-items:center;gap:10px;border:1px solid #35d7ff70;background:#171813;color:#e5dece;padding:10px 13px;font:10px 'DM Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.mobile-menu-toggle span:last-child{color:#35d7ff;font-size:15px;line-height:1}
.nav-mobile-only{display:none}
@media(max-width:800px){
  .mobile-menu-toggle{display:inline-flex;margin-left:auto;min-height:40px}
  .top .pill{display:none}
  .top .nav.mobile-open{display:flex;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 62px);overflow:auto;flex-direction:column;gap:0;padding:7px 7vw 14px;background:#171813f7;border-bottom:1px solid #35d7ff55;box-shadow:0 18px 30px #0008}
  .top .nav.mobile-open a{display:block;padding:13px 0;border-bottom:1px solid #ffffff17;color:#e5dece;font-size:11px}
  .top .nav.mobile-open a:last-child{border-bottom:0}
  .top .nav.mobile-open .nav-mobile-only{display:block}
}