/* M11 Information Architecture */
.sr-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.sr-content{min-width:0}.sr-side{position:relative}.sr-side-inner{position:sticky;top:94px;display:grid;gap:14px;padding:14px;border:1px solid var(--sr-border);border-radius:20px;background:var(--sr-surface);box-shadow:0 14px 40px rgba(30,65,88,.04)}.sr-side-title{font-family:var(--sr-font-heading);font-size:17px;font-weight:700}.sr-side-group>span{display:block;margin:0 7px 6px;color:var(--sr-muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.sr-side-group nav{display:grid;gap:3px}.sr-side-group a{display:flex;align-items:center;min-height:34px;padding:0 9px;border:1px solid transparent;border-radius:10px;color:var(--sr-muted)!important;text-decoration:none!important;font-size:11px;font-weight:700;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.sr-side-group a:hover,.sr-side-group a.active{background:rgba(0,200,255,.07);border-color:rgba(0,200,255,.14);color:var(--sr-blue-deep)!important;transform:translateX(2px)}html[data-theme="dark"] .sr-side-group a:hover,html[data-theme="dark"] .sr-side-group a.active{color:var(--sr-cyan)!important}
.sr-arch-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:23px;margin-bottom:15px;border:1px solid var(--sr-border);border-radius:24px;background:radial-gradient(circle at 4% 0%,rgba(0,200,255,.12),transparent 30%),radial-gradient(circle at 96% 0%,rgba(155,92,255,.08),transparent 27%),var(--sr-surface);box-shadow:var(--sr-shadow)}.sr-arch-state{display:inline-flex;margin-bottom:9px;padding:5px 8px;border:1px solid rgba(0,200,255,.22);border-radius:7px;background:rgba(0,200,255,.06);color:var(--sr-blue-deep);font-size:9px;font-weight:800;letter-spacing:.08em}.sr-arch-hero h2{font-size:clamp(25px,3vw,38px)}.sr-arch-hero p{max-width:720px;margin-bottom:0}.sr-arch-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border-radius:999px;background:#111b23;color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.sr-blueprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sr-blueprint-card{position:relative;min-height:170px;padding:16px;border:1px solid var(--sr-border);border-radius:16px;background:var(--sr-surface);box-shadow:0 10px 32px rgba(30,65,88,.035)}.sr-blueprint-num{font-family:var(--sr-font-heading);margin-bottom:28px;color:var(--sr-blue);font-size:13px;font-weight:800}.sr-blueprint-card h3{font-size:17px}.sr-blueprint-card p{margin:8px 0 0;font-size:12px}.sr-arch-note{margin-top:15px;padding:14px 15px;border:1px solid rgba(0,200,255,.20);border-radius:12px;background:rgba(0,200,255,.045);color:var(--sr-muted);font-size:12px;line-height:1.5}.sr-arch-note strong{color:var(--sr-text)}
@media(max-width:1100px){.sr-layout{grid-template-columns:190px minmax(0,1fr)}.sr-blueprint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.sr-layout{grid-template-columns:1fr}.sr-side-inner{position:static;display:flex;overflow:auto;padding:8px;border-radius:16px}.sr-side-title{display:none}.sr-side-group{display:flex;gap:6px;align-items:center;flex:0 0 auto}.sr-side-group>span{display:none}.sr-side-group nav{display:flex;gap:4px}.sr-side-group a{white-space:nowrap}.sr-blueprint-grid{grid-template-columns:1fr}.sr-arch-hero{display:block}.sr-arch-badge{margin-top:12px}}