



.guide-docs{display:grid;grid-template-columns:300px minmax(0,1fr);
    grid-template-areas:"sidebar main";min-height:calc(100vh - var(--header-height));
    background:linear-gradient(to right,var(--bg-section) 0,var(--bg-section) 299px,
        var(--line) 299px,var(--line) 300px,transparent 300px)}


.guide-sidebar{grid-area:sidebar;position:sticky;top:var(--header-height);
    height:calc(100vh - var(--header-height));overflow-y:auto;
    padding:20px 0 40px;
    scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.35) transparent}
.guide-sidebar::-webkit-scrollbar{width:4px}
.guide-sidebar::-webkit-scrollbar-track{background:transparent}
.guide-sidebar::-webkit-scrollbar-thumb{border-radius:2px;background:rgba(148,163,184,.35)}
.guide-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.55)}
.guide-sidebar__group{margin-bottom:6px}
.guide-sidebar__group:last-child{margin-bottom:0}

.guide-sidebar__group-name{display:flex;align-items:center;justify-content:space-between;gap:8px;
    width:100%;padding:9px 20px 9px 24px;background:none;border:none;cursor:pointer;text-align:left;
    font-size:.86rem;font-weight:700;letter-spacing:.06em;color:var(--text-secondary);
    transition:color .25s ease}
.guide-sidebar__group-name:hover{color:var(--text-main)}
.guide-sidebar__group-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guide-sidebar__chevron{width:12px;height:12px;flex:none;color:var(--text-muted);
    transition:transform .25s ease}
.guide-sidebar__group.is-collapsed .guide-sidebar__chevron{transform:rotate(-90deg)}
.guide-sidebar__group.is-collapsed .guide-sidebar__list{display:none}
.guide-sidebar__group.is-current .guide-sidebar__group-name{color:var(--primary)}
.guide-sidebar__list{padding:2px 0 6px}

.guide-sidebar__link{display:block;border-left:2px solid transparent;
    padding:5px 20px 5px 30px;text-decoration:none;
    font-size:.9rem;line-height:1.5;color:var(--text-secondary);
    transition:color .25s ease,border-color .25s ease}
.guide-sidebar__link:hover{color:var(--text-main)}
.guide-sidebar__link.is-active{border-left-color:var(--primary);color:var(--primary-hover)}
.guide-sidebar__name{display:block;overflow:hidden;text-overflow:ellipsis;
    white-space:nowrap}


.guide-main{grid-area:main;display:flex;justify-content:center;
    padding:32px 56px 96px;background-color:var(--bg-page)}
.guide-content{width:min(1200px,100%)}
.guide-content .breadcrumb{padding:0 0 24px}
.guide-content__title{margin:0 0 28px;font-size:1.9rem;line-height:1.4;font-weight:800;
    letter-spacing:.01em;color:var(--text-main)}




.scam-alert{position:sticky;top:var(--header-height);z-index:800;
    display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 16px;
    margin:0 0 24px;padding:12px 18px;
    border-radius:var(--radius-md);
    background:linear-gradient(90deg,rgba(251,191,36,.12) 0,rgba(21,31,51,.97) 40%,rgba(21,31,51,.97) 100%);
    border:1px solid rgba(251,191,36,.22);
    box-shadow:0 12px 32px rgba(0,0,0,.3);
    overflow:hidden;
    backdrop-filter:blur(12px)}

.scam-alert__head{display:flex;align-items:center;gap:10px;min-width:0}
.scam-alert__icon{width:16px;height:16px;padding:7px;color:var(--warning);flex:none;
    border-radius:9px;background:rgba(251,191,36,.14);
    box-shadow:inset 0 0 0 1px rgba(251,191,36,.32)}
.scam-alert__title{font-size:.92rem;font-weight:700;letter-spacing:.02em;
    color:var(--warning);white-space:nowrap}

.scam-alert__body{display:contents}
.scam-alert__body p{grid-column:2;align-self:center;margin:0;
    font-size:.84rem;color:var(--text-secondary);line-height:1.6;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scam-alert__body ul{grid-column:1 / -1;display:flex;flex-wrap:nowrap;
    margin:0;padding:0;list-style:none}
.scam-alert__body li{flex:none;padding:3px 12px;
    border-radius:999px;background:rgba(251,191,36,.08);
    box-shadow:inset 0 0 0 1px rgba(251,191,36,.26);
    font-size:.78rem;line-height:1.5;color:var(--text-main);white-space:nowrap}
.scam-alert__body li + li{margin-left:8px}


.guide-section{scroll-margin-top:calc(var(--header-height) + 24px)}
.guide-section[hidden]{display:none}
.guide-section__title{display:none}


.guide-question{padding:8px 0 0}
.guide-question[hidden]{display:none}
.guide-question__title{margin:0 0 20px;font-size:1.5rem;line-height:1.45;color:var(--text-main)}
.guide-question__body{color:var(--text-secondary);line-height:1.9}
.guide-question__body p{margin:0 0 14px}
.guide-question__body p:last-child{margin-bottom:0}
.guide-question__body strong{color:var(--text-main)}
.guide-question__body ul,.guide-question__body ol{margin:14px 0;padding-left:22px}
.guide-question__body li{margin-bottom:8px}


.guide-question__body h3{position:relative;margin:26px 0 12px;padding-left:12px;
    font-size:1.12rem;font-weight:700;line-height:1.5;color:var(--text-main)}
.guide-question__body h3::before{content:'';position:absolute;left:0;top:6px;width:3px;height:15px;
    border-radius:2px;background:linear-gradient(180deg,var(--primary),var(--accent))}

.guide-question__body figure{margin:18px 0 22px;text-align:center}
.guide-question__body figure img{max-width:100%;height:auto;border-radius:var(--radius-md);
    border:1px solid var(--line);box-shadow:0 10px 26px rgba(0,0,0,.28)}

.guide-question__note{margin:14px 0 16px;padding:11px 16px;border-radius:var(--radius-md);
    background:linear-gradient(90deg,rgba(251,191,36,.10) 0,var(--bg-card) 55%);
    border:1px solid rgba(251,191,36,.24);font-size:.9rem;line-height:1.8;color:var(--text-secondary)}
.guide-question__note strong{color:var(--warning)}
.guide-question__note ul{margin:0;padding-left:20px}
.guide-question__note ul li{margin-bottom:6px}
.guide-question__note ul li:last-child{margin-bottom:0}

.guide-question__body .guide-question__cta{display:inline-flex;margin:6px 0 18px}

