/* Explanatory view; no additional control or simulation behavior. */
dialog#reality.architecture-dialog{width:min(1160px,94vw)}
.architecture-body{padding:8px 28px 28px}
.architecture-body section{scroll-margin-top:105px}
.architecture-body .architecture-intro{font-size:24px;line-height:1.4;color:#f3f8f7;max-width:850px;margin:22px 0}
.architecture-scope{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:18px;background:#243a3f;border-left:3px solid #9be6d5;border-radius:5px;line-height:1.6;color:#cfdfdf;font-size:14px}
.architecture-scope>strong{color:#a3eadb;font-size:16px}
.architecture-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}
.architecture-body a{color:#a3eadb;text-underline-offset:4px}
.architecture-nav a{padding:9px 13px;border:1px solid #49656c;border-radius:7px;text-decoration:none;font-size:13px}
.architecture-nav a:hover,.architecture-nav a:focus-visible{background:#29454b;color:white}
.architecture-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.architecture-section-head>a{font-size:13px}
.architecture-figure{margin:8px 0 24px;border:1px solid #52676e;border-radius:10px;overflow:hidden;background:white}
.architecture-figure>div{overflow:auto;padding:16px;overscroll-behavior-x:contain}
.architecture-figure img{display:block;width:100%;max-width:none;height:auto}
.architecture-figure.is-zoomed img{width:1800px}
#reality-close{white-space:nowrap;flex-shrink:0}
#diagram-zoom{font-size:12px;padding:7px 10px;white-space:nowrap}
.architecture-figure figcaption{background:#233841;padding:11px 16px;font-size:12px;color:#c9d7dc;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.architecture-steps{counter-reset:flow;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0;list-style:none}
.architecture-steps li{counter-increment:flow;padding:15px;background:#1b303a;border-radius:8px;font-size:13px!important;line-height:1.5!important}
.architecture-steps li:before{content:counter(flow);display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#9be6d5;color:#12343d;font-weight:700;margin-bottom:10px}
.architecture-steps b,.architecture-steps span{display:block}.architecture-steps b{color:#eff8f5;margin-bottom:6px}
.architecture-table-wrap{border:1px solid #405964;border-radius:10px;overflow:hidden;margin:16px 0}
.architecture-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.55;text-align:left}
.architecture-table thead{background:#28404b;color:#e4efef}
.architecture-table th,.architecture-table td{padding:16px;vertical-align:top;border-bottom:1px solid #405964}
.architecture-table tbody th{width:23%;font-weight:600;color:#b8e6dc}
.architecture-table tbody td{width:38.5%;color:#c3d2da}
.architecture-table tbody tr:last-child>*{border-bottom:0}
.architecture-body code{font-size:.9em;overflow-wrap:anywhere;color:#d5f0e8}
.architecture-details{border:1px solid #405964;border-radius:9px;padding:16px;margin:18px 0;background:#182b35}
.architecture-details>summary{cursor:pointer;font-size:15px;font-weight:600;color:#e8f4ef;line-height:1.5}
.architecture-details pre{overflow:auto;max-width:100%;padding:16px;background:#10202a;border-radius:6px;font-size:12px;line-height:1.65;color:#d2e7e7}
.architecture-video{background:#22343e;padding:8px 20px 12px;border-left:3px solid #91b4e1;margin:22px 0}
.architecture-video h4{margin-top:14px}
.architecture-truth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.architecture-truth-grid article{padding:18px;background:#1b303a;border:1px solid #3d5660;border-radius:9px}
.architecture-truth-grid p{margin-bottom:0;font-size:14px}
.architecture-body .architecture-takeaway{font-size:17px;line-height:1.6;padding:20px 0;color:#e5f4ee}
.architecture-body .architecture-credits{font-size:12px;color:#9fb6c2;border-top:1px solid #405964;padding-top:18px;line-height:1.7}
.architecture-dialog :focus-visible{outline:2px solid #a3eadb;outline-offset:3px}
@media(max-width:900px){.architecture-steps{grid-template-columns:1fr 1fr}.architecture-steps li:last-child{grid-column:1/-1}}
@media(max-width:600px){
 .architecture-body{padding:4px 16px 20px}.architecture-body .architecture-intro{font-size:20px}
 .architecture-scope{grid-template-columns:1fr;gap:6px}.architecture-section-head{gap:0;margin-bottom:12px}
 .architecture-section-head h3{margin-bottom:8px}.architecture-steps{grid-template-columns:1fr}.architecture-steps li:last-child{grid-column:auto}
 .architecture-steps li{position:relative;padding:14px 14px 14px 55px}.architecture-steps li:before{position:absolute;left:14px;top:14px}
 .architecture-table thead{display:none}.architecture-table,.architecture-table tbody,.architecture-table tr,.architecture-table th,.architecture-table td{display:block;width:auto!important}
 .architecture-table tr{padding:12px 14px;border-bottom:1px solid #405964}.architecture-table tr:last-child{border:0}
 .architecture-table th,.architecture-table td{padding:4px 0;border:0}.architecture-table tbody td:last-child{font-size:13px;color:#a7bdc7}
 .architecture-truth-grid{grid-template-columns:1fr}.architecture-nav{gap:6px}.architecture-nav a{font-size:12px;padding:8px}
 .architecture-video{padding:6px 14px}.architecture-details{padding:14px}
}