/* Editorial guide theme; prompt routes retain their original dark interface. */
#model-guide-nav{background:#e9efff;color:#2449ad;border-color:#91a9e3;gap:10px}
#model-guide-nav svg{width:22px;height:22px;flex:none}
#model-guide-nav small{display:block;font-size:12px;color:#425c95;margin-top:2px}
#model-guide-nav.active{background:#3157cf;border-color:#8fa9ff;color:#fff}
#model-guide-nav.active small{color:#e0e8ff}
.model-guide-mode .page{background:#f8faff;color:#18243d}
.model-guide-mode .topbar{color:#42516a;border-color:#d9e0ed}
.model-guide-mode main{max-width:1220px;padding:42px 48px 28px}
.model-guide-mode .page-heading{display:block;padding:0 0 28px;border-bottom:2px solid #213963;margin-bottom:32px}
.model-guide-mode .page-heading::before{content:'VGC FIELD GUIDE / PANDUAN PLATFORM & MODEL';display:block;font:600 .75rem/1.6 var(--body);letter-spacing:.12em;color:#3157b5;margin-bottom:14px}
.model-guide-mode .page-heading h1{font:400 clamp(44px,5vw,76px)/1.05 Georgia,serif;letter-spacing:-.045em;color:#18243d}
.model-guide-mode .page-heading h1 em{color:#3157cf;font-style:italic}
.model-guide-mode .page-heading p{color:#4a5970;font-size:18px}
.model-guide-mode footer{color:#536278;border-color:#d9e0ed}
#model-guide-view{--mg-line:#d1daea;--mg-muted:#4b5b72;color:#18243d;min-width:0}
#model-guide-view *{box-sizing:border-box}
#model-guide-view svg{width:22px;height:22px;flex:none}
#model-guide-view p{font-size:1rem;line-height:1.6}
.mg-section{margin:0 0 32px;padding-bottom:30px;border-bottom:1px solid #d1daea}
.mg-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.mg-section-heading{display:flex;align-items:baseline;gap:16px;margin:0 0 20px}
.mg-number{font:italic 24px/1 Georgia,serif;color:#3157b5}
.mg-section-heading h2{font:400 clamp(26px,2.7vw,34px)/1.2 Georgia,serif;letter-spacing:-.025em;margin:0}
.mg-section-heading p{margin:5px 0 0;color:var(--mg-muted)}
.mg-decision-grid,.mg-model-grid,.mg-upgrade-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mg-decision{padding:24px;background:#eaf0ff;border:1px solid #c7d4f4;border-top:4px solid #3157cf;border-radius:3px;min-width:0}
.mg-decision--code{background:#edf3f1;border-color:#cadbd6;border-top-color:#236857}
.mg-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mg-icon{display:inline-grid;place-items:center;width:32px;height:32px;color:#3157b5}
.mg-label{font:600 .75rem/1.5 var(--body);letter-spacing:.08em;color:#536278}
.mg-decision h3{font:400 30px/1.25 Georgia,serif;margin:10px 0 8px}
.mg-decision p{color:#41516a;margin:0 0 18px}
.mg-badges{display:flex;flex-wrap:wrap;gap:12px}
.mg-badges span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#293750}
.mg-logo{display:block;width:32px;height:32px;object-fit:contain}
.mg-badges .mg-logo{width:24px;height:24px}
.mg-note{display:flex;gap:24px;align-items:baseline;margin-top:18px;padding:16px 0 0}
.mg-note h3{font-size:14px;white-space:nowrap;margin:0;color:#3157b5}
.mg-note p{margin:0;color:#42516a}
.mg-note--final{background:#e8efff;border-left:3px solid #3157cf;padding:20px 24px;margin-top:24px}
.mg-compare-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:14px}
.mg-compare-summary p{margin:0;padding:16px 20px;background:#fff;border-left:2px solid #bccbee}
.mg-compare-summary strong{display:block;margin-bottom:3px}
#model-guide-view details{border-top:1px solid var(--mg-line)}
#model-guide-view summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:14px;font-weight:600;color:#3157b5;list-style:none;display:flex;justify-content:space-between;gap:14px;align-items:center}
#model-guide-view summary::-webkit-details-marker{display:none}
#model-guide-view summary::after{content:'+';font:400 23px/1 var(--body);flex:none}
#model-guide-view details[open]>summary::after{content:'−'}
#model-guide-view summary:focus-visible{outline:2px solid #3157cf;outline-offset:3px}
.mg-comparison{background:#fff;border:1px solid var(--mg-line)}
#model-guide-view table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:1rem;line-height:1.6}
#model-guide-view th,#model-guide-view td{padding:14px 16px;text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #dde4ef}
#model-guide-view thead th{font-size:12px;letter-spacing:.07em;background:#edf2fc;color:#3d5279}
.mg-row-label{display:flex;gap:10px;align-items:center;font-size:14px}
.mg-row-label svg{width:18px;height:18px;color:#60749a}
.mg-model{--model-accent:#24477b;background:#fff;border:1px solid var(--mg-line);border-top:4px solid var(--model-accent);padding:22px;min-width:0;border-radius:3px}
.mg-model--codex{--model-accent:#18243d}
.mg-model--claude{--model-accent:#a34d34}
.mg-model--claude-code{--model-accent:#864a3a}
.mg-platform{display:flex;gap:12px;align-items:center}
.mg-platform h3{font:600 18px/1.35 var(--body);margin:0}
.mg-type{font-size:12px;font-weight:600;letter-spacing:.08em;color:#536278}
.mg-default{padding:20px 0 10px}
.mg-default strong{display:block;font:600 clamp(22px,2.2vw,28px)/1.25 var(--body);color:var(--model-accent);margin-top:6px;overflow-wrap:anywhere}
.mg-model--codex .mg-default strong{font-family:var(--mono);font-size:24px;letter-spacing:-.04em}
.mg-model--claude .mg-default strong,.mg-model--claude-code .mg-default strong{font-family:Georgia,serif;font-weight:400;font-size:32px}
.mg-model .mg-best{margin:0 0 14px;color:#4b5b72}
.mg-model details p{margin:0 0 14px;color:#4b5b72}
.mg-model dl{margin:0}.mg-model dt{font-size:14px;font-weight:600;margin-top:12px}.mg-model dd{margin:4px 0 12px}
.mg-task-groups{display:grid;gap:12px}
.mg-task-group{background:#fff;border:1px solid var(--mg-line);padding:0 20px}
.mg-task-group>summary strong{display:block;font-size:18px;color:#18243d}
.mg-task-group>summary small{display:block;font-size:14px;font-weight:400;color:#536278;margin-top:3px;line-height:1.5}
.mg-task-route{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 14px;padding:14px;background:#edf2fc;font-size:14px;color:#40516d}
.mg-task-route p{margin:0!important}
.mg-task-list{list-style:none;padding:0;margin:0}
.mg-task-list li{display:grid;grid-template-columns:minmax(160px,1fr) 1.5fr;gap:20px;padding:14px 0;border-top:1px solid #dde4ef;font-size:16px;line-height:1.6}
.mg-task-list span{color:#536278}
.mg-upgrade{min-width:0;background:#fff;border-top:2px solid #9fb5de;padding:20px}
.mg-upgrade h3{font:400 25px/1.3 Georgia,serif;margin:0 0 10px}
.mg-upgrade p{margin:0;color:#4b5b72}
.mg-checklist{list-style:none;padding:0;margin:12px 0 0}
.mg-checklist li{display:flex;align-items:flex-start;gap:9px;font-size:16px;line-height:1.6;margin:7px 0;color:#4b5b72}
.mg-checklist svg{color:#3157b5;width:18px!important;height:18px!important;margin-top:3px}
.mg-colophon{font-size:12px!important;color:#617087;margin:28px 0 0!important}
.mg-colophon a{color:#405b8c;text-underline-offset:3px}
.mg-mode{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:5px;background:#e6edff;color:#24469f;font:600 14px/1.4 var(--body);white-space:nowrap}
#model-guide-view .mg-mode svg{width:20px;height:20px}
.mg-mode--code{background:#e2eee9;color:#195c48}
#model-guide-view .mg-mode span{font:inherit;color:inherit;display:inline}
.mg-badges{gap:10px 18px}
.mg-badges .mg-platform-chip{gap:8px;flex-wrap:wrap;max-width:100%}
.mg-badges .mg-platform-chip>span:not(.mg-mode){display:inline}
.mg-badges .mg-mode{display:inline-flex;font-size:12px;padding:3px 6px;gap:4px}
#model-guide-view .mg-badges .mg-mode svg{width:17px;height:17px}
.mg-task-heading{display:block;min-width:0;width:100%}
.mg-task-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.mg-task-group>summary .mg-task-title small{margin:0;font-size:13px}
.mg-task-group>summary .mg-badges{display:flex}
.mg-task-group>summary{padding-block:18px}
.mg-handoff{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mg-handoff-line{width:28px;height:1px;background:#98a8bc}
.mg-compare-summary strong>.mg-mode{margin-bottom:4px}
.mg-comparison thead .mg-mode{padding:0;background:none}
@media(max-width:600px){.mg-badges{gap:12px}.mg-task-group .mg-badges{flex-direction:column;align-items:flex-start}.mg-handoff{align-items:flex-start;flex-direction:column;gap:8px}.mg-handoff-line{display:none}}
@media(max-width:1100px){.sidebar nav #setup-nav{grid-column:auto}.model-guide-mode main{padding:32px}}
@media(max-width:600px){
 .model-guide-mode main{padding:28px 20px}.model-guide-mode .page-heading h1{font-size:48px}
 .model-guide-mode .page-heading::before{font-size:12px;letter-spacing:.06em;max-width:260px}
 #model-guide-nav{gap:7px}#model-guide-nav svg{width:18px;height:18px}
 .mg-decision-grid,.mg-model-grid,.mg-upgrade-grid,.mg-compare-summary{grid-template-columns:1fr}
 .mg-section{margin-bottom:26px;padding-bottom:26px}.mg-decision,.mg-model{padding:20px}
 .mg-note{display:block}.mg-note h3{margin-bottom:7px}.mg-note--final{padding:18px}
 .mg-task-group{padding-inline:16px}.mg-task-list li{grid-template-columns:1fr;gap:3px}
 .mg-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .mg-comparison tr{display:grid;grid-template-columns:1fr 1fr}.mg-comparison th{grid-column:1/-1;background:#edf2fc}
 .mg-comparison td{font-size:16px;padding:12px!important}.mg-comparison td::before{display:block;font-size:12px;font-weight:700;color:#3157b5;margin-bottom:4px}
 .mg-comparison td:nth-child(2)::before{content:'CHAT'}.mg-comparison td:nth-child(3)::before{content:'CODE'}
}