.guide-shell { min-height:100vh; overflow:clip; --guide-reading-width:980px; }
.guide-top .public-support-link.active { color:#fff; }
.guide-top .public-support-link.active::after { content:""; display:block; height:2px; margin-top:4px; border-radius:999px; background:linear-gradient(90deg,var(--pilot),var(--accent)); }
.guide-index,.guide-page { position:relative; width:min(1920px,calc(100% - clamp(32px,4vw,96px))); margin:0 auto; }
.guide-index { padding:72px 0 90px; }
.guide-index-hero { max-width:1040px; margin:0 auto; text-align:center; }
.guide-eyebrow,.guide-section-heading > span { display:inline-flex; align-items:center; gap:8px; color:#aeeaff; font-size:12px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }
.guide-eyebrow::before,.guide-section-heading > span::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--pilot); box-shadow:0 0 14px rgba(53,217,255,.7); }
.guide-index-hero h1 { max-width:1000px; margin:18px auto 14px; color:#fff; font-size:clamp(44px,6vw,80px); line-height:1; letter-spacing:-.035em; text-wrap:balance; }
.guide-index-hero > p { max-width:820px; margin:0 auto; color:#c2ccd9; font-size:clamp(18px,1.2vw,20px); line-height:1.58; }
.guide-search-wrap { display:grid; gap:8px; max-width:800px; margin:32px auto 0; text-align:left; }
.guide-search-wrap label { color:#dce8f5; font-size:13px; font-weight:900; }
.guide-search-wrap input { min-height:58px; padding:0 18px; border:1px solid rgba(53,217,255,.35); border-radius:12px; color:#fff; background:linear-gradient(180deg,rgba(20,31,43,.9),rgba(10,16,24,.92)); box-shadow:0 22px 58px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08); font:inherit; font-size:16px; }
.guide-search-wrap input::placeholder { color:#7f8d9f; }
.guide-search-wrap input:focus-visible,.guide-filters button:focus-visible,.guide-card a:focus-visible,.guide-breadcrumbs a:focus-visible,.guide-related-card:focus-visible { outline:3px solid rgba(53,217,255,.52); outline-offset:3px; }
.guide-filters { display:flex; justify-content:center; gap:9px; flex-wrap:wrap; margin:34px 0 0; }
.guide-filters button { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:8px 13px; border:1px solid rgba(183,199,222,.18); border-radius:999px; color:#ccd5e1; background:rgba(255,255,255,.035); font:inherit; font-size:13px; font-weight:850; cursor:pointer; }
.guide-filters button span { display:grid; place-items:center; min-width:24px; height:24px; padding:0 6px; border-radius:999px; color:#91a1b4; background:rgba(0,0,0,.22); font-size:11px; }
.guide-filters button:hover,.guide-filters button.active { border-color:rgba(127,211,50,.46); color:#f5ffe9; background:rgba(127,211,50,.1); }
.guide-filters button.active span { color:#dfffc3; background:rgba(127,211,50,.18); }
.guide-results { margin:20px 0 0; color:#8795a8; font-size:13px; font-weight:850; text-align:center; }
.guide-category-list { display:grid; gap:72px; margin-top:58px; }
.guide-category[hidden] { display:none; }
.guide-category-heading { max-width:1080px; margin-bottom:22px; }
.guide-category-heading > span { color:#7fdff7; font-size:12px; font-weight:950; letter-spacing:.07em; text-transform:uppercase; }
.guide-category-heading h2 { margin:7px 0 0; color:#fff; font-size:clamp(28px,3vw,42px); line-height:1.1; letter-spacing:-.02em; }
.guide-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.guide-card { position:relative; display:flex; flex-direction:column; min-width:0; min-height:260px; padding:clamp(22px,1.45vw,28px); overflow:hidden; border:1px solid rgba(53,217,255,.18); border-radius:11px; background:linear-gradient(150deg,rgba(18,30,42,.82),rgba(9,14,22,.88)); box-shadow:0 24px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07); }
.guide-card::after { content:""; position:absolute; top:-65px; right:-65px; width:150px; height:150px; border-radius:50%; background:rgba(53,217,255,.06); }
.guide-card[hidden] { display:none; }
.guide-card:hover { border-color:rgba(53,217,255,.38); transform:translateY(-2px); transition:border-color .16s ease,transform .16s ease; }
.guide-card-meta,.guide-meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; color:#87a5b5; font-size:11px; font-weight:950; letter-spacing:.04em; text-transform:uppercase; }
.guide-premium-badge { padding:4px 7px; border:1px solid rgba(228,179,79,.42); border-radius:999px; color:#ffe9ad; background:rgba(228,179,79,.09); }
.guide-card h3 { position:relative; z-index:1; margin:16px 0 9px; color:#fff; font-size:clamp(21px,1.35vw,25px); line-height:1.22; text-wrap:balance; }
.guide-card h3 a::after { content:""; position:absolute; inset:0; }
.guide-card p { position:relative; z-index:1; margin:0; color:#aeb9c8; font-size:clamp(15px,1vw,17px); line-height:1.58; }
.guide-card-link { position:relative; z-index:2; display:inline-flex; align-items:center; gap:7px; margin-top:auto; padding-top:20px; color:#bff2ff; font-size:13px; font-weight:900; }
.guide-card-link span { color:var(--accent); font-size:20px; }
.guide-empty { max-width:720px; margin:58px auto 0; padding:34px; border:1px solid rgba(53,217,255,.2); border-radius:12px; background:rgba(12,19,28,.8); text-align:center; }
.guide-empty h2 { margin:0; color:#fff; }.guide-empty p { color:#aeb9c8; }.guide-empty .btn { margin-top:10px; }

.guide-page { padding:34px 0 92px; }
.guide-breadcrumbs { display:flex; align-items:center; gap:8px; min-width:0; padding:9px 0 24px; color:#8f9cad; font-size:13px; font-weight:800; }
.guide-breadcrumbs a { color:#c0cfdd; }.guide-breadcrumbs a:hover { color:#fff; }.guide-breadcrumbs span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.guide-layout { display:grid; grid-template-columns:minmax(0,1480px); gap:20px; align-items:start; justify-content:center; }
.guide-article { min-width:0; grid-row:2; }
.guide-meta { margin-bottom:14px; }
.guide-meta time { margin-left:auto; color:#8795a8; letter-spacing:0; text-transform:none; }
.guide-description { max-width:960px; margin:0 0 22px; color:#c3cfdd; font-size:clamp(18px,1.2vw,20px); line-height:1.6; }
.guide-prose { min-width:0; padding:clamp(24px,4vw,48px); border:1px solid rgba(53,217,255,.18); border-radius:13px; background:linear-gradient(150deg,rgba(17,28,40,.86),rgba(8,13,21,.92)); box-shadow:0 30px 84px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.075); }
.guide-prose h1 { max-width:var(--guide-reading-width); margin:0 0 20px; color:#fff; font-size:clamp(40px,4.5vw,68px); line-height:1.04; letter-spacing:-.03em; text-wrap:balance; }
.guide-prose h2 { margin:52px 0 15px; padding-top:8px; color:#fff; font-size:clamp(30px,2vw,34px); line-height:1.16; letter-spacing:-.02em; scroll-margin-top:102px; }
.guide-prose h3 { margin:34px 0 11px; color:#eafaff; font-size:clamp(22px,1.4vw,25px); line-height:1.24; scroll-margin-top:102px; }
.guide-prose p { margin:0 0 17px; color:#c2ccd9; font-size:clamp(16px,1vw,18px); line-height:1.72; }
.guide-prose strong { color:#f7fbff; }
.guide-prose a { color:#9deaff; text-decoration:underline; text-decoration-color:rgba(157,234,255,.42); text-underline-offset:4px; }
.guide-prose ul,.guide-prose ol { display:grid; gap:10px; margin:0 0 20px; padding-left:24px; color:#cbd5e1; font-size:clamp(16px,1vw,18px); }
.guide-prose li { padding-left:4px; line-height:1.6; }
.guide-prose li::marker { color:var(--pilot); font-weight:900; }
.guide-prose code { padding:2px 6px; border:1px solid rgba(53,217,255,.18); border-radius:5px; color:#dffaff; background:#0a111a; font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; }
.guide-prose pre { margin:18px 0 24px; padding:17px 19px; overflow:auto; border:1px solid rgba(53,217,255,.2); border-radius:9px; background:#080d14; box-shadow:inset 3px 0 0 rgba(53,217,255,.42); }
.guide-prose pre code { padding:0; border:0; background:transparent; white-space:pre; }
.guide-prose blockquote { margin:22px 0; padding:16px 18px; border:1px solid rgba(228,179,79,.32); border-left:4px solid var(--accent2); border-radius:8px; background:rgba(91,67,20,.12); }
.guide-prose blockquote p { margin:0; color:#f0dfb2; }
.guide-prose hr { height:1px; margin:38px 0; border:0; background:linear-gradient(90deg,transparent,rgba(53,217,255,.35),transparent); }
.guide-prose > h1,.guide-prose > h2,.guide-prose > h3,.guide-prose > p,.guide-prose > ul,.guide-prose > ol,.guide-prose > pre,.guide-prose > blockquote,.guide-prose > hr { max-width:var(--guide-reading-width); margin-inline:auto; }
.guide-shot { margin:26px 0 32px; }
.guide-shot-window { overflow:hidden; border:1px solid rgba(53,217,255,.35); border-radius:12px; background:#09121b; box-shadow:0 26px 66px rgba(0,0,0,.38),0 0 42px rgba(53,217,255,.08); }
.guide-shot-top { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:11px; align-items:center; min-height:52px; padding:10px 15px; border-bottom:1px solid rgba(53,217,255,.2); background:rgba(6,11,18,.94); }
.guide-shot-top strong { overflow:hidden; color:#fff; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.guide-shot-top > span:last-child { padding:4px 8px; border:1px solid rgba(127,211,50,.36); border-radius:999px; color:#cffa9e; background:rgba(65,112,25,.16); font-size:10px; font-weight:950; text-transform:uppercase; }
.guide-shot-dots { display:flex; gap:5px; }.guide-shot-dots i { width:8px; height:8px; border-radius:50%; background:#445160; }.guide-shot-dots i:first-child { background:#ee5757; }.guide-shot-dots i:nth-child(2) { background:#e4b34f; }.guide-shot-dots i:last-child { background:#7fd332; }
.guide-shot-expand { display:block; overflow:hidden; background:#0a1018; }
.guide-shot img { display:block; width:100%; height:auto; background:#0a1018; }
.guide-shot figcaption { display:flex; gap:14px; align-items:baseline; justify-content:space-between; margin-top:9px; color:#8997a8; font-size:13px; line-height:1.5; }
.guide-shot figcaption a { flex:0 0 auto; color:#aeeeff; font-weight:850; text-decoration:none; }
.guide-shot figcaption a:hover { text-decoration:underline; }
.guide-side-card { display:grid; grid-row:1; grid-template-columns:minmax(220px,1fr) minmax(0,2fr) auto; grid-template-rows:auto auto; column-gap:28px; row-gap:5px; align-items:center; padding:20px 22px; border:1px solid rgba(53,217,255,.2); border-radius:11px; background:linear-gradient(150deg,rgba(18,30,42,.82),rgba(9,14,22,.9)); box-shadow:0 22px 60px rgba(0,0,0,.24); }
.guide-side-card > span { grid-column:1; grid-row:1; color:#7fdff7; font-size:11px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; }.guide-side-card > strong { grid-column:1; grid-row:2; color:#fff; font-size:19px; line-height:1.3; }
.guide-side-card dl { display:grid; grid-column:2; grid-row:1 / 3; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin:0; }.guide-side-card dl div { min-width:0; padding-left:14px; border-left:1px solid rgba(183,199,222,.12); }.guide-side-card dt { color:#8190a2; font-size:10px; font-weight:950; letter-spacing:.06em; text-transform:uppercase; }.guide-side-card dd { margin:3px 0 0; color:#dce5ef; font-size:13px; font-weight:800; }
.guide-side-card > a { grid-column:3; grid-row:1 / 3; color:#aeeaff; font-size:13px; font-weight:900; white-space:nowrap; }
.guide-related { margin-top:54px; }.guide-section-heading h2 { margin:7px 0 20px; color:#fff; font-size:32px; }
.guide-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.guide-related-card { display:grid; gap:7px; min-width:0; padding:19px; border:1px solid rgba(53,217,255,.17); border-radius:9px; background:rgba(13,21,30,.76); }
.guide-related-card:hover { border-color:rgba(53,217,255,.38); }.guide-related-card span { color:#7da3b5; font-size:10px; font-weight:950; letter-spacing:.05em; text-transform:uppercase; }.guide-related-card strong { color:#fff; font-size:16px; line-height:1.3; }.guide-related-card small { color:#9eabbc; line-height:1.45; }
.guide-cta { display:grid; grid-column:1 / -1; grid-template-columns:1fr; justify-self:center; justify-items:center; gap:22px; width:min(100%,1480px); margin-top:54px; padding:clamp(28px,3vw,42px); border:1px solid rgba(127,211,50,.27); border-radius:12px; background:radial-gradient(circle at 50% 0,rgba(53,217,255,.1),transparent 38%),linear-gradient(145deg,rgba(16,30,41,.9),rgba(11,18,22,.92)); text-align:center; }
.guide-cta h2 { margin:8px 0 6px; color:#fff; font-size:clamp(30px,2.4vw,38px); }.guide-cta p { max-width:760px; margin:0 auto; color:#aeb9c8; font-size:16px; line-height:1.62; }.guide-cta-actions { display:grid; gap:9px; width:min(100%,220px); }.guide-cta-actions .btn { justify-content:center; width:100%; text-align:center; }
.guide-not-found { width:min(760px,calc(100% - 40px)); margin:0 auto; padding:100px 0 140px; text-align:center; }.guide-not-found h1 { margin:15px 0 12px; color:#fff; font-size:clamp(40px,6vw,66px); }.guide-not-found p { color:#aeb9c8; font-size:17px; }.guide-not-found .btn { margin-top:18px; }

@media (min-width:1500px) {
  .guide-card-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
}
@media (min-width:1680px) {
  .guide-layout { grid-template-columns:minmax(0,1fr) minmax(300px,340px); gap:clamp(24px,2vw,36px); }
  .guide-article { grid-column:1; grid-row:1; }
  .guide-side-card { position:sticky; top:100px; grid-column:2; grid-row:1; grid-template-columns:1fr; grid-template-rows:auto; gap:13px; align-items:start; padding:24px; }
  .guide-side-card > span,.guide-side-card > strong,.guide-side-card dl,.guide-side-card > a { grid-column:1; grid-row:auto; }
  .guide-side-card dl { grid-template-columns:1fr; gap:0; margin:4px 0; }
  .guide-side-card dl div { padding:12px 0; border-top:1px solid rgba(183,199,222,.12); border-left:0; }
  .guide-side-card > a { margin-top:3px; white-space:normal; }
}
@media (max-width:1100px) {
  .guide-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .guide-side-card { grid-template-columns:1fr; grid-template-rows:auto; gap:10px; }
  .guide-side-card > span,.guide-side-card > strong,.guide-side-card dl,.guide-side-card > a { grid-column:1; grid-row:auto; }
  .guide-side-card dl { grid-template-columns:repeat(3,minmax(0,1fr)); margin:4px 0; }
  .guide-side-card dl div { padding:10px 0 0; border-top:1px solid rgba(183,199,222,.12); border-left:0; }
}
@media (max-width:720px) {
  .guide-index,.guide-page { width:min(100% - 28px,1920px); }
  .guide-index { padding-top:48px; }
  .guide-card-grid,.guide-related-grid { grid-template-columns:1fr; }
  .guide-category-list { gap:52px; margin-top:42px; }
  .guide-card { min-height:0; }
  .guide-prose { padding:22px 18px; }
  .guide-prose h1 { font-size:38px; }
  .guide-prose h2 { margin-top:42px; font-size:27px; }
  .guide-meta time { width:100%; margin-left:0; }
  .guide-side-card dl { grid-template-columns:1fr; }
  .guide-cta { grid-template-columns:1fr; }
  .guide-shot-top { grid-template-columns:auto minmax(0,1fr); }
  .guide-shot-top > span:last-child { display:none; }
  .guide-shot figcaption { display:block; }
  .guide-shot figcaption a { display:block; margin-top:5px; }
}
@media (max-width:540px) {
  .guide-top .public-nav { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
  .guide-top .language-slider { grid-column:1 / -1; }
  .guide-top .public-support-link { width:auto; padding:7px 4px; font-size:13px; }
  .guide-top .public-nav .btn { width:auto; min-height:42px; padding:9px 8px; font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
  .guide-card { transition:none; }
}