.discovery-section { --discovery-accent:#1658ff; position:relative; z-index:1; width:calc(100% - clamp(36px,6vw,64px)); max-width:1216px; margin:0 auto; min-height:calc(100svh - var(--site-header-height,76px)); padding:clamp(48px,7vh,84px) 0; display:flex; flex-direction:column; justify-content:center; scroll-snap-align:start; scroll-margin-top:0; }
.discovery-section h2 { font-size:clamp(28px,3vw,40px); letter-spacing:-.035em; margin:0 0 16px; }
.discovery-intro { max-width:760px; color:var(--muted); font-size:16px; line-height:1.9; margin:0 0 32px; }
.discovery-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.discovery-card { position:relative; min-width:0; border:1px solid var(--line); border-radius:18px; box-shadow:0 4px 16px #00000004; background:rgb(255 255 255 / 64%); backdrop-filter:blur(8px); padding:24px; display:flex; flex-direction:column; align-items:flex-start; color:var(--ink); text-decoration:none; transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease; transform-origin:center; }
.discovery-card::before { content:""; display:block; width:32px; height:32px; margin-bottom:22px; background:var(--discovery-accent); mask:center / contain no-repeat; }
.discovery-grid h3 { margin:0 0 16px; font-size:20px; font-weight:600; letter-spacing:-.02em; }
.discovery-grid p { color:var(--muted); font-size:14px; line-height:1.9; margin:0; }
.guide-page { --discovery-accent:#1658ff; position:relative; isolation:isolate; }
.guide-page::before { content:""; position:absolute; z-index:-1; top:72px; left:0; right:0; height:640px; background:url("branding/gazelle-ribbons.svg") center top / min(1440px,120vw) 100% no-repeat; opacity:.42; mask-image:linear-gradient(to bottom,#000,transparent 90%); pointer-events:none; }
.guide-main { max-width:1280px !important; padding-top:48px; padding-bottom:72px; }
.guide-main>h1,.guide-main>.guide-updated,.guide-main>.guide-body,.guide-main>.guide-breadcrumb { max-width:960px; margin-left:auto; margin-right:auto; }
.guide-main>h1 { overflow-wrap:anywhere; font-size:clamp(30px,3.4vw,44px); font-weight:650; letter-spacing:-.035em; line-height:1.4; margin-bottom:16px; }
.guide-breadcrumb { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px; color:var(--muted); font-size:13px; }
.guide-breadcrumb a { padding:0; white-space:normal; }
.guide-breadcrumb>*+*::before { content:"/"; color:var(--muted); margin-right:8px; }
.guide-updated { color:var(--muted); font-size:13px; margin-top:0; margin-bottom:36px; }
.guide-body { box-shadow:none; border:0; background:transparent; border-radius:0; padding:0; }
.guide-body h2 { font-size:24px; font-weight:600; letter-spacing:-.02em; margin:40px 0 18px; padding-top:30px; border-top:1px solid var(--line); }
.guide-body h2:first-child { margin-top:0; }
.guide-body p,.guide-body li { color:var(--muted); line-height:1.95; font-size:15px; }
.guide-body p { margin:14px 0; }
.guide-body ol { padding-left:22px; }
.guide-body li { padding-left:8px; margin:12px 0; }
.guide-body a,.guide-breadcrumb a { color:var(--discovery-accent); text-decoration:none; }
.guide-body a:hover,.guide-breadcrumb a:hover { text-decoration:underline; text-underline-offset:4px; }
.guide-body figure { margin:36px 0 0; }
.guide-body img { display:block; width:100%; height:auto; border:1px solid var(--line); border-radius:16px; }
.guide-body figcaption { color:var(--muted); font-size:12px; margin-top:12px; }
.guide-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; }
.guide-body .guide-link { position:relative; display:block; padding:24px 26px 24px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; text-decoration:none; }
.guide-link::after { content:"↗"; position:absolute; right:0; top:25px; color:var(--discovery-accent); }
.guide-link strong,.guide-link span { display:block; }
.guide-link strong { color:var(--ink); font-size:17px; font-weight:600; }
.guide-link:hover strong { color:var(--discovery-accent); }
.guide-link span { margin-top:10px; color:var(--muted); font-size:14px; line-height:1.9; }
.guide-body .button.primary { color:#fff; border-radius:28px; text-decoration:none; }
:root[data-theme="dark"] .discovery-section,:root[data-theme="dark"] .guide-page { --discovery-accent:#e5e5e5; }
:root[data-theme="dark"] .guide-page::before { opacity:.28; filter:brightness(1.5); }
:root[data-theme="dark"] .guide-body .button.primary { color:#111; }
@media(max-width:1000px) { .discovery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .discovery-intro { margin-bottom:28px; } }
@media(max-width:650px) { .discovery-grid,.guide-links { grid-template-columns:1fr; } .discovery-card { padding:22px; } .discovery-card::before { width:28px; height:28px; margin-bottom:14px; } .discovery-card h3 { font-size:19px; } .guide-main { padding-top:28px; } .guide-body h2 { font-size:21px; } .guide-breadcrumb { margin-bottom:24px; } .discovery-section { padding:40px 0; } .discovery-intro { font-size:14px; margin-bottom:20px; } }
.discovery-card:hover h3 { color:var(--discovery-accent); }
.discovery-card:nth-child(5)::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v12m-5-5%205%205%205-5M4%2017v4h16v-4%22%2F%3E%3C%2Fsvg%3E"); }
.discovery-card:nth-child(6)::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M9%209a3%203%200%200%201%206%200c0%202-3%202-3%204m0%203h.01%22%2F%3E%3C%2Fsvg%3E"); }
.discovery-card:nth-child(7)::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%226%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E"); }
.discovery-card:nth-child(8)::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m8%2012%203%203%205-6%22%2F%3E%3C%2Fsvg%3E"); }
.help-layout { display:grid; grid-template-columns:232px minmax(0,1fr); gap:0; align-items:stretch; height:calc(100dvh - 184px); min-height:480px; border:1px solid var(--line); border-radius:18px; background:color-mix(in srgb,var(--card) 72%,transparent); backdrop-filter:blur(8px); overflow:hidden; }
.help-content { min-width:0; max-width:none; overflow-y:auto; padding:32px 40px; }
.help-content h1 { font-size:clamp(30px,3.4vw,44px); font-weight:650; letter-spacing:-.035em; line-height:1.4; margin:0 0 16px; overflow-wrap:anywhere; }
.help-sidebar { position:static; padding:20px 14px; border-right:1px solid var(--line); overflow-y:auto; background:color-mix(in srgb,var(--surface) 55%,transparent); }
.help-menu summary { display:none; }
.help-topic-nav,.help-toc nav { display:flex; flex-direction:column; align-items:stretch; gap:4px; }
.help-sidebar a { padding:9px 12px; white-space:normal; color:var(--muted); font-size:14px; border-radius:8px; }
.help-sidebar a::after { display:none; }
.help-sidebar a:hover { color:var(--discovery-accent); background:var(--soft); }
.help-sidebar a[aria-current="page"] { color:var(--discovery-accent); background:var(--soft); font-weight:600; }
.help-toc { border-top:1px solid var(--line); margin-top:24px; padding-top:18px; }
.help-toc p { color:var(--muted); font-size:12px; margin:0 12px 8px; }
.help-toc a { font-size:13px; }
.help-menu[open] { max-height:none; overflow:visible; }
.help-content h2 { scroll-margin-top:100px; }
.help-questions dt { color:var(--ink); font-weight:600; margin-top:22px; }
.help-questions dd { color:var(--muted); margin:8px 0 22px; font-size:15px; line-height:1.9; }
.help-related { display:flex; flex-wrap:wrap; gap:12px 24px; border-top:1px solid var(--line); margin-top:40px; padding-top:24px; }
.help-related a { padding:0; color:var(--discovery-accent); white-space:normal; }
@media(max-width:1000px) { .help-layout { grid-template-columns:200px minmax(0,1fr); } .help-content { padding:28px; } }
@media(max-width:800px) {
  .help-layout { grid-template-columns:minmax(0,1fr); height:auto; min-height:0; }
  .help-sidebar { position:static; border-right:0; border-bottom:1px solid var(--line); padding:14px; }
  .help-menu { border:0; padding:0; }
  .help-menu summary { display:list-item; cursor:pointer; font-size:14px; color:var(--ink); margin-left:18px; }
  .help-menu[open] { max-height:none; overflow:visible; }
  .help-topic-nav { margin-top:16px; }
  .help-content h2 { scroll-margin-top:150px; }
  .help-content { padding:24px 20px; overflow:visible; }
}
.help-content-heading { margin-bottom:28px; }
.help-eyebrow { margin:0 0 10px; color:var(--muted); font-size:12px; }
.help-content-heading h1 { font-size:clamp(26px,3vw,36px); margin:0; }
.help-content .guide-body h2 { margin-top:32px; padding-top:24px; font-size:22px; }
.help-content .guide-body>h2:first-child { border:0; padding-top:0; margin-top:0; }
.help-load-error { padding:12px; border:1px solid var(--line); border-radius:8px; color:var(--muted); }
.discovery-card:nth-child(1)::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M8%2012h8m-4-4v8%22%2F%3E%3C%2Fsvg%3E"); }
.discovery-card:nth-child(2)::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%208V4h4m8%200h4v4m0%208v4h-4M8%2020H4v-4M8%209h8m-8%203h8m-8%203h5%22%2F%3E%3C%2Fsvg%3E"); }
.discovery-card:nth-child(3)::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206h12M9%203v3m4%200c-1%206-5%2010-10%2012m2-9c2%204%205%207%209%209m1%203%204-10%204%2010m-6-3h4%22%2F%3E%3C%2Fsvg%3E"); }
.discovery-card:nth-child(4)::before { mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%202.6%206.4L21%2012l-6.4%202.6L12%2021l-2.6-6.4L3%2012l6.4-2.6Z%22%2F%3E%3C%2Fsvg%3E"); }


.discovery-card:hover { transform:scale(1.025); background:rgb(255 255 255 / 84%); border-color:var(--muted); box-shadow:0 12px 28px #0000000c; z-index:2; }
.discovery-card:focus-visible { outline:2px solid var(--discovery-accent); outline-offset:4px; }
:root[data-theme="dark"] .discovery-card { background:rgb(32 32 32 / 68%); border-color:#383838; box-shadow:0 4px 16px #0002; }
:root[data-theme="dark"] .discovery-card:hover { background:rgb(46 46 46 / 84%); border-color:#777; box-shadow:0 12px 28px #0005; }
@media(prefers-reduced-motion:reduce) { .discovery-card { transition:none; } .discovery-card:hover { transform:none; } }