/* Additive editorial and experience styles; existing pricing and motion stay intact. */
.experience-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.experience-heading h2 { font-size:clamp(1.8rem,4vw,3rem); letter-spacing:-.04em; }
.experience-heading p,.reel-hint { color:var(--muted); }
.reel-controls { display:flex; gap:8px; }
.reel-controls button { min-width:48px; padding:12px 18px; }
.reel-controls button:disabled { opacity:.35; cursor:default; }
.experience-reel { display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; padding:24px max(24px,calc((100vw - 1180px)/2)) 32px; scrollbar-color:#22718b #101722; scrollbar-width:thin; }
.experience-card { position:relative; flex:0 0 min(62vw,580px); margin:0; aspect-ratio:1.45; border-radius:24px; overflow:hidden; border:1px solid #315062; background:#0b1622; scroll-snap-align:center; }
.experience-card img { width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.experience-card::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 35%,rgba(2,6,12,.9)); pointer-events:none; }
.experience-card figcaption { position:absolute; z-index:1; left:30px; bottom:25px; }
.experience-card figcaption span { color:var(--mint); font-size:.7rem; letter-spacing:.15em; }
.experience-card h3 { font-size:1.8rem; margin-top:6px; }
.reel-hint { font-size:.8rem; margin-top:18px; }
.blog-categories { display:flex; gap:10px; flex-wrap:wrap; margin-top:28px; }
.blog-categories a { border:1px solid var(--line-strong); border-radius:30px; padding:9px 20px; }
.blog-categories a[aria-current] { background:var(--accent); color:#05111b; }
.editorial-card { min-height:0; padding:0; overflow:hidden; background:var(--surface); }
.editorial-card img { width:100%; height:190px; object-fit:cover; margin-bottom:18px; }
.editorial-card a { display:block; padding-bottom:22px; }
.editorial-card :is(span,h3,.card-heading,p,small) { margin-left:22px; margin-right:22px; }
.editorial-card span { color:var(--mint); font-size:.75rem; text-transform:uppercase; }
.editorial-card :is(h3,.card-heading) { margin-top:10px; line-height:1.35; }
.editorial-card p { color:var(--muted); margin-top:12px; font-size:.9rem; }
.editorial-card small { display:block; margin-top:16px; }
.magazine-lead { margin:24px 0 44px; }
.magazine-lead p { margin:22px 0; }
.page-section h2 { margin-bottom:24px; }
[data-load-guides] { margin:28px 0; }
.quick-answer { padding:24px; border-left:3px solid var(--accent); background:rgba(0,200,255,.065); margin-top:30px; border-radius:0 12px 12px 0; }
.quick-answer h2 { margin-top:0; font-size:1rem; text-transform:uppercase; letter-spacing:.09em; }
.editorial-image { margin:28px 0; }
.editorial-image img { width:100%; height:auto; border-radius:18px; }
.editorial-image figcaption { color:var(--muted); font-size:.75rem; margin-top:8px; }
.article-content ol>li { list-style:decimal; padding-left:5px; }
.article-content p a,.article-content li a,.magazine-lead p a,.priority-links a { color:#7fdfff; text-decoration:underline; text-underline-offset:4px; }
.article-content section { scroll-margin-top:110px; }
.article-content :is(h2,h3) { scroll-margin-top:110px; }
.table-scroll { overflow-x:auto; margin-top:24px; max-width:100%; }
.table-scroll table { border-collapse:collapse; width:100%; min-width:460px; font-size:.9rem; }
.table-scroll th,.table-scroll td { padding:16px; border:1px solid var(--line-strong); text-align:left; vertical-align:top; }
.table-scroll th { background:#142634; }
.table-scroll td { color:var(--muted); }
.priority-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 36px; margin:28px 0; }
.article-content { padding-bottom:64px; overflow-wrap:break-word; min-width:0; }
.article-meta { flex-wrap:wrap; }
.related-grid:empty { display:none; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
[hidden] { display:none !important; }
:is(.experience-reel,.blog-categories a,.reel-controls button,.table-scroll):focus-visible { outline:2px solid var(--mint); outline-offset:4px; }
@media(hover:hover) { .experience-card:hover img { transform:scale(1.045); } }
@media(max-width:720px) { .experience-heading { align-items:flex-start; flex-direction:column; } .experience-card { flex-basis:84vw; aspect-ratio:1.1; } .experience-card figcaption { left:22px; } .priority-links { grid-template-columns:1fr; } .table-scroll th,.table-scroll td { padding:12px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .experience-card img { transition:none !important; } .experience-card:hover img { transform:none; } }