.guide-page .nav{background:rgba(0,0,0,.92)}
.guide-header{padding-top:128px;padding-bottom:64px}
.guide-breadcrumb{display:flex;gap:12px;font-size:.8rem;color:var(--muted);margin-bottom:46px}
.guide-header h1{font-size:clamp(2.4rem,5vw,4.15rem);line-height:1.08;max-width:1050px;margin-bottom:28px}
.guide-header h1 span{color:var(--chrome-2)}
.guide-header>p{max-width:740px;font-size:1.08rem;line-height:1.8;color:var(--muted)}
.guide-library{padding-top:0;padding-bottom:64px}
.guide-library-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--border-strong);padding-top:26px;margin-bottom:28px}
.guide-library-heading h2{font-family:var(--font-body);font-size:1.05rem;line-height:1.5;font-weight:600}
.guide-library-heading>span{font-family:var(--font-mono);font-size:.74rem;color:var(--muted);white-space:nowrap}
.guide-list{display:grid;gap:28px}
.guide-date{display:flex;flex-wrap:wrap;gap:10px;font-size:.76rem;color:var(--muted);margin-top:24px}
.guide-shortcuts{padding-top:0;padding-bottom:72px}
.guide-shortcuts h2{font-size:1.3rem;margin-bottom:24px}
.guide-topics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.guide-topics a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border:1px solid var(--border);border-radius:14px;font-size:.9rem;background:var(--bg-soft);line-height:1.6}
.guide-topics a:hover{border-color:var(--border-strong);background:var(--surface)}
.guide-app{padding-top:0;padding-bottom:80px}
.guide-app-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(145deg,#202024,#0c0c0c);border:1px solid var(--border-strong);border-radius:24px;padding:40px}
.guide-app h2{font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.2;margin-bottom:16px}
.guide-app p{font-size:.95rem;max-width:580px;color:var(--muted);line-height:1.75}
.nav-links a[aria-current="page"],.mobile-panel a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}
@media(max-width:800px){.guide-topics{grid-template-columns:1fr}.guide-app-inner{align-items:flex-start;flex-direction:column;gap:28px}}
@media(max-width:640px){
 .guide-header{padding-top:105px;padding-bottom:42px}
 .guide-breadcrumb{margin-bottom:32px}
 .guide-header h1{font-size:2.25rem}
 .guide-header>p{font-size:1rem}
 .guide-library-heading{align-items:flex-start;gap:12px}
 .guide-library-heading h2{font-size:.94rem}
 .guide-app-inner{padding:28px}
 .guide-library,.guide-shortcuts{padding-bottom:48px}
}

.guide-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:26px 0}
.guide-pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 16px;border:1px solid var(--border-strong);border-radius:10px;color:var(--ink);font-size:.9rem}
.guide-pagination a[aria-current="page"]{background:var(--chrome);color:#080808;font-weight:700}
.guide-pagination a:hover{border-color:var(--chrome)}