.section--sr-hero{padding-top:96px;padding-bottom:64px}.sr-hero-heading{margin-top:20px}.sr-hero-lead{max-width:620px;margin-top:28px;margin-left:auto;margin-right:auto}.section--sr-ui{padding:24px 0 var(--section-y)}.sr-ui-wrapper{max-width:1100px;margin:0 auto}.sr-topbar{background:var(--elevated);border-bottom:1px solid var(--rule);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.sr-topbar-tabs{gap:2px;display:flex}.sr-topbar-tab{color:var(--ink-3);cursor:pointer;border-radius:7px;padding:6px 14px;font-size:.8125rem;font-weight:500;transition:all .12s}.sr-topbar-tab.active{color:var(--ink);background:#b5945d1f;font-weight:600}.sr-topbar-end{align-items:center;gap:12px;display:flex}.sr-wordcount{color:var(--ink-3);font-size:.75rem}.sr-scan-btn{background:var(--ink);color:var(--paper);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;transition:background .12s;display:inline-flex}.sr-scan-btn:hover{background:#1f1e1a}.sr-app{background:var(--surface);border-radius:0 0 12px 12px;grid-template-columns:220px 1fr;min-height:560px;display:grid;overflow:hidden}.sr-sidebar{background:var(--elevated);border-right:1px solid var(--rule);padding:20px 0}.sr-sidebar-header{border-bottom:1px solid var(--rule);margin-bottom:8px;padding:0 18px 16px}.sr-tabs{gap:2px;margin-bottom:12px;display:flex}.sr-tab{letter-spacing:.04em;color:var(--ink-3);cursor:pointer;border-radius:6px;padding:5px 10px;font-size:.6875rem;font-weight:600;transition:all .12s}.sr-tab.active{background:var(--ink);color:var(--paper)}.sr-stat{align-items:baseline;gap:6px;margin-top:8px;display:flex}.sr-stat-num{font-family:var(--font-display);color:var(--ink);font-variation-settings:"opsz" 48;font-size:1.75rem;font-weight:600;line-height:1}.sr-stat-label{color:var(--ink-3);font-size:.75rem}.sr-stat-group{gap:12px;margin-top:8px;display:flex}.sr-stat-badge{color:var(--ink-3);align-items:center;gap:4px;font-size:.6875rem;display:flex}.sr-nav{margin:0;padding:0 8px;list-style:none}.sr-nav-group{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:14px 10px 6px;font-size:.625rem;font-weight:600}.sr-nav-item{color:var(--ink-2);cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:.8125rem;transition:background .12s;display:flex}.sr-nav-item:hover{background:var(--surface)}.sr-nav-item.active{color:var(--ink);background:#b5945d1a;font-weight:500}.sr-nav-count{color:var(--ink-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.6875rem;font-weight:600}.sr-nav-cat-badge{font-size:.5625rem}.sr-dot{border-radius:50%;flex:none;width:6px;height:6px}.sr-dot.critical{background:#c62828}.sr-dot.warning{background:#e65100}.sr-dot.info{background:#1565c0}.sr-dot--lg{width:10px;height:10px}.sr-main{padding:24px 32px;overflow-y:auto}.sr-main-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.sr-main-title{font-family:var(--font-display);font-variation-settings:"opsz" 32;font-size:1.25rem;font-weight:600}.sr-filter-pills{gap:4px;display:flex}.sr-filter{color:var(--ink-3);border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:.6875rem;font-weight:500;transition:all .12s}.sr-filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sr-issue{background:var(--elevated);border:1px solid var(--rule);border-radius:10px;margin-bottom:12px;padding:18px 22px}.sr-issue-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.sr-severity{letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:2px 7px;font-size:.625rem;font-weight:700}.sr-severity.critical{color:#c62828;background:#ffebee}.sr-severity.warning{color:#e65100;background:#fff3e0}.sr-severity.info{color:#1565c0;background:#e3f2fd}.sr-issue-cat{letter-spacing:.04em;border-radius:4px;padding:2px 7px;font-size:.625rem;font-weight:600}.sr-cat-continuity{color:#2e7d32;background:#e8f5e9}.sr-cat-character{color:#1565c0;background:#e3f2fd}.sr-cat-pacing{color:#e65100;background:#fff3e0}.sr-cat-thread{color:#7b1fa2;background:#f3e5f5}.sr-issue-loc{color:var(--ink-3);margin-left:auto;font-size:.75rem;font-weight:500}.sr-issue-text{color:var(--ink-2);margin-bottom:12px;font-size:.8125rem;line-height:1.6}.sr-passage{background:var(--surface);font-family:var(--font-display);color:var(--ink-2);border-left:3px solid var(--accent);font-variation-settings:"opsz" 14;border-radius:7px;margin-bottom:12px;padding:12px 14px;font-size:.8125rem;font-style:italic;line-height:1.6}.sr-passage--critical{border-left-color:#c62828}.sr-actions{gap:8px;display:flex}.sr-action{cursor:pointer;border-radius:5px;padding:4px 10px;font-family:inherit;font-size:.6875rem;font-weight:500;transition:all .12s}.sr-action.primary{background:var(--ink);color:var(--paper);border:0}.sr-action.secondary{border:1px solid var(--rule);color:var(--ink-2);background:0 0}.sr-ch-bar{background:var(--elevated);border:1px solid var(--rule);border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;display:flex}.sr-ch-bar--alert{border-color:#c6282833}.sr-ch-label{color:var(--ink);min-width:120px;font-size:.8125rem;font-weight:600}.sr-ch-label--clean{color:var(--ink-3)}.sr-ch-dots{flex:1;gap:4px;display:flex}.sr-ch-dot{border-radius:50%;width:8px;height:8px}.sr-ch-dot--critical{background:#c62828}.sr-ch-dot--warning{background:#e65100}.sr-ch-dot--info{background:#1565c0}.sr-ch-count{color:var(--ink-3);text-align:right;font-variant-numeric:tabular-nums;min-width:60px;font-size:.6875rem;font-weight:500}.sr-ch-count--clean{color:var(--accent)}.sr-chapter-grid{grid-template-columns:5fr 6fr;align-items:center;gap:72px;display:grid}.sr-overview-box{background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:24px 28px}.sr-overview-label{letter-spacing:.1em;color:var(--ink-3);margin-bottom:16px;font-size:.6875rem;font-weight:600}.sr-section-intro{text-align:center;margin-bottom:64px}.sr-section-intro-body{max-width:560px;margin-top:20px;margin-left:auto;margin-right:auto}.sr-severity-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto;display:grid}.sr-severity-card{background:var(--elevated);border:1px solid var(--rule);border-top:3px solid #0000;border-radius:14px;padding:32px 28px}.sr-severity-card--critical{border-top-color:#c62828}.sr-severity-card--warning{border-top-color:#e65100}.sr-severity-card--info{border-top-color:#1565c0}.sr-severity-card-head{align-items:center;gap:8px;margin-bottom:16px;display:flex}.sr-severity-name{color:var(--ink);font-size:1rem;font-weight:600}.sr-severity-body{color:var(--ink-2);margin-bottom:16px;font-size:.875rem;line-height:1.6}.sr-severity-example{color:var(--ink-3);font-size:.75rem;font-weight:500}.sr-how-intro{text-align:center;margin-bottom:72px}.sr-steps-grid{grid-template-columns:repeat(4,1fr);gap:36px;max-width:1080px;margin:0 auto;display:grid}.sr-step{text-align:center}.sr-step-num{width:48px;height:48px;font-family:var(--font-display);color:var(--accent);background:#b5945d1a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.25rem;font-weight:600;display:flex}.sr-step-title{color:var(--ink);margin-bottom:8px;font-size:.9375rem;font-weight:600}.sr-step-body{color:var(--ink-2);font-size:.8125rem;line-height:1.55}.sr-catches-intro{margin-bottom:56px}.sr-categories-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto;display:grid}.sr-category-card{background:var(--surface);border:1px solid #37352f0f;border-radius:12px;padding:28px 32px}.sr-category-card-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.sr-category-card-body{color:var(--ink-2);font-size:.875rem;line-height:1.55}.sr-cta-lead{max-width:480px;margin-top:20px;margin-left:auto;margin-right:auto}.sr-cta-actions{justify-content:center;gap:16px;margin-top:56px;display:flex}.sr-heading-mt{margin-top:14px}.sr-body-mt{margin-top:20px}@media (width<=1000px){.sr-chapter-grid{grid-template-columns:1fr;gap:40px}.sr-severity-grid{grid-template-columns:1fr 1fr}}@media (width<=800px){.sr-steps-grid{grid-template-columns:1fr 1fr;gap:24px}}@media (width<=680px){.sr-app{grid-template-columns:1fr}.sr-sidebar{display:none}.sr-severity-grid,.sr-steps-grid,.sr-categories-grid,.sr-chapter-grid{grid-template-columns:1fr}}
