.guide-category{display:block;color:var(--link);font-size:.75rem;font-weight:700;letter-spacing:.06em;margin-bottom:12px}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.guide-card{display:flex;flex-direction:column;padding:26px;border:1px solid var(--border);background:var(--bg-elevated);border-radius:16px;color:var(--text);text-decoration:none;min-width:0}
.guide-card:hover{border-color:var(--link);text-decoration:none;box-shadow:0 4px 16px #163e2410}
.guide-card h3{font-size:1.2rem;line-height:1.4;margin:0 0 12px}.guide-card p{color:var(--text-muted);font-size:.94rem;flex:1}.guide-read{display:flex;align-items:center;gap:8px;color:var(--link);font-size:.85rem;font-weight:600}.guide-read svg{width:16px;height:16px}
.guide-note{margin-top:32px;padding:24px;border:1px solid var(--border);border-radius:16px}.guide-note h2{font-size:1.15rem;margin-top:0}
.guide-head h1{max-width:950px;font-size:clamp(1.8rem,3.8vw,2.7rem);line-height:1.2}.guide-meta{font-size:.85rem!important;color:var(--text-muted)}
.guide-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:48px;justify-content:center}.guide-toc{align-self:start;position:sticky;top:100px;font-size:.86rem}.guide-toc h2{font-size:.9rem}.guide-toc ol{padding-left:20px}.guide-toc li{margin-bottom:12px}.guide-toc a{line-height:1.5}
.guide-prose{min-width:0;max-width:none}.guide-prose section{scroll-margin-top:90px}.guide-actions{display:flex;gap:12px;flex-wrap:wrap}.guide-prose pre{padding:18px;overflow:auto;background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;line-height:1.6}.guide-prose code{font-size:.87em;overflow-wrap:anywhere}.guide-prose pre code{overflow-wrap:normal}.table-scroll{max-width:100%;overflow:auto}.table-scroll table{min-width:440px}.conv-table caption{text-align:left;font-size:.85rem;color:var(--text-muted);padding:12px 0}.guide-figure{margin:24px 0}.guide-figure img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:12px}.guide-figure figcaption{font-size:.82rem;color:var(--text-muted);margin-top:10px}.guide-prose .guide-grid{grid-template-columns:1fr}.guide-prose .source-notes{margin-top:36px;padding-top:16px;border-top:1px solid var(--border)}
.guide-feature{margin:30px 0;padding:24px;background:var(--ws-surface);border:1px solid var(--ws-border);border-radius:16px}.guide-feature h2{font-size:21px;margin:0 0 10px}.guide-feature>p{font-size:13px;color:var(--ws-muted);max-width:760px}.guide-feature .guide-grid{margin-top:20px}.guide-feature .guide-card{padding:20px}.guide-feature .guide-card h3{font-size:15px}.guide-feature .guide-card p{font-size:12px}.guide-feature .guide-category{color:var(--ws-green)}.guide-feature .guide-read{font-size:12px}.guide-feature-link{display:inline-block;margin-top:18px;font-weight:600;font-size:13px}
.conversion-presets{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.conversion-presets a{border:1px solid var(--border);padding:8px 12px;border-radius:20px;font-size:.85rem}.conversion-example{scroll-margin-top:90px;padding:18px 0;border-bottom:1px solid var(--border)}.conversion-example h3{font-size:1.15rem}.conversion-example h4{font-size:1rem;margin:20px 0 8px}.test-results-table{overflow:auto}.test-results-table table{min-width:600px}
@media(max-width:900px){.guide-layout{grid-template-columns:minmax(0,1fr);gap:24px}.guide-toc{position:static;border-bottom:1px solid var(--border);padding-bottom:16px}.guide-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}
@media(max-width:600px){.guide-grid,.guide-toc ol{grid-template-columns:1fr}.guide-card{padding:20px}.guide-feature{padding:18px}.guide-actions .btn{width:100%}.guide-prose pre{padding:12px;font-size:.85rem}}