.guide-hero{padding:64px 0 46px;background:linear-gradient(135deg,#f3f8f5,#eef3fa);border-bottom:1px solid var(--line)}
.guide-hero h1,.topic-header h1,.article-header h1{max-width:900px;margin:.35rem 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15}
.guide-hero p,.topic-header p,.article-summary{max-width:760px;color:var(--text-muted);font-size:1.08rem;line-height:1.8}
.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;padding-block:42px}
.guide-sidebar{position:sticky;top:92px;align-self:start}.guide-sidebar h2{font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}.guide-sidebar nav{display:grid;margin-bottom:28px}.guide-sidebar a{padding:9px 0;color:var(--text-muted)}
.guide-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;padding:18px;background:var(--surface-soft);border:1px solid var(--line);border-radius:14px}.guide-filter label{display:grid;gap:6px}.guide-filter span{font-size:.84rem;color:var(--text-muted)}
.guide-list{display:grid;gap:16px}.result-note{color:var(--text-muted)}.guide-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:16px;transition:.2s}.guide-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(26,54,44,.08)}.guide-card h2{margin:8px 0;font-size:1.35rem}.guide-card p{line-height:1.75;color:var(--text-muted)}
.guide-category{font-size:.8rem;color:var(--primary);font-weight:700;letter-spacing:.04em}.guide-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--text-muted);font-size:.84rem}
.guide-detail{padding-block:34px 64px}.breadcrumbs{display:flex;gap:8px;color:var(--text-muted);font-size:.88rem}.article-header{max-width:900px;padding:36px 0;border-bottom:1px solid var(--line)}.article-grid{display:grid;grid-template-columns:210px minmax(0,740px) 240px;gap:32px;padding-top:34px;align-items:start}.article-toc,.guide-aside{position:sticky;top:92px}.article-toc summary{font-weight:700}.article-toc nav{display:grid;margin-top:12px}.article-toc a{padding:6px 0;color:var(--text-muted);font-size:.88rem}.article-toc .toc-l3{padding-left:14px}
.rich-article{font-size:1.04rem;line-height:1.9;min-width:0}.rich-article h2{margin-top:2.2em;font-size:1.65rem}.rich-article h3{margin-top:1.7em;font-size:1.25rem}.rich-article img{max-width:100%;height:auto}.rich-article table{width:100%;border-collapse:collapse}.rich-article th,.rich-article td{padding:10px;border:1px solid var(--line)}.rich-article blockquote,.source-box{margin:24px 0;padding:18px 22px;border-left:4px solid var(--primary);background:var(--surface-soft)}
.consult-card{padding:22px;border-radius:16px;background:#173f35;color:#fff}.consult-card h2{font-size:1.15rem}.faq-list details{padding:16px 0;border-bottom:1px solid var(--line)}.faq-list summary{font-weight:700;cursor:pointer}.related-section{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-grid a{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:12px}.relation-links{display:flex;flex-wrap:wrap;gap:10px}.relation-links a{padding:8px 12px;border-radius:999px;background:var(--surface-soft)}
.topic-page{padding-block:48px}.topic-header,.topic-intro{max-width:820px}.learning-path{list-style:none;counter-reset:path;max-width:850px;margin:36px 0;padding:0}.learning-path li{position:relative;margin-left:24px;padding:0 0 34px 34px;border-left:2px solid var(--line)}.learning-path li:before{content:counter(path);counter-increment:path;position:absolute;left:-18px;top:0;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff}.learning-path h2{margin:.4rem 0}
@media(max-width:980px){.article-grid{grid-template-columns:1fr}.article-toc,.guide-aside{position:static}.guide-layout{grid-template-columns:1fr}.guide-sidebar{position:static}.guide-sidebar nav{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.guide-filter{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.guide-hero{padding:42px 0}.article-header{padding:26px 0}}