.guide-page,.guides-hub{--guide-accent:#9be7ff;z-index:1;color:#b7cada;max-width:76rem;margin-inline:auto;padding:1.5rem 2rem 3rem;position:relative}[data-project=rimeward]{--guide-accent:#9be7ff}[data-project=crosspane]{--guide-accent:#acbaff}[data-project=rimewire]{--guide-accent:#93e0c1}[data-project=frostsim]{--guide-accent:#9dcfff}[data-project=loothing]{--guide-accent:#edc28c}[data-project=glaze]{--guide-accent:#6fdcff}.guide-figure{margin-block:1.5rem}.guide-figure-compact{max-width:20rem}.guide-figure img{border:1px solid #24394c;border-radius:.8rem;width:100%;height:auto;display:block}.guide-figure figcaption{color:#91aabd;margin-top:.65rem;font-size:.8rem;line-height:1.6}.guide-page a:focus-visible,.guide-page summary:focus-visible,.guides-hub a:focus-visible{outline:2px solid var(--guide-accent);outline-offset:5px;border-radius:4px}.guide-back{color:#a4bbcf;align-items:center;gap:.7rem;padding-block:.5rem;font-size:.8rem;display:inline-flex}.guide-back:hover,.guide-project-link:hover{color:var(--guide-accent)}.guide-eyebrow{color:var(--guide-accent);letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:600}.guide-eyebrow a:hover{text-underline-offset:.2em;text-decoration:underline}.guide-eyebrow>span{color:#63829c;margin-inline:.5rem}.guide-hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:3rem;padding:3rem 0 4rem;display:grid}.guide-intro,.guide-visual{min-width:0}.guide-intro h1{color:#edf6ff;letter-spacing:-.055em;text-wrap:balance;margin:1.1rem 0 1.5rem;font-size:clamp(2.3rem,4.5vw,3.7rem);font-weight:600;line-height:1.08}.guide-lead{text-wrap:pretty;max-width:43rem;font-size:1rem;line-height:1.8}.guide-meta{color:#91abc2;flex-wrap:wrap;gap:.65rem 1.1rem;margin-top:1.75rem;font-size:.75rem;display:flex}.guide-meta span+span:before{content:"·";color:#63829c;margin-right:1.1rem}.guide-reading-progress{z-index:20;background:#0b1824;height:3px;position:fixed;inset:0 0 auto}.guide-reading-progress span{background:var(--guide-accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.guide-reading-grid{border-top:1px solid #23384b;grid-template-columns:15rem minmax(0,1fr);align-items:start;gap:4.5rem;padding-top:3rem;display:grid}.guide-sidebar{padding-bottom:1rem;position:sticky;top:2rem}.guide-contents summary{color:#e3eef8;cursor:pointer;justify-content:space-between;align-items:center;min-height:2.75rem;font-size:.85rem;font-weight:600;list-style:none;display:flex}.guide-contents summary::-webkit-details-marker{display:none}.guide-contents summary>span{color:#7895ad}.guide-contents ol{margin:.75rem 0 0;padding:0;list-style:none}.guide-contents a{color:#a3bad0;border-left:2px solid #263d50;align-items:baseline;gap:.75rem;padding:.75rem .85rem;font-size:.8rem;line-height:1.5;transition:color .2s,background .2s,border-color .2s;display:flex}.guide-contents a:hover,.guide-contents a[aria-current]{color:var(--guide-accent);background:color-mix(in srgb, var(--guide-accent) 6%, transparent);border-color:var(--guide-accent)}.guide-chapter-number{font-variant-numeric:tabular-nums;opacity:.7;font-size:.65rem}.guide-project-link{color:#b5c9da;border-top:1px solid #23384b;justify-content:space-between;align-items:center;margin-top:1rem;padding:1.3rem .85rem;font-size:.8rem;display:flex}.guide-article{min-width:0;max-width:48rem;font-size:1rem;line-height:1.85}.guide-section{border-bottom:1px solid #1d3143;margin-bottom:2.75rem;padding-bottom:2.75rem;scroll-margin-top:2rem}.guide-section:last-child{border:0;margin-bottom:0}.guide-article h2{color:#ecf5fc;letter-spacing:-.035em;text-wrap:balance;margin:0 0 1.25rem;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:600;line-height:1.25}.guide-article h3{color:#e5eff8;letter-spacing:-.02em;margin:2rem 0 .85rem;font-size:1.15rem;font-weight:600;line-height:1.4}.guide-article p,.guide-article ul,.guide-article ol,.guide-article pre,.guide-article figure,.guide-table-wrap{margin-bottom:1.35rem}.guide-article li+li{margin-top:.65rem}.guide-article ul,.guide-article ol{padding-left:1.4rem}.guide-article ul{list-style:outside}.guide-article ol{list-style:decimal}.guide-article strong{color:#ecf5fc;font-weight:600}.guide-article a{color:var(--guide-accent);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--guide-accent) 40%, transparent);text-underline-offset:.2em}.guide-article a:hover{text-decoration-color:var(--guide-accent)}.guide-article :not(pre)>code{color:#d4e9f4;overflow-wrap:anywhere;background:#112334;border-radius:.25rem;padding:.15em .35em;font-size:.85em}.guide-article pre{color:#cee3f3;background:#071320;border:1px solid #263c51;border-radius:.75rem;max-width:100%;padding:1.3rem;font-size:.8rem;line-height:1.8;overflow-x:auto}.guide-article img{border-radius:.75rem;max-width:100%;height:auto}.guide-article blockquote,.guide-callout{border:1px solid color-mix(in srgb, var(--guide-accent) 28%, #13273a);border-left:3px solid var(--guide-accent);background:color-mix(in srgb, var(--guide-accent) 5%, #071421);border-radius:.2rem .75rem .75rem .2rem;margin:1.75rem 0;padding:1.3rem 1.5rem}.guide-callout[data-tone=warning]{background:#211e1b;border-left-color:#edc28c}.guide-callout p:last-child,.guide-callout ul:last-child,.guide-callout ol:last-child,.guide-article blockquote p:last-child{margin-bottom:0}.guide-callout h3,.guide-callout>strong:first-child{margin-top:0;margin-bottom:.65rem;font-size:.95rem;display:block}.guide-article .guide-steps{counter-reset:guide-step;margin:1.5rem 0;padding:0;list-style:none}.guide-steps>li{counter-increment:guide-step;background:#0a1928;border:1px solid #243a4d;border-radius:.7rem;padding:1.15rem 1.25rem 1.15rem 3.6rem;position:relative}.guide-steps>li:before{content:counter(guide-step, decimal-leading-zero);color:var(--guide-accent);padding-top:.2rem;font-size:.75rem;font-weight:600;position:absolute;top:1.15rem;left:1.2rem}.guide-steps>li p:last-child{margin-bottom:0}.guide-article .guide-checklist{padding:0;list-style:none}.guide-checklist>li{padding-left:1.75rem;position:relative}.guide-checklist>li:before{content:"✓";color:var(--guide-accent);font-weight:600;position:absolute;left:0}.guide-sources{background:#0a1725;border:1px solid #263d51;border-radius:.75rem;padding:1.4rem;font-size:.9rem}.guide-sources h3{margin-top:0}.guide-sources>:last-child{margin-bottom:0}.guide-table-wrap{border:1px solid #263d51;border-radius:.75rem;max-width:100%;overflow-x:auto}.guide-article table{border-collapse:collapse;width:100%;font-size:.85rem;line-height:1.6}.guide-article th,.guide-article td{text-align:left;vertical-align:top;border-bottom:1px solid #24394c;padding:.95rem 1rem}.guide-article th{color:#e6f1f9;background:#0e2031;font-weight:600}.guide-article tr:last-child td{border-bottom:0}.guide-caption,.guide-article figcaption{color:#91abc2;margin-top:.75rem;font-size:.75rem;line-height:1.7}.guide-diagram,.guide-overview{border:1px solid color-mix(in srgb, var(--guide-accent) 25%, #142639);background:radial-gradient(ellipse at 90% 0%, color-mix(in srgb, var(--guide-accent) 9%, transparent), transparent 65%), #091827;border-radius:1rem;padding:1.5rem;overflow:hidden}.guide-overview{padding:1.75rem}.guide-overview-top{color:#e1eef8;align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;display:flex}.guide-status-dot{background:var(--guide-accent);border-radius:50%;width:.4rem;height:.4rem}.guide-overview-tag{color:#8faac1;margin-left:auto;font-size:.65rem;font-weight:400}.guide-overview-flow{margin:2rem 0;padding:0;list-style:none}.guide-overview-flow>li{color:#d6e8f5;animation:.65s both guide-arrive;animation-delay:calc(var(--step) * .14s);background:#0e2132;border:1px solid #2a4358;border-radius:.6rem;align-items:center;gap:1rem;margin-top:1.1rem;padding:1rem;font-size:.85rem;display:flex;position:relative}.guide-overview-number{color:var(--guide-accent);font-size:.65rem;font-weight:600}.guide-overview-line{background:#3b596d;width:1px;height:1.1rem;position:absolute;top:100%;left:1.45rem;overflow:hidden}.guide-overview-line:after{content:"";background:var(--guide-accent);width:100%;height:.45rem;animation:3.5s both guide-signal;animation-delay:calc(var(--step) * .6s);display:block}.guide-overview-footer{color:#93afc4;font-size:.7rem}.guide-flow{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.guide-node{color:#dfedf7;text-align:center;background:#0d2031;border:1px solid #2d475c;border-radius:.6rem;flex:1;min-width:7rem;padding:1rem;font-size:.85rem}.guide-endcap{border-top:1px solid #2b4358;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding:2rem 0;display:flex}.guide-endcap p{color:#e0edf7;font-size:1.2rem;font-weight:500}.guide-endcap a{color:var(--guide-accent);font-size:.85rem}.guides-hub-hero{max-width:48rem;padding:3.5rem 0 4rem}.guides-hub-hero h1{letter-spacing:-.065em;color:#ecf5fc;text-wrap:balance;margin:1.25rem 0 1.5rem;font-size:clamp(3rem,6.5vw,5.4rem);font-weight:600;line-height:1.02}.guides-hub-hero h1 span{color:#9be7ff}.guides-hub-hero>p:not(.guide-eyebrow){text-wrap:pretty;max-width:36rem;font-size:1.05rem;line-height:1.8}.guides-hub-meta{color:#9ab3c8;align-items:center;gap:.9rem;margin-top:1.75rem;font-size:.75rem;display:flex}.guides-product-dots{gap:.3rem;display:flex}.guides-product-dots i{background:var(--guide-accent);border-radius:50%;width:.5rem;height:.5rem}.guides-collection-heading{border-bottom:1px solid #263b50;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.guides-collection-heading h2{color:#e3eef8;letter-spacing:-.02em;font-size:1.2rem;font-weight:500}.guides-collection-heading>span{color:#92acc2;font-size:.75rem}.guides-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.guides-card{min-width:0;animation:.65s both guide-arrive;animation-delay:calc(var(--step) * 70ms);background:#091725;border:1px solid #263c50;border-radius:1rem;flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.guides-card:hover{border-color:color-mix(in srgb, var(--guide-accent) 55%, #263c50);box-shadow:0 10px 35px #0003}.guides-card-featured{grid-column:1/-1;grid-template-columns:1.1fr 1fr;display:grid}.guides-card-art{aspect-ratio:1.8;background:radial-gradient(ellipse at 50% 50%, color-mix(in srgb, var(--guide-accent) 14%, transparent), transparent 75%), #0d1b2b;position:relative;overflow:hidden}.guides-card-featured .guides-card-art{aspect-ratio:auto;min-height:20rem}.guides-card-art img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s}.guides-card:hover .guides-card-art img{transform:scale(1.025)}.guides-card-art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#091725d9);position:absolute;inset:50% 0 0}.guides-card-art-logo img{object-fit:contain;padding:3rem}.guides-card-art-tag{z-index:1;color:#edf6fc;background:#071420;border:1px solid #526377;border-radius:.35rem;padding:.35rem .65rem;font-size:.65rem;position:absolute;bottom:1.1rem;left:1.25rem}.guides-card-copy{flex-direction:column;flex:1;padding:2rem;display:flex}.guides-card-meta{color:#93acc3;justify-content:space-between;gap:.75rem;font-size:.7rem;display:flex}.guides-card-meta>span:first-child{color:var(--guide-accent)}.guides-card h3{color:#e6f2fc;letter-spacing:-.035em;text-wrap:balance;margin:1rem 0;font-size:clamp(1.45rem,2.3vw,1.9rem);font-weight:600;line-height:1.18}.guides-card p{color:#a9c0d5;font-size:.9rem;line-height:1.75}.guides-card-topics{flex-wrap:wrap;gap:.45rem;margin:1.5rem 0 1.75rem;padding:0;list-style:none;display:flex}.guides-card-topics li{color:#aac3d8;border:1px solid #2a4258;border-radius:.35rem;padding:.3rem .6rem;font-size:.65rem}.guides-card-action{color:var(--guide-accent);justify-content:space-between;align-items:center;margin-top:auto;font-size:.8rem;display:flex}.guides-card-action>span{transition:transform .2s}.guides-card:hover .guides-card-action>span{transform:translate(2px,-2px)}.guides-hub-help{border-top:1px solid #263c50;justify-content:space-between;align-items:center;gap:2rem;margin:3rem 0 0;padding:2.5rem 0;display:flex}.guides-hub-help>div{max-width:39rem}.guides-hub-help h2{color:#e6f1fa;letter-spacing:-.03em;margin:.7rem 0;font-size:1.8rem;font-weight:500}.guides-hub-help p:not(.guide-eyebrow){font-size:.9rem;line-height:1.8}.guides-hub-help>a{color:var(--guide-accent);flex-shrink:0;font-size:.8rem}@keyframes guide-arrive{0%{transform:translateY(12px)}to{transform:translateY(0)}}@keyframes guide-signal{0%,15%{transform:translateY(-100%)}50%,to{transform:translateY(350%)}}@media (width<=1000px){.guide-hero{gap:2rem}.guide-reading-grid{grid-template-columns:12rem minmax(0,1fr);gap:2.5rem}.guide-overview{padding:1.25rem}.guide-overview-tag{display:none}}@media (width<=760px){.guide-page,.guides-hub{padding-inline:1.25rem}.guide-hero{grid-template-columns:1fr;gap:2rem;padding:2rem 0 2.5rem}.guide-intro h1{font-size:clamp(2.35rem,7vw,3.5rem)}.guide-reading-grid{flex-direction:column;gap:2.25rem;padding-top:1.5rem;display:flex}.guide-sidebar{width:100%;padding:0;position:static}.guide-contents{background:#0a1928;border:1px solid #2a4257;border-radius:.7rem;padding:.6rem 1rem}.guide-contents summary{min-height:2.5rem}.guide-contents nav{padding-bottom:.5rem}.guide-project-link{display:none}.guide-article{width:100%;font-size:.95rem}.guide-section{margin-bottom:2rem;padding-bottom:2rem}.guide-article pre{padding:1rem}.guide-callout{padding:1.1rem}.guides-hub-hero{padding:2rem 0 3rem}.guides-hub-hero h1{font-size:clamp(3rem,9vw,4.5rem)}.guides-card-grid{grid-template-columns:1fr}.guides-card-featured{display:flex}.guides-card-featured .guides-card-art{aspect-ratio:1.8;min-height:0}.guides-card-copy{padding:1.5rem}.guides-hub-help{flex-direction:column;align-items:flex-start;padding:2rem 0}}@media (prefers-reduced-motion:reduce){.guide-page *,.guides-hub *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.guides-card:hover .guides-card-art img,.guides-card:hover .guides-card-action>span{transform:none}}
