:root{--color-bg: #fafaf9;--color-surface: #ffffff;--color-surface-muted: #f5f5f4;--color-text: #1c1917;--color-muted: #57534e;--color-border: #e7e5e4;--color-accent: #4f46e5;--color-accent-soft: #eef2ff;--color-accent-hover: #4338ca;--color-success: #16a34a;--color-warning: #d97706;--color-error: #dc2626;--radius-card: 8px;--radius-small: 4px;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .04);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", Menlo, monospace;--measure: 72ch;--content-width: 960px;--wide-width: 1100px}@media (prefers-color-scheme: dark){:root{--color-bg: #1c1917;--color-surface: #292524;--color-surface-muted: #1c1917;--color-text: #fafaf9;--color-muted: #a8a29e;--color-border: #44403c;--color-accent: #818cf8;--color-accent-soft: #1e1b4b;--color-accent-hover: #a5b4fc;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-medium: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-sans);font-size:1rem;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-md);line-height:1.3;font-weight:600}h1{font-size:2.25rem}h2{font-size:1.75rem;margin-top:var(--space-3xl)}h3{font-size:1.35rem;margin-top:var(--space-2xl)}h4{font-size:1.1rem;margin-top:var(--space-xl)}p{margin:0 0 var(--space-md);max-width:var(--measure)}ul,ol{padding-left:var(--space-xl);margin:0 0 var(--space-md)}li{margin-bottom:var(--space-sm)}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface-muted);padding:.15em .4em;border-radius:var(--radius-small)}blockquote{margin:var(--space-xl) 0;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--color-accent);background:var(--color-surface-muted);border-radius:0 var(--radius-small) var(--radius-small) 0}blockquote p{margin:0;color:var(--color-muted);font-style:italic}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.header-inner{max-width:var(--wide-width);margin:0 auto;padding:var(--space-md) var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}.site-logo{font-size:1.2rem;font-weight:700;color:var(--color-text);text-decoration:none}.site-logo:hover{color:var(--color-accent)}.site-nav{display:flex;gap:var(--space-lg)}.site-nav a{color:var(--color-muted);font-size:.95rem;font-weight:500;transition:color .15s ease}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-accent)}.content{max-width:var(--content-width);margin:0 auto;padding:var(--space-3xl) var(--space-lg)}.content-wide{max-width:var(--wide-width)}.site-footer{border-top:1px solid var(--color-border);margin-top:var(--space-4xl);padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-muted);font-size:.9rem}.site-footer p{max-width:var(--content-width);margin:0 auto}.hero{text-align:center;padding:var(--space-4xl) var(--space-lg);max-width:var(--content-width);margin:0 auto}.hero h1{font-size:2.5rem;margin-bottom:var(--space-lg)}.hero .subtitle{font-size:1.2rem;color:var(--color-muted);max-width:60ch;margin:0 auto var(--space-xl);line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin:var(--space-xl) 0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-xl);box-shadow:var(--shadow-soft);transition:box-shadow .2s ease,border-color .2s ease}.card:hover{box-shadow:var(--shadow-medium);border-color:var(--color-accent)}.card h3{margin-top:0;margin-bottom:var(--space-sm);font-size:1.15rem}.card p{color:var(--color-muted);font-size:.95rem;margin-bottom:0}.card a{text-decoration:none;color:inherit;display:block}.card a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.card{position:relative}.table-wrapper{overflow-x:auto;margin:var(--space-xl) 0}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}th{font-weight:600;background:var(--color-surface-muted);white-space:nowrap}tr:last-child td{border-bottom:none}.diagram{margin:var(--space-2xl) 0;padding:var(--space-xl);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-card);overflow-x:auto}.diagram-label{font-size:.85rem;color:var(--color-muted);text-align:center;margin-top:var(--space-sm);font-style:italic}.layers-diagram{display:flex;flex-direction:column;gap:var(--space-sm);max-width:400px;margin:0 auto}.layer-box{padding:var(--space-md) var(--space-lg);text-align:center;font-weight:500;font-size:.95rem;border-radius:var(--radius-small);border:1px solid var(--color-border);background:var(--color-surface)}.layer-box.presentation{border-left:4px solid #6366f1}.layer-box.application{border-left:4px solid #8b5cf6}.layer-box.domain{border-left:4px solid #a855f7}.layer-box.infrastructure{border-left:4px solid #d946ef}.hex-diagram{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);flex-wrap:wrap;padding:var(--space-lg)}.hex-column{display:flex;flex-direction:column;gap:var(--space-sm);align-items:center}.hex-core{width:160px;height:160px;border-radius:50%;border:3px solid var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;background:var(--color-accent-soft)}.hex-adapter{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:.85rem;background:var(--color-surface);text-align:center}.hex-arrow{font-size:1.5rem;color:var(--color-muted)}.section-label{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--space-sm)}.roadmap-list{list-style:none;padding:0}.roadmap-list li{padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);color:var(--color-muted)}.roadmap-list li:before{content:"→ ";color:var(--color-accent)}.note-box{background:var(--color-accent-soft);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-lg);margin:var(--space-xl) 0}.note-box p{margin:0;color:var(--color-muted)}.sim-container{margin:var(--space-2xl) 0}.sim-visual{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-2xl);margin:var(--space-lg) 0;min-height:200px;display:flex;align-items:center;justify-content:center;gap:var(--space-2xl);flex-wrap:wrap}.sim-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.sim-node-icon{width:64px;height:64px;border:2px solid var(--color-border);border-radius:var(--radius-card);display:flex;align-items:center;justify-content:center;background:var(--color-surface);font-size:1.5rem;transition:border-color .3s ease,opacity .3s ease}.sim-node-label{font-size:.85rem;font-weight:500;color:var(--color-muted)}.sim-connection{width:60px;height:2px;background:var(--color-border);position:relative;transition:background .3s ease}.sim-connection.partitioned{background:var(--color-error);opacity:.5}.sim-connection.partitioned:after{content:"✕";position:absolute;top:-12px;left:50%;transform:translate(-50%);color:var(--color-error);font-size:.9rem;font-weight:700}.sim-node-icon.disconnected{border-color:var(--color-error);opacity:.6}.sim-node-icon.connected{border-color:var(--color-success)}.sim-controls{display:flex;gap:var(--space-md);flex-wrap:wrap;margin:var(--space-lg) 0}.sim-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);font-size:.95rem;font-family:var(--font-sans);cursor:pointer;transition:border-color .15s ease,background .15s ease}.sim-btn:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.sim-btn:disabled{opacity:.5;cursor:not-allowed}.sim-btn.primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.sim-btn.primary:hover{background:var(--color-accent-hover)}.sim-result{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);display:none}.sim-result.visible{display:block}.sim-result h4{margin-top:0}.breadcrumb{font-size:.9rem;color:var(--color-muted);margin-bottom:var(--space-xl)}.breadcrumb a{color:var(--color-muted)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb span{margin:0 var(--space-sm)}.related-links{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-md)}.related-links a{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-small);font-size:.9rem;transition:border-color .15s ease,background .15s ease}.related-links a:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}@media (max-width: 768px){.hero h1,h1{font-size:1.8rem}h2{font-size:1.4rem}h3{font-size:1.15rem}.header-inner{flex-direction:column;gap:var(--space-md)}.site-nav{gap:var(--space-md)}.card-grid{grid-template-columns:1fr}.hex-diagram{flex-direction:column}.sim-visual{flex-direction:column;gap:var(--space-lg)}.sim-connection{width:2px;height:40px}}@media (max-width: 480px){.content{padding:var(--space-xl) var(--space-md)}.hero{padding:var(--space-2xl) var(--space-md)}}