/* The guide uses original inline SVG emblems; text remains the primary label. */
.guide-atlas{--guide-lilac:#d5b4fc;--guide-mint:#85e2cd;--guide-gold:#f0cb84;--guide-rose:#f5a9bd;--guide-sky:#97cced}
.guide-tone-lilac{--guide-ink:var(--guide-lilac,#d5b4fc);--guide-tint:#b884ed14;--guide-edge:#b884ed40}
.guide-tone-mint{--guide-ink:var(--guide-mint,#85e2cd);--guide-tint:#6dceba14;--guide-edge:#6dceba40}
.guide-tone-gold{--guide-ink:var(--guide-gold,#f0cb84);--guide-tint:#e1b96714;--guide-edge:#e1b96740}
.guide-tone-rose{--guide-ink:var(--guide-rose,#f5a9bd);--guide-tint:#e997ac14;--guide-edge:#e997ac40}
.guide-tone-sky{--guide-ink:var(--guide-sky,#97cced);--guide-tint:#80b6df14;--guide-edge:#80b6df40}
.guide-emblem{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:56px;height:56px;padding:10px;border:1px solid var(--guide-edge,#b884ed40);border-radius:16px;color:var(--guide-ink,#d5b4fc);background:linear-gradient(140deg,var(--guide-tint,#b884ed14),#15131f);box-shadow:inset 0 1px 0 #ffffff08;vertical-align:middle}
.guide-emblem svg{display:block;width:100%;height:100%;overflow:visible}
.guide-glyph-badge{fill:#221c2c;stroke:var(--guide-ink,#d5b4fc);stroke-width:1.3}
.guide-glyph-operation{stroke:#f9f3ff;stroke-width:2.2}
.guide-intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 0 10px}
.guide-intro .page-title{max-width:780px;margin:0}
.guide-intro .page-title p{max-width:660px}
.guide-intro .page-title h1{font-size:clamp(2.2rem,4.8vw,4.05rem);letter-spacing:-.065em;line-height:1.13}
.guide-intro-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;flex:0 0 185px;padding:25px 0}
.guide-intro-mark .guide-emblem{width:124px;height:124px;padding:25px;border-radius:32px;background:radial-gradient(ellipse at 20% 0%,#b481e927,transparent 75%),linear-gradient(145deg,#2c223c,#191720);border-color:#bea1e64d;transform:rotate(-6deg);box-shadow:12px 12px 0 -2px #a384c10b,0 15px 70px #9e6ed41a}
.guide-intro-mark>span:last-child{font-size:.59rem;letter-spacing:2px;font-weight:800;color:#b8a7c9}
.guide-summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px 32px;margin:17px 0 30px;padding:16px 0;border-top:1px solid #d6b5fc1c;border-bottom:1px solid #d6b5fc1c}
.guide-summary>span{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#b5adbf}
.guide-summary strong{color:#f1eaf9;font-size:.88rem}
.guide-summary .guide-emblem{width:24px;height:24px;padding:2px;border:0;border-radius:0;background:none;box-shadow:none;margin-right:3px}
.guide-atlas .guide-journey{gap:16px;margin-bottom:38px}
.guide-atlas .guide-journey article{display:flex;flex-direction:column;align-items:start;padding:24px;border:1px solid #84ccb12b;border-radius:18px;background:radial-gradient(ellipse at top right,#63c5ae0d,transparent 70%),#191d23;box-shadow:inset 0 1px 0 #ffffff04}
.guide-atlas .guide-journey article:nth-child(2){border-color:#bd94e92b;background:radial-gradient(ellipse at top right,#b588e814,transparent 70%),#1e1b26}
.guide-atlas .guide-journey article:nth-child(3){border-color:#d8b2722b;background:radial-gradient(ellipse at top right,#d8b2720d,transparent 70%),#211e22}
.guide-journey-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}
.guide-journey-top>span:last-child{font-size:.64rem;font-weight:800;letter-spacing:1.7px;color:#b4b7be}
.guide-atlas .guide-journey h3{margin:20px 0 10px;font-size:1.07rem;letter-spacing:-.025em}
.guide-atlas .guide-journey p{font-size:.85rem;line-height:1.85;color:#bcb5c5;flex:1}
.guide-atlas .guide-journey p strong{color:#e8e4ee;font-weight:600}
.guide-atlas .guide-journey code{color:#e4d6f5;background:#c3a1ef0c;padding:2px 4px;border-radius:4px;font-size:.83rem}
.guide-journey-link{display:flex;align-items:center;justify-content:space-between;gap:16px;align-self:stretch;margin-top:22px;padding:14px 0 0;border:0;border-top:1px solid #b6aacd1a;background:none;color:#e4d7f1;text-align:left;font-size:.8rem;font-weight:700}
.guide-journey-link>span{color:#d6b5fc;font-size:1.12rem}
.guide-journey-link:hover{color:white}
.guide-browser{border:1px solid #c49beb26;border-radius:20px;padding:26px;background:linear-gradient(140deg,#211a2b70,#1b1823aa);scroll-margin-top:130px}
.guide-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.guide-section-heading .eyebrow{color:#baa4d0;font-size:.62rem;letter-spacing:2px}
.guide-section-heading h2{margin-top:9px;font-size:1.5rem;letter-spacing:-.04em}
.guide-filter-hint{font-size:.78rem;color:#aba2b9;padding-bottom:4px}
.guide-atlas .guide-filters{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,1fr) auto;gap:16px;margin:0 0 24px}
.guide-atlas .guide-filters label{font-size:.73rem;font-weight:600;color:#c1b6ce;min-width:0}
.guide-atlas .guide-filters input,.guide-atlas .guide-filters select{border:1px solid #73608259;background:#15111d;color:#eee8f5;border-radius:10px;font-size:.82rem;min-height:48px}
.guide-atlas .guide-filters input::placeholder{color:#998da8;opacity:1}
.guide-search-field{position:relative;display:block}
.guide-search-field>.guide-emblem{position:absolute;left:13px;top:13px;width:21px;height:21px;padding:0;border:0;border-radius:0;background:none;pointer-events:none;box-shadow:none}
.guide-atlas .guide-search-field input{padding-left:43px;min-width:0}
.guide-atlas .guide-reset{font-size:.72rem;padding:11px 15px;min-height:48px;white-space:nowrap;border-color:#67507359;background:#271f31;color:#d5c4e4}
.guide-topics{border-top:1px solid #b997d424;padding-top:18px}
.guide-topics summary{display:flex;gap:12px;align-items:center;cursor:pointer;list-style:none;font-size:.78rem;font-weight:800;color:#e7ddf2;padding:3px 0 6px}
.guide-topics summary::-webkit-details-marker{display:none}
.guide-topics summary:before{content:'+';display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:1rem;color:#d8b6fc;background:#c2a0e914;border-radius:5px}
.guide-topics[open] summary:before{content:'−'}
.guide-topics summary>span{margin-left:auto;font-size:.69rem;color:#ac9ebb;font-weight:500}
.guide-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}
.guide-topic{display:flex;align-items:center;gap:10px;text-align:left;min-height:57px;padding:9px 10px;color:#c9bfd5;background:#16131dc2;border:1px solid #bb9ed319;border-radius:11px;transition:border-color .16s,background .16s;color-scheme:dark}
.guide-topic>.guide-emblem{width:33px;height:33px;padding:6px;border-radius:9px;border-color:transparent;background:var(--guide-tint)}
.guide-topic>span:not(.guide-emblem){flex:1;font-size:.71rem;font-weight:600;line-height:1.45;min-width:0}
.guide-topic>small{color:#91849f;font-size:.64rem;font-variant-numeric:tabular-nums}
.guide-topic:hover{border-color:var(--guide-edge);background:var(--guide-tint);color:#fff}
.guide-topic.selected{border-color:var(--guide-edge);background:linear-gradient(130deg,var(--guide-tint),#201927);box-shadow:inset 3px 0 0 var(--guide-ink);color:#faf3ff}
.guide-topic.selected>small{color:var(--guide-ink)}
.guide-permission-note{display:flex;align-items:center;gap:14px;margin:23px 2px 29px}
.guide-permission-note>.guide-emblem{width:29px;height:29px;border:0;background:none;padding:2px;box-shadow:none}
.guide-atlas .guide-permission-note p{font-size:.76rem;color:#a89cb7;line-height:1.75}
.guide-permission-note code{color:#d8c9e8}
.guide-results{scroll-margin-top:120px}
.guide-results-heading{display:flex;align-items:center;gap:14px;padding:5px 0 0}
.guide-results-heading .guide-emblem{width:47px;height:47px;padding:10px;border-radius:13px}
.guide-results-heading h2{font-size:1.24rem;letter-spacing:-.025em}
.guide-atlas .guide-results-heading p{font-size:.73rem;line-height:1.5;color:#b2a4c0;margin-top:6px}
.guide-atlas .command-library{gap:16px;margin:20px 0 30px;align-items:stretch}
.guide-atlas .guide-command-card{padding:24px;border:1px solid #ad92c627;border-radius:17px;background:radial-gradient(ellipse at 0 0,var(--guide-tint),transparent 60%),#1b1822;box-shadow:inset 0 1px 0 #ffffff03;transition:border-color .18s}
.guide-atlas .guide-command-card:hover{border-color:var(--guide-edge)}
.guide-atlas .guide-command-heading{display:flex;flex-wrap:nowrap;align-items:center;justify-content:start;gap:16px}
.guide-command-heading>.guide-emblem{width:59px;height:59px;padding:11px;border-radius:16px}
.guide-command-title{min-width:0;flex:1}
.guide-command-kind{display:block;color:#a798b7;font-size:.56rem;letter-spacing:1.6px;font-weight:800;line-height:1.4}
.guide-atlas .guide-command-card h3{margin:7px 0 0;font-size:1.03rem;line-height:1.5;font-weight:700;color:#f2eaf9;overflow-wrap:anywhere}
.guide-atlas .guide-command-card h3 code{color:var(--guide-ink);background:none;padding:0;font-size:.94rem;font-weight:600;font-family:Consolas,"SFMono-Regular",monospace}
.guide-atlas .guide-command-meta{display:flex;gap:6px 10px;align-items:center;justify-content:flex-start;margin-top:20px}
.guide-atlas .guide-command-meta .tag{background:var(--guide-tint);color:var(--guide-ink);border:1px solid var(--guide-edge);font-size:.58rem;font-weight:600;letter-spacing:.01em;padding:3px 7px;border-radius:5px;line-height:1.6;white-space:normal}
.guide-source{color:#9c8daa;font-size:.62rem;line-height:1.6;overflow-wrap:anywhere}
.guide-atlas .guide-command-card p{color:#c0b5cc;font-size:.84rem;line-height:1.85;margin:13px 0 22px;overflow-wrap:anywhere}
.guide-atlas .guide-command-card footer{border-top:1px solid #bfa4d71c;padding-top:15px;gap:12px;align-items:center}
.guide-access{display:flex;align-items:start;gap:8px;min-width:0;line-height:1.7}
.guide-atlas .guide-command-card .guide-access{font-size:.65rem;color:#aa9bb8}
.guide-access>.guide-emblem{width:17px;height:19px;padding:1px;border:0;border-radius:0;background:none;box-shadow:none;color:#a393b3}
.guide-access>span:last-child{overflow-wrap:anywhere}
.guide-copy{display:flex;align-items:center;gap:6px;flex-shrink:0;background:#c9a4f20b;border:1px solid #bda0d527;border-radius:7px;color:#d6c2e9;padding:7px 9px;font-size:.64rem;font-weight:700;min-height:36px}
.guide-copy:hover{background:#c9a4f219;border-color:#c9a4f261;color:#fff}
.guide-copy .guide-emblem{width:16px;height:16px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.guide-no-results{grid-column:1/-1;text-align:center;padding:40px 20px;border:1px dashed #b597ce40;border-radius:16px;background:#201a2940}
.guide-no-results>.guide-emblem{width:68px;height:68px;margin-bottom:10px}
.guide-no-results .empty{border:0;background:none;margin:0;padding:15px 0 25px}
.guide-atlas .guide-help{display:flex;align-items:center;gap:20px;padding:25px;border-color:#b2a0c334;background:linear-gradient(120deg,#25202e,#1c1924)}
.guide-help>div{flex:1}
.guide-atlas .guide-help h2{font-size:1.1rem;letter-spacing:-.025em;margin-bottom:9px}
.guide-atlas .guide-help p{font-size:.8rem;color:#b7a9c5;margin:0;max-width:680px;line-height:1.75}
.guide-atlas .guide-help .button{font-size:.75rem;white-space:nowrap;gap:16px}
.guide-atlas :is(button,input,select,summary,a):focus-visible{outline:3px solid #dbc0fa;outline-offset:4px}
.guide-category-heading{display:flex;align-items:center;gap:15px}
.guide-category-heading>.guide-emblem{width:46px;height:46px;padding:9px;border-radius:13px}
.command-card>.guide-card-heading{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:14px}
.guide-card-heading>div{min-width:0;flex:1}
.guide-card-heading h3{margin:9px 0 0;font-size:1rem;overflow-wrap:anywhere}
.guide-card-heading .tag{white-space:normal}
@media(min-width:1600px){.guide-topic-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1150px){.guide-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-intro-mark{flex-basis:155px}.guide-atlas .guide-filters{grid-template-columns:minmax(0,1.4fr) minmax(180px,1fr)}.guide-atlas .guide-reset{grid-column:1/-1;justify-self:start;min-height:36px;padding:8px 12px}.guide-atlas .guide-journey{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-atlas .guide-journey article{padding:20px}.guide-atlas .guide-help{flex-wrap:wrap}.guide-help .button{margin-left:76px}}
@media(max-width:820px){.guide-intro-mark{display:none}.guide-intro{padding-top:7px}.guide-atlas .guide-journey{grid-template-columns:1fr;gap:12px}.guide-atlas .guide-journey article{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:18px;row-gap:0;padding:19px}.guide-journey-top{display:block;grid-row:1/4;width:auto}.guide-journey-top>span:last-child{display:none}.guide-atlas .guide-journey h3{margin:0 0 7px;font-size:1rem}.guide-atlas .guide-journey p{font-size:.8rem}.guide-journey-link{grid-column:2;margin-top:10px;padding-top:10px;font-size:.72rem}.guide-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-browser{padding:21px}.guide-section-heading{display:block}.guide-filter-hint{display:block;margin-top:10px}.guide-atlas .guide-command-card{padding:21px}.guide-summary{gap:12px 20px}.guide-summary>span{font-size:.71rem}}
@media(max-width:540px){.guide-intro .page-title h1{font-size:2.35rem;letter-spacing:-.06em}.guide-intro .page-title p{font-size:.9rem}.guide-summary{gap:12px 18px;margin-top:20px}.guide-summary strong{font-size:.8rem}.guide-summary>span:last-child{flex-basis:100%}.guide-atlas .guide-filters{grid-template-columns:minmax(0,1fr);gap:12px}.guide-browser{padding:18px 14px;border-radius:16px}.guide-section-heading{margin-bottom:20px}.guide-section-heading h2{font-size:1.25rem}.guide-topic-grid{gap:7px}.guide-topic{gap:7px;padding:8px;min-height:62px}.guide-topic>.guide-emblem{width:28px;height:28px;padding:4px;border-radius:8px}.guide-topic>span:not(.guide-emblem){font-size:.65rem}.guide-topic>small{display:none}.guide-permission-note{align-items:start;gap:10px}.guide-atlas .guide-permission-note p{font-size:.71rem}.guide-results-heading h2{font-size:1.12rem}.guide-atlas .guide-command-card{padding:20px}.guide-command-heading>.guide-emblem{width:52px;height:52px;padding:10px;border-radius:14px}.guide-atlas .guide-command-heading{gap:12px}.guide-atlas .guide-command-card h3 code{font-size:.85rem}.guide-atlas .guide-command-card p{font-size:.81rem}.guide-atlas .guide-help{padding:21px;gap:14px}.guide-help>.guide-emblem{width:43px;height:43px;padding:9px;border-radius:12px}.guide-help>div{min-width:calc(100% - 60px)}.guide-help .button{margin-left:0;width:100%}.guide-atlas .guide-command-card footer{align-items:start}}
@media(prefers-reduced-motion:reduce){.guide-atlas *{transition:none!important;scroll-behavior:auto!important}}
