/* Scoped to the console surface host; the page it styled now mounts in place. */
#surface-view[data-surface="rendering"]{&{max-width:1180px}&{--page:#eef4ee;--surface:#fffdf5;--alt:#e7f0e8;--ink:#17372f;--muted:#5a7067;--line:#9bb1a6;--accent:#176f60;--accent-soft:#d9efdc}button{font:inherit}.panel{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.contract-map{margin-top:0}.panel header{margin-bottom:12px}.panel h1,.panel h2{margin:0}.panel h1{font-size:clamp(24px,3vw,32px)}.panel h2{font-size:19px}.panel header p{max-width:850px;margin:4px 0 0;color:var(--muted)}.eyebrow{color:var(--accent)!important;text-transform:uppercase;font:800 11px ui-monospace,monospace!important;letter-spacing:.08em}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}#render-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin:18px 0 12px;padding:0;list-style:none}#render-flow li{position:relative}#render-flow li:not(:last-child)::after{content:"→";position:absolute;top:50%;right:-16px;transform:translateY(-50%);color:var(--muted);font-weight:900}#render-flow button{display:grid;width:100%;min-height:82px;place-content:center;gap:4px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--alt);color:var(--ink);cursor:pointer;text-align:center}#render-flow button small{color:var(--accent);font:800 10px ui-monospace,monospace}#render-flow button span{font-weight:800}#render-flow button:is(:hover,:focus-visible),#render-flow button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft);outline:none;box-shadow:inset 0 0 0 2px var(--accent)}#flow-detail{min-height:68px;padding:11px 13px;border-left:4px solid var(--accent);background:var(--alt)}#flow-detail p{margin:3px 0 0;color:var(--muted)}.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;min-width:680px;border-collapse:collapse;font-size:12.5px}th,td{padding:8px 10px;border:1px solid var(--line);text-align:left;vertical-align:top}thead th{background:var(--alt);font:800 11px/1.3 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.05em}tbody th{width:190px;color:var(--accent)}tbody td:last-child{font-weight:650}.two-up{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px}.two-up .panel{height:calc(100% - 14px)}#invariants{margin:0;padding-left:24px}#invariants li{padding:5px 0 5px 4px;border-top:1px solid var(--line)}#invariants li:first-child{border-top:0}#framework-position{margin:0;color:var(--muted);font-size:13px}@media(max-width:800px){.two-up{grid-template-columns:1fr}#render-flow{grid-template-columns:1fr;gap:16px}#render-flow li:not(:last-child)::after{top:auto;right:50%;bottom:-17px;transform:translateX(50%) rotate(90deg)}}@media(prefers-color-scheme:dark){&{--page:#17231f;--surface:#22312b;--alt:#2b3f35;--ink:#eef6ef;--muted:#b8c9c0;--line:#587066;--accent:#79cba9;--accent-soft:#1f4a30}}}