/* IQ Metaversity 2.0 — page styles (on top of the shared 6T tokens) */
.iq-main{max-width:none;padding-block:18px 48px}
.iq-main .view{max-width:1240px;margin:0 auto}
.demo-banner{max-width:1240px;margin:0 auto 14px;display:flex;gap:10px;align-items:center;font:500 .76rem var(--f-mono);color:var(--mute)}
.demo-banner code{font-size:.74rem}
.how{grid-template-columns:repeat(6,minmax(0,1fr))}
.sch6{grid-template-columns:repeat(3,minmax(0,1fr))}
.sites a.site{text-decoration:none;color:var(--fg)} .sites a.site:hover h3{color:var(--accent)}
.frame{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#050b14;height:min(80vh,820px);min-height:480px}
.frame iframe{width:100%;height:100%;border:0;display:block}
.dlist .dl{appearance:none;text-align:left;border:1px solid var(--line);border-left:3px solid var(--c);background:var(--panel);color:var(--fg);border-radius:8px;padding:10px;cursor:pointer;display:flex;gap:8px;align-items:center;font:500 .88rem var(--f-body)}
.schools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.school{border:1px solid var(--line);border-top:3px solid var(--c);border-radius:var(--r);background:var(--panel);padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.certs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cert{border:1px solid var(--line);border-left:3px solid var(--c);border-radius:var(--r);background:var(--panel);padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.cert ul{margin:0;padding-left:18px;font-size:.86rem;display:flex;flex-direction:column;gap:3px}
.r3{grid-template-columns:repeat(3,minmax(0,1fr))}
.qa-design{color:var(--accent2)} .qa-partial{color:var(--warn)} .qa-na{color:var(--mute)}
.arch{margin:0;padding:12px} .arch svg{width:100%;height:auto;display:block}
.svcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.svc{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.svc code{font:600 .9rem var(--f-mono);color:var(--accent)}
.flow{display:flex;flex-direction:column;gap:10px} .flow > div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start} .flow b{font:600 .8rem var(--f-mono);color:var(--accent);padding-top:3px}
.ac-grid{display:flex;gap:10px;flex-wrap:wrap}
.db-list{display:flex;flex-direction:column;gap:6px}
.db-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);font-size:.9rem;flex-wrap:wrap}
@media (max-width:1100px){.how{grid-template-columns:repeat(3,minmax(0,1fr))}.sch6{grid-template-columns:repeat(2,minmax(0,1fr))}.schools,.certs,.svcs,.r3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:820px){.frame{height:70vh;min-height:420px}}
@media (max-width:520px){.how,.sch6,.schools,.certs,.svcs,.r3{grid-template-columns:minmax(0,1fr)}}

/* v2.1.2 · enrolment feedback */
.mods .mod{position:relative}
.mods .mod.on{border-color:var(--ok);box-shadow:inset 3px 0 0 var(--ok);background:color-mix(in srgb,var(--ok) 7%,var(--panel))}
.mods .mod.done{box-shadow:inset 3px 0 0 var(--accent);border-color:var(--accent)}
.en-badge{position:absolute;top:10px;right:10px;font:600 .68rem var(--f-mono);padding:3px 8px;border-radius:99px;background:var(--ok);color:#07111d}
.mods .mod.done .en-badge{background:var(--accent);color:#141006}
.btn[disabled]{opacity:.6;cursor:progress}

/* v2.2 · assessment & verification */
.as-card{border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:var(--r);background:var(--panel);padding:14px;display:flex;flex-direction:column;gap:8px;margin-top:10px}
.as-card.as-approved{border-left-color:var(--ok)} .as-card.as-revise{border-left-color:var(--accent2)} .as-card.as-rejected{border-left-color:var(--bad)}
.pill.as-pending{color:var(--warn)} .pill.as-approved{color:var(--ok)} .pill.as-revise{color:var(--accent2)} .pill.as-rejected,.as-rejected{color:var(--bad)}
.as-note{min-height:56px;width:100%}
#vfIn{width:100%;min-height:120px}
.vf-res{border:1px solid var(--line);border-radius:var(--r);padding:14px;margin-top:12px;background:var(--bg2)}
.vf-res.ok{border-color:var(--ok);box-shadow:inset 3px 0 0 var(--ok)} .vf-res.no{border-color:var(--bad);box-shadow:inset 3px 0 0 var(--bad)}
.vf-res h3{margin-bottom:8px}

/* v2.2.4 · compact assessor note */
.as-card textarea.as-note{min-height:0;height:auto;max-height:180px;padding:8px 10px;font:13px/1.45 var(--f-sans,inherit);resize:vertical}
.as-card textarea.as-note:focus{outline:2px solid var(--accent);outline-offset:1px}
#vfIn{min-height:120px}