.guide-page{--guide-accent:#1f8f96;--guide-accent-soft:#e2f4f2;--guide-ink:#1d2a30;--guide-muted:#5b6b72;min-height:100vh;padding:0 clamp(14px,4vw,40px) 80px;color:var(--guide-ink);background:#fbf8f2;font-family:inherit;line-height:1.65}.guide-page--magic-night{--guide-accent:#d2671f;--guide-accent-soft:#fbeadb}.guide-breadcrumbs{max-width:1120px;margin:0 auto;padding:14px 0 6px}.guide-hero{max-width:1120px;margin:12px auto 36px}.guide-brand{color:var(--guide-accent);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.guide-hero h1{margin:10px 0 12px;font-size:clamp(34px,6vw,64px);line-height:1;letter-spacing:-.05em}.guide-hero p{max-width:680px;margin:0 0 20px;color:var(--guide-muted);font-size:17px}.guide-cabinet{display:inline-flex;align-items:center;gap:6px;padding:12px 18px;border-radius:999px;color:#fff;background:var(--guide-accent);font-weight:600;text-decoration:none}.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;max-width:1120px;margin:0 auto}.guide-toc{position:sticky;top:20px;align-self:start}.guide-toc ol{margin:0;padding:0;list-style:none;counter-reset:guide-toc}.guide-toc li{list-style:none;counter-increment:guide-toc}.guide-toc a{display:block;padding:7px 10px;border-radius:8px;color:var(--guide-muted);font-size:14px;text-decoration:none}.guide-toc a:before{content:counter(guide-toc) ". ";color:var(--guide-accent)}.guide-toc a:focus-visible,.guide-toc a:hover{color:var(--guide-ink);background:var(--guide-accent-soft)}.guide-section{padding:8px 0 28px;border-bottom:1px solid rgba(29,42,48,.1);scroll-margin-top:20px}.guide-section h2{margin:24px 0 12px;font-size:clamp(24px,3vw,32px);letter-spacing:-.03em}.guide-section li,.guide-section p{font-size:16px}.guide-section p{margin:0 0 14px}.guide-section ol,.guide-section ul{margin:0 0 14px;padding:0 0 0 22px}.guide-section ol{list-style:decimal outside}.guide-section ul{list-style:disc outside}.guide-section li{list-style:inherit}.guide-section li+li{margin-top:6px}.guide-note{display:flex;gap:10px;padding:12px 14px;border-radius:12px;background:var(--guide-accent-soft)}.guide-note svg{flex:none;margin-top:3px;color:var(--guide-accent)}.guide-note--warning{background:#fff3d6}.guide-note--warning svg{color:#b7791f}.guide-figure{margin:20px 0}.guide-figure__zoom{display:block;width:100%;padding:0;border:1px solid rgba(29,42,48,.12);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(29,42,48,.1);cursor:zoom-in}.guide-figure__zoom img{display:block;width:100%;height:auto}.guide-figure--phone .guide-figure__zoom{max-width:320px;margin:0 auto;border-radius:26px}.guide-figure figcaption{margin-top:8px;color:var(--guide-muted);font-size:14px;text-align:center}.guide-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(10,16,20,.86);cursor:zoom-out}.guide-lightbox img{max-width:100%;max-height:100%;border-radius:10px}.guide-lightbox__close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;color:#fff;background:hsla(0,0%,100%,.16);cursor:pointer}@media (max-width:860px){.guide-layout{display:block}.guide-toc{position:sticky;top:0;z-index:5;margin:0 -14px;padding:8px 14px;overflow-x:auto;background:#fbf8f2;border-bottom:1px solid rgba(29,42,48,.1)}.guide-toc ol{display:flex;gap:4px;white-space:nowrap}.guide-body{padding-top:12px}.guide-section{scroll-margin-top:64px}}.app:has(.guide-page){overflow:clip}
