/* Shared by the static simulator hub and interactive lower sections. */
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;padding-top:44px}
.guide-content,.guide-rail{min-width:0}.guide-layout .index-guide{padding-top:0}.guide-grid{grid-template-columns:1fr;gap:36px}.guide-grid article{max-width:820px}.guide-grid h3{font-size:22px;line-height:1.4}.guide-layout .questions{max-width:none}
.guide-rail-sticky{display:grid;gap:24px}.guide-toc h3{margin:0 0 12px;font-size:16px}.guide-toc a{display:block;padding:8px 0;font-size:13px;color:var(--muted);text-decoration:none}.guide-toc a:hover{color:var(--ink)}.guide-promos{display:grid;gap:14px}
.hub-mini-promo{--promo-accent:#a7a5ec;display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0;padding:15px 16px;border:1px solid color-mix(in srgb,var(--promo-accent) 22%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--promo-accent) 4%,var(--surface))}
.hub-mini-promo[data-tier=premium]{--promo-accent:#dfc48c}.hub-mini-promo[data-tier=draft]{--promo-accent:#a5c9ec}.hub-mini-promo[data-tier=cap]{--promo-accent:#9bcbb4}
.hub-mini-promo h3{display:flex;align-items:center;gap:7px;font-size:14px;line-height:1.4;margin:0;color:var(--ink)}.hub-mini-promo h3 svg{color:var(--promo-accent);flex:none}.hub-mini-promo[data-tier=premium] h3 svg{fill:#dfc48c}
.hub-mini-promo>img{width:150px;max-width:100%;height:28px;object-fit:contain;object-position:left center}.hub-mini-promo[data-tier=draft]>img{filter:brightness(0) invert(1)}
.hub-mini-promo p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.hub-mini-promo>a{display:inline-flex;align-items:center;min-height:32px;margin-top:auto;padding:5px 12px;border:1px solid color-mix(in srgb,var(--promo-accent) 22%,transparent);border-radius:999px;background:color-mix(in srgb,var(--promo-accent) 8%,transparent);color:var(--promo-accent);font-size:12px;font-weight:600;text-decoration:none}.hub-mini-promo>a:hover{background:color-mix(in srgb,var(--promo-accent) 15%,transparent)}
.hub-membership-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 16px}
.hub-membership-inline .hub-mini-promo{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.hub-membership-inline .hub-mini-promo>a{grid-column:2;grid-row:1/3}.hub-membership-inline .hub-mini-promo p{grid-column:1}
.hub-discovery-rows{display:grid;gap:24px}.hub-link-row{min-width:0}.hub-link-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.hub-link-heading h3{font-size:15px;margin:0;color:var(--ink)}.hub-link-controls{display:flex;gap:4px}.hub-link-controls button{border:0;background:transparent;color:var(--link);width:36px;height:36px;font:26px/1 sans-serif;cursor:pointer}.hub-link-controls button:disabled{opacity:.25;cursor:default}.hub-link-controls button[hidden]{display:none}
.hub-link-track{display:flex;align-items:center;gap:30px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.hub-link-track::-webkit-scrollbar{display:none}.hub-link-track>a{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:48px;white-space:nowrap;font-size:13px;text-decoration:none}.hub-link-track>a:hover{text-decoration:underline;text-underline-offset:4px}.hub-link-track .discovery-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;color:var(--muted)}.hub-link-track .discovery-icon svg{width:16px;height:16px}.hub-link-track .discovery-arrow{display:block;width:16px;height:16px;flex:none;color:var(--muted)}.hub-link-track .discovery-label{line-height:20px}
:root[data-index-tone=light] .hub-mini-promo{--promo-accent:#59568a}:root[data-index-tone=light] .hub-mini-promo[data-tier=premium]{--promo-accent:#806332}:root[data-index-tone=light] .hub-mini-promo[data-tier=draft]{--promo-accent:#385d80}:root[data-index-tone=light] .hub-mini-promo[data-tier=cap]{--promo-accent:#355e4c}:root[data-index-tone=light] .hub-mini-promo>img{filter:brightness(0) saturate(100%)}

@media(min-width:1024px){.guide-layout{grid-template-columns:minmax(0,9fr) minmax(0,3fr);gap:40px}.guide-rail-sticky{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto;scrollbar-width:thin}}
@media(max-width:1023px){.guide-rail{order:-1}.guide-promos{display:none}.guide-toc{display:flex;flex-wrap:wrap;gap:0 20px}.guide-toc h3{width:100%;margin-bottom:4px}.hub-link-controls{display:none}}
@media(max-width:767px){.guide-rail{display:none}.hub-link-track{gap:24px}}
@media(max-width:639px){.hub-membership-inline{grid-template-columns:1fr}.hub-membership-inline .hub-mini-promo{padding:12px}.hub-mini-promo>a{min-height:44px}}
.hub-link-track :is(.discovery-icon,.discovery-arrow){color:#b8bec6}:root[data-index-tone=light] .hub-link-track :is(.discovery-icon,.discovery-arrow){color:#68727d}
.hub-link-track .discovery-icon{color:oklch(.76 .14 var(--icon-hue))}:root[data-index-tone=light] .hub-link-track .discovery-icon{color:oklch(.49 .145 var(--icon-hue))}