.guide-page-shell{width:min(1240px,calc(100% - 32px));margin:24px auto 110px}
.guide-topbar{grid-template-columns:auto minmax(0,1fr) auto auto}
.guide-nav{display:flex;justify-content:center;gap:4px;min-width:0}
.guide-nav a{display:inline-flex;align-items:center;gap:6px;padding:9px 9px;border-radius:14px;color:var(--muted);font-size:13px;font-weight:850;white-space:nowrap}
.guide-nav a:hover,.guide-nav a.active{background:var(--pink-50);color:var(--pink-500)}
.guide-hero{padding:clamp(26px,5vw,54px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;background:linear-gradient(135deg,#fff8fb,#fff4e8)}
.guide-hero h1{margin:.25rem 0 .6rem;font-size:clamp(46px,7vw,82px);line-height:.95;max-width:none}
.guide-hero p{max-width:760px;margin:0;color:var(--muted);font-size:clamp(16px,2vw,19px);line-height:1.65}
.guide-hero-icon{width:110px;height:110px;border-radius:30px;box-shadow:0 18px 40px rgba(117,78,84,.12)}
.guide-library{padding:clamp(18px,3vw,30px);border:1px solid rgba(240,217,223,.95);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,247,251,.92))}
.guide-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.guide-library-head h2{margin:.2rem 0 .35rem}.guide-library-head p{margin:0;color:var(--muted)}
.guide-toolbar{display:grid;grid-template-columns:minmax(230px,360px) minmax(0,1fr);gap:14px;align-items:center;margin-bottom:20px}
.guide-search{display:flex;align-items:center;gap:9px;padding:0 14px;min-height:46px;border:1px solid var(--line);border-radius:16px;background:#fffafc}
.guide-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}
.guide-filter-row{display:flex;gap:8px;overflow:auto;padding:2px 2px 7px;scrollbar-width:thin}
.guide-result-line{display:flex;justify-content:flex-end;margin:-6px 0 14px;color:var(--muted);font-size:13px;font-weight:800}
.guide-footer{margin-top:34px}
@media(max-width:1060px){.guide-topbar{grid-template-columns:auto 1fr auto}.guide-nav{display:none}.guide-topbar .round-button{display:grid}.guide-topbar .user-button{justify-self:end}}
@media(max-width:720px){.guide-page-shell{width:min(100% - 18px,720px);margin-top:10px}.guide-topbar{top:8px}.guide-hero{grid-template-columns:1fr;padding:28px 22px}.guide-hero-icon{width:82px;height:82px;order:-1}.guide-hero h1{font-size:52px}.guide-toolbar{grid-template-columns:1fr}.guide-library{padding:16px}.guide-library-head{align-items:flex-start;flex-direction:column}.guide-result-line{justify-content:flex-start}.guide-filter-row{margin-inline:-3px}}