:root{--red:#74101e;--red2:#951d2e;--soft:#f5e9eb;--ink:#1f2429;--muted:#687078;--paper:#f2f1ed;--panel:#fff;--line:#d7d8d5;--darkline:#b7b9b6;--cream:#eee7dc;--green:#256b4b;--blue:#315f81;--sidebar:248px;--titlebar:78px;--topbar:62px;--shadow:0 8px 24px rgba(24,25,27,.08)}
.indo-advanced{border-bottom:1px solid var(--line);background:#f8f4ed}.indo-advanced summary{cursor:pointer;padding:12px 16px;color:var(--red);font-size:8px;font-weight:900;letter-spacing:.12em;list-style:none}.indo-advanced summary::-webkit-details-marker{display:none}.indo-advanced summary:after{content:'+';float:right;font-size:14px;color:var(--ink)}.indo-advanced[open] summary:after{content:'−'}.indo-advanced>div{padding:0 16px 14px}.indo-advanced label{display:block;margin:0 0 10px;font-size:8px;font-weight:800;color:var(--muted)}.indo-advanced select,.indo-advanced input[type=range]{display:block;width:100%;margin-top:5px}.indo-advanced select{height:36px;border:1px solid var(--line);background:#fff;padding:0 8px;font-size:9px}.indo-advanced output{float:right;color:var(--red)}.indo-system-results{margin:16px 0}.indo-system-results>header{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 20px;background:var(--ink);color:#fff}.indo-system-results>header span{font-size:8px;color:var(--yellow,#e7b82e);letter-spacing:.14em;font-weight:900}.indo-system-results>header h2{font:1.7rem Georgia,serif;margin:.35rem 0}.indo-system-results>header p{align-self:end;font-size:9px;color:#b9c6c1}.indo-system-metrics{display:grid;grid-template-columns:repeat(4,1fr)}.indo-system-metrics article{padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:92px}.indo-system-metrics span,.indo-system-metrics strong,.indo-system-metrics small{display:block}.indo-system-metrics span{font-size:8px;color:var(--red);font-weight:900;text-transform:uppercase}.indo-system-metrics strong{font:1.25rem Georgia,serif;margin:8px 0}.indo-system-metrics small{font-size:8px;color:var(--muted)}.indo-spec-summary{display:grid;grid-template-columns:repeat(3,1fr)}.indo-spec-summary article{padding:13px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.indo-spec-summary b,.indo-spec-summary span{display:block}.indo-spec-summary b{font-size:8px;color:var(--red);text-transform:uppercase}.indo-spec-summary span{margin-top:5px;font-size:9px;line-height:1.45}@media(max-width:900px){.indo-system-metrics{grid-template-columns:repeat(2,1fr)}.indo-spec-summary{grid-template-columns:1fr 1fr}.indo-system-results>header{grid-template-columns:1fr}}@media(max-width:600px){.indo-system-metrics,.indo-spec-summary{grid-template-columns:1fr}}
.indo-stage>header>div:last-child{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.indo-stage>header button.active{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.indo-2d-panel{min-height:560px;background:#e9e5dc;padding:12px}.indo-2d-panel[hidden],#indo3d[hidden]{display:none}.indo-drawing-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:0 0 10px}.indo-drawing-toolbar nav,.indo-drawing-toolbar>div{display:flex;flex-wrap:wrap;gap:5px}.indo-drawing-toolbar button{border:1px solid #718079;background:#f8f4ed;color:var(--ink);padding:7px 9px;font-size:7px;font-weight:800;cursor:pointer;white-space:nowrap}.indo-drawing-toolbar nav button.active,.indo-drawing-toolbar nav button:hover{background:var(--red);border-color:var(--red);color:#fff}.indo-drawing-toolbar>div button{background:var(--ink);color:#fff}.indo-drawing-sheet{background:#fbfaf6;border:1px solid #172a26;box-shadow:0 7px 18px #1023202b}.indo-drawing-sheet>header,.indo-drawing-sheet>footer{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid #172a26;color:var(--ink)}.indo-drawing-sheet>header b,.indo-drawing-sheet>header span{display:block}.indo-drawing-sheet>header b{font-size:9px;letter-spacing:.12em}.indo-drawing-sheet>header span,.indo-drawing-sheet>header small,.indo-drawing-sheet>footer{font-size:7px;color:var(--muted)}.indo-drawing-sheet>footer{border-top:1px solid #172a26;border-bottom:0}.indo-drawing-sheet svg{display:block;width:100%;height:auto;max-height:470px}.indo-drawing-sheet svg path:not([class]){vector-effect:non-scaling-stroke}.indo-drawing-sheet .d-label{font:700 10px Arial,sans-serif;fill:#172a26}.indo-drawing-sheet .room-label{font:700 8px Arial,sans-serif;fill:#52615c;letter-spacing:.08em}.indo-drawing-sheet .dimensions{font:700 8px Arial,sans-serif;fill:#e24a35}.indo-drawing-sheet .partition{stroke:#172a26;stroke-width:3;fill:none}.indo-drawing-sheet .door{stroke:#e24a35;stroke-width:2;fill:none}.indo-drawing-sheet .route,.indo-drawing-sheet .pipe,.indo-drawing-sheet .duct,.indo-drawing-sheet .electric,.indo-drawing-sheet .rain{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;marker-end:url(#arrow2d)}.indo-drawing-sheet .pedestrian{stroke:#e24a35;stroke-dasharray:10 7}.indo-drawing-sheet .service{stroke:#8661a8;stroke-dasharray:5 6}.indo-drawing-sheet .vehicle{stroke:#334b45;stroke-width:12}.indo-drawing-sheet .cold{stroke:#2686c0}.indo-drawing-sheet .waste{stroke:#6b7280;stroke-dasharray:11 7}.indo-drawing-sheet .duct{stroke:#1f8a70;stroke-dasharray:16 7}.indo-drawing-sheet .electric{stroke:#f0a900;stroke-dasharray:3 7}.indo-drawing-sheet .rain{stroke:#2686c0;stroke-width:3}.indo-cad-source{margin:8px 0 0;font-size:7px;color:var(--muted)}.indo-cad-source a{color:#174f77;font-weight:800}.indo-stage.drawing-fullscreen{position:fixed;inset:10px;z-index:10000;overflow:auto;background:#e9e5dc;border:2px solid var(--ink);box-shadow:0 20px 80px #0008}.indo-stage.drawing-fullscreen>header{position:sticky;top:0;z-index:2}.indo-stage.drawing-fullscreen .indo-2d-panel{min-height:calc(100vh - 90px)}.indo-stage.drawing-fullscreen .indo-drawing-sheet svg{height:calc(100vh - 235px);max-height:none}body.drawing-open{overflow:hidden}@media(max-width:850px){.indo-2d-panel{min-height:420px}.indo-drawing-sheet>header{align-items:flex-start;gap:8px}.indo-drawing-toolbar{display:block}.indo-drawing-toolbar>div{margin-top:7px}.indo-stage.drawing-fullscreen{inset:2px}.indo-stage.drawing-fullscreen .indo-drawing-sheet svg{height:calc(100vh - 290px)}}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{color:inherit}.hidden{display:none!important}
.title-block{height:var(--titlebar);display:flex;align-items:stretch;justify-content:space-between;background:#fff;border-bottom:5px solid var(--red);position:fixed;inset:0 0 auto;z-index:100}.title-left,.title-right{display:flex;align-items:center}.title-mark{align-self:stretch;width:185px;background:var(--red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:24px;font-weight:900;letter-spacing:1px}.title-mark span{font-size:9px;letter-spacing:4px;color:#f2c5cb}.title-copy{padding:0 24px}.title-copy h1{margin:0 0 4px;font:600 23px Georgia,serif}.title-copy p{margin:0;color:var(--muted);font-size:12px}.metric-box{min-width:230px;height:73px;padding:10px 18px;display:grid;grid-template-columns:1fr auto;align-content:center;border-left:1px solid var(--line)}.metric-box span{font-size:9px;letter-spacing:1.4px;color:var(--muted);font-weight:800}.metric-box strong{grid-row:span 2;font-size:32px;color:var(--red);padding-left:16px}.metric-box small{margin-top:5px;color:var(--muted)}.system-chip{height:73px;min-width:230px;padding:0 20px;border-left:1px solid var(--line);display:flex;align-items:center;gap:11px}.system-chip i{width:9px;height:9px;border-radius:50%;background:#2a9a61;box-shadow:0 0 0 4px #e5f4eb}.system-chip strong,.system-chip small{display:block}.system-chip small{color:var(--muted);font-size:10px;margin-top:3px}
.app-shell{padding-top:var(--titlebar);min-height:100vh}.sidebar{position:fixed;top:var(--titlebar);bottom:0;left:0;width:var(--sidebar);background:#25282b;color:#fff;z-index:90;display:flex;flex-direction:column}.brand{height:74px;padding:13px 15px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #3b3e41}.brand-mark{width:40px;height:40px;background:var(--red);border:1px solid #a94050;display:grid;place-items:center;font:700 22px Georgia,serif}.brand strong,.brand span{display:block}.brand span{font-size:9px;color:#aeb2b5;letter-spacing:1px;margin-top:3px}.main-nav{padding:12px 0}.nav-heading,.sidebar-programs p{display:block;padding:0 16px 8px;color:#82888c;font-size:8px;font-weight:900;letter-spacing:1.4px}.nav-item{width:100%;height:43px;border:0;border-left:3px solid transparent;background:transparent;color:#c8ccce;display:flex;align-items:center;gap:11px;padding:0 15px 0 13px;text-align:left;cursor:pointer}.nav-item i,.quick-filter i{font-style:normal;font-size:9px;color:#8f9599}.nav-item:hover{background:#303438;color:#fff}.nav-item.active{background:#3a2a2e;color:#fff;border-left-color:#d45b70}.nav-item.active i{color:#f0a9b5}.sidebar-programs{padding:14px 0;border-top:1px solid #3b3e41}.quick-filter{width:100%;border:0;background:transparent;color:#bcc1c4;padding:8px 16px;text-align:left;cursor:pointer}.quick-filter i{display:inline-grid;place-items:center;width:26px;height:20px;background:#34383b;margin-right:9px}.sidebar-footer{margin-top:auto;border-top:1px solid #3b3e41;padding:13px 16px}.sidebar-footer div{display:flex;justify-content:space-between;margin-bottom:7px;font-size:9px}.sidebar-footer span{color:#858b8f}.sidebar-footer small{display:block;color:#858b8f;font-size:8px;margin-top:10px}
.main-content{margin-left:var(--sidebar);min-width:0}.topbar{height:var(--topbar);position:sticky;top:var(--titlebar);z-index:50;background:#faf9f7;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:9px 16px}.top-search{height:40px;flex:1;display:flex;align-items:center;border:1px solid var(--darkline);background:#fff}.search-code{font-size:8px;font-weight:900;letter-spacing:1px;color:var(--red);padding:0 11px;border-right:1px solid var(--line)}.top-search input{border:0;outline:0;flex:1;padding:0 10px}.top-search kbd{margin-right:8px;padding:3px 6px;background:#eee;border:1px solid #ccc;font-size:9px}.outline-button,.primary-button,.text-button,.icon-button{border:1px solid var(--darkline);background:#fff;min-height:36px;padding:0 12px;cursor:pointer}.primary-button{background:var(--red);border-color:var(--red);color:#fff}.primary-button:hover{background:var(--red2)}.text-button{border:0;background:transparent;color:var(--red);font-weight:700}.icon-button{display:none}.view{display:none;padding:24px;max-width:1500px;margin:auto}.view.active{display:block}.page-heading{min-height:92px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-heading.compact{min-height:80px}.eyebrow{font-size:9px;font-weight:900;color:var(--red);letter-spacing:1.5px}.page-heading h1{font:600 31px Georgia,serif;margin:6px 0}.page-heading p{margin:0;color:var(--muted);max-width:750px}.heading-actions{display:flex;gap:7px;margin-top:20px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.stat-card{min-height:100px;background:#fff;border:1px solid var(--line);padding:14px 16px;position:relative}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red)}.stat-card strong{display:block;font-size:29px;color:var(--red);font-weight:500}.stat-card span{display:block;margin-top:7px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.7px}.desktop-panel{background:#fff;border:1px solid var(--line);box-shadow:0 1px 0 rgba(0,0,0,.02)}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-bottom:12px}.panel-title{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:11px 15px;border-bottom:1px solid var(--line);background:#faf9f7}.panel-title span,.panel-title strong{display:block}.panel-title span{font-size:8px;font-weight:800;color:#8c8e90;letter-spacing:1.4px;margin-bottom:4px}.panel-title strong{font:16px Georgia,serif}.category-row{width:100%;border:0;border-bottom:1px solid #ededeb;background:#fff;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 15px;text-align:left;cursor:pointer}.category-row:hover{background:#faf7f7}.category-row i{width:28px;height:28px;display:grid;place-items:center;background:var(--soft);color:var(--red);font-style:normal;font-size:9px;font-weight:900}.category-row strong,.category-row small{display:block}.category-row small{color:var(--muted);font-size:10px;margin-top:3px}.category-row b{font-size:10px;color:var(--muted)}.mini-timeline{padding:7px 15px}.timeline-row{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #eee}.timeline-row:last-child{border:0}.timeline-row i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:#fff;font-style:normal;font-size:8px}.timeline-row strong,.timeline-row small{display:block}.timeline-row small{color:var(--muted);font-size:9px;margin-top:3px}.course-strip{display:grid;grid-template-columns:repeat(5,1fr)}.course-mini{padding:14px;border-right:1px solid var(--line);cursor:pointer}.course-mini:hover{background:#faf7f7}.course-mini span{color:var(--red);font-size:9px;font-weight:800}.course-mini strong{display:block;margin:5px 0;font-size:11px}.course-mini small{color:var(--muted)}
.filter-bar{height:51px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:6px}.filter-tabs{display:flex;gap:4px}.filter-tab{border:0;background:transparent;padding:9px 11px;cursor:pointer;font-size:10px}.filter-tab.active{background:var(--soft);color:var(--red);font-weight:800}.filter-bar select{height:36px;border:1px solid var(--line);background:#fff;padding:0 28px 0 9px}.reference-layout{display:grid;grid-template-columns:220px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-top:0;min-height:560px}.index-panel{border-right:1px solid var(--line);background:#f8f7f5}.tree-heading{padding:14px;font-size:8px;font-weight:900;letter-spacing:1.4px;color:#8a8d8f}.index-link{display:block;width:100%;border:0;background:transparent;text-align:left;padding:8px 14px;font-size:10px;cursor:pointer}.index-link:hover{background:#eee}.index-link b{color:var(--red);margin-right:7px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.reference-card{min-height:185px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;transition:.15s}.reference-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#bca4a8}.card-top{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:3px solid var(--red);background:#faf9f7}.card-code{font-size:9px;font-weight:900;color:var(--red);letter-spacing:1px}.favorite-button{border:0;background:transparent;font-size:19px;color:#a3a5a6;cursor:pointer}.favorite-button.active{color:#b57a11}.card-body{padding:13px;flex:1}.card-body h3{font:19px Georgia,serif;margin:0 0 8px}.card-body p{color:var(--muted);font-size:11px;line-height:1.5;margin:0}.card-footer{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-top:1px solid var(--line)}.pill{font-size:8px;padding:4px 7px;border-radius:10px;background:var(--soft);color:var(--red);font-weight:800}.open-detail{border:0;background:transparent;color:var(--red);font-size:10px;font-weight:700;cursor:pointer}.empty-state{text-align:center;padding:70px 20px;color:var(--muted)}.empty-state b{font-size:40px;font-weight:400}.empty-state h3{color:var(--ink)}
.curriculum-controls{min-height:70px;padding:10px 14px;display:flex;align-items:center;gap:14px;margin-bottom:12px}.curriculum-controls label{font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase}.curriculum-controls select{display:block;width:200px;height:34px;margin-top:4px;border:1px solid var(--line);background:#fff;padding:0 8px}.legend{margin-left:auto;display:flex;gap:13px;font-size:10px}.legend i{display:inline-block;width:9px;height:9px;margin-right:5px;background:var(--red)}.legend i.tech{background:var(--blue)}.legend i.theory{background:#9a650e}.curriculum-map{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.semester-column{background:#fff;border:1px solid var(--line);min-height:180px}.semester-column header{padding:11px 12px;background:#262a2d;color:#fff}.semester-column header span{font-size:8px;color:#aaa}.semester-column header strong{display:block;margin-top:3px}.course-card{margin:8px;border-left:4px solid var(--red);background:#faf9f7;padding:10px;cursor:pointer}.course-card[data-group="Teknologi"]{border-color:var(--blue)}.course-card[data-group="Teori"]{border-color:#9a650e}.course-card[data-group="Komunikasi"]{border-color:#4c7d63}.course-card small,.course-card strong,.course-card span{display:block}.course-card small{color:var(--muted);font-size:8px}.course-card strong{font-size:11px;margin:5px 0}.course-card span{font-size:9px;color:var(--muted)}.course-card.highlight{outline:2px solid var(--red);background:var(--soft)}
.curriculum-network{margin-bottom:18px;border:1px solid var(--line);background:#f6f1e7}.curriculum-network>header{display:flex;justify-content:space-between;gap:24px;padding:22px 24px;background:var(--green);color:#fff}.curriculum-network>header span,.curriculum-cluster header span,.curriculum-inspector>span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--yellow)}.curriculum-network>header h2{margin:6px 0 4px;font:32px var(--serif)}.curriculum-network>header p{max-width:780px;margin:0;color:#c5cfca;font-size:12px}.curriculum-network>header>b{font:42px var(--serif);color:var(--yellow);text-align:right}.curriculum-network>header>b small{display:block;font:9px var(--sans);color:#fff;text-transform:uppercase}.curriculum-spine{display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line);background:#fff}.spine-node{position:relative;min-height:98px;padding:15px 14px;border:0;border-right:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.spine-node:last-child{border-right:0}.spine-node small,.spine-node strong{display:block}.spine-node small{color:var(--red);font-size:9px;font-weight:800}.spine-node strong{margin-top:10px;font:17px var(--serif)}.spine-node>span{position:absolute;right:10px;bottom:8px;color:var(--yellow);font-size:20px}.spine-node:hover,.spine-node.active{background:var(--green);color:#fff}.curriculum-network-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:470px}.curriculum-clusters{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.curriculum-cluster{border:1px solid var(--line);background:#fff}.curriculum-cluster>header{display:flex;justify-content:space-between;padding:10px 12px;background:#253731;color:#fff}.curriculum-cluster>header b{font-size:9px;color:#cad3cf}.curriculum-cluster>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.curriculum-node{min-height:92px;padding:11px;border:0;border-right:1px solid #ddd5c6;border-bottom:1px solid #ddd5c6;background:#fff;text-align:left;cursor:pointer;transition:.16s}.curriculum-node small,.curriculum-node strong,.curriculum-node span{display:block}.curriculum-node small{color:var(--red);font-size:8px}.curriculum-node strong{margin:5px 0;font-size:11px;line-height:1.25}.curriculum-node span{color:var(--muted);font-size:8px}.curriculum-node:hover,.curriculum-node.active{background:#fff1c8;box-shadow:inset 4px 0 var(--yellow)}.curriculum-node.dimmed{opacity:.35}.curriculum-inspector{padding:24px;border-left:1px solid var(--line);background:#ece5d8}.curriculum-inspector h3{margin:9px 0;font:27px var(--serif)}.curriculum-inspector p{font-size:12px;line-height:1.55;color:#4e5652}.curriculum-inspector dl{margin:18px 0}.curriculum-inspector dt{margin-top:12px;color:var(--red);font-size:8px;font-weight:800;letter-spacing:1px}.curriculum-inspector dd{margin:4px 0;font-size:11px;line-height:1.4}.curriculum-detail-button{width:100%;padding:12px;border:0;background:var(--green);color:#fff;font-weight:800;cursor:pointer}
.progress-panel{padding:14px 16px;display:grid;grid-template-columns:220px 1fr;align-items:center;gap:20px;margin-bottom:12px}.progress-panel span{font-size:8px;font-weight:900;color:var(--red);letter-spacing:1px}.progress-panel strong{display:block;margin-top:4px}.progress-track{height:10px;background:#e6e3df}.progress-track i{display:block;height:100%;width:0;background:var(--red);transition:.25s}.workflow{display:grid;gap:9px}.workflow-step{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:65px 1fr auto;align-items:center;min-height:78px}.workflow-step.done{background:#f4f8f5;border-color:#b6d3c2}.step-number{align-self:stretch;display:grid;place-items:center;background:#292c2f;color:#fff;font:22px Georgia,serif}.workflow-step.done .step-number{background:var(--green)}.step-copy{padding:12px 16px}.step-copy strong{font:17px Georgia,serif}.step-copy p{margin:5px 0 0;color:var(--muted);font-size:11px}.step-check{margin-right:16px;width:34px;height:34px;accent-color:var(--green)}
dialog{width:min(720px,calc(100vw - 30px));padding:0;border:1px solid #777;box-shadow:0 28px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(20,22,24,.55)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;background:#f6f4f1;border-bottom:4px solid var(--red)}.modal-header h2{font:24px Georgia,serif;margin:4px 0 0}.modal-close{width:34px;height:34px;border:1px solid var(--darkline);background:#fff;font-size:22px;cursor:pointer}.detail-body{padding:20px}.detail-body>p{font:16px/1.7 Georgia,serif}.detail-body h3{font-size:10px;color:var(--red);letter-spacing:1px;text-transform:uppercase;margin-top:20px}.detail-body li{margin:8px 0}.toast{position:fixed;right:20px;bottom:20px;background:#24282b;color:#fff;padding:12px 16px;border-left:4px solid var(--red);box-shadow:var(--shadow);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:200}.toast.show{opacity:1;transform:none}
@media(max-width:1180px){.system-chip{display:none}.card-grid{grid-template-columns:repeat(2,1fr)}.curriculum-map{grid-template-columns:repeat(3,1fr)}.curriculum-network-body{grid-template-columns:1fr}.curriculum-inspector{border-left:0;border-top:1px solid var(--line)}.curriculum-spine{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){:root{--sidebar:0px}.title-right{display:none}.title-mark{width:90px;font-size:18px}.title-mark span{font-size:6px;letter-spacing:2px}.title-copy{padding:0 12px}.title-copy h1{font-size:18px}.sidebar{width:248px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none;box-shadow:var(--shadow)}.icon-button{display:block}.dashboard-grid,.reference-layout{grid-template-columns:1fr}.index-panel{display:none}.course-strip{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.curriculum-map{grid-template-columns:repeat(2,1fr)}.view{padding:16px}.topbar{top:var(--titlebar)}}
@media(max-width:600px){.title-copy p,.top-search kbd,.outline-button{display:none}.title-copy h1{font-size:15px}.stats-grid,.card-grid,.curriculum-map{grid-template-columns:1fr}.filter-bar{height:auto;align-items:stretch;gap:8px;flex-direction:column}.filter-tabs{overflow:auto}.page-heading{display:block}.heading-actions{margin:12px 0}.course-strip{grid-template-columns:1fr}.curriculum-controls{align-items:stretch;flex-direction:column}.curriculum-controls select{width:100%}.legend{margin:0}.progress-panel{grid-template-columns:1fr}.workflow-step{grid-template-columns:50px 1fr auto}.step-check{width:26px}.title-mark{width:72px}.reference-layout{min-height:400px}.curriculum-spine,.curriculum-clusters{grid-template-columns:1fr}.curriculum-cluster>div{grid-template-columns:1fr}.curriculum-network>header{padding:18px}.curriculum-network>header h2{font-size:25px}}
@media print{.title-block,.sidebar,.topbar,.heading-actions,.filter-bar{display:none!important}.app-shell{padding:0}.main-content{margin:0}.view{display:block!important;page-break-after:always}.view#favoritView{display:none!important}.reference-layout{display:block;border:0}.index-panel{display:none}.card-grid{grid-template-columns:repeat(2,1fr)}.reference-card{break-inside:avoid}.curriculum-map{grid-template-columns:repeat(4,1fr)}}

/* Pola visual Atlas Arsitektur Modern: editorial Bauhaus, hangat, tegas. */
:root{--paper:#eee8dd;--panel:#f8f4ed;--ink:#172321;--muted:#69716d;--line:#c8bfb2;--darkline:#b3a99b;--red:#e3452f;--red2:#c73422;--soft:#f6ded7;--blue:#144b7c;--yellow:#e9b832;--sidebar:216px;--titlebar:0px;--topbar:64px;--shadow:0 12px 35px rgba(23,35,33,.13)}
html,body{height:100%;overflow:hidden}.title-block{display:none}.app-shell{height:100vh;padding:0;display:grid;grid-template-columns:var(--sidebar) 1fr}.sidebar{top:0;position:relative;width:auto;background:var(--ink);padding:1.3rem 1rem}.main-content{margin:0;height:100vh;min-width:0;display:grid;grid-template-rows:64px minmax(0,1fr);overflow:hidden}.topbar{position:relative;top:auto;height:64px;background:rgba(238,232,221,.96);padding:0 2.2rem}.main-content>.view{overflow-y:auto;height:100%;max-width:none;margin:0;padding:2rem 2.3rem 4rem}.brand{height:auto;width:100%;padding:.4rem;margin:0 0 2rem;display:flex;background:none;border:0;color:#fff;text-align:left;cursor:pointer}.brand strong{font-size:13px;letter-spacing:.08em}.brand small{display:block;font-size:7px;letter-spacing:.18em;opacity:.55;margin-top:2px}.bauhaus-mark{display:grid;grid-template-columns:12px 12px;grid-template-rows:12px 12px;width:26px;height:26px}.bauhaus-mark i:nth-child(1){background:var(--red);grid-row:1/3}.bauhaus-mark i:nth-child(2){background:var(--blue)}.bauhaus-mark i:nth-child(3){background:var(--yellow)}.main-nav{padding:0}.nav-heading{display:none}.nav-item{height:auto;padding:.7rem .65rem;border:0;border-radius:3px;grid-template-columns:34px 1fr}.nav-item:hover,.nav-item.active{background:#2b3936}.nav-item.active{border:0}.nav-item.active i{color:var(--yellow)}.sidebar-programs{border-top:0;margin-top:.8rem;padding:0}.sidebar-programs p{padding:.4rem .7rem;font-size:8px;letter-spacing:.18em}.quick-filter{padding:.65rem;color:#aeb8b3;border-radius:3px}.quick-filter:hover{background:#2b3936;color:#fff}.sidebar-footer{border-top:1px solid #3b4946;padding:.8rem .6rem;display:grid;gap:.15rem}.sidebar-footer>span{font-size:7px;letter-spacing:.18em;color:var(--yellow)}.sidebar-footer>strong{font:1.05rem Georgia,serif}.sidebar-footer small{font-size:7px;color:#71807a;margin:0}.crumb{display:flex;align-items:center;gap:.7rem;white-space:nowrap}.crumb span{font-size:8px;letter-spacing:.16em;color:var(--muted)}.crumb span:after{content:'/';padding-left:.7rem}.crumb b{font-size:11px}.top-search{margin-left:auto;max-width:440px;border-color:var(--line);background:var(--panel)}.profile{width:34px;height:34px;border:0;border-radius:50%;background:var(--red);color:#fff;font-size:10px}.view{padding:2rem 2.3rem 4rem}.page-heading{border-bottom:1px solid var(--line);padding-bottom:1.2rem;margin-bottom:1.5rem}.page-heading h1{font:clamp(2.3rem,4vw,4.5rem)/.95 Georgia,serif;letter-spacing:-.035em}.atlas-hero{min-height:390px;background:var(--blue);color:#fff;padding:2.7rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}.atlas-hero:before{content:'';position:absolute;width:360px;height:360px;border:64px solid var(--yellow);border-radius:50%;right:-155px;bottom:-220px}.atlas-hero:after{content:'';position:absolute;width:125px;height:230px;background:var(--red);right:95px;top:-110px;transform:rotate(28deg)}.atlas-hero h1{font:clamp(3.3rem,6vw,6.7rem)/.82 Georgia,serif;letter-spacing:-.055em;margin:.5rem 0;position:relative;z-index:1}.hero-bottom{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:1}.hero-bottom p{max-width:560px;color:#d4dfdc;font-size:13px}.action{border:1px solid currentColor;background:none;padding:.7rem 1rem;color:inherit;cursor:pointer}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.stat-card{border:0;background:var(--panel)}.stat-card:before{background:var(--red)}.stat-card strong{color:var(--blue);font-family:Georgia,serif}.desktop-panel,.reference-layout,.reference-card,.semester-column,.workflow-step{background:var(--panel);border-color:var(--line)}.panel-title{background:transparent}.card-grid{gap:.8rem}.reference-card{min-height:210px}.reference-card:hover{border-color:var(--red)}.card-top{background:transparent;border-bottom:3px solid var(--ink)}.card-body h3,.panel-title strong,.step-copy strong{font-family:Georgia,serif}.pill{background:var(--yellow);color:var(--ink)}.primary-button{background:var(--ink);border-color:var(--ink)}.filter-tab.active{background:var(--red);color:#fff}.semester-column header,.step-number{background:var(--ink)}.course-card{background:#fff}.workflow-step.done{background:#edf3f0}.progress-track i{background:var(--red)}dialog{background:var(--panel);border:0}.modal-header{background:var(--ink);color:#fff;border-bottom:6px solid var(--yellow)}.modal-header .eyebrow{color:var(--yellow)}
@media(max-width:900px){html,body{overflow:auto}.app-shell{height:auto;min-height:100vh;display:block}.sidebar{position:fixed;top:auto;left:0;right:0;bottom:0;width:100%;height:66px;z-index:80;transform:none;padding:.3rem}.brand,.sidebar-programs,.sidebar-footer{display:none}.main-nav{display:grid;grid-template-columns:repeat(5,1fr);height:100%}.nav-item{display:grid;grid-template-columns:1fr;text-align:center;padding:.25rem}.nav-item span{font-size:8px}.nav-item i{font-size:8px}.main-content{height:auto;min-height:100vh;display:block;padding-bottom:66px}.topbar{position:sticky;top:0}.main-content>.view{height:auto;overflow:visible}.menu-button{display:none}.atlas-hero{min-height:340px;padding:1.6rem}.atlas-hero h1{font-size:3.5rem}.hero-bottom{display:block}}

.server-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:1rem;margin-bottom:1rem}.server-hero{position:relative;overflow:hidden;min-height:300px;padding:2rem;background:var(--ink);color:#fff}.server-hero:after{content:'';position:absolute;width:220px;height:220px;border:42px solid var(--yellow);border-radius:50%;right:-120px;bottom:-120px}.server-hero>span{font-size:8px;letter-spacing:.18em;color:var(--yellow)}.server-hero h2{font:2.6rem/1 Georgia,serif;margin:1rem 0}.server-hero h2 i{display:inline-block;width:12px;height:12px;border-radius:50%;background:#36ad6e;box-shadow:0 0 0 6px #36ad6e22}.server-hero p{max-width:430px;color:#cbd4d1;font-size:11px;line-height:1.65}.server-port{position:absolute;left:2rem;bottom:2rem;font-size:8px;letter-spacing:.15em}.server-port strong{display:block;font:2rem Georgia,serif;color:var(--yellow);margin-top:.25rem}.access-panel{min-height:300px}.network-addresses{padding:1rem;display:grid;gap:.7rem}.network-card{display:grid;grid-template-columns:1fr auto;gap:.45rem 1rem;padding:1rem;background:#fff;border:1px solid var(--line);border-left:5px solid var(--red)}.network-card span{grid-column:1/3;font-size:8px;letter-spacing:.12em;color:var(--muted)}.network-card a{font:1.25rem Georgia,serif;color:var(--blue);overflow-wrap:anywhere}.network-card button{border:1px solid var(--ink);background:transparent;padding:.45rem .7rem;cursor:pointer}.network-card button:hover{background:var(--yellow)}.network-loading,.network-empty{padding:2rem;text-align:center;color:var(--muted)}.network-empty strong{display:block;color:var(--ink);font:1.5rem Georgia,serif}.server-guide ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0}.server-guide li{display:grid;grid-template-columns:46px 1fr;gap:.8rem;padding:1.2rem;border-right:1px solid var(--line)}.server-guide li:last-child{border:0}.server-guide li>b{font:1.7rem Georgia,serif;color:var(--red)}.server-guide li strong{font:1.15rem Georgia,serif}.server-guide li p{font-size:10px;color:var(--muted);line-height:1.55}.server-note{margin-top:1rem;border-left:5px solid var(--yellow);background:#fff8e8;padding:1rem 1.2rem;display:grid;grid-template-columns:150px 1fr;gap:1rem}.server-note p{margin:0;font-size:11px;color:var(--muted)}
@media(max-width:900px){.main-nav{grid-template-columns:repeat(6,1fr)}.server-layout{grid-template-columns:1fr}.server-guide ol{grid-template-columns:1fr}.server-guide li{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:600px){.server-note{grid-template-columns:1fr}.network-card{grid-template-columns:1fr}.network-card span{grid-column:1}.network-card button{justify-self:start}}
.course-detail-facts{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:1.3rem 0}.course-detail-facts>div{padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.course-detail-facts>div:nth-child(2n){border-right:0}.course-detail-facts>div:nth-last-child(-n+2){border-bottom:0}.course-detail-facts span,.course-detail-facts strong{display:block}.course-detail-facts span{font-size:8px;letter-spacing:.1em;color:var(--muted);margin-bottom:.4rem}.source-note{margin-top:1.5rem!important;padding:1rem;border-left:4px solid var(--yellow);background:#fff8e8;font:10px/1.55 Arial,sans-serif!important;color:var(--muted)}
.atlas-hero{min-height:430px;background:linear-gradient(90deg,rgba(18,30,28,.94) 0%,rgba(18,30,28,.76) 48%,rgba(18,30,28,.16) 100%),url('pensil-warna.jpg') center/cover;margin-bottom:0}.atlas-hero:before{border-width:45px;opacity:.85}.atlas-hero:after{display:none}.mode-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 1rem;background:var(--ink);color:#fff}.mode-strip article{display:flex;gap:1rem;padding:1rem 1.2rem;border-right:1px solid #3b4946}.mode-strip article:last-child{border:0}.mode-strip b{font:1.7rem Georgia,serif;color:var(--yellow)}.mode-strip span,.mode-strip strong{display:block}.mode-strip span{font-size:7px;letter-spacing:.15em;color:#9aa8a3}.mode-strip strong{margin-top:.35rem;font:1rem Georgia,serif}.source-manifest{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--blue);color:#fff;padding:2rem;margin-bottom:1rem}.source-manifest span{font-size:8px;letter-spacing:.16em;color:var(--yellow)}.source-manifest h2{font:2.4rem/1.05 Georgia,serif;margin:.6rem 0 0}.source-manifest p{align-self:end;color:#d6e0e4;line-height:1.7}.source-controls{display:grid;grid-template-columns:1fr 230px 180px;gap:.7rem;padding:.8rem;margin-bottom:1rem}.source-controls input,.source-controls select{height:40px;border:1px solid var(--line);background:#fff;padding:0 .8rem}.source-summary{display:flex;align-items:baseline;gap:.6rem;margin:.7rem 0}.source-summary strong{font:2rem Georgia,serif;color:var(--red)}.source-summary span{font-size:10px;color:var(--muted)}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.source-card{display:flex;flex-direction:column;min-height:330px;background:var(--panel);border:1px solid var(--line)}.source-card-top{display:flex;justify-content:space-between;padding:.7rem .9rem;border-bottom:4px solid var(--ink);font-size:8px;letter-spacing:.08em}.source-card-top b{color:var(--red)}.source-card-body{padding:1.1rem;flex:1}.source-card-body small{color:var(--muted)}.source-card-body h2{font:1.45rem Georgia,serif;margin:.55rem 0}.source-card-body p{font-size:11px;line-height:1.55;color:var(--muted)}.source-card dl{margin:1rem 0 0}.source-card dt{font-size:7px;letter-spacing:.13em;color:var(--red);margin-top:.7rem}.source-card dd{font-size:10px;line-height:1.5;margin:.25rem 0 0}.source-card>a{padding:.85rem 1.1rem;border-top:1px solid var(--line);color:var(--blue);font-weight:800;text-decoration:none}.related-sources{display:grid;gap:.5rem}.related-sources a{display:block;padding:.8rem;border:1px solid var(--line);text-decoration:none;color:var(--ink)}.related-sources span{display:block;font-size:9px;color:var(--muted);margin-top:.2rem}@media(max-width:1100px){.source-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.mode-strip,.source-manifest,.source-controls,.source-grid{grid-template-columns:1fr}.mode-strip article{border-right:0;border-bottom:1px solid #3b4946}.source-manifest h2{font-size:1.9rem}}
.main-nav{overflow-y:auto;min-height:0}.reference-nav{margin-top:.25rem;border-top:1px solid #3b4946;padding-top:.25rem}.reference-nav summary{list-style:none;display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:.7rem .65rem;color:#c8ccce;cursor:pointer}.reference-nav summary::-webkit-details-marker{display:none}.reference-nav summary i{font-style:normal;font-size:9px;color:var(--yellow)}.reference-nav summary b{font-size:12px}.reference-nav>div{padding:0 0 .35rem 2.6rem}.reference-nav button{display:block;width:100%;border:0;background:transparent;color:#8f9a95;text-align:left;padding:.42rem .55rem;font-size:9px;cursor:pointer}.reference-nav button:hover,.reference-nav button.active{color:#fff;background:#2b3936;border-left:2px solid var(--red)}
.architecture-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.architecture-modules article{min-height:230px;background:var(--panel);border:1px solid var(--line);padding:1.2rem;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:.7rem;position:relative}.architecture-modules article>b{font:2rem Georgia,serif;color:var(--red)}.architecture-modules article>i{justify-self:end;width:34px;height:34px;display:grid;place-items:center;background:var(--yellow);font-style:normal;font-weight:900}.architecture-modules article>div{grid-column:1/3}.architecture-modules h2{font:1.45rem Georgia,serif;margin:.5rem 0}.architecture-modules p{font-size:11px;line-height:1.55;color:var(--muted)}.architecture-modules button{grid-column:1/3;justify-self:start;border:0;background:none;color:var(--blue);font-weight:800;cursor:pointer}.stage-canvas{display:grid;grid-template-columns:repeat(9,1fr);background:var(--ink);padding:1px;gap:1px;margin-bottom:1rem}.stage-canvas article{min-height:145px;background:#25312e;color:#fff;padding:.9rem;display:flex;flex-direction:column}.stage-canvas span{font:1.4rem Georgia,serif;color:var(--yellow)}.stage-canvas strong{margin:auto 0;font:1rem Georgia,serif}.stage-canvas small{font-size:7px;letter-spacing:.12em;color:#82908a}.level-path{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.level-path article,.project-card{background:var(--panel);border:1px solid var(--line);padding:1.2rem}.level-path span,.project-card>span{font-size:8px;letter-spacing:.14em;color:var(--red);font-weight:900}.level-path h3,.project-card h2{font:1.3rem Georgia,serif;margin:.6rem 0}.level-path p,.project-card p{font-size:10px;line-height:1.55;color:var(--muted)}.research-track{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:1rem}.research-track article{min-height:110px;background:var(--panel);padding:1rem}.research-track b{display:block;font:1.45rem Georgia,serif;color:var(--red)}.research-track span{display:block;margin-top:1.2rem;font-weight:700}.method-lab>div:last-child{display:flex;flex-wrap:wrap;gap:.6rem;padding:1rem}.method-lab>div:last-child span{padding:.6rem .8rem;background:#fff;border:1px solid var(--line);font-size:10px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.project-card{min-height:270px;display:flex;flex-direction:column}.project-card small{color:var(--blue)}.project-card button{margin-top:auto;align-self:flex-start;border:1px solid var(--ink);background:none;padding:.6rem .8rem;cursor:pointer}.quality-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}.quality-hero{min-height:390px;background:var(--red);color:#fff;padding:2rem}.quality-hero>span{font-size:8px;letter-spacing:.18em;color:#ffe195}.quality-hero h2{font:3rem/1 Georgia,serif;margin:1rem 0 2rem}.quality-hero p{line-height:1.7;color:#ffe5df}.quality-checks>div:last-child>div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var(--line)}.quality-checks>div:last-child b{font:1.2rem Georgia,serif;color:var(--red)}.quality-checks>div:last-child i{font-style:normal;font-size:1.4rem;color:var(--blue)}
@media(max-width:1100px){.architecture-modules{grid-template-columns:repeat(2,1fr)}.stage-canvas{grid-template-columns:repeat(3,1fr)}.research-track{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar-programs{display:none}.reference-nav>div{display:none}.reference-nav summary{grid-template-columns:1fr;text-align:center;padding:.25rem}.reference-nav summary span{font-size:8px}.reference-nav summary b{display:none}.main-nav{grid-template-columns:repeat(7,1fr)}.quality-grid{grid-template-columns:1fr}}
@media(max-width:700px){.architecture-modules,.level-path,.project-grid{grid-template-columns:1fr}.stage-canvas,.research-track{grid-template-columns:repeat(2,1fr)}}
.mode-strip article{cursor:pointer}

/* Pemrogram Arsitektur + Data Arsitek */
.program-principle,.architect-manifest{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--blue);color:#fff;padding:2rem;margin-bottom:1rem}.program-principle span,.architect-manifest span{font-size:8px;letter-spacing:.16em;color:var(--yellow)}.program-principle h2,.architect-manifest h2{font:2.25rem/1.06 Georgia,serif;margin:.6rem 0 0}.program-principle p,.architect-manifest p{align-self:end;color:#d7e2e7;line-height:1.7}.program-layout{display:grid;grid-template-columns:1fr 260px;gap:1rem;margin-bottom:1rem}.program-form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:1rem}.program-form label,.program-summary label{font-size:8px;letter-spacing:.1em;color:var(--muted);font-weight:800}.program-form label.wide{grid-column:1/3}.program-form input,.program-form textarea,.problem-text{display:block;width:100%;margin-top:.35rem;border:1px solid var(--line);background:#fff;padding:.75rem;color:var(--ink)}.program-form textarea{min-height:84px;resize:vertical}.program-summary{background:var(--ink);color:#fff;padding:1.3rem;display:flex;flex-direction:column;gap:.9rem}.program-summary>span{font-size:8px;letter-spacing:.16em;color:var(--yellow)}.program-summary>div{padding-bottom:.8rem;border-bottom:1px solid #3b4946}.program-summary small,.program-summary strong{display:block}.program-summary small{font-size:7px;letter-spacing:.12em;color:#82908a}.program-summary strong{font:1.65rem Georgia,serif;margin-top:.3rem}.program-summary label{margin-top:auto;color:#9aa8a3}.program-summary label{position:relative}.program-summary input{width:100%;margin-top:.35rem;background:#25312e;color:#fff;border:1px solid #51625d;padding:.65rem}.program-summary label i{position:absolute;right:.7rem;bottom:.7rem;font-style:normal;color:var(--yellow)}.program-table-panel{margin-bottom:1rem}.program-table-wrap{overflow:auto}.program-table{width:100%;border-collapse:collapse;min-width:1050px}.program-table th{padding:.7rem;text-align:left;background:#f0ebe2;border-bottom:1px solid var(--line);font-size:7px;letter-spacing:.1em;color:var(--muted)}.program-table td{padding:.45rem;border-bottom:1px solid var(--line);vertical-align:middle}.program-table input,.program-table select{width:100%;border:1px solid transparent;background:transparent;padding:.55rem}.program-table input:focus,.program-table select:focus{outline:0;border-color:var(--blue);background:#fff}.program-table td:nth-child(3),.program-table td:nth-child(4){width:90px}.program-table td:nth-child(5){width:105px;white-space:nowrap;color:var(--red)}.program-table td:last-child{width:44px}.row-remove{width:30px;height:30px;border:1px solid var(--line);background:transparent;cursor:pointer}.row-remove:hover{background:var(--red);color:#fff}.program-bottom{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.problem-text{border:0;min-height:150px;resize:vertical;font:1.15rem/1.6 Georgia,serif;background:var(--panel)}.program-source>a{display:block;padding:1rem;border-bottom:1px solid var(--line);color:var(--blue);font-weight:800;text-decoration:none}.program-source p{padding:0 1rem 1rem;font-size:10px;line-height:1.55;color:var(--muted)}
.architect-controls{display:grid;grid-template-columns:1fr 220px 240px;gap:.7rem;padding:.8rem;margin-bottom:1rem}.architect-controls input,.architect-controls select{height:42px;border:1px solid var(--line);background:#fff;padding:0 .8rem}.architect-summary{display:flex;align-items:baseline;gap:.6rem;margin:.8rem 0}.architect-summary strong{font:2rem Georgia,serif;color:var(--red)}.architect-summary span{font-size:10px;color:var(--muted)}.architect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.architect-card{min-height:390px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column}.architect-card header{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--ink);color:#fff}.architect-card header b{font:1.45rem Georgia,serif;color:var(--yellow)}.architect-card header span{font-size:8px;letter-spacing:.12em}.architect-card>div{padding:1.2rem;flex:1}.architect-card small{color:var(--muted)}.architect-card h2{font:1.75rem/1 Georgia,serif;margin:.55rem 0}.architect-card em{display:inline-block;background:var(--yellow);padding:.28rem .45rem;font-size:8px;font-style:normal;font-weight:900}.architect-card p{font-size:11px;line-height:1.6;color:var(--muted)}.architect-card ul{padding-left:1rem;font-size:10px;line-height:1.7}.architect-card>button{border:0;border-top:1px solid var(--line);background:transparent;padding:1rem;text-align:left;color:var(--blue);font-weight:800;cursor:pointer}.architect-card>button:hover{background:#fff}
@media(max-width:1100px){.architect-grid{grid-template-columns:repeat(2,1fr)}.program-layout{grid-template-columns:1fr}.program-summary{display:grid;grid-template-columns:repeat(3,1fr)}.program-summary>span,.program-summary>label{grid-column:1/4}}
@media(max-width:700px){.program-principle,.architect-manifest,.program-bottom,.architect-controls,.architect-grid{grid-template-columns:1fr}.program-form{grid-template-columns:1fr}.program-form label.wide{grid-column:1}.program-summary{grid-template-columns:1fr}.program-summary>span,.program-summary>label{grid-column:1}.program-principle h2,.architect-manifest h2{font-size:1.8rem}}

/* Pedoman Pemanfaatan AI 2026 */
.ai-policy-head{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--ink);color:#fff;padding:2rem;margin:1rem 0}.ai-policy-head span{font-size:8px;letter-spacing:.16em;color:var(--yellow)}.ai-policy-head h2{font:2.25rem/1.06 Georgia,serif;margin:.6rem 0 0}.ai-policy-head p{align-self:end;color:#c8d2ce;line-height:1.7}.ai-zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem}.ai-zone{min-height:210px;padding:1.4rem;border:1px solid var(--line);background:var(--panel)}.ai-zone:before{content:'';display:block;width:44px;height:8px;margin-bottom:1.2rem}.ai-zone.red:before{background:#bb2737}.ai-zone.yellow:before{background:var(--yellow)}.ai-zone.green:before{background:#2b875c}.ai-zone b{font-size:8px;letter-spacing:.16em}.ai-zone h3{font:1.7rem Georgia,serif;margin:.5rem 0}.ai-zone p{font-size:11px;line-height:1.6;color:var(--muted)}.ai-task-panel{margin-bottom:1rem}.ai-task-controls{display:grid;grid-template-columns:220px 1fr;gap:.7rem;padding:.8rem}.ai-task-controls select,.ai-task-controls input{height:42px;border:1px solid var(--line);background:#fff;padding:0 .8rem}.ai-task-grid{display:grid;grid-template-columns:repeat(2,1fr)}.ai-task-grid article{display:grid;grid-template-columns:74px 1fr;gap:.8rem;padding:1rem;border-top:1px solid var(--line);border-right:1px solid var(--line)}.ai-task-grid article>b{align-self:start;padding:.4rem;text-align:center;font-size:8px;letter-spacing:.08em}.zone-merah{background:#f3ced3;color:#8d1626}.zone-kuning{background:#f7e6a8;color:#6e5310}.zone-hijau{background:#cae8d9;color:#1e6445}.ai-task-grid h3{font:1.1rem Georgia,serif;margin:0}.ai-task-grid p{font-size:10px;line-height:1.55;color:var(--muted);margin:.35rem 0 0}.ai-governance-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.ai-declaration-form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:1rem}.ai-declaration-form label{font-size:8px;letter-spacing:.1em;color:var(--muted);font-weight:800}.ai-declaration-form label.wide{grid-column:1/3}.ai-declaration-form input,.ai-declaration-form select,.ai-declaration-form textarea{display:block;width:100%;margin-top:.35rem;border:1px solid var(--line);background:#fff;padding:.65rem;color:var(--ink)}.ai-declaration-form textarea{min-height:65px;resize:vertical}.ai-verify>div:nth-child(2){max-height:650px;overflow:auto}.ai-verify label{display:grid;grid-template-columns:22px 34px 1fr;align-items:start;gap:.5rem;padding:.7rem .9rem;border-bottom:1px solid var(--line);font-size:10px;line-height:1.45}.ai-verify label input{accent-color:#2b875c}.ai-verify label b{font:1rem Georgia,serif;color:var(--red)}.ai-progress{padding:1rem}.ai-progress span{display:block;font-size:9px;margin-bottom:.5rem}.ai-progress>i{display:block;height:8px;background:#ddd}.ai-progress>i>b{display:block;height:100%;width:0;background:#2b875c;transition:.2s}.ai-source-note{margin-top:1rem!important}.quality-grid{margin-bottom:1rem}
@media(max-width:900px){.ai-policy-head,.ai-governance-grid{grid-template-columns:1fr}.ai-zone-grid{grid-template-columns:1fr}.ai-task-grid{grid-template-columns:1fr}}
@media(max-width:600px){.ai-task-controls,.ai-declaration-form{grid-template-columns:1fr}.ai-declaration-form label.wide{grid-column:1}}

/* Data Arsitek: standard, dimension, and building-type library */
.data-architect-hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:var(--red);color:#fff;padding:2rem;margin-bottom:1rem}.data-architect-hero span{font-size:8px;letter-spacing:.16em;color:var(--yellow)}.data-architect-hero h2{font:2.45rem/1.04 Georgia,serif;margin:.65rem 0 0}.data-architect-hero p{align-self:end;color:#f4dce0;line-height:1.7}.data-architect-controls{display:grid;grid-template-columns:1fr 260px 170px;gap:.7rem;padding:.8rem;margin-bottom:1rem}.data-architect-controls input,.data-architect-controls select{height:42px;border:1px solid var(--line);background:#fff;padding:0 .8rem}.data-architect-summary{display:flex;align-items:baseline;gap:.6rem;margin:.8rem 0}.data-architect-summary strong{font:2rem Georgia,serif;color:var(--red)}.data-architect-summary span{font-size:10px;color:var(--muted)}.data-architect-layout{display:grid;grid-template-columns:230px 1fr;gap:1rem}.data-architect-index{align-self:start;position:sticky;top:76px;background:var(--ink);color:#fff;padding:.9rem}.data-architect-index>span{display:block;font-size:8px;letter-spacing:.15em;color:var(--yellow);padding:.35rem .45rem .8rem}.data-architect-index button{display:grid;grid-template-columns:30px 1fr;gap:.45rem;width:100%;border:0;border-top:1px solid #384744;background:transparent;color:#d8dfdc;text-align:left;padding:.7rem .45rem;font-size:9px;cursor:pointer}.data-architect-index button:hover{background:#293936;color:#fff}.data-architect-index button b{font:1rem Georgia,serif;color:var(--yellow)}.data-architect-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.data-architect-card{display:flex;flex-direction:column;min-height:470px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.data-capture{position:relative;height:230px;border:0;padding:0;background:#d9d3c8;overflow:hidden;cursor:pointer}.data-capture img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(15%);transition:transform .3s}.data-capture:hover img{transform:scale(1.025)}.data-capture span{position:absolute;left:0;bottom:0;background:var(--ink);color:var(--yellow);padding:.45rem .65rem;font-size:7px;letter-spacing:.1em}.data-architect-card>div{padding:1rem;flex:1}.data-architect-card small{color:var(--red);font-size:8px;letter-spacing:.1em;font-weight:900}.data-architect-card h2{font:1.45rem/1.08 Georgia,serif;margin:.55rem 0}.data-architect-card p{font-size:10px;line-height:1.55;color:var(--muted)}.data-architect-card>div>b{display:block;font-size:9px;line-height:1.5;font-weight:500}.data-architect-card>button{border:0;border-top:1px solid var(--line);background:transparent;padding:.9rem 1rem;text-align:left;color:var(--blue);font-weight:800;cursor:pointer}.data-architect-card>button:hover{background:#fff}.data-detail-figure{margin:0 0 1.2rem}.data-detail-figure img{display:block;width:100%;max-height:540px;object-fit:contain;background:#e8e3db}.data-detail-figure figcaption{padding:.55rem .7rem;background:var(--ink);color:#d6dfdc;font-size:8px;line-height:1.5}.detail-dialog{max-width:min(760px,92vw)}
@media(max-width:1200px){.data-architect-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.data-architect-layout{grid-template-columns:1fr}.data-architect-index{position:static;display:flex;overflow:auto;gap:.35rem}.data-architect-index>span{min-width:130px}.data-architect-index button{min-width:150px;border:1px solid #384744}.data-architect-controls{grid-template-columns:1fr}.data-architect-hero{grid-template-columns:1fr}}
@media(max-width:600px){.data-architect-grid{grid-template-columns:1fr}.data-architect-hero h2{font-size:1.9rem}}

/* v1.7 interaction and workflow depth */
.modal-header{background:var(--ink);color:#fff;border-bottom-color:var(--yellow)}.modal-header .eyebrow{color:var(--yellow)}.modal-close{flex:0 0 42px;width:42px;height:42px;border:2px solid #fff;background:#fff;color:var(--ink);display:grid;place-items:center;border-radius:50%;padding:9px}.modal-close svg{display:block;width:22px;height:22px}.modal-close path{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.modal-close:hover,.modal-close:focus-visible{background:var(--yellow);color:var(--ink);outline:3px solid #fff;outline-offset:2px}
.stage-canvas,.research-track{align-items:stretch}.stage-canvas .studio-stage,.research-track .research-stage{border:0;text-align:left;cursor:pointer}.stage-canvas .studio-stage{min-height:155px;background:#25312e;color:#fff;padding:.9rem;display:flex;flex-direction:column;border-right:1px solid #42514d}.stage-canvas .studio-stage span{font:1.4rem Georgia,serif;color:var(--yellow)}.stage-canvas .studio-stage strong{margin:auto 0;font:1rem Georgia,serif}.stage-canvas .studio-stage small{font-size:7px;letter-spacing:.12em;color:#82908a}.stage-canvas .studio-stage.active{background:var(--red);box-shadow:inset 0 -5px var(--yellow)}.research-track .research-stage{min-height:110px;background:var(--panel);padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.research-track .research-stage b{display:block;font:1.45rem Georgia,serif;color:var(--red)}.research-track .research-stage span{display:block;margin-top:1.2rem;font-weight:700}.research-track .research-stage.active{background:var(--ink);color:#fff;box-shadow:inset 0 -5px var(--yellow)}.research-track .research-stage.active b{color:var(--yellow)}
.process-detail{margin:-.2rem 0 1rem}.process-detail>header{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.4rem;background:#faf7f1;border-bottom:1px solid var(--line)}.process-detail>header span{font-size:8px;letter-spacing:.14em;color:var(--red);font-weight:900}.process-detail>header h2{font:2rem Georgia,serif;margin:.45rem 0}.process-detail>header p{margin:0;color:var(--muted);max-width:850px}.process-detail>header>b{font:4.5rem/1 Georgia,serif;color:#e0d7c9}.process-detail-grid{display:grid;grid-template-columns:1.35fr 1fr .8fr}.process-detail-grid>section{padding:1.1rem 1.3rem;border-right:1px solid var(--line)}.process-detail-grid>section:last-child{border:0;background:#fff8e8}.process-detail-grid h3{font-size:8px;letter-spacing:.14em;color:var(--red);text-transform:uppercase}.process-detail-grid li,.process-detail-grid p{font-size:10px;line-height:1.55;color:var(--muted);margin:.45rem 0}.process-detail-grid ol,.process-detail-grid ul{padding-left:1.2rem}.process-workbench,.research-workbench{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin-bottom:1rem}.deliverable-matrix{display:grid;grid-template-columns:repeat(3,1fr)}.deliverable-matrix article{display:grid;grid-template-columns:30px 1fr;padding:.85rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.deliverable-matrix b{font:1.05rem Georgia,serif;color:var(--red)}.deliverable-matrix strong,.deliverable-matrix span{display:block;grid-column:2}.deliverable-matrix span{font-size:9px;color:var(--muted);line-height:1.45;margin-top:.25rem}.criteria-grid{display:grid;grid-template-columns:1fr 1fr}.criteria-grid article{display:grid;grid-template-columns:28px 1fr;gap:.4rem;padding:.8rem;border-bottom:1px solid var(--line)}.criteria-grid b{font:1rem Georgia,serif;color:var(--red)}.criteria-grid span{font-size:10px}.research-canvas{display:grid;grid-template-columns:repeat(4,1fr)}.research-canvas article{min-height:120px;padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.research-canvas b,.research-canvas strong,.research-canvas span{display:block}.research-canvas b{font:1.3rem Georgia,serif;color:var(--red)}.research-canvas strong{font-size:9px;letter-spacing:.1em;margin:.8rem 0 .4rem}.research-canvas span{font-size:9px;line-height:1.45;color:var(--muted)}.validation-ladder{padding:1rem}.validation-ladder article{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:.7rem;margin-bottom:.5rem}.validation-ladder b{width:30px;height:30px;display:grid;place-items:center;background:var(--red);color:#fff;border-radius:50%}.validation-ladder span{padding:.65rem;border:1px solid var(--line);font-size:10px}
.chapter-subtopics{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .7rem;padding:0;margin:.8rem 0;list-style:none}.chapter-subtopics li{font-size:8px;color:var(--muted);padding-left:.75rem;position:relative}.chapter-subtopics li:before{content:'+';position:absolute;left:0;color:var(--red);font-weight:900}.data-architect-card>footer{display:grid;grid-template-columns:1fr auto auto;border-top:1px solid var(--line)}.data-architect-card>footer button,.data-architect-card>footer a{border:0;border-right:1px solid var(--line);background:transparent;padding:.9rem .8rem;color:var(--blue);font-weight:800;text-decoration:none;font-size:9px;cursor:pointer}.data-architect-card>footer a:last-child{border:0}.download-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}.download-row a,.download-row button{border:1px solid var(--ink);background:#fff;color:var(--ink);padding:.65rem .8rem;text-decoration:none;font-size:9px;font-weight:800;cursor:pointer}.download-row a:first-child{background:var(--red);border-color:var(--red);color:#fff}.subtopic-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.subtopic-grid article{display:grid;grid-template-columns:30px 1fr;gap:.5rem;padding:.7rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.subtopic-grid b{font:1rem Georgia,serif;color:var(--red)}.subtopic-grid span{font-size:10px}
@media(max-width:1050px){.process-workbench,.research-workbench{grid-template-columns:1fr}.deliverable-matrix{grid-template-columns:repeat(2,1fr)}.process-detail-grid{grid-template-columns:1fr}.process-detail-grid>section{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:700px){.deliverable-matrix,.research-canvas,.criteria-grid,.subtopic-grid{grid-template-columns:1fr}.process-detail>header>b{font-size:3rem}.chapter-subtopics{grid-template-columns:1fr}}
.architect-media{display:grid!important;grid-template-columns:1fr 1.5fr;padding:0!important;min-height:190px;flex:0 0 190px}.architect-media figure{margin:0;position:relative;overflow:hidden;background:#d8d3ca}.architect-media img{width:100%;height:190px;display:block;object-fit:cover;filter:saturate(.78)}.architect-media figure:first-child img{object-position:center top}.architect-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:.4rem .55rem;background:#192724dc;color:#fff;font-size:7px;letter-spacing:.06em}.precedent-gallery{display:grid;grid-template-columns:.8fr 1.4fr;gap:.6rem}.precedent-gallery figure{margin:0;background:#ddd;position:relative}.precedent-gallery img{display:block;width:100%;height:330px;object-fit:cover}.precedent-gallery figure:first-child img{object-position:center top}.precedent-gallery figcaption{position:absolute;left:0;bottom:0;background:var(--ink);color:#fff;padding:.5rem .7rem;font-size:8px}.precedent-matrix{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line)}.precedent-matrix article{display:grid;grid-template-columns:34px 1fr;gap:.5rem;padding:.8rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.precedent-matrix b{font:1.1rem Georgia,serif;color:var(--red)}.precedent-matrix strong,.precedent-matrix span{grid-column:2}.precedent-matrix span{font-size:9px;line-height:1.45;color:var(--muted)}
@media(max-width:650px){.precedent-gallery,.precedent-matrix{grid-template-columns:1fr}.precedent-gallery img{height:260px}}
.architect-more{display:block;margin:1.2rem auto;padding:.85rem 1.5rem;border:1px solid var(--ink);background:var(--ink);color:#fff;font-weight:800;cursor:pointer}.architect-more:hover{background:var(--red);border-color:var(--red)}.architect-more[hidden]{display:none}
.architect-map-panel{margin-bottom:1rem;background:var(--ink);color:#fff;border:1px solid #364540}.architect-map-panel>header{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.25rem 1.4rem;border-bottom:1px solid #40504b}.architect-map-panel>header span{font-size:8px;letter-spacing:.16em;color:var(--yellow)}.architect-map-panel>header h2{font:2rem/1.05 Georgia,serif;margin:.4rem 0 0}.architect-map-panel>header p{align-self:end;color:#b8c4bf;font-size:10px;line-height:1.55}.architect-map-wrap{position:relative;min-height:610px;background:radial-gradient(circle at 48% 42%,#234840 0,#142724 72%);overflow:hidden;cursor:grab;touch-action:none}.architect-map-wrap.is-dragging{cursor:grabbing}.architect-map-stage{position:absolute;inset:28px 22px 48px;transform-origin:50% 50%;will-change:transform}.architect-map-stage>img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;filter:sepia(.18) saturate(.72) brightness(1.13);opacity:.96}.architect-map-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.85%,#8ba29b25 50%,transparent 50.15%),linear-gradient(transparent 49.85%,#8ba29b25 50%,transparent 50.15%);background-size:25% 25%}#architectMapPoints{position:absolute;inset:0}.architect-map-pin{--marker-scale:1;position:absolute;z-index:2;width:14px;height:14px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--yellow);box-shadow:0 1px 5px #0009;cursor:pointer;transform:translate(-50%,-50%) scale(var(--marker-scale));transform-origin:center;transition:filter .12s,box-shadow .12s}.architect-map-pin:hover,.architect-map-pin:focus{z-index:8;filter:brightness(1.22);box-shadow:0 0 0 5px #fff5,0 2px 8px #000;outline:none}.architect-map-pin.asia{background:#f0bd2c}.architect-map-pin.europe{background:#e7472f}.architect-map-pin.america{background:#65c3d2}.architect-map-pin.africa{background:#70b77e}.architect-map-pin.oceania{background:#c995d1}.architect-map-pin.cluster{display:grid;place-items:center;width:42px;height:42px;background:#111f1cde;color:#fff;border-color:var(--yellow);line-height:1}.architect-map-pin.cluster b{font:1rem Georgia,serif}.architect-map-pin.cluster small{font-size:6px;letter-spacing:.08em;color:#e7cf73}.architect-map-controls{position:absolute;left:1rem;top:1rem;z-index:20;display:flex;align-items:center;background:#101b19ee;border:1px solid #53635d;box-shadow:0 5px 16px #0004}.architect-map-controls button{width:38px;height:38px;border:0;border-right:1px solid #53635d;background:transparent;color:#fff;font-size:17px;cursor:pointer}.architect-map-controls button:hover{background:var(--red)}.architect-map-controls span{min-width:56px;text-align:center;font-size:8px;color:#cbd5d1}.architect-map-picker{position:absolute;z-index:30;right:1rem;top:1rem;width:min(330px,calc(100% - 2rem));max-height:calc(100% - 2rem);overflow:auto;background:#f5f0e7;color:var(--ink);border-top:5px solid var(--red);box-shadow:0 14px 34px #0008;padding:.7rem}.architect-map-picker[hidden]{display:none}.architect-map-picker header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:.3rem .4rem .7rem}.architect-map-picker header strong{font:1.05rem Georgia,serif}.architect-map-picker header button{border:0;background:var(--ink);color:#fff;width:28px;height:28px;cursor:pointer}.architect-map-picker>button{display:grid;grid-template-columns:36px 1fr;width:100%;gap:.5rem;text-align:left;padding:.65rem .35rem;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}.architect-map-picker>button:hover{background:#fff}.architect-map-picker>button b{grid-row:1/3;font:1rem Georgia,serif;color:var(--red)}.architect-map-picker>button strong,.architect-map-picker>button span{grid-column:2}.architect-map-picker>button span{font-size:8px;color:var(--muted)}.map-preview{position:absolute;z-index:15;left:1rem;bottom:1rem;max-width:390px;background:#101b19eb;border-left:4px solid var(--yellow);padding:.75rem 1rem;pointer-events:none}.map-preview strong,.map-preview span{display:block}.map-preview strong{font:1rem Georgia,serif}.map-preview span{font-size:8px;color:#b9c6c1;margin-top:.25rem}.architect-map-panel>footer{display:flex;gap:1.2rem;align-items:center;padding:.7rem 1.4rem;font-size:8px;color:#bbc6c2}.architect-map-panel>footer small{margin-left:auto;color:#81928c}.map-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.35rem;background:var(--yellow)}.map-dot.europe{background:#e7472f}.map-dot.america{background:#65c3d2}.map-dot.africa{background:#70b77e}.map-dot.oceania{background:#c995d1}@media(max-width:700px){.architect-map-panel>header{grid-template-columns:1fr}.architect-map-wrap{min-height:390px}.architect-map-stage{inset:50px 8px 62px}.architect-map-panel>footer{flex-wrap:wrap}.architect-map-panel>footer small{width:100%;margin-left:0}.map-preview{max-width:calc(100% - 2rem)}}
.data-architect-index button:hover,.data-architect-index button.active{background:#31423e;color:#fff}.data-architect-index button.active{box-shadow:inset 3px 0 var(--yellow)}.data-architect-index .index-all{align-items:center;background:#263733;border:1px solid #53615e;margin-bottom:.35rem}.data-architect-index .index-all strong,.data-architect-index .index-all small{display:block}.data-architect-index .index-all strong{font-size:9px}.data-architect-index .index-all small{color:#aebbb7;font-size:7px;margin-top:3px}
.reference-nav button{font-size:11px;padding:.55rem .62rem;line-height:1.25}.reference-nav button[data-view="dataarsitek"]{font-size:12px;font-weight:800;color:#e3e9e6}
.reference-nav button[data-view="videos"]{font-size:11px;font-weight:800;color:#e3e9e6}
.architect-map-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#42514c;border-bottom:1px solid #42514c}.architect-map-filters label{display:block;background:#1c2b28;padding:.6rem .75rem;color:#aebbb7;font-size:7px;letter-spacing:.1em;text-transform:uppercase}.architect-map-filters select{display:block;width:100%;margin-top:.35rem;height:34px;border:1px solid #596761;background:#f7f3eb;color:var(--ink);padding:0 .5rem;font-size:9px;text-transform:none;letter-spacing:0}#architectCountryLabels{position:absolute;inset:0;pointer-events:none;z-index:1}#architectCountryLabels span{--label-scale:1;position:absolute;transform:translate(-50%,-50%) scale(var(--label-scale));transform-origin:center;padding:2px 4px;background:#f6f1e6cf;color:#33423e;border-radius:2px;box-shadow:0 1px 2px #0003;font-size:6px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.architect-map-pin{z-index:3}@media(max-width:800px){.architect-map-filters{grid-template-columns:1fr 1fr}}
#architectLeafletMap{position:absolute;inset:0;background:#dce5e2;z-index:1}.leaflet-container{font-family:Arial,sans-serif}.leaflet-tile-pane{filter:saturate(.52) sepia(.08) contrast(.96)}.leaflet-control-attribution{font-size:7px!important}.leaflet-country-name{display:grid!important;place-items:center;background:#f7f3e7d9!important;border:1px solid #53615d88!important;color:#273632!important;font-size:6px!important;font-weight:900!important;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;box-shadow:0 1px 3px #0002}.leaflet-architect-icon{background:transparent!important;border:0!important}.leaflet-architect-icon .architect-map-pin{position:relative;left:auto;top:auto;display:block;width:18px;height:18px;transform:none}.leaflet-architect-icon .architect-map-pin.cluster{width:38px;height:38px;transform:none}.architect-map-controls{z-index:900}.architect-map-picker{z-index:910}.map-preview{z-index:800}.map-load-error{padding:2rem;color:var(--ink)}
.atlas-modern-panel{margin:1rem 0 1.4rem;overflow:hidden}.atlas-modern-panel>header{display:flex;justify-content:space-between;gap:2rem;padding:1.4rem 1.5rem;background:var(--ink);color:#fff}.atlas-modern-panel>header span{font-size:8px;letter-spacing:.15em;color:var(--yellow);font-weight:900}.atlas-modern-panel>header h2{font:2rem Georgia,serif;margin:.45rem 0}.atlas-modern-panel>header p{max-width:720px;color:#bcc8c3;margin:0;font-size:10px}.atlas-modern-stats{display:flex;align-self:center}.atlas-modern-stats b{min-width:70px;text-align:center;font:1.7rem Georgia,serif;color:var(--yellow);border-left:1px solid #47534f;padding:.4rem .8rem}.atlas-modern-stats small{display:block;margin-top:.3rem;color:#aebbb7;font:7px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.atlas-modern-tabs{display:flex;border-bottom:1px solid var(--line);background:#faf7f1}.atlas-modern-tabs button{border:0;border-right:1px solid var(--line);background:transparent;padding:.8rem 1.2rem;color:var(--ink);font-size:9px;font-weight:900;cursor:pointer}.atlas-modern-tabs button.active{background:var(--red);color:#fff}.atlas-modern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-height:760px;overflow:auto}.atlas-person-card,.atlas-building-card,.atlas-movement-card{display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.atlas-person-card figure,.atlas-building-card figure{position:relative;margin:0;height:185px;overflow:hidden;background:#d7d2c9}.atlas-person-card img,.atlas-building-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.76)}.atlas-person-card figure img{object-position:center top}.atlas-person-card figcaption{position:absolute;bottom:0;left:0;right:0;background:#14211edb;color:#fff;padding:.35rem .5rem;font-size:6px}.atlas-person-card>div,.atlas-building-card>div,.atlas-movement-card{padding:1rem}.atlas-person-card span,.atlas-building-card span,.atlas-movement-card>span{font-size:7px;letter-spacing:.1em;color:var(--red);font-weight:900;text-transform:uppercase}.atlas-person-card h3,.atlas-building-card h3,.atlas-movement-card h3{font:1.25rem Georgia,serif;margin:.5rem 0}.atlas-person-card small,.atlas-building-card small,.atlas-movement-card small{font-size:8px;color:var(--muted)}.atlas-person-card p,.atlas-building-card p,.atlas-movement-card p{font-size:9px;line-height:1.5;color:var(--muted);flex:1}.atlas-person-card button,.atlas-building-card button,.atlas-movement-card button{margin-top:auto;border:0;background:transparent;color:var(--blue);padding:.65rem 0 0;text-align:left;font-size:9px;font-weight:900;cursor:pointer}.atlas-detail-hero{display:grid;grid-template-columns:230px 1fr;gap:1.2rem;background:#f7f3eb}.atlas-detail-hero img{width:100%;height:280px;object-fit:cover;object-position:center top}.atlas-detail-hero>div{padding:1.2rem}.atlas-detail-hero span{font-size:8px;color:var(--red);letter-spacing:.1em}.atlas-idea-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.atlas-idea-grid article{display:grid;grid-template-columns:32px 1fr;gap:.5rem;padding:.8rem;border-right:1px solid var(--line)}.atlas-idea-grid b{font:1.1rem Georgia,serif;color:var(--red)}.atlas-idea-grid span{font-size:9px}.atlas-work-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.atlas-work-strip figure,.atlas-building-hero{margin:0;background:#eee}.atlas-work-strip img{display:block;width:100%;height:160px;object-fit:cover}.atlas-work-strip figcaption{display:flex;justify-content:space-between;padding:.55rem;background:var(--ink);color:#fff;font-size:8px}.atlas-building-hero img{display:block;width:100%;max-height:460px;object-fit:cover}.atlas-building-hero figcaption{background:var(--ink);color:#fff;padding:.55rem .7rem;font-size:8px}@media(max-width:1100px){.atlas-modern-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.atlas-modern-panel>header{display:block}.atlas-modern-stats{margin-top:1rem}.atlas-modern-grid{grid-template-columns:1fr 1fr}.atlas-detail-hero{grid-template-columns:1fr}.atlas-idea-grid,.atlas-work-strip{grid-template-columns:1fr}}@media(max-width:480px){.atlas-modern-grid{grid-template-columns:1fr}}
.video-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;background:var(--ink);color:#fff;padding:2rem;margin-bottom:1rem}.video-hero span{font-size:8px;letter-spacing:.16em;color:var(--yellow)}.video-hero h2{font:2.45rem/1.04 Georgia,serif;margin:.65rem 0 0}.video-hero p{align-self:end;color:#cbd5d1;line-height:1.7}.video-controls{display:grid;grid-template-columns:1fr 300px;gap:.7rem;padding:.8rem;margin-bottom:1rem}.video-controls input,.video-controls select{height:42px;border:1px solid var(--line);background:#fff;padding:0 .8rem}.video-summary{display:flex;align-items:baseline;gap:.6rem;margin:.8rem 0}.video-summary strong{font:2rem Georgia,serif;color:var(--red)}.video-summary span{font-size:10px;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.video-card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);min-height:390px;overflow:hidden}.video-thumb{position:relative;aspect-ratio:16/9;border:0;padding:0;background:#111;overflow:hidden;cursor:pointer}.video-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:.25s;filter:saturate(.8)}.video-thumb:hover img{transform:scale(1.03);opacity:.82}.video-thumb small{position:absolute;left:0;bottom:0;background:var(--ink);color:var(--yellow);padding:.5rem .65rem;font-size:7px;letter-spacing:.1em}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:var(--red);border:3px solid #fff;color:#fff;font-size:20px;box-shadow:0 6px 18px #0008}.video-card>div{padding:1rem;flex:1}.video-card>div>span{font-size:8px;letter-spacing:.12em;color:var(--red);font-weight:900}.video-card h2{font:1.35rem/1.12 Georgia,serif;margin:.55rem 0}.video-card p{font-size:9px;color:var(--muted)}.video-card footer{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line)}.video-card footer button,.video-card footer a{border:0;background:transparent;padding:.9rem 1rem;color:var(--blue);font-size:9px;font-weight:800;text-decoration:none;cursor:pointer}.video-card footer button{text-align:left;border-right:1px solid var(--line)}.video-card footer button:hover,.video-card footer a:hover{background:#f7f4ef}.video-source-note{margin-top:1rem}.video-empty{grid-column:1/-1;padding:2rem;background:#fff;border:1px solid var(--line)}.video-player{position:relative;width:100%;aspect-ratio:16/9;background:#000}.video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-modal-source{padding:1rem 0}.video-modal-source>span{font-size:8px;letter-spacing:.13em;color:var(--red);font-weight:900}.video-modal-source h3{font:1.35rem Georgia,serif;margin:.45rem 0}.video-modal-source p{font-size:10px;line-height:1.6;color:var(--muted)}.video-modal-source a{display:inline-block;background:var(--red);color:#fff;padding:.7rem .9rem;text-decoration:none;font-size:9px;font-weight:800}
@media(max-width:1050px){.video-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.video-hero,.video-controls,.video-grid{grid-template-columns:1fr}.video-hero h2{font-size:1.9rem}}

.simulator-actions{display:flex;gap:.45rem;flex:0 0 auto}.simulator-actions button[aria-pressed="true"]{background:var(--ink);color:#fff}.design-simulator>.source-note{margin:0;padding:.75rem 1.5rem;border-top:1px solid var(--line);font-size:8px}.design-simulator>.source-note a{color:var(--blue);font-weight:800}

/* Main modes, evidence chain, parametric simulator and design review */
.mode-map{margin-top:1rem;background:var(--ink);color:#fff}.mode-map header{padding:1.5rem;border-bottom:1px solid #46514e}.mode-map header>span,.knowledge-ladder article>span,.portfolio-anatomy header span,.simulator-heading span{font-size:8px;letter-spacing:.14em;color:var(--yellow);font-weight:900}.mode-map h2,.portfolio-anatomy h2,.simulator-heading h2{font:2rem Georgia,serif;margin:.45rem 0}.mode-map header p{color:#bdc8c4;margin:0}.mode-map-grid{display:grid;grid-template-columns:repeat(6,1fr)}.mode-map-grid button{min-height:160px;border:0;border-right:1px solid #46514e;background:transparent;color:#fff;text-align:left;padding:1rem;cursor:pointer}.mode-map-grid button:hover{background:#33413d}.mode-map-grid b,.knowledge-ladder b,.portfolio-anatomy article>b{display:block;font:1.35rem Georgia,serif;color:var(--yellow)}.mode-map-grid strong,.mode-map-grid span{display:block}.mode-map-grid strong{margin:1.4rem 0 .45rem}.mode-map-grid span{font-size:9px;line-height:1.5;color:#afbbb6}.knowledge-ladder{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:1rem;background:var(--ink);color:#fff}.knowledge-ladder article{padding:1.2rem;border-right:1px solid #42504c;min-height:190px}.knowledge-ladder h3{font:1.25rem Georgia,serif;margin:.7rem 0}.knowledge-ladder p{font-size:9px;line-height:1.55;color:#bdc8c4}.official-basis{margin-top:1rem}.official-basis>div:last-child{display:grid;grid-template-columns:repeat(3,1fr)}.official-basis a{display:block;padding:1rem;border-right:1px solid var(--line);text-decoration:none;color:var(--ink)}.official-basis a:hover{background:#faf7f1}.official-basis b,.official-basis span{display:block}.official-basis span{font-size:9px;line-height:1.5;color:var(--muted);margin-top:.45rem}.evidence-chain{margin:1rem 0}.evidence-chain>div:last-child{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:stretch}.evidence-chain article{padding:1rem}.evidence-chain article b,.evidence-chain article strong,.evidence-chain article span{display:block}.evidence-chain article b{font:1.2rem Georgia,serif;color:var(--red)}.evidence-chain article strong{margin:.6rem 0}.evidence-chain article span{font-size:9px;line-height:1.45;color:var(--muted)}.evidence-chain i{align-self:center;color:var(--red);font-size:1.2rem}.portfolio-anatomy{margin-top:1rem;background:var(--ink);color:#fff}.portfolio-anatomy header{padding:1.5rem;border-bottom:1px solid #43504d}.portfolio-anatomy>div{display:grid;grid-template-columns:repeat(5,1fr)}.portfolio-anatomy article{padding:1rem;border-right:1px solid #43504d;min-height:160px}.portfolio-anatomy h3{font:1.25rem Georgia,serif;margin:.7rem 0}.portfolio-anatomy p{font-size:9px;line-height:1.5;color:#b8c3bf}.design-simulator{margin:1rem 0 1.5rem;overflow:hidden}.simulator-heading{display:flex;justify-content:space-between;gap:1rem;align-items:start;padding:1.3rem 1.5rem;background:#faf7f1;border-bottom:1px solid var(--line)}.simulator-heading p{margin:0;color:var(--muted);max-width:760px}.simulator-layout{display:grid;grid-template-columns:230px minmax(420px,1fr) 210px}.sim-controls{padding:.8rem;border-right:1px solid var(--line);max-height:560px;overflow:auto}.sim-controls label{display:block;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:9px;font-weight:800}.sim-controls output{float:right;color:var(--red)}.sim-controls input[type=range]{display:block;width:100%;accent-color:var(--red);margin-top:.45rem}.sim-controls .sim-check{display:flex;gap:.45rem;align-items:center;padding:.8rem 0}.sim-stage{position:relative;min-height:390px;background:#17211f}.sim-stage canvas{display:block;width:100%;touch-action:none;cursor:grab}.sim-stage canvas:active{cursor:grabbing}.sim-hint{position:absolute;left:1rem;bottom:1rem;background:#111c19d9;color:#e6cf75;padding:.5rem .7rem;font-size:7px;letter-spacing:.12em}.sim-results{background:var(--ink);color:#fff;padding:.9rem}.sim-results>span{display:block;color:var(--yellow);font-size:8px;letter-spacing:.14em;margin-bottom:.5rem}.sim-results>div{padding:.65rem 0;border-bottom:1px solid #3b4945}.sim-results small,.sim-results strong{display:block}.sim-results small{color:#99a8a3;font-size:8px}.sim-results strong{font:1.15rem Georgia,serif;margin-top:.25rem}.sim-decision{display:grid;grid-template-columns:160px 1fr auto;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--line);align-items:center}.sim-decision b{color:var(--red);font-size:8px;letter-spacing:.14em}.sim-decision span{font-size:10px;line-height:1.5}.sim-decision em{font-size:8px;color:var(--muted)}.sim-error{color:#fff;padding:2rem}.design-score{margin:1rem 0}.score-layout{display:grid;grid-template-columns:1fr 1fr}.score-layout>div{padding:1rem}.score-layout>div:first-child{border-right:1px solid var(--line)}#scoreControls label{display:grid;grid-template-columns:1fr 30px;align-items:center;gap:.5rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:9px}#scoreControls input{grid-column:1/3;width:100%;accent-color:var(--red)}#scoreControls output{text-align:right;color:var(--red);font-weight:900}.score-chart svg{display:block;width:100%;max-width:520px;margin:auto}.score-chart text{font-size:9px;fill:var(--ink)}#scoreSummary{display:flex;align-items:baseline;gap:.8rem;padding:.7rem;border-top:1px solid var(--line)}#scoreSummary strong{font:1.8rem Georgia,serif;color:var(--red)}#scoreSummary span{font-size:9px;color:var(--muted)}
@media(max-width:1200px){.mode-map-grid{grid-template-columns:repeat(3,1fr)}.simulator-layout{grid-template-columns:210px 1fr}.sim-results{grid-column:1/3;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.sim-results>span{grid-column:1/5}.sim-results>div{border:1px solid #3b4945;padding:.6rem}}
@media(max-width:850px){.knowledge-ladder,.official-basis>div:last-child,.portfolio-anatomy>div,.score-layout{grid-template-columns:1fr 1fr}.simulator-layout{grid-template-columns:1fr}.sim-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;max-height:none;border-right:0}.sim-results{grid-column:auto;grid-template-columns:1fr 1fr}.sim-results>span{grid-column:1/3}.sim-decision{grid-template-columns:1fr}.evidence-chain>div:last-child{grid-template-columns:1fr}.evidence-chain i{display:none}.score-layout>div:first-child{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:600px){.mode-map-grid,.knowledge-ladder,.official-basis>div:last-child,.portfolio-anatomy>div,.score-layout{grid-template-columns:1fr}.sim-controls{grid-template-columns:1fr}.sim-results{grid-template-columns:1fr}.sim-results>span{grid-column:1}.sim-stage{min-height:360px}.simulator-heading{display:block}.simulator-heading button{margin-top:1rem}}
.method-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;background:var(--ink);color:#fff;padding:2rem;margin-bottom:1rem}.method-hero span{font-size:8px;letter-spacing:.16em;color:var(--yellow)}.method-hero h2{font:2.2rem/1.08 Georgia,serif;margin:.65rem 0}.method-hero p{align-self:end;color:#cbd5d1;line-height:1.7}.method-sequence{display:grid;grid-template-columns:repeat(6,1fr);margin-bottom:1rem;border:1px solid var(--line);background:#fff}.method-sequence a{display:flex;flex-direction:column;gap:.4rem;padding:1rem;border-right:1px solid var(--line);text-decoration:none;color:var(--ink)}.method-sequence a:last-child{border:0}.method-sequence a:hover{background:#f8f2ec}.method-sequence b{font:1.35rem Georgia,serif;color:var(--red)}.method-sequence span{font-size:9px;font-weight:800}.method-block{scroll-margin-top:80px;margin:1.4rem 0 2rem}.method-block>header{display:grid;grid-template-columns:72px 1fr;gap:1rem;align-items:start;border-bottom:1px solid var(--line);padding-bottom:.8rem;margin-bottom:1rem}.method-block>header>b{font:2.4rem Georgia,serif;color:var(--red)}.method-block>header span{font-size:8px;letter-spacing:.14em;color:var(--red);font-weight:900}.method-block>header h2{font:2rem Georgia,serif;margin:.3rem 0}.method-block>header p{color:var(--muted);margin:0}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.method-grid>article{display:grid;grid-template-columns:minmax(220px,.85fr) 1.15fr;background:var(--panel);border:1px solid var(--line);min-height:330px}.method-grid>article>img{width:100%;height:100%;object-fit:cover;object-position:top;background:#ddd}.method-grid>article>div{padding:1.2rem}.method-grid small,.method-text-card>span{font-size:8px;letter-spacing:.13em;color:var(--red);font-weight:900}.method-grid h3,.relation-grid h3{font:1.4rem Georgia,serif;margin:.45rem 0}.method-grid p,.relation-grid p{font-size:10px;line-height:1.65;color:var(--muted)}.method-grid ul,.method-grid ol{padding-left:1rem;font-size:9px;line-height:1.7}.method-grid cite,.relation-grid cite{display:block;border-top:1px solid var(--line);padding-top:.65rem;margin-top:.9rem;font-size:8px;line-height:1.45;color:#656866;font-style:normal}.method-grid>.method-text-card{display:block;padding:1.4rem}.method-text-card h3{font-size:1.7rem}.method-output{margin-top:1rem;padding:.8rem;background:var(--ink);color:#fff;font-size:8px;letter-spacing:.08em;line-height:1.5}.relation-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#fff}.relation-grid article{padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.relation-grid article:nth-child(3n){border-right:0}.relation-grid b{font:1.4rem Georgia,serif;color:var(--red)}.source-register>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;padding:1rem}.source-register p{font-size:9px;line-height:1.5;margin:0;padding:.8rem;border:1px solid var(--line)}
@media(max-width:1050px){.method-sequence{grid-template-columns:repeat(3,1fr)}.method-grid{grid-template-columns:1fr}.relation-grid{grid-template-columns:repeat(2,1fr)}.relation-grid article:nth-child(3n){border-right:1px solid var(--line)}}
@media(max-width:700px){.method-hero,.method-grid>article{grid-template-columns:1fr}.method-sequence,.relation-grid,.source-register>div:last-child{grid-template-columns:1fr}.method-grid>article>img{height:260px}.method-block>header{grid-template-columns:52px 1fr}}

/* Keep the server panel calm and readable without the oversized yellow ring. */
.server-hero:after{display:none}

/* Main navigation after removing the standalone Research Mode. */
.mode-strip{grid-template-columns:repeat(2,1fr)}
.mode-map-grid{grid-template-columns:repeat(5,1fr)}
@media(max-width:1200px){.mode-map-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.mode-strip,.mode-map-grid{grid-template-columns:1fr}}
/* Regional Atlas controls */
.atlas-region-note{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:13px 18px;background:#eef0e9;border-bottom:1px solid var(--line);font-size:12px}.atlas-region-note strong{color:var(--red);letter-spacing:.08em;text-transform:uppercase}.atlas-region-note span{color:var(--muted)}.atlas-modern-tabs select{margin-left:auto;border:0;border-left:1px solid var(--line);background:transparent;padding:0 34px 0 16px;font:inherit;color:var(--ink)}
/* Map style clusters */
#architectLeafletMap{overflow:hidden}.architect-map-filters{grid-template-columns:repeat(5,minmax(0,1fr))}.architect-map-pin.style-klasik,.map-dot.style-klasik{background:#8b5d33!important}.architect-map-pin.style-medieval,.map-dot.style-medieval{background:#596778!important}.architect-map-pin.style-revival,.map-dot.style-revival{background:#b06f4e!important}.architect-map-pin.style-modernisme,.map-dot.style-modernisme{background:#e64b35!important}.architect-map-pin.style-brutalisme,.map-dot.style-brutalisme{background:#725b4a!important}.architect-map-pin.style-postmodern,.map-dot.style-postmodern{background:#d64e93!important}.architect-map-pin.style-regionalisme,.map-dot.style-regionalisme{background:#3f9b69!important}.architect-map-pin.style-organik,.map-dot.style-organik{background:#42aeb9!important}.architect-map-pin.style-teknologi,.map-dot.style-teknologi{background:#6f63b6!important}.architect-map-pin.style-deconstruct,.map-dot.style-deconstruct{background:#c83b52!important}.architect-map-pin.style-historis,.map-dot.style-historis{background:#496a85!important}.architect-map-pin.style-lintas,.map-dot.style-lintas{background:#d6a925!important}.architect-map-pin.cluster{border-color:#fff}.architect-map-pin.cluster small{color:#fff}.style-legend{flex-wrap:wrap}.style-legend small{margin-left:auto}@media(max-width:1000px){.architect-map-filters{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.architect-map-filters{grid-template-columns:1fr}}
/* Contemporary theory navigation */
.method-authority{margin:1rem 0;border:1px solid var(--line);background:#fff}.method-authority>header{padding:1.2rem 1.4rem;background:var(--ink);color:#fff}.method-authority>header span{font-size:8px;letter-spacing:.14em;color:var(--yellow);font-weight:900}.method-authority>header h2{font:1.75rem Georgia,serif;margin:.35rem 0}.method-authority>header p{margin:0;color:#bec8c4;font-size:9px}.method-authority>div{display:grid;grid-template-columns:repeat(3,1fr)}.method-authority article{display:grid;grid-template-columns:130px 1fr;min-height:225px;border-right:1px solid var(--line)}.method-authority article:last-child{border:0}.method-authority img{width:100%;height:100%;object-fit:cover;background:#e6e0d6}.method-authority article>div{padding:1rem}.method-authority b{font-size:7px;letter-spacing:.12em;color:var(--red)}.method-authority h3{font:1.25rem Georgia,serif;margin:.55rem 0}.method-authority p{font-size:9px;line-height:1.55;color:var(--muted)}.method-authority a{display:inline-block;margin-top:.5rem;color:var(--blue);font-size:8px;font-weight:900;text-decoration:none}.method-authority a:hover{text-decoration:underline}@media(max-width:950px){.method-authority>div{grid-template-columns:1fr}.method-authority article{border-right:0;border-bottom:1px solid var(--line)}}
.method-deep-dive{margin:1rem 0;border:1px solid var(--line);background:#f7f2e9}.method-deep-dive>header{display:grid;grid-template-columns:190px 1fr 1fr;gap:1rem;align-items:end;padding:1.25rem 1.4rem;border-bottom:1px solid var(--line)}.method-deep-dive>header span{font-size:8px;letter-spacing:.14em;color:var(--red);font-weight:900}.method-deep-dive>header h2{font:1.65rem Georgia,serif;margin:0}.method-deep-dive>header p{font-size:9px;line-height:1.55;color:var(--muted);margin:0}.method-scholar-grid{display:grid;grid-template-columns:repeat(3,1fr)}.method-scholar-grid>article{display:flex;flex-direction:column;border-right:1px solid var(--line);min-width:0}.method-scholar-grid>article:last-child{border-right:0}.method-scholar-head{padding:1rem 1.1rem;background:var(--ink);color:#fff;min-height:150px}.method-scholar-head>b{float:right;font:2rem Georgia,serif;color:var(--yellow)}.method-scholar-head>span{font-size:7px;letter-spacing:.14em;color:var(--yellow);font-weight:900}.method-scholar-head h3{font:1.35rem Georgia,serif;margin:.45rem 0}.method-scholar-head p{font-size:9px;line-height:1.55;color:#bec8c4}.method-scholar-grid ol{list-style:none;margin:0;padding:0;counter-reset:methodstep}.method-scholar-grid li{position:relative;padding:.8rem 1rem .8rem 3rem;border-bottom:1px solid var(--line);min-height:70px;counter-increment:methodstep}.method-scholar-grid li:before{content:counter(methodstep,decimal-leading-zero);position:absolute;left:1rem;top:.85rem;font:1rem Georgia,serif;color:var(--red)}.method-scholar-grid li strong,.method-scholar-grid li span{display:block}.method-scholar-grid li strong{font-size:9px}.method-scholar-grid li span{margin-top:.25rem;font-size:8px;line-height:1.5;color:var(--muted)}.method-scholar-grid footer{margin-top:auto;padding:1rem 1.1rem;background:#fff}.method-scholar-grid footer b{display:block;margin-top:.65rem;font-size:7px;letter-spacing:.12em;color:var(--red)}.method-scholar-grid footer b:first-child{margin-top:0}.method-scholar-grid footer p{margin:.2rem 0 0;font-size:8px;line-height:1.5;color:var(--muted)}.map-preview.has-media{display:grid;grid-template-columns:72px 72px minmax(150px,1fr);gap:.55rem;align-items:center;max-width:470px;pointer-events:auto}.map-preview.has-media img{width:72px;height:58px;object-fit:cover;background:#d8d3ca;border:1px solid #fff5}.map-preview.has-media div strong,.map-preview.has-media div span{display:block}.architect-map-picker>button.has-media{grid-template-columns:58px 1fr}.architect-map-picker>button.has-media img{grid-row:1/3;width:58px;height:46px;object-fit:cover;background:#ded8ce}.architect-map-picker>button.has-media strong,.architect-map-picker>button.has-media span{grid-column:2}@media(max-width:1050px){.method-deep-dive>header{grid-template-columns:1fr}.method-scholar-grid{grid-template-columns:1fr}.method-scholar-grid>article{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:620px){.map-preview.has-media{grid-template-columns:54px 54px 1fr}.map-preview.has-media img{width:54px;height:44px}}
.method-nav-links{margin:-2px 0 8px 39px;padding:4px 0 7px;border-left:1px solid #42514c}.method-nav-links button{display:block;width:100%;border:0;background:transparent;color:#91a09b;text-align:left;padding:5px 10px;font-size:9px;cursor:pointer}.method-nav-links button:hover,.method-nav-links button:focus{color:#fff;background:#2a3b37}.theory-methods{margin:1rem 0}.theory-methods>header{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:1.25rem 1.4rem;background:var(--ink);color:#fff}.theory-methods>header span{font-size:8px;letter-spacing:.14em;color:var(--yellow);font-weight:900}.theory-methods>header h2{font:2rem Georgia,serif;margin:.4rem 0}.theory-methods>header p{align-self:end;color:#b8c4bf;font-size:10px}.theory-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.theory-method-grid article{padding:1.25rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:90px}.theory-method-grid article:last-child{grid-column:1/-1}.theory-method-grid b{font-size:8px;letter-spacing:.12em;color:var(--red)}.theory-method-grid h3{font:1.45rem Georgia,serif;margin:.55rem 0}.theory-method-grid p{font-size:10px;line-height:1.55;color:var(--muted)}.theory-method-grid small{display:block;margin-top:.8rem;padding-top:.7rem;border-top:1px solid var(--line);font-size:8px;line-height:1.6;color:var(--ink)}@media(max-width:760px){.method-nav-links{display:none}.theory-methods>header,.theory-method-grid{grid-template-columns:1fr}.theory-method-grid article:last-child{grid-column:auto}}
.theory-method-grid article[data-method-detail]{cursor:pointer;transition:.18s ease;position:relative}.theory-method-grid article[data-method-detail]:hover,.theory-method-grid article[data-method-detail]:focus{background:#fff;box-shadow:inset 5px 0 var(--yellow);outline:0}.theory-method-grid article[data-method-detail]>button{margin-top:.9rem;border:0;background:var(--ink);color:#fff;padding:.55rem .75rem;font-size:9px;font-weight:800;cursor:pointer}.theory-method-grid article[data-method-detail]>button:hover{background:var(--red)}.method-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.method-reference-grid article{border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;background:#fff}.method-reference-grid figure{margin:0;min-height:150px;position:relative;background:#e7e0d5}.method-reference-grid img{width:100%;height:100%;min-height:150px;object-fit:cover}.method-reference-grid figcaption{position:absolute;left:0;right:0;bottom:0;background:#13211ddd;color:#fff;padding:6px;font-size:8px}.method-reference-grid article>div{grid-column:1/-1;padding:10px}.method-reference-grid article>div b,.method-reference-grid article>div span{display:block}.method-reference-grid article>div span{font-size:8px;color:var(--muted);margin-top:3px}.method-reference-grid article>div p{font-size:9px;line-height:1.5}.method-reference-grid button,.method-detail-actions button{border:0;background:var(--ink);color:#fff;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.method-work-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.method-work-list article{padding:12px;border-right:1px solid var(--line)}.method-work-list article:last-child{border:0}.method-work-list b,.method-work-list span{display:block}.method-work-list b{color:var(--red);font:1.2rem Georgia,serif}.method-work-list span{font-size:9px;margin-top:5px}.method-detail-actions{display:flex;gap:8px;margin:1rem 0}.method-detail-actions button:last-child{background:var(--red)}@media(max-width:720px){.method-reference-grid,.method-work-list{grid-template-columns:1fr}.method-work-list article{border-right:0;border-bottom:1px solid var(--line)}.method-detail-actions{display:grid}}

/* Interactive theory simulations */
.theory-simulator{margin:1.2rem;border:1px solid var(--line);background:#fff}.theory-simulator>header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;background:#f4efe7;border-bottom:1px solid var(--line)}.theory-simulator>header span{font-size:8px;letter-spacing:.14em;color:var(--red);font-weight:900}.theory-simulator>header h3{font:1.55rem Georgia,serif;margin:.3rem 0}.theory-simulator>header p{margin:0;color:var(--muted);font-size:10px}.theory-simulator select{min-width:220px;border:1px solid var(--line);padding:.7rem;background:#fff}.theory-sim-layout{display:grid;grid-template-columns:260px minmax(260px,1fr) minmax(280px,1fr)}#theorySimControls{padding:1rem;border-right:1px solid var(--line)}#theorySimControls label{display:block;padding:.6rem 0;border-bottom:1px solid var(--line);font-size:9px;font-weight:800}#theorySimControls output{float:right;color:var(--red)}#theorySimControls input{display:block;width:100%;margin-top:.45rem;accent-color:var(--red)}.theory-sim-visual{min-height:310px;display:grid;place-items:center;align-content:center;gap:1rem;background:#16221f;color:#fff;padding:1.2rem}.sim-form{position:relative;width:210px;height:170px}.sim-form i{position:absolute;left:50%;bottom:28px;width:calc(35px + var(--v)*1.2px);height:calc(28px + var(--v)*.8px);transform-origin:center bottom;background:#d7c6a2;border:2px solid #f3ead7;opacity:.86}.sim-form i:nth-child(1){transform:translateX(-75%) rotate(-7deg)}.sim-form i:nth-child(2){transform:translateX(-25%) rotate(5deg);background:#d04d42}.sim-form i:nth-child(3){transform:translateX(-50%) translateY(-32px) rotate(-1deg);background:#5ca7aa}.sim-form.deconstruct i:nth-child(1){transform:translateX(-80%) skew(-18deg) rotate(-16deg)}.sim-form.deconstruct i:nth-child(2){transform:translateX(-15%) skew(12deg) rotate(17deg)}.sim-form.critical i{border-radius:50% 50% 8% 8%}.sim-form.digital i{border-radius:50%;filter:saturate(1.5)}.sim-form b{position:absolute;left:0;right:0;bottom:0;text-align:center;font:1rem Georgia,serif}.sim-meter{width:85%;height:5px;background:#34423e}.sim-meter span{display:block;height:100%;background:var(--yellow)}.theory-sim-visual small{font-size:7px;letter-spacing:.12em;color:#c0cbc6}.theory-sim-layout>aside{padding:1.1rem}.theory-sim-layout>aside h4{font:1.2rem Georgia,serif;margin:0}.theory-sim-layout>aside ol{padding-left:1.2rem;font-size:9px;line-height:1.6}.theory-sim-layout>aside>div{padding:.7rem;margin-top:.7rem;background:#f5f1ea}.theory-sim-layout>aside p{font-size:9px;line-height:1.55;color:var(--muted)}.theory-sim-layout .sim-risk{border-left:4px solid var(--red)}.theory-simulator>.source-note{margin:0;border-top:1px solid var(--line)}@media(max-width:950px){.theory-sim-layout{grid-template-columns:220px 1fr}.theory-sim-layout>aside{grid-column:1/-1}}@media(max-width:650px){.theory-simulator>header{display:block}.theory-simulator select{width:100%;margin-top:.8rem}.theory-sim-layout{grid-template-columns:1fr}.theory-sim-layout>aside{grid-column:auto}}

/* Global history, method and approach timeline */
.timeline-key{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}.timeline-key article{padding:1rem;border-right:1px solid var(--line)}.timeline-key article:last-child{border:0}.timeline-key b{font-size:8px;letter-spacing:.13em;color:var(--red)}.timeline-key p{font-size:9px;line-height:1.5;color:var(--muted)}.global-timeline{position:relative;border:1px solid var(--line);background:#fff}.global-timeline:before{content:'';position:absolute;left:135px;top:0;bottom:0;width:2px;background:var(--red)}.global-timeline>article{display:grid;grid-template-columns:135px minmax(0,1fr) 290px;border-bottom:1px solid var(--line);min-height:210px}.global-timeline>article:last-child{border:0}.global-timeline time{padding:1.2rem;font:1.1rem Georgia,serif;color:var(--red);background:#f4efe7}.global-timeline>article>div{padding:1.2rem 1.4rem}.global-timeline>article>div>span{font-size:8px;letter-spacing:.13em;color:var(--red);font-weight:900}.global-timeline h2{font:1.6rem Georgia,serif;margin:.5rem 0}.global-timeline p{font-size:10px;line-height:1.6;color:var(--muted)}.global-timeline button{border:0;background:transparent;padding:.5rem 0;color:var(--blue);font-size:9px;font-weight:900;cursor:pointer}.global-timeline button:hover{text-decoration:underline}.global-timeline aside{padding:1.2rem;background:#17231f;color:#fff;display:grid;align-content:center;gap:.35rem}.global-timeline aside b{color:var(--yellow);font-size:8px;letter-spacing:.12em;margin-top:.5rem}.global-timeline aside span{font-size:9px;line-height:1.45;color:#c2ccc8}@media(max-width:850px){.timeline-key{grid-template-columns:1fr 1fr}.global-timeline>article{grid-template-columns:100px 1fr}.global-timeline:before{left:99px}.global-timeline aside{grid-column:2}}@media(max-width:560px){.timeline-key{grid-template-columns:1fr}.global-timeline>article{grid-template-columns:1fr}.global-timeline:before{display:none}.global-timeline aside{grid-column:auto}}

/* Building systems and analysis workbench */
.systems-index{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:1rem}.systems-index button{min-height:78px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:.8rem;text-align:left;cursor:pointer}.systems-index button:hover,.systems-index button.active{background:var(--ink);color:#fff}.systems-index small,.systems-index strong{display:block}.systems-index small{font-size:6px;letter-spacing:.11em;color:var(--red);margin-bottom:.35rem}.systems-index button.active small{color:var(--yellow)}.systems-index strong{font:1rem Georgia,serif}.systems-workbench{overflow:hidden}.systems-workbench>header{display:flex;justify-content:space-between;gap:1.2rem;align-items:center;padding:1.25rem 1.4rem;background:var(--ink);color:#fff}.systems-workbench>header span{font-size:8px;letter-spacing:.14em;color:var(--yellow)}.systems-workbench>header h2{font:2rem Georgia,serif;margin:.4rem 0}.systems-workbench>header p{margin:0;max-width:760px;font-size:10px;line-height:1.55;color:#bec9c5}.systems-workbench select{min-width:240px;padding:.75rem;border:1px solid #52615d;background:#fff}.systems-layout{display:grid;grid-template-columns:1.05fr 230px minmax(310px,.95fr) 230px}.system-explanation,.system-controls,.system-results{padding:1rem}.system-explanation{background:#faf7f1}.system-explanation>span,.system-results>span{font-size:8px;letter-spacing:.13em;color:var(--red);font-weight:900}.system-explanation h3{font:1.35rem Georgia,serif;margin:.45rem 0}.system-explanation p,.system-explanation li{font-size:9px;line-height:1.6;color:var(--muted)}.system-explanation>div{margin-top:1rem;border-top:1px solid var(--line);padding-top:.8rem}.system-controls{border-left:1px solid var(--line);border-right:1px solid var(--line)}.system-controls label{display:block;padding:.65rem 0;border-bottom:1px solid var(--line);font-size:9px;font-weight:800}.system-controls output{float:right;color:var(--red)}.system-controls input{display:block;width:100%;margin-top:.5rem;accent-color:var(--red)}.system-diagram{position:relative;min-height:360px;background:#17231f;overflow:hidden}.system-diagram svg{position:absolute;inset:0;width:100%;height:100%}.system-diagram path{stroke:#e7b82e;stroke-width:.7;fill:none;stroke-dasharray:2 1}.system-node{position:absolute;z-index:2;color:#fff;text-align:center}.system-node.core{left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;display:grid;place-items:center;padding:1rem;background:#a9382f;border:4px solid #fff}.system-node:not(.core){width:105px}.system-node:not(.core) i{display:block;width:calc(32px + var(--strength)*.35px);height:calc(32px + var(--strength)*.35px);max-width:66px;max-height:66px;margin:auto;border-radius:50%;background:#e7b82e;border:3px solid #fff}.system-node span,.system-node strong{display:block;font-size:7px;margin-top:.25rem}.node-1{left:8%;top:9%}.node-2{right:8%;top:9%}.node-3{left:50%;bottom:5%;transform:translateX(-50%)}.system-results{background:#f6f1e8}.system-results>div{padding:.7rem 0;border-bottom:1px solid var(--line)}.system-results small,.system-results strong{display:block}.system-results small{font-size:8px;color:var(--muted)}.system-results strong{font:1.2rem Georgia,serif}.system-results i{display:block;height:4px;background:#ddd;margin-top:.35rem}.system-results i b{display:block;height:100%;background:var(--red)}.system-results section{margin-top:.8rem;padding:.7rem;background:#fff}.system-results section p{font-size:8px;line-height:1.5;color:var(--muted)}.system-results .system-warning{border-left:4px solid var(--red)}.systems-workbench>footer{display:flex;gap:.5rem;padding:.8rem 1rem;border-top:1px solid var(--line)}.systems-workbench>footer button{border:1px solid var(--ink);background:#fff;padding:.55rem .75rem;font-size:8px;font-weight:800;cursor:pointer}.systems-workbench>footer button:hover{background:var(--ink);color:#fff}.systems-workbench>.source-note{margin:0;border-top:1px solid var(--line)}@media(max-width:1200px){.systems-index{grid-template-columns:repeat(4,1fr)}.systems-layout{grid-template-columns:1fr 230px 1fr}.system-results{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.system-results>span{grid-column:1/-1}.system-results section{grid-column:span 1}}@media(max-width:850px){.systems-index{grid-template-columns:repeat(2,1fr)}.systems-layout{grid-template-columns:1fr 1fr}.system-diagram{grid-column:1/-1}.system-results{grid-template-columns:1fr 1fr}.systems-workbench>header{display:block}.systems-workbench select{width:100%;margin-top:1rem}}@media(max-width:600px){.systems-index,.systems-layout,.system-results{grid-template-columns:1fr}.system-diagram,.system-results>span{grid-column:auto}.system-results section{grid-column:auto}.systems-workbench>footer{flex-wrap:wrap}}
/* Indonesia building design explorer */
.indo-stepper{display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:1rem;border:1px solid var(--line)}.indo-stepper button{display:flex;align-items:center;gap:.7rem;min-height:62px;border:0;border-right:1px solid var(--line);background:#fff;padding:.8rem;text-align:left;cursor:pointer}.indo-stepper button:last-child{border:0}.indo-stepper b{font:1.3rem Georgia,serif;color:var(--red)}.indo-stepper span{font-size:9px;font-weight:800}.indo-stepper button.active,.indo-stepper button:hover{background:var(--ink);color:#fff}.indo-stepper button.active b,.indo-stepper button:hover b{color:var(--yellow)}.indo-simulator{display:grid;grid-template-columns:285px minmax(420px,1fr) 270px;min-height:720px;overflow:hidden}.indo-controls{border-right:1px solid var(--line);max-height:760px;overflow:auto;background:#faf7f1}.indo-control-section{padding:1rem;border-bottom:1px solid var(--line);scroll-margin-top:90px}.indo-control-section>span{display:block;font-size:8px;letter-spacing:.13em;color:var(--red);font-weight:900;margin-bottom:.6rem}.indo-control-section label{display:block;margin:.55rem 0;font-size:8px;font-weight:800;color:var(--muted)}.indo-control-section output{float:right;color:var(--red)}.indo-control-section input,.indo-control-section select{display:block;width:100%;margin-top:.3rem;border:1px solid var(--line);background:#fff;padding:.58rem;color:var(--ink)}.indo-control-section input[type=range]{padding:0;accent-color:var(--red)}.indo-control-section button{width:100%;margin-top:.5rem;border:1px solid var(--ink);background:#fff;padding:.65rem;text-align:left;font-size:8px;font-weight:800}.indo-climate-card{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin-top:.7rem;padding:.7rem;background:var(--ink);color:#fff}.indo-climate-card>b{grid-column:1/-1;color:var(--yellow);font:1rem Georgia,serif}.indo-climate-card span{font-size:7px;color:#aebdb7}.indo-climate-card strong{display:block;color:#fff;font-size:9px;margin-top:.15rem}.indo-stage{background:#102320;min-width:0}.indo-stage>header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;color:#fff;border-bottom:1px solid #40544d}.indo-stage>header span{font-size:8px;letter-spacing:.1em;color:var(--yellow)}.indo-stage>header h2{font:1.35rem Georgia,serif;margin:.35rem 0}.indo-stage>header button{border:1px solid #82958e;background:transparent;color:#fff;padding:.55rem .7rem;font-size:8px;cursor:pointer}.indo-stage>header button:hover{background:#fff;color:var(--ink)}#indo3d{min-height:560px;position:relative}#indo3d canvas{display:block;width:100%;touch-action:none;cursor:grab}#indo3d canvas:active{cursor:grabbing}.indo-3d-hint{padding:.65rem 1rem;color:#cdbf79;border-top:1px solid #40544d;font-size:7px;letter-spacing:.11em}.indo-results{background:#f5f0e7}.indo-score{padding:1.2rem;background:var(--red);color:#fff}.indo-score span{display:block;font-size:7px;letter-spacing:.12em;color:#ffd8cf}.indo-score strong{font:3.4rem Georgia,serif}.indo-score small{font-size:10px}.indo-comparison,.indo-recommendations{padding:1rem;border-bottom:1px solid var(--line)}.indo-comparison h3,.indo-recommendations h3{font:1.2rem Georgia,serif;margin:0 0 .7rem}.indo-comparison>div{display:grid;grid-template-columns:1fr 35px 18px 35px;gap:.3rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--line);font-size:8px}.indo-comparison small{color:var(--muted);text-decoration:line-through}.indo-comparison strong{color:var(--red);font-size:11px}.indo-comparison p,.indo-recommendations li{font-size:8px;line-height:1.55;color:var(--muted)}.indo-recommendations ol{padding-left:1.1rem}.indo-recommendations>div{display:grid;gap:.35rem;padding:.7rem;background:#fff}.indo-recommendations>div b{font-size:8px;color:var(--red)}.indo-recommendations>div span{font-size:8px}.indo-method-note{display:grid;grid-template-columns:1fr 1fr auto;gap:1.5rem;align-items:center;margin-top:1rem;padding:1.4rem;background:var(--ink);color:#fff}.indo-method-note span{font-size:8px;letter-spacing:.12em;color:var(--yellow)}.indo-method-note h2{font:1.65rem Georgia,serif;margin:.4rem 0}.indo-method-note p{font-size:9px;line-height:1.6;color:#b9c7c1}.indo-method-note a{color:var(--yellow);font-size:8px;font-weight:800;text-decoration:none}@media(max-width:1250px){.indo-simulator{grid-template-columns:260px 1fr}.indo-results{grid-column:1/-1;display:grid;grid-template-columns:200px 1fr 1fr}.indo-comparison,.indo-recommendations{border-right:1px solid var(--line)}}@media(max-width:850px){.indo-stepper{grid-template-columns:1fr 1fr}.indo-simulator{grid-template-columns:1fr}.indo-controls{max-height:none}.indo-results{grid-column:auto;grid-template-columns:1fr}.indo-method-note{grid-template-columns:1fr}.indo-stage>header{display:block}.indo-stage>header>div:last-child{margin-top:.7rem}}@media(max-width:520px){.indo-stepper{grid-template-columns:1fr}}
.editorial-source-panel{margin:1rem 0;border:1px solid var(--line);background:#f7f2e9}.editorial-source-panel>header{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.2rem 1.35rem;background:var(--ink);color:#fff}.editorial-source-panel>header span{font-size:7px;letter-spacing:.14em;color:var(--yellow);font-weight:900}.editorial-source-panel>header h2{margin:.35rem 0 0;font:1.55rem Georgia,serif}.editorial-source-panel>header p{margin:0;align-self:end;font-size:9px;line-height:1.55;color:#bec8c4}.editorial-source-grid{display:grid;grid-template-columns:repeat(4,1fr)}.editorial-source-grid a{display:flex;min-height:120px;flex-direction:column;padding:1rem;border-right:1px solid var(--line);color:var(--ink);text-decoration:none}.editorial-source-grid a:last-child{border-right:0}.editorial-source-grid a:hover,.editorial-source-grid a:focus{background:#fff}.editorial-source-grid b{font-size:7px;letter-spacing:.12em;color:var(--red)}.editorial-source-grid strong{margin:.55rem 0;font:1.1rem Georgia,serif}.editorial-source-grid span{margin-top:auto;font-size:8px;color:#174f7b;font-weight:800}.editorial-source-panel>footer{display:grid;grid-template-columns:190px 1fr;gap:1rem;padding:.85rem 1rem;border-top:1px solid var(--line);font-size:8px;line-height:1.5}.editorial-source-panel>footer strong{color:var(--red);text-transform:uppercase;letter-spacing:.09em}@media(max-width:900px){.editorial-source-panel>header,.editorial-source-panel>footer{grid-template-columns:1fr}.editorial-source-grid{grid-template-columns:1fr 1fr}.editorial-source-grid a:nth-child(2){border-right:0}}@media(max-width:560px){.editorial-source-grid{grid-template-columns:1fr}.editorial-source-grid a{border-right:0;border-bottom:1px solid var(--line)}}

/* Readability: keep dashboard and compact navigation legible in split view. */
.mode-map-grid b{font-size:clamp(1.45rem,2vw,1.8rem)}
.mode-map-grid strong{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.25}
.mode-map-grid span{font-size:clamp(.78rem,1vw,.9rem);line-height:1.55}
.mode-map header p{font-size:clamp(.82rem,1vw,.95rem);line-height:1.55}
@media(max-width:900px){.mode-map-grid button{min-height:190px;padding:1.25rem}.mode-map-grid strong{font-size:1.08rem;margin:1.1rem 0 .55rem}.mode-map-grid span{font-size:.84rem;line-height:1.55}.main-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.nav-item{min-width:0;height:58px;padding:.35rem .2rem;line-height:1.15}.nav-item span{font-size:10px;font-weight:700;white-space:normal}.nav-item i{font-size:10px;font-weight:800}}
@media(max-width:700px){.mode-map-grid button{min-height:150px}.mode-map-grid strong{font-size:1.15rem}.mode-map-grid span{font-size:.9rem}}

/* Expanded, readable explanations for every Metode & Konsep card. */
.expandable-method-card{position:relative;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease}.expandable-method-card:hover,.expandable-method-card:focus{outline:0;box-shadow:inset 5px 0 var(--yellow),0 8px 24px #10231f1c;transform:translateY(-1px)}.expand-card-button{grid-column:1/-1;align-self:end;margin:0 1.2rem 1.2rem;padding:.65rem .8rem;border:1px solid var(--ink);background:var(--ink);color:#fff;font-size:10px;font-weight:800;cursor:pointer}.method-text-card>.expand-card-button,.method-scholar-grid .expand-card-button,.relation-grid .expand-card-button,.method-authority .expand-card-button{margin:1rem 0 0}.expand-card-button:hover{background:var(--red);border-color:var(--red)}dialog.method-expanded-dialog{width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 28px)}dialog.method-expanded-dialog .detail-body{padding:0;max-height:calc(100vh - 105px);overflow:auto}.expanded-method-detail{display:grid;grid-template-columns:1.05fr .95fr;background:#f8f4ed}.expanded-method-detail>figure{grid-row:span 3;margin:0;background:#dedbd4;border-right:1px solid var(--line)}.expanded-method-detail>figure img{display:block;width:100%;height:min(62vh,660px);object-fit:contain;background:#ece9e2}.expanded-method-detail figcaption{padding:.75rem 1rem;font-size:11px;line-height:1.5;color:var(--muted);background:#fff}.expanded-method-detail>section{padding:1.15rem 1.3rem;border-bottom:1px solid var(--line)}.expanded-method-detail section>span{display:block;margin-bottom:.55rem;color:var(--red);font-size:10px;font-weight:900;letter-spacing:.12em}.expanded-method-detail p,.expanded-method-detail li{font-size:14px;line-height:1.7;color:#3f4945}.expanded-method-detail ol,.expanded-method-detail ul{margin:.4rem 0;padding-left:1.35rem}.expanded-method-pair{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.expanded-method-pair section{padding:1.2rem 1.3rem;border-right:1px solid var(--line)}.expanded-method-pair section:last-child{border:0}.expanded-source{grid-column:1/-1;background:#fff}.expanded-source>div{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.7rem}.expanded-source a{display:inline-block;padding:.65rem .8rem;background:#eef3f1;color:#174f77;font-size:12px;font-weight:800;text-decoration:none}.expanded-source a:hover{text-decoration:underline}.expanded-fullscreen{grid-column:1/-1;margin:1rem 1.3rem 1.4rem;padding:.85rem 1rem;border:0;background:var(--ink);color:#fff;font-size:12px;font-weight:800;cursor:pointer;position:sticky;bottom:0;z-index:4;box-shadow:0 -8px 20px #10231f22}.expanded-fullscreen:hover{background:var(--red)}dialog.method-expanded-dialog.is-maximized{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border:0}dialog.method-expanded-dialog.is-maximized .modal-header{position:sticky;top:0;z-index:5}dialog.method-expanded-dialog.is-maximized .detail-body{max-height:calc(100vh - 78px)}dialog.method-expanded-dialog.is-maximized .expanded-method-detail>figure img{height:72vh}@media(max-width:760px){.expanded-method-detail{grid-template-columns:1fr}.expanded-method-detail>figure{grid-row:auto;border-right:0}.expanded-method-detail>figure img{height:42vh}.expanded-method-pair{grid-template-columns:1fr}.expanded-method-pair section{border-right:0;border-bottom:1px solid var(--line)}dialog.method-expanded-dialog{width:calc(100vw - 12px)}}

/* RPS-aligned quizzes and technical micro-learning. */
#learningApp{border:1px solid var(--line);background:#f8f4ed}.learn-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink)}.learn-tabs button{min-height:58px;padding:.8rem;border:0;border-right:1px solid #ffffff26;background:transparent;color:#d9dfdc;font-weight:800;cursor:pointer}.learn-tabs button.active{background:var(--yellow);color:var(--ink)}.learn-pane{display:none;padding:1.25rem}.learn-pane.active{display:block}.learn-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.learn-toolbar label{display:grid;gap:.4rem;font-size:11px;font-weight:900;letter-spacing:.08em}.learn-toolbar select,.lesson-filter input,.calc-card input{min-height:45px;padding:.65rem;border:1px solid var(--line);background:#fff;color:var(--ink)}#quizProgress{color:var(--muted);font-size:12px}.quiz-course{padding:1.2rem;background:var(--ink);color:#fff}.quiz-course>span,.calc-card>span,.source-learning article>span,.learning-detail section>span{color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.12em}.quiz-course h2{margin:.35rem 0;font-family:Georgia,serif;font-size:30px}.quiz-course p{max-width:850px;color:#c7cfcc}.quiz-course div{display:flex;flex-wrap:wrap;gap:.4rem}.quiz-course b{padding:.4rem .6rem;background:#ffffff12;font-size:11px}.quiz-q{margin:1rem 0;padding:1rem;border:1px solid var(--line);background:#fff}.quiz-q legend{padding:0 .4rem;font-family:Georgia,serif;font-size:18px}.quiz-q label{display:flex;gap:.65rem;align-items:center;padding:.65rem;margin:.35rem 0;background:#f1ede5;cursor:pointer}.quiz-submit,.calc-card button{padding:.8rem 1rem;border:0;background:var(--red);color:#fff;font-weight:900;cursor:pointer}#quizResult{display:flex;gap:1rem;align-items:center;margin-top:1rem;padding:1rem;background:#fff3cc;border-left:5px solid var(--yellow)}.lesson-filter{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.lesson-filter input{width:min(620px,100%)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.lesson-card{display:flex;flex-direction:column;min-height:270px;padding:1rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.lesson-card>span{color:var(--red);font-size:10px;font-weight:900;letter-spacing:.08em}.lesson-card h2{font-family:Georgia,serif;font-size:24px}.lesson-card p{line-height:1.6;color:var(--muted)}.lesson-card button{margin-top:auto;padding:.65rem;border:0;background:var(--ink);color:#fff;text-align:left;font-weight:800;cursor:pointer}.calc-warning{padding:1rem;border-left:5px solid var(--yellow);background:#fff7df;line-height:1.55}.calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.calc-card{display:grid;gap:.6rem;padding:1rem;border:1px solid var(--line);background:#fff}.calc-card h2{margin:0;font-family:Georgia,serif;font-size:25px}.calc-card label{display:grid;gap:.3rem;font-size:12px;font-weight:700}.calc-card div{min-height:48px;padding:.8rem;background:var(--ink);color:#fff;font-size:16px}.calc-card small{line-height:1.45;color:var(--muted)}.source-learning{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.source-learning article{padding:1rem;border:1px solid var(--line);background:#fff}.source-learning h2{font-family:Georgia,serif}.source-learning a{font-weight:900;color:#174f77}.source-learning .calc-warning{grid-column:1/-1}.learning-detail{display:grid;grid-template-columns:repeat(2,1fr)}.learning-detail section{padding:1.25rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.learning-detail p,.learning-detail li{font-size:15px;line-height:1.7}.learning-detail section>span{color:var(--red)}@media(max-width:900px){.lesson-grid{grid-template-columns:repeat(2,1fr)}.calc-grid,.source-learning{grid-template-columns:1fr}}@media(max-width:650px){.learn-tabs,.lesson-grid,.learning-detail{grid-template-columns:1fr}.learn-toolbar,.lesson-filter{align-items:stretch;flex-direction:column}.learn-pane{padding:.65rem}}

/* Independent sidebar scrolling and bilingual control. */
.sidebar{overflow:hidden}.main-nav{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:1.5rem;scrollbar-width:thin;scrollbar-color:#65726e transparent}.main-nav::-webkit-scrollbar{width:7px}.main-nav::-webkit-scrollbar-thumb{background:#65726e;border-radius:10px}.sidebar-footer{flex:0 0 auto;margin-top:0;background:var(--ink)}.language-switch{display:flex;border:1px solid var(--darkline);background:#fff}.language-switch button{min-width:34px;height:34px;border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:900;cursor:pointer}.language-switch button.active{background:var(--ink);color:#fff}@media(max-width:650px){.language-switch button{min-width:30px}.topbar{padding-left:.65rem;padding-right:.65rem}}

/* Multimodal parking demand calculator. */
.calc-grid{align-items:start}.calc-card.parking-calculator{grid-column:span 1}.parking-intro{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.parking-table{display:grid!important;min-height:0!important;padding:0!important;border:1px solid var(--line);background:#f8f4ed!important;color:var(--ink)!important}.parking-head,.parking-row{display:grid!important;grid-template-columns:minmax(150px,1fr) 82px 82px;gap:8px;align-items:center;min-height:0!important;padding:.45rem .55rem!important;background:transparent!important;color:var(--ink)!important;font-size:11px!important}.parking-head{background:var(--ink)!important;color:#fff!important;font-size:10px!important;letter-spacing:.05em}.parking-row{border-top:1px solid var(--line)}.parking-row label{display:block}.parking-row input{width:100%;min-height:34px!important;padding:.35rem!important}.parking-calculator #park-out{min-height:0}.parking-calculator #park-out:empty{display:none}.parking-calculator #park-out table{width:100%;margin-top:.6rem;border-collapse:collapse;font-size:11px}.parking-calculator #park-out th,.parking-calculator #park-out td{padding:.4rem;border-top:1px solid #ffffff33;text-align:left}.parking-summary{display:grid!important;gap:.3rem!important;min-height:0!important;padding:0!important;background:transparent!important;color:#fff!important}.parking-summary strong{font:1.2rem Georgia,serif;color:var(--yellow)}.parking-summary span{font-size:11px}@media(max-width:650px){.parking-head,.parking-row{grid-template-columns:minmax(120px,1fr) 70px 70px;font-size:10px!important}}

/* Mobile navigation keeps the same readable labels and hierarchy as desktop. */
@media(max-width:900px){.sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,320px)!important;height:100dvh!important;z-index:1000!important;display:flex!important;flex-direction:column!important;transform:translateX(-105%)!important;padding:14px 10px 10px!important;box-shadow:none;transition:transform .22s ease!important}.sidebar.open{transform:translateX(0)!important;box-shadow:12px 0 38px #0007!important}.sidebar .brand{display:flex!important;flex:0 0 auto!important;margin:0 0 10px!important;padding:8px!important}.sidebar .main-nav{display:block!important;height:auto!important;padding:8px 0 28px!important;overflow-y:auto!important}.sidebar .nav-item{display:flex!important;width:100%!important;height:48px!important;min-height:48px!important;padding:0 18px 0 15px!important;gap:13px!important;text-align:left!important}.sidebar .nav-item i{flex:0 0 25px!important;font-size:10px!important}.sidebar .nav-item span{display:block!important;flex:1!important;font-size:14px!important;line-height:1.25!important;white-space:normal!important}.sidebar .method-nav-links{margin:0 14px 8px 51px!important}.sidebar .method-nav-links button{display:block;width:100%;padding:7px 0;text-align:left;font-size:11px}.sidebar .reference-nav summary{display:flex!important;min-height:48px;padding:0 18px 0 15px;text-align:left!important}.sidebar .reference-nav summary i{flex:0 0 25px}.sidebar .reference-nav summary span{display:block!important;flex:1;font-size:14px}.sidebar .reference-nav summary b{display:block!important}.sidebar .reference-nav[open]>div{display:block!important;padding:0 0 8px!important}.sidebar .reference-nav>div button{min-height:38px;padding:8px 18px 8px 53px;font-size:12px}.sidebar .nav-heading{padding:4px 15px 10px}.sidebar-footer{display:grid!important;padding:12px 16px}.sidebar-footer strong{font-size:16px}.main-content{padding-bottom:0!important}.menu-button{display:block!important;flex:0 0 38px;font-size:18px}.topbar{z-index:110!important}}
@media(max-width:420px){.sidebar{width:calc(100vw - 42px);max-width:330px}.topbar .crumb{display:none}.top-search input{min-width:0;font-size:12px}}
.calc-intro{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.calc-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;min-height:0!important;padding:0!important;background:transparent!important;color:var(--ink)!important}.calc-fields label{min-width:0}.calc-visual{display:block!important;min-height:180px!important;padding:0!important;border:1px solid #ffffff2b;background:#f8f4ed!important;overflow:hidden}.calc-visual:empty{display:none!important}.calc-visual svg{display:block;width:100%;height:auto;max-height:260px}.calc-visual svg text{font-family:Arial,sans-serif;font-size:13px;fill:#132622}.calc-result{display:grid!important;gap:.35rem;min-height:0!important;padding:.85rem!important}.calc-result:empty{display:none!important}.calc-result strong{color:var(--yellow);font:700 1.2rem Georgia,serif}.calc-result span{font-size:12px;line-height:1.45}.parking-calculator .calc-visual{margin-top:.2rem}@media(max-width:650px){.calc-fields{grid-template-columns:1fr}.calc-visual{min-height:145px!important}}


/* Desktop navigation: keep every module visible and clearly scrollable on shorter screens. */
@media(min-width:901px){
  .main-nav{scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:var(--yellow) #23312f}
  .main-nav::-webkit-scrollbar{width:11px}
  .main-nav::-webkit-scrollbar-track{background:#23312f;border-left:1px solid #3b4946}
  .main-nav::-webkit-scrollbar-thumb{background:var(--yellow);border:3px solid #23312f;border-radius:999px}
  .method-nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 8px;margin:-2px 0 8px 39px;padding:4px 8px 7px 0}
  .method-nav-links button{min-width:0;padding:4px 2px;font-size:8px;line-height:1.25}
  .sidebar-footer:before{content:"GULIR MENU UNTUK MODUL LAIN ↓";display:block;margin-bottom:5px;color:var(--yellow);font-size:7px;letter-spacing:.12em}
}

/* Pindo Tutuko host integration. */
.pindo-home-link{display:inline-flex;align-items:center;gap:.35rem;min-height:36px;padding:0 .75rem;border:1px solid var(--darkline);background:#fff;color:var(--ink);font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}.pindo-home-link:hover{background:var(--yellow);color:var(--ink)}
@media(max-width:1100px){.pindo-home-link span{display:none}.pindo-home-link{padding:0 .6rem}}
@media(max-width:650px){.pindo-home-link{min-height:34px;padding:0 .5rem}.topbar .crumb{display:none}}