/*
  GENERATED FILE — do not edit directly.
  Built by scripts/build_css.py
  Theme: svicloudtvbox-lumen
  Bundle: Guides page
*/
.lumen-feature-grid{position:relative;padding:var(--space-2xl) clamp(24px,6vw,56px);background:radial-gradient(circle at top,rgba(18,47,88,0.52),rgba(4,9,23,0.92))}
.lumen-feature-grid__inner{width:var(--max-width-hero);margin:0 auto}
.lumen-feature-grid__cards{display:grid;gap:clamp(var(--space-md),4vw,var(--space-lg));grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.lumen-feature-card{position:relative;padding:30px 28px;border-radius:var(--radius-2xl);border:1px solid rgba(126,246,227,0.18);background:linear-gradient(155deg,rgba(12,30,60,0.92),rgba(16,42,78,0.74));backdrop-filter:var(--glass-blur-strong);color:rgba(226,240,255,0.88);display:grid;gap:20px;box-shadow:0 26px 72px rgba(6,18,44,0.5);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}
.lumen-feature-card::after{content:"";position:absolute;inset:auto 22px 22px auto;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(126,246,227,0.38),transparent 70%);filter:blur(18px);opacity:0.4}
.lumen-feature-card:hover,.lumen-feature-card:focus-within{transform:translateY(-6px);box-shadow:0 30px 84px rgba(6,20,48,0.6);border-color:rgba(126,246,227,0.32)}
.lumen-feature-card__icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(150deg,rgba(28,70,102,0.78),rgba(22,54,94,0.6));border:1px solid rgba(126,246,227,0.45);position:relative;overflow:hidden;box-shadow:0 0 20px rgba(94,230,208,0.32);transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-normal)}
.lumen-feature-card__icon::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(94,230,208,0.18),transparent 70%);opacity:0.85;z-index:0}
.lumen-feature-card__icon::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,0.14),transparent 65%);opacity:0.6;pointer-events:none}
.lumen-feature-card__icon img{width:30px;height:30px;filter:brightness(0) saturate(100%) invert(80%) sepia(18%) saturate(724%) hue-rotate(135deg) brightness(112%) contrast(104%);position:relative;z-index:1;transition:filter var(--transition-normal),transform var(--transition-normal)}
.lumen-feature-card:hover .lumen-feature-card__icon img,.lumen-feature-card:focus-visible .lumen-feature-card__icon img{filter:brightness(0) saturate(100%) invert(88%) sepia(6%) saturate(696%) hue-rotate(138deg) brightness(120%) contrast(110%);transform:scale(1.12)}
.lumen-feature-card__title{color:rgba(247,251,255,0.98);font-size:1.28rem;letter-spacing:-0.012em;text-shadow:0 18px 44px rgba(6,18,40,0.58)}
.lumen-feature-card__copy{margin:0;line-height:1.65;color:rgba(214,232,255,0.84)}
@media(prefers-color-scheme:dark){.lumen-feature-card__icon,.lumen-experience__icon{background:linear-gradient(150deg,rgba(34,90,130,0.85),rgba(26,68,120,0.7));border-color:rgba(126,246,227,0.6)}
.lumen-feature-card__icon img,.lumen-experience__icon img{filter:brightness(0) saturate(100%) invert(86%) sepia(8%) saturate(724%) hue-rotate(136deg) brightness(118%) contrast(108%)}
}
.guides-page{display:flex;flex-direction:column;gap:var(--space-3xl);background:var(--lumen-page-background)}
.guides-hero{position:relative;overflow:hidden;padding:clamp(3rem,8vw,4.75rem) 0 clamp(1.25rem,4vw,2.25rem);background:var(--gradient-lumen-hero);color:var(--lumen-text-primary);isolation:isolate}
.guides-hero::after{content:'';position:absolute;inset:-40% -20% auto -20%;height:140%;background:var(--gradient-lumen-glow);opacity:0.6;z-index:-1}
.guides-hero__inner{width:min(1100px,calc(100% - 80px));margin:0 auto;display:grid;gap:clamp(2rem,5vw,3.5rem);align-items:center;justify-content:space-between;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.guides-hero__copy{display:grid;gap:var(--space-sm);text-align:left}
.guides-hero__title{font-size:clamp(2.5rem,5.2vw,3.4rem);font-weight:700;letter-spacing:-0.025em;margin:0;color:#f6f9ff;text-shadow:0 18px 48px rgba(6,19,40,0.55)}
.guides-hero__lead{margin:0;max-width:42ch;color:rgba(244,248,255,0.88);font-size:clamp(1.05rem,2.4vw,1.2rem);text-shadow:0 12px 32px rgba(6,19,40,0.45)}
.guides-hero__actions{display:inline-flex;align-items:center;justify-content:flex-start;gap:0.85rem;margin-top:var(--space-sm);flex-wrap:wrap}
.guides-hero__actions .lumen-pill{font-weight:600}
.guides-hero__secondary{color:var(--lumen-text-primary);border-color:rgba(255,255,255,0.45)}
.guides-hero__secondary:hover,.guides-hero__secondary:focus-visible{color:var(--lumen-text-primary);border-color:rgba(255,255,255,0.7);box-shadow:0 0 0 3px rgba(255,255,255,0.16)}
.guides-hero__media{position:relative;display:grid;place-items:center;padding:clamp(2rem,5vw,3rem);border-radius:var(--radius-hero);min-height:clamp(260px,36vw,340px);overflow:hidden;pointer-events:none}
.guides-hero__blur{position:absolute;inset:-20% -30% -10% -10%;background:radial-gradient(circle at 30% 20%,rgba(126,246,227,0.38),transparent 62%),radial-gradient(circle at 70% 70%,rgba(27,92,255,0.32),transparent 65%);filter:blur(0);opacity:0.9;pointer-events:none}
.guides-hero__device,.guides-hero__remote{position:relative;display:inline-flex;filter:drop-shadow(0 28px 60px rgba(6,12,28,0.55))}
.guides-hero__device img{width:clamp(220px,32vw,320px);height:auto}
.guides-hero__remote{position:absolute;right:clamp(5%,8vw,16%);bottom:clamp(6%,8vw,12%);transform:rotate(-8deg)}
.guides-hero__remote img{width:clamp(120px,22vw,200px);height:auto}
.guides-hero__pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.4rem;margin:0 auto;align-self:center;padding:0.7rem 1rem;width:min(280px,100%);border-radius:999px;background:rgba(9,26,56,0.92);border:1px solid rgba(126,246,227,0.45);color:rgba(244,248,255,0.9);font-size:0.82rem;font-weight:500;text-align:center;box-shadow:var(--glass-pill-shadow,0 14px 32px rgba(4,12,30,0.3))}
.guides-hero__pill-badge{background:var(--glass-pill-base,#4fd8ed);color:#041226;font-weight:700;font-size:0.75rem;letter-spacing:0.08em;padding:0.35rem 0.65rem;border-radius:999px;text-transform:uppercase;box-shadow:var(--glass-pill-shadow,0 16px 38px rgba(4,12,30,0.32))}
.guides-hero__pill-text{display:inline-flex;flex-direction:column;gap:0.1rem}
.guides-hero__pill-headline{font-weight:600;color:#f9fcff}
.guides-hero__pill-copy{color:rgba(243,248,255,0.86);font-size:0.8rem}
.guides-hero__highlights{display:flex;flex-wrap:wrap;gap:0.6rem;margin:0;padding:0;list-style:none;color:rgba(244,248,255,0.9)}
.guides-hero__highlights li{display:inline-flex;align-items:center;gap:0.35rem;padding:0.45rem 0.9rem;border-radius:999px;background:rgba(15,28,58,0.32);border:1px solid rgba(126,246,227,0.4);font-size:0.8rem;font-weight:500;backdrop-filter:var(--glass-blur-soft);box-shadow:0 14px 28px rgba(6,19,40,0.38)}
.guides-hero__highlights li::before{content:'';width:6px;height:6px;border-radius:999px;background:rgba(126,246,227,0.85);box-shadow:0 0 6px rgba(126,246,227,0.8)}
.guides-hero__copy>*:first-child{order:0}
.guides-hero__copy .guides-badge{order:-1}
.guides-hero__copy .guides-hero__pill{order:2}
.guides-hero__copy .guides-hero__highlights{order:3}
.guides-hero__copy .guides-hero__actions{order:4}
@media(max-width:920px){.guides-hero__inner{grid-template-columns:1fr;text-align:center}
.guides-hero__copy{text-align:center;justify-items:center}
.guides-hero__actions{justify-content:center}
.guides-hero__lead{max-width:min(46ch,100%)}
.guides-hero__media{margin:0 auto;max-width:clamp(260px,80vw,380px)}
.guides-hero__remote{position:absolute;right:18%;bottom:12%}
.guides-hero__pill{justify-content:center}
.guides-hero__highlights{justify-content:center}
}
@media(max-width:540px){.guides-hero{padding-top:clamp(2.5rem,6vw,3rem)}
.guides-hero__inner{width:min(100%,calc(100% - 40px))}
.guides-hero__media{padding:2rem}
.guides-hero__device img{width:clamp(200px,60vw,260px)}
.guides-hero__remote{right:10%;bottom:16%}
.guides-hero__pill{padding:0.85rem 1.1rem}
.guides-hero__pill-badge{margin-bottom:0.15rem}
.guides-hero__pill-text{align-items:center}
}
.guides-section{padding:clamp(2.5rem,6vw,4.5rem) 0}
.guides-container{width:min(1100px,calc(100% - 80px));margin:0 auto;display:grid;gap:var(--space-lg)}
.guides-directory .guides-container{width:min(1180px,calc(100% - 80px))}
@media(max-width:1080px){.guides-directory .guides-container{width:min(100%,calc(100% - 60px))}
}
.guides-section__header{display:grid;gap:var(--space-xs)}
.guides-section__title{margin:0;font-size:clamp(2rem,4vw,2.6rem);font-weight:700;color:var(--surface-heading);letter-spacing:-0.015em}
.guides-section__lead{margin:0;color:var(--surface-muted);max-width:min(70ch,100%)}
.guides-badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.85rem;border-radius:999px;font-size:0.75rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--primary-strong);background:rgba(27,92,255,0.1);border:1px solid rgba(27,92,255,0.18);width:max-content}
.guides-badge--on-dark{background:rgba(126,246,227,0.16);border-color:rgba(126,246,227,0.32);color:var(--lumen-text-feature)}
.guides-section,.guides-support{scroll-margin-top:clamp(6rem,12vw,8rem)}
.guides-grid{display:grid;gap:var(--space-sm)}
.guides-grid--highlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.guides-grid--apps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.guides-grid--post{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.guides-grid--troubleshooting{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.guides-card{background:var(--base);border:1px solid var(--border-soft);border-radius:22px;padding:clamp(1.4rem,4vw,1.85rem);box-shadow:var(--shadow-sm);display:grid;gap:0.65rem;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}
.guides-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(27,92,255,0.22)}
.guides-card__title{margin:0;font-size:1.2rem;font-weight:600;color:var(--surface-heading)}
.guides-card__copy{margin:0;color:var(--surface-text)}
.guides-card--highlight{background:linear-gradient(145deg,rgba(14,165,233,0.1),rgba(14,165,233,0));border-color:rgba(14,165,233,0.24)}
.guides-card--troubleshoot{background:linear-gradient(135deg,rgba(14,165,233,0.12),rgba(99,102,241,0.08));border-color:rgba(99,102,241,0.2)}
.guides-steps{counter-reset:guides-step;display:grid;gap:var(--space-sm);margin:0;padding:0;list-style:none}
.guides-step{position:relative;background:var(--base);border:1px solid var(--border-soft);border-radius:22px;padding:clamp(1.5rem,5vw,2rem);box-shadow:var(--shadow-sm)}
.guides-step::before{content:counter(guides-step);counter-increment:guides-step;position:absolute;inset:1.5rem auto auto -0.25rem;width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,rgba(27,92,255,0.95),rgba(94,230,208,0.9));color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.1rem;transform:translateX(-35%);box-shadow:var(--shadow-md)}
.guides-step__content{display:grid;gap:0.5rem}
.guides-step__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--surface-heading)}
.guides-step__copy{margin:0;color:var(--surface-text)}
.guides-note{border-radius:20px;border:1px dashed rgba(27,92,255,0.35);background:rgba(27,92,255,0.06);padding:clamp(1.25rem,3vw,1.75rem);display:grid;gap:0.35rem;box-shadow:inset 0 0 0 1px rgba(27,92,255,0.08)}
.guides-note__title{margin:0;font-size:1.05rem;font-weight:600;color:var(--primary-strong)}
.guides-note__copy{margin:0;color:var(--surface-muted)}
.guides-resource-list{list-style:none;margin:0;padding:0;display:grid;gap:0.85rem}
.guides-resource{display:grid;gap:0.35rem;padding:1.25rem 1.5rem;border-radius:20px;border:1px solid var(--border-soft);background:var(--base);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);color:inherit}
.guides-resource:hover,.guides-resource:focus-visible{transform:translateY(-4px);border-color:rgba(27,92,255,0.28);box-shadow:var(--shadow-md)}
.guides-resource:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(27,92,255,0.2),var(--shadow-md)}
.guides-resource__title{font-size:1.05rem;font-weight:600;color:var(--surface-heading)}
.guides-resource__copy{color:var(--surface-muted)}
.guides-support{padding:clamp(3rem,7vw,4.5rem) 0;background:radial-gradient(circle at top left,rgba(94,230,208,0.18),transparent 55%),var(--gradient-lumen-hero);color:var(--lumen-text-primary)}
.guides-support__inner{width:min(900px,calc(100% - 80px));margin:0 auto;display:grid;gap:var(--space-sm);text-align:center}
.guides-support__title{margin:0;font-size:clamp(2.1rem,5vw,2.8rem);font-weight:700;letter-spacing:-0.018em}
.guides-support__copy{margin:0 auto;max-width:min(62ch,100%);color:var(--lumen-text-secondary)}
.guides-support__actions{display:flex;justify-content:center;gap:0.85rem;flex-wrap:wrap}
.guides-support__actions .lumen-pill--outline{color:var(--lumen-text-primary);border-color:rgba(255,255,255,0.4)}
.guides-support__actions .lumen-pill--outline:hover,.guides-support__actions .lumen-pill--outline:focus-visible{border-color:rgba(255,255,255,0.7);color:var(--lumen-text-primary)}
@media(max-width:720px){.guides-hero__inner{width:min(100%,calc(100% - 40px))}
.guides-container{width:min(100%,calc(100% - 40px))}
.guides-step::before{inset:1.25rem auto auto 0;transform:translateX(-50%)}
.guides-step{padding-left:calc(clamp(1.5rem,5vw,2rem)+0.5rem)}
}
@media(prefers-reduced-motion:reduce){.guides-card,.guides-resource,.guides-step,.guides-hero__actions .lumen-pill,.guides-support__actions .lumen-pill,.guides-hero__inner,.guides-badge{transition:none !important}
}
.guides-directory{padding:clamp(2.6rem,6vw,4rem) 0}
.guides-directory__header{max-width:min(720px,100%)}
.guides-directory__header .guides-section__lead{color:var(--surface-muted)}
.guides-directory__grid{display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(1.1rem,2.4vw,1.8rem);row-gap:clamp(3.1rem,4.8vw,3.9rem);align-items:stretch;align-content:start}
@media(min-width:640px){.guides-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1024px){.guides-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.guides-directory__card{position:relative;display:flex;height:100%;padding:clamp(0.25rem,0.6vw,0.45rem)}
.guides-directory__card-link{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:clamp(0.5rem,1.2vw,0.75rem);width:100%;flex:1 1 auto;padding:clamp(0.9rem,1.7vw,1.35rem);border-radius:26px;border:1px solid rgba(94,230,208,0.25);background:linear-gradient(165deg,rgba(8,26,56,0.95),rgba(12,34,68,0.88));box-shadow:0 24px 52px rgba(4,12,30,0.5);overflow:hidden;color:inherit;text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal);min-height:clamp(178px,17vw,206px)}
.guides-directory__card-link::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,rgba(126,246,227,0.28),transparent 60%),radial-gradient(circle at 82% 120%,rgba(33,118,255,0.22),transparent 66%);opacity:0;transition:opacity var(--transition-normal);z-index:0}
.guides-directory__card-link>*{position:relative;z-index:1}
.guides-directory__card-link:hover,.guides-directory__card-link:focus-visible{transform:translateY(-4px);box-shadow:0 26px 60px rgba(4,12,30,0.52);border-color:rgba(126,246,227,0.54)}
.guides-directory__card-link:hover::after,.guides-directory__card-link:focus-visible::after{opacity:1}
.guides-directory__card-link:focus-visible{outline:2px solid rgba(126,246,227,0.45);outline-offset:4px}
.guides-directory__step{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;font-weight:700;font-size:0.95rem;letter-spacing:0.12em;color:#041226;background:linear-gradient(140deg,rgba(126,246,227,0.92),rgba(66,194,255,0.88));box-shadow:0 16px 36px rgba(4,12,30,0.38);margin-bottom:clamp(0.25rem,0.8vw,0.6rem)}
.guides-directory__title{margin:0;font-size:clamp(1.25rem,1.1rem+0.45vw,1.45rem);color:#f6f9ff;font-weight:600;letter-spacing:-0.012em}
.guides-directory__summary{margin:0;color:rgba(235,242,255,0.82);line-height:1.48;max-width:32ch}
.guides-directory__cta{margin-top:auto;margin-inline:auto;display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;align-self:center;width:100%;max-width:230px;padding:0.5rem 0.95rem;border-radius:999px;border:none;background:var(--glass-pill-base,#4fd8ed);color:var(--glass-pill-text,rgba(4,18,38,0.9));font-weight:600;text-decoration:none;transition:transform var(--transition-normal),box-shadow var(--transition-normal),filter var(--transition-normal);box-shadow:var(--glass-pill-shadow,0 16px 32px rgba(4,12,30,0.32))}
.guides-directory__cta:hover,.guides-directory__cta:focus-visible{transform:translateY(-2px);box-shadow:var(--glass-pill-shadow-hover,0 22px 38px rgba(4,12,30,0.34));filter:brightness(1.03)}
.guides-directory__cta:focus-visible{outline:none}
.guides-directory__cta-icon{position:relative;width:12px;height:12px}
.guides-directory__cta-icon::after{content:"";position:absolute;inset:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);transition:transform var(--transition-normal)}
.guides-directory__cta:hover .guides-directory__cta-icon::after,.guides-directory__cta:focus-visible .guides-directory__cta-icon::after{transform:rotate(45deg) translate(2px,-2px)}
.guides-detail{display:grid;gap:clamp(2.4rem,6vw,3.4rem);padding-bottom:clamp(2.8rem,7vw,4.2rem);background:var(--lumen-page-background);color:var(--surface-text)}
.guides-detail__hero{position:relative;padding:clamp(3.2rem,7vw,5rem) 0 clamp(2.5rem,6vw,4rem);background:linear-gradient(140deg,rgba(5,18,40,0.96),rgba(3,9,24,0.94));color:#f6f9ff;overflow:hidden;box-shadow:inset 0 -1px 0 rgba(126,246,227,0.16)}
.guides-detail__hero::before,.guides-detail__hero::after{content:"";position:absolute;inset:auto;border-radius:50%;filter:blur(0);opacity:0.8;pointer-events:none}
.guides-detail__hero::before{width:520px;height:520px;top:-180px;left:-120px;background:radial-gradient(circle at 40% 40%,rgba(126,246,227,0.34),transparent 70%)}
.guides-detail__hero::after{width:620px;height:620px;bottom:-320px;right:-180px;background:radial-gradient(circle at 65% 30%,rgba(44,180,255,0.32),transparent 72%)}
.guides-detail__hero-inner{width:min(1100px,calc(100% - 80px));margin:0 auto;display:grid;gap:clamp(2rem,6vw,3rem);grid-template-columns:minmax(0,1fr) minmax(0,320px);align-items:start;position:relative;z-index:1;box-sizing:border-box}
.guides-detail__hero-copy{display:grid;gap:clamp(1.3rem,3vw,1.9rem)}
.guides-detail__hero-top{display:flex;align-items:center;gap:0.85rem;flex-wrap:wrap}
.guides-detail__back{display:inline-flex;align-items:center;gap:0.5rem;width:fit-content;padding:0.48rem 0.9rem;border-radius:999px;border:1px solid rgba(126,246,227,0.38);background:rgba(6,18,38,0.4);color:rgba(244,248,255,0.82);font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}
.guides-detail__back:hover,.guides-detail__back:focus-visible{transform:translateY(-2px);border-color:rgba(126,246,227,0.62);background:rgba(6,18,38,0.7)}
.guides-detail__back-icon{position:relative;width:10px;height:10px}
.guides-detail__back-icon::after{content:"";position:absolute;inset:0;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.guides-detail__badge{display:inline-flex;align-items:center;gap:0.35rem;padding:0.45rem 1rem;border-radius:999px;background:linear-gradient(135deg,rgba(126,246,227,0.92),rgba(44,180,255,0.88));color:#051226;font-size:0.76rem;letter-spacing:0.12em;text-transform:uppercase;box-shadow:0 18px 38px rgba(4,12,30,0.4)}
.guides-detail__hero-heading{display:grid;gap:clamp(0.6rem,2vw,0.9rem)}
.guides-detail__title{margin:0;font-size:clamp(2.35rem,5.2vw,3.45rem);font-weight:700;letter-spacing:-0.022em;text-shadow:0 28px 52px rgba(3,10,24,0.55)}
.guides-detail__lead{margin:0;max-width:min(68ch,100%);font-size:clamp(1.04rem,1.1rem+0.35vw,1.28rem);color:rgba(235,242,255,0.86);line-height:1.62}
.guides-detail__hero-pill{display:inline-flex;align-items:center;gap:0.95rem;padding:0.85rem 1.4rem;border-radius:999px;background:rgba(6,18,38,0.55);border:1px solid rgba(126,246,227,0.34);box-shadow:0 24px 48px rgba(4,12,30,0.55);backdrop-filter:var(--glass-blur-soft,blur(18px))}
.guides-detail__hero-pill-badge{padding:0.4rem 0.8rem;border-radius:999px;background:linear-gradient(135deg,rgba(126,246,227,0.92),rgba(27,144,255,0.9));color:#051226;font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}
.guides-detail__hero-pill-text{display:inline-flex;flex-direction:column;gap:0.18rem}
.guides-detail__hero-pill-headline{font-weight:600;font-size:0.96rem;color:#f9fbff;letter-spacing:-0.01em}
.guides-detail__hero-pill-copy{font-size:0.84rem;color:rgba(235,242,255,0.82);max-width:32ch}
.guides-detail__hero-callouts{display:grid;gap:0.6rem}
.guides-detail__hero-callouts-label{font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(126,246,227,0.82)}
.guides-detail__callouts-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.6rem}
.guides-detail__callouts-list li{display:inline-flex;align-items:center;gap:0.35rem;padding:0.5rem 1.05rem;border-radius:999px;background:rgba(8,22,46,0.58);border:1px solid rgba(126,246,227,0.3);font-size:0.82rem;font-weight:500;color:rgba(240,247,255,0.94);box-shadow:0 18px 36px rgba(4,12,30,0.48);backdrop-filter:var(--glass-blur-soft,blur(16px))}
.guides-detail__callouts-list li::before{content:"";width:6px;height:6px;border-radius:999px;background:rgba(126,246,227,0.86);box-shadow:0 0 8px rgba(126,246,227,0.9)}
.guides-detail__hero-actions{display:flex;flex-wrap:wrap;gap:0.85rem;align-items:center;margin-top:0.2rem}
.guides-detail__hero-action-secondary{border-color:rgba(255,255,255,0.42);color:rgba(244,248,255,0.88)}
.guides-detail__hero-action-secondary:hover,.guides-detail__hero-action-secondary:focus-visible{border-color:rgba(255,255,255,0.7);color:#ffffff;box-shadow:0 0 0 3px rgba(126,246,227,0.24)}
.guides-detail__hero-nav{display:grid;gap:0.8rem;padding:clamp(1.3rem,4vw,1.7rem);border-radius:22px;background:rgba(7,22,48,0.95);border:1px solid rgba(94,230,208,0.24);color:rgba(235,242,255,0.95);box-shadow:0 20px 44px rgba(4,12,30,0.5);overflow:hidden;min-width:0;box-sizing:border-box}
.guides-detail__hero-nav-label{font-size:0.78rem;letter-spacing:0.14em;text-transform:uppercase;color:rgba(126,246,227,0.86)}
.guides-detail__hero-nav-list{list-style:none;margin:0;padding:0;display:grid;gap:0.55rem}
.guides-detail__hero-nav-link{display:flex;align-items:center;justify-content:space-between;gap:0.7rem;padding:0.78rem 1.05rem;border-radius:16px;background:rgba(10,28,58,0.72);color:inherit;text-decoration:none;border:1px solid rgba(126,246,227,0.18);box-shadow:0 18px 36px rgba(4,12,30,0.38);transition:transform var(--transition-normal),border-color var(--transition-normal),background var(--transition-normal),box-shadow var(--transition-normal)}
.guides-detail__hero-nav-link:hover,.guides-detail__hero-nav-link:focus-visible{border-color:rgba(126,246,227,0.36);background:rgba(12,34,68,0.85);box-shadow:0 22px 44px rgba(4,12,30,0.46);transform:translateX(4px)}
.guides-detail__hero-nav-link:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(126,246,227,0.28)}
.guides-detail__hero-nav-text{font-weight:600;letter-spacing:-0.01em}
.guides-detail__hero-nav-icon{position:relative;width:12px;height:12px}
.guides-detail__hero-nav-icon::after{content:"";position:absolute;inset:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);transition:transform var(--transition-normal)}
.guides-detail__hero-nav-link:hover .guides-detail__hero-nav-icon::after,.guides-detail__hero-nav-link:focus-visible .guides-detail__hero-nav-icon::after{transform:rotate(45deg) translate(2px,-2px)}
.guides-detail__layout{width:min(1100px,calc(100% - 80px));margin:0 auto;display:grid;gap:clamp(1.8rem,4vw,2.6rem);grid-template-columns:minmax(0,1fr)}
.guides-detail__content{display:grid;gap:clamp(1.4rem,3vw,2rem)}
.guides-detail__sidebar{display:grid;gap:0.8rem;padding:clamp(1.4rem,3vw,2rem);border-radius:22px;border:1px solid rgba(94,230,208,0.2);background:rgba(7,22,48,0.92);color:rgba(235,242,255,0.88);box-shadow:0 18px 38px rgba(4,12,30,0.4)}
.guides-detail__sidebar-title{margin:0;font-size:1rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(126,246,227,0.85)}
.guides-detail__sidebar-list{list-style:none;margin:0;padding:0;display:grid;gap:0.45rem}
.guides-detail__sidebar-link{display:flex;align-items:center;justify-content:space-between;gap:0.6rem;padding:0.6rem 0.75rem;border-radius:14px;color:inherit;text-decoration:none;transition:background var(--transition-normal),transform var(--transition-normal)}
.guides-detail__sidebar-link:hover,.guides-detail__sidebar-link:focus-visible{background:rgba(126,246,227,0.18);transform:translateX(3px)}
.guides-detail__sidebar-link:focus-visible{outline:2px solid rgba(126,246,227,0.35);outline-offset:3px}
.guides-detail__sidebar-arrow{position:relative;width:10px;height:10px}
.guides-detail__sidebar-arrow::after{content:"";position:absolute;inset:0;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.guides-detail__steps{gap:clamp(1.2rem,3vw,1.6rem)}
.guides-detail__note{margin-top:-0.4rem}
.guides-detail__content .guides-grid{gap:clamp(1rem,2.6vw,1.4rem)}
.guides-detail__content .guides-card{background:var(--base-strong,rgba(250,252,255,0.96))}
.guides-detail__content .guides-card:hover{transform:translateY(-6px)}
.guides-support--detail,.guides-support--detail-cta{margin-top:clamp(2.2rem,5vw,3.2rem)}
@media(min-width:1024px){.guides-detail__layout{grid-template-columns:minmax(0,1fr) minmax(0,280px);align-items:start}
}
@media(max-width:1024px){.guides-detail__hero-inner{grid-template-columns:minmax(0,1fr);gap:clamp(1.8rem,6vw,2.6rem);width:100%;padding-inline:clamp(1.5rem,5vw,2.4rem)}
.guides-detail__hero-nav{width:100%;max-width:480px;margin:0 auto;justify-self:center;padding:clamp(1.2rem,4vw,1.6rem);border-radius:clamp(18px,5vw,24px)}
.guides-detail__hero-nav-list{gap:clamp(0.65rem,3vw,0.95rem)}
.guides-detail__hero-nav-link{padding:clamp(0.72rem,3vw,0.95rem) clamp(0.95rem,4vw,1.3rem);border-radius:clamp(14px,4vw,18px)}
}
@media(max-width:720px){.guides-directory .guides-container{width:min(100%,calc(100% - 40px))}
.guides-directory__grid{grid-template-columns:minmax(0,1fr);row-gap:clamp(1.8rem,6vw,2.6rem);grid-auto-rows:auto}
.guides-detail__hero-inner{width:100%;padding-inline:clamp(1.1rem,6vw,1.6rem)}
.guides-detail__layout{width:min(100%,calc(100% - 40px))}
.guides-detail__hero-copy{align-items:center;text-align:center}
.guides-detail__hero-top{justify-content:center}
.guides-detail__hero-actions{justify-content:center}
.guides-detail__hero-callouts-label{justify-self:center}
.guides-detail__callouts-list{justify-content:center}
.guides-detail__hero-nav{width:100%;max-width:420px;margin:0 auto;justify-self:center;padding:clamp(1.1rem,5vw,1.45rem)}
.guides-detail__hero-nav-link{padding:clamp(0.68rem,4.5vw,0.9rem) clamp(0.9rem,5.5vw,1.2rem)}
.guides-detail__sidebar{padding:1.2rem 1.4rem}
}
@media(max-width:540px){.guides-directory__card{margin-bottom:clamp(1.6rem,6vw,2.2rem)}
.guides-directory__card:last-child{margin-bottom:0}
.guides-directory__card-link{padding:1.4rem 1.25rem 1.55rem;gap:1rem;border-radius:24px;min-height:0}
.guides-directory__summary{max-width:none}
.guides-directory__step{width:38px;height:38px;font-size:0.85rem}
.guides-directory__cta{width:min(100%,260px);justify-content:center;margin-inline:auto}
.guides-detail__hero-inner{gap:1.2rem}
.guides-detail__hero-copy{text-align:left;align-items:flex-start}
.guides-detail__hero-top{justify-content:flex-start}
.guides-detail__hero-actions{justify-content:flex-start}
.guides-detail__callouts-list{justify-content:flex-start}
.guides-detail__lead{font-size:1rem}
.guides-detail__hero-inner{padding-inline:clamp(0.9rem,7vw,1.2rem)}
.guides-detail__hero-nav{width:100%;max-width:340px;margin:0 auto;justify-self:center;padding:clamp(1rem,6vw,1.3rem)}
.guides-detail__hero-nav-link{padding:clamp(0.65rem,5vw,0.85rem) clamp(0.85rem,6.5vw,1.1rem);border-radius:clamp(12px,5vw,16px)}
.guides-detail__sidebar{gap:0.6rem}
}
.guides-article{display:grid;gap:clamp(2.4rem,6vw,3.6rem);padding-bottom:clamp(2.8rem,7vw,4.4rem);background:var(--lumen-page-background);color:var(--surface-text)}
.guides-article__hero{position:relative;padding:clamp(2.6rem,6vw,4rem) 0;background:radial-gradient(circle at 8% 18%,rgba(126,246,227,0.2),transparent 60%),radial-gradient(circle at 85% 20%,rgba(66,194,255,0.22),transparent 65%),linear-gradient(135deg,rgba(7,22,48,0.92),rgba(3,12,28,0.94));color:#f6f9ff;box-shadow:inset 0 -1px 0 rgba(126,246,227,0.18)}
.guides-article__hero-inner{width:min(980px,calc(100% - 72px));margin:0 auto;display:grid;gap:clamp(1rem,3vw,1.6rem)}
.guides-article__badge{margin-top:0.4rem}
.guides-article__title{margin:0;font-size:clamp(2.2rem,4.2vw,3rem);font-weight:700;letter-spacing:-0.02em}
.guides-article__lead{margin:0;max-width:min(70ch,100%);font-size:clamp(1rem,1.1rem+0.3vw,1.2rem);color:rgba(235,242,255,0.9)}
.guides-article__meta{margin:0;font-size:0.85rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(220,236,255,0.7)}
.guides-article__layout{width:min(1100px,calc(100% - 80px));margin:0 auto;display:grid;gap:clamp(1.8rem,4vw,2.6rem);grid-template-columns:minmax(0,1fr);align-items:start}
.guides-article__content{display:grid;gap:clamp(1.6rem,3vw,2.2rem);padding:clamp(1.6rem,4vw,2.6rem);border-radius:26px;background:rgba(248,250,255,0.96);box-shadow:0 22px 48px rgba(8,16,32,0.24)}
.guides-article__section{display:grid;gap:0.85rem}
.guides-article__section-heading{margin:0;font-size:clamp(1.35rem,1.1rem+0.6vw,1.65rem);font-weight:600;color:var(--surface-strong,#041226);letter-spacing:-0.01em}
.guides-article__section-body{display:grid;gap:0.8rem;font-size:1rem;color:rgba(15,25,45,0.92);line-height:1.66}
.guides-article__paragraph{display:grid;gap:0.6rem}
.guides-article__paragraph p{margin:0}
.guides-article__paragraph ul,.guides-article__paragraph ol{margin:0;padding-left:1.2rem;display:grid;gap:0.35rem}
.guides-article__paragraph li{margin:0}
.guides-article__paragraph a{color:var(--link-lumen,#2cb4ff);text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:rgba(44,180,255,0.4)}
.guides-article__paragraph a:hover,.guides-article__paragraph a:focus-visible{color:#0480ff;text-decoration-color:rgba(4,128,255,0.6)}
.guides-article__section-body table{width:100%;border-collapse:collapse;border-radius:18px;overflow:hidden;background:rgba(255,255,255,0.98);box-shadow:0 12px 28px rgba(9,18,36,0.14);margin:0}
.guides-article__section-body thead{background:linear-gradient(135deg,rgba(126,246,227,0.85),rgba(66,194,255,0.82));color:#041226;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78rem}
.guides-article__section-body th,.guides-article__section-body td{padding:0.85rem 1rem;text-align:left;font-size:0.95rem;border-bottom:1px solid rgba(12,28,54,0.12)}
.guides-article__section-body tbody tr:nth-child(even){background:rgba(245,249,255,0.75)}
.guides-article__section-body tbody tr:last-child td{border-bottom:none}
.guides-article__section-body table p{margin:0.75rem 1rem 1rem;font-size:0.92rem;color:rgba(9,20,40,0.82)}
.guides-article__section-body table+p{margin-top:1rem}
.guides-article__support{margin:clamp(1.8rem,4vw,2.4rem) 0 0}
.guides-article__sidebar{position:sticky;top:clamp(1.6rem,5vw,2.8rem)}
@media(min-width:1024px){.guides-article__layout{grid-template-columns:minmax(0,1fr) minmax(0,280px)}
}
@media(max-width:720px){.guides-article__hero-inner{width:min(100%,calc(100% - 40px))}
.guides-article__layout{width:min(100%,calc(100% - 40px))}
.guides-article__content{padding:clamp(1.25rem,5vw,1.75rem)}
.guides-article__sidebar{position:static}
}
@media(max-width:540px){.guides-article__title{font-size:clamp(1.9rem,6vw,2.2rem)}
.guides-article__lead{font-size:1rem}
.guides-article__section-heading{font-size:1.25rem}
}