.arch-explorer{max-width:1000px;margin:0 auto;padding:2rem}.arch-explorer__controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.arch-toggle{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none}.arch-toggle input{display:none}.arch-toggle__track{position:relative;width:44px;height:24px;background:#252837;border:1px solid hsl(230,15%,30%);border-radius:99px;transition:background .3s ease,border-color .3s ease}.arch-toggle input:checked+.arch-toggle__track{background:#d99d2640;border-color:#eead2b}.arch-toggle__thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#6c7393;border-radius:50%;transition:transform .3s ease,background .3s ease}.arch-toggle input:checked+.arch-toggle__track .arch-toggle__thumb{transform:translate(20px);background:#eead2b}.arch-toggle__label{font-family:var(--font-heading, "Outfit Variable", sans-serif);font-size:.9rem;color:var(--text-primary, hsl(0, 0%, 95%));display:flex;align-items:center;gap:.5rem}.arch-toggle__count{font-family:var(--font-code, "JetBrains Mono Variable", monospace);font-size:.7rem;color:#f2bf5a;background:#3d2e0f66;border:1px solid hsla(40,60%,40%,.3);border-radius:99px;padding:.1rem .5rem}.arch-explorer__actions{display:flex;gap:.5rem}.arch-btn{font-family:var(--font-code, "JetBrains Mono Variable", monospace);font-size:.72rem;color:var(--text-secondary, hsl(230, 15%, 65%));background:var(--bg-card, hsl(230, 20%, 14%));border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:.4rem .8rem;cursor:pointer;transition:border-color .2s ease,color .2s ease}.arch-btn:hover{border-color:#fff3;color:var(--text-primary, hsl(0, 0%, 95%))}.arch-explorer__diagram{position:relative;display:flex;flex-direction:column;gap:0}.arch-explorer__tier{padding:2.5rem 0}.arch-explorer__tier-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.arch-explorer__tier-header--clickable{cursor:pointer;user-select:none}.arch-explorer__tier-header--clickable:hover .arch-explorer__tier-label{color:var(--text-primary, hsl(0, 0%, 95%))}.arch-explorer__tier-label{font-family:var(--font-code, "JetBrains Mono Variable", monospace);font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary, hsl(230, 15%, 65%));white-space:nowrap;transition:color .2s ease}.arch-explorer__tier-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}.arch-explorer__tier-chevron{font-size:1.1rem;color:var(--text-secondary, hsl(230, 15%, 65%));transition:transform .3s ease;transform:rotate(0)}.arch-explorer__tier-chevron--open{transform:rotate(90deg)}.arch-explorer__tier-nodes{display:grid;gap:1.5rem;align-items:start}.arch-explorer__tier-nodes--agent{grid-template-columns:1fr 1fr;max-width:780px;margin:0 auto}.arch-explorer__tier-nodes--agent .arch-node:nth-child(2){margin-top:2.5rem}.arch-explorer__tier-nodes--control{grid-template-columns:1fr 1fr 1fr}.arch-explorer__tier-nodes--control .arch-node:nth-child(2){margin-top:2.5rem}.arch-explorer__tier-nodes--control .arch-node:nth-child(3){margin-top:5rem}.arch-explorer__tier-nodes--compiler{grid-template-columns:1fr}.arch-explorer__tier-nodes--context{grid-template-columns:2fr 1fr}.arch-explorer__tier-nodes--context .arch-node:nth-child(2){margin-top:2.5rem}.arch-explorer__tier-nodes--storage{grid-template-columns:1fr;max-width:700px;margin:0 auto}.arch-explorer__tier-nodes .arch-node{width:100%;min-width:0}.arch-explorer__boundary{position:relative;display:flex;align-items:center;gap:1rem;padding:1.5rem 0;margin:.5rem 0}.arch-explorer__boundary-line{flex:1;height:2px;border:none;background:#5082dc26;position:relative;overflow:hidden}.arch-explorer__boundary-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsl(210,70%,55%),transparent);animation:boundarySweep 4s ease-in-out infinite}@keyframes boundarySweep{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}.arch-explorer__boundary-label{font-family:var(--font-code, "JetBrains Mono Variable", monospace);font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:#478cd1;white-space:nowrap;text-shadow:0 0 12px rgba(80,130,220,.3)}.arch-explorer__tier-nodes--interface{grid-template-columns:1fr 1fr 1fr 1fr}.arch-explorer__tier-nodes--interface .arch-node:nth-child(2){margin-top:1.5rem}.arch-explorer__tier-nodes--interface .arch-node:nth-child(3){margin-top:3rem}.arch-explorer__tier-nodes--interface .arch-node:nth-child(4){margin-top:4.5rem}.arch-explorer__legend{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.04)}.arch-legend__item{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body, "Inter Variable", sans-serif);font-size:.75rem;color:var(--text-secondary, hsl(230, 15%, 65%))}.arch-legend__swatch{width:12px;height:12px;border-radius:3px}.arch-legend__swatch--core{background:#0f111a;border:1px solid hsl(230,15%,22%)}.arch-legend__swatch--enterprise{background:#3d2e0f66;border:1px solid hsla(40,60%,40%,.3)}.arch-legend__swatch--primary{background:linear-gradient(135deg,#7055f6,#30e8e8)}.arch-legend__swatch--trust{background:linear-gradient(135deg,#26d971,#30e8e8)}.arch-legend__swatch--interface{background:linear-gradient(135deg,#3c8cdd,#7082db)}@media(max-width:768px){.arch-explorer__tier-nodes--agent,.arch-explorer__tier-nodes--control,.arch-explorer__tier-nodes--context,.arch-explorer__tier-nodes--interface{grid-template-columns:1fr}.arch-explorer__tier-nodes--interface .arch-node:nth-child(n){margin-top:0}.arch-explorer__controls{flex-direction:column;align-items:stretch}.arch-explorer__legend{flex-wrap:wrap;gap:1rem}.arch-connections{display:none}}.architecture-page:where(.astro-yhbp2c2c){padding:6rem 2rem 4rem;background:var(--bg-primary);min-height:100vh}.container:where(.astro-yhbp2c2c){max-width:1060px;margin:0 auto}.page-header:where(.astro-yhbp2c2c){text-align:center;margin-bottom:3rem}h1:where(.astro-yhbp2c2c){font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:.75rem;letter-spacing:-.03em}.highlight:where(.astro-yhbp2c2c){background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle:where(.astro-yhbp2c2c){font-size:1.05rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.5}.back-link:where(.astro-yhbp2c2c){text-align:center;margin-top:3rem}.back-link:where(.astro-yhbp2c2c) a:where(.astro-yhbp2c2c){font-family:var(--font-code);font-size:.85rem;color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.back-link:where(.astro-yhbp2c2c) a:where(.astro-yhbp2c2c):hover{color:var(--accent-secondary)}
