/* ===== IMAT Quiz — professional skin ===== */
.mbitq,.mbitq-list{--g:var(--wp--preset--color--forest,#0B4A32);--gd:#062A1C;--r:#C1272D;--ok:#0E7C43;--line:#E6E3DC;--soft:#F6F5F1;--mut:var(--wp--preset--color--muted,#5A605C);--ink:#1A1D1B}
.mbitq{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(1.25rem,3.5vw,2.25rem);margin:1.75rem 0;box-shadow:0 24px 60px -40px rgba(6,42,28,.45);box-sizing:border-box;overflow:hidden}
.mbitq::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#008C45 0 33.33%,#F4F5F0 33.33% 66.66%,#CD212A 66.66%)}
.mbitq *,.mbitq-list *{box-sizing:border-box}
.mbitq button{font-family:inherit}
.mbitq-title{margin:0 0 .35rem;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.01em}
.mbitq-meta{color:var(--mut);font-size:.95rem;margin:0 0 1.4rem}
.mbitq-small{color:var(--mut);font-size:.85rem;margin:.5rem 0 1.2rem}
.mbitq-modes{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:0 0 1.4rem}
.mbitq-mode{position:relative;text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:1.1rem 1.1rem 1.1rem 3rem;cursor:pointer;color:var(--ink);transition:border-color .15s,box-shadow .15s,background .15s}
.mbitq-mode::before{content:"";position:absolute;left:1.05rem;top:1.2rem;width:1.15rem;height:1.15rem;border-radius:50%;border:2px solid #C9C5BB;background:#fff}
.mbitq-mode:hover{border-color:var(--g)}
.mbitq-mode strong{display:block;font-size:1.05rem;color:var(--ink);margin-bottom:.2rem}
.mbitq-mode span{font-size:.88rem;color:var(--mut);line-height:1.45}
.mbitq-mode.is-on{border-color:var(--g);background:#F3F8F5;box-shadow:0 0 0 3px rgba(11,74,50,.08)}
.mbitq-mode.is-on::before{border-color:var(--g);background:radial-gradient(circle,var(--g) 0 45%,#fff 50%)}
.mbitq-fields{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;padding:1.1rem;background:var(--soft);border-radius:12px}
.mbitq-fields label{display:flex;flex-direction:column;font-size:.85rem;font-weight:600;color:var(--ink)}
.mbitq-fields small{font-weight:400;color:var(--mut)}
.mbitq-fields input{margin-top:.35rem;padding:.7rem .85rem;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}
.mbitq-fields input:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px rgba(11,74,50,.12)}
.mbitq-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--g);color:#fff !important;border:1.5px solid var(--g);border-radius:8px;padding:.75rem 1.4rem;font-weight:600;font-size:.98rem;cursor:pointer;text-decoration:none !important;transition:background .15s,transform .15s}
.mbitq-btn:hover{background:var(--gd);border-color:var(--gd)}
.mbitq-btn:active{transform:translateY(1px)}
.mbitq-btn:disabled{opacity:.35;cursor:not-allowed}
.mbitq-btn--ghost{background:#fff;color:var(--g) !important}
.mbitq-btn--ghost:hover{background:#F3F8F5;color:var(--g) !important}
.mbitq-btn--sm{padding:.5rem 1rem;font-size:.9rem}
.mbitq-link{background:none;border:0;color:var(--mut);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:.92rem}
.mbitq-err{color:var(--r);font-size:.9rem;margin:.6rem 0 0}
.mbitq-bar{display:flex;align-items:center;gap:1rem;position:sticky;top:calc(var(--wp-admin--admin-bar--height,0px) + 76px);z-index:5;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);margin:-.5rem 0 1.25rem;padding:.75rem 0;border-bottom:1px solid var(--line)}
.mbitq-timer{display:inline-flex;align-items:center;gap:.35rem;font-weight:700;font-size:1.05rem;color:var(--g);background:#F3F8F5;border-radius:999px;padding:.35rem .8rem;font-variant-numeric:tabular-nums}
.mbitq-timer.is-low{color:var(--r);background:#FDEEEE}
.mbitq-prog{flex:1;color:var(--mut);font-size:.9rem}
.mbitq-confirm{display:none;background:#FFF7F7;border:1px solid #F0CFD1;border-radius:12px;padding:1rem 1.1rem;margin-bottom:1.2rem}
.mbitq-confirm.is-on{display:block}
.mbitq-confirm p{margin:0 0 .75rem}
.mbitq-confirm .mbitq-btn{margin-right:.5rem}
.mbitq-qnum{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:.6rem}
.mbitq-qtext{font-size:1.1rem;line-height:1.65;color:var(--ink);margin-bottom:1rem}
.mbitq-qimg{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:10px;margin:.2rem 0 1rem}
.mbitq-opts{display:grid;gap:.6rem}
.mbitq-opt{display:flex;gap:.85rem;align-items:center;text-align:left;width:100%;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:.8rem 1rem;font-size:1rem;color:var(--ink);cursor:pointer;line-height:1.5;transition:border-color .12s,background .12s}
.mbitq-opt:hover{border-color:#9BB5A8;background:#FBFCFB}
.mbitq-opt__l{flex:0 0 2rem;height:2rem;border-radius:8px;display:grid;place-items:center;background:var(--soft);font-weight:700;font-size:.85rem;color:var(--mut)}
.mbitq-opt.is-picked{border-color:var(--g);background:#F3F8F5}
.mbitq-opt.is-picked .mbitq-opt__l{background:var(--g);color:#fff}
.is-review .mbitq-opt{cursor:default}
.is-review .mbitq-opt:hover{border-color:var(--line);background:#fff}
.mbitq-opt.is-right,.is-review .mbitq-opt.is-right:hover{border-color:var(--ok);background:#ECF7F1}
.mbitq-opt.is-right .mbitq-opt__l{background:var(--ok);color:#fff}
.mbitq-opt.is-wrong,.is-review .mbitq-opt.is-wrong:hover{border-color:var(--r);background:#FDEFEF}
.mbitq-opt.is-wrong .mbitq-opt__l{background:var(--r);color:#fff}
.mbitq-exp{margin-top:1rem;background:var(--soft);border-left:3px solid var(--g);border-radius:0 10px 10px 0;padding:.85rem 1rem;font-size:.95rem;line-height:1.6}
.mbitq .ok{color:var(--ok)}.mbitq .bad{color:var(--r)}.mbitq .blank{color:var(--mut)}
.mbitq-nav{display:flex;gap:.75rem;align-items:center;justify-content:space-between;margin-top:1.5rem;flex-wrap:wrap}
.mbitq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.5rem,1fr));gap:.4rem;margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.mbitq-cell{height:2.5rem;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--mut)}
.mbitq-cell:hover{border-color:var(--g)}
.mbitq-cell.is-done{background:var(--g);color:#fff;border-color:var(--g)}
.mbitq-cell.is-cur{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--r)}
.mbitq-result{text-align:center}
.mbitq-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700;color:var(--r);margin:.4rem 0 .2rem}
.mbitq-score{font-family:var(--wp--preset--font-family--heading,Georgia,serif);font-size:clamp(3rem,8vw,4.2rem);color:var(--g);font-weight:600;line-height:1.05}
.mbitq-score small{font-size:1.25rem;color:var(--mut);font-weight:500}
.mbitq-stats{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin:1rem 0 1.5rem}
.mbitq-stats span{background:var(--soft);border-radius:999px;padding:.4rem .9rem;font-weight:600;font-size:.92rem}
.mbitq-sec{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem;text-align:left;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mbitq-sec th{background:var(--g);color:#fff;font-weight:600;padding:.7rem .85rem}
.mbitq-sec td{padding:.65rem .85rem;border-top:1px solid var(--line)}
.mbitq-sec tbody tr:nth-child(even) td{background:#FBFAF7}
.mbitq-result .mbitq-nav{justify-content:center}
.mbitq-review{text-align:left;margin-top:2rem}
.mbitq-rq{border-top:1px solid var(--line);padding:1.4rem 0}
.mbitq-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.1rem;margin:1.75rem 0}
.mbitq-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.4rem 1.4rem 1.3rem;overflow:hidden;box-shadow:0 18px 40px -34px rgba(6,42,28,.5);transition:transform .2s,box-shadow .2s}
.mbitq-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#008C45 0 33.33%,#F4F5F0 33.33% 66.66%,#CD212A 66.66%)}
.mbitq-card:hover{transform:translateY(-3px);box-shadow:0 24px 48px -30px rgba(6,42,28,.55)}
.mbitq-tag{align-self:flex-start;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--r);margin-bottom:.55rem}
.mbitq-card h3{margin:0 0 .8rem;font-size:1.3rem;line-height:1.25;color:var(--ink)}
.mbitq-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0 0 1.2rem;padding:0}
.mbitq-chips li{background:var(--soft);border-radius:999px;padding:.25rem .7rem;font-size:.8rem;font-weight:600;color:var(--mut);margin:0}
.mbitq-card__btns{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:auto}
.mbitq-card .mbitq-btn{width:100%;padding:.65rem .8rem;font-size:.93rem}
.mbitq-back{margin:1.5rem 0 0}
.mbitq-back a{font-weight:600;text-decoration:none}
@media (max-width:640px){.mbitq-modes,.mbitq-fields{grid-template-columns:1fr}.mbitq-bar{top:var(--wp-admin--admin-bar--height,0px)}.mbitq-nav .mbitq-btn{flex:1}}