/* DASS 1.0.6: scoped presentation, no theme-wide overrides. */
.mbti-checker-container.mbti-stepped.mbti-stepped.mbti-stepped { --mbti-primary-color:#176b61; --mbti-border-color:#d7e3df; background:transparent; color:#243c36; }
.mbti-stepped.mbti-stepped.mbti-stepped [hidden] { display:none !important; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-workspace,
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-workspace * { box-sizing:border-box; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-workspace { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:24px; align-items:start; font:400 15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; scroll-margin-top:90px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-stage { display:block; min-width:0; padding:28px; background:#fff; border:1px solid #dce7e2; border-radius:22px; box-shadow:0 12px 36px #213c3210; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-step-header { display:block; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid #e4ece8; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-eyebrow { display:block; font-size:10px; font-weight:750; letter-spacing:1.8px; color:#52736a; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-step-title { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:10px 0; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-step-title h2 { display:block; font-size:23px; line-height:1.3; letter-spacing:-.6px; margin:0; font-weight:700; color:#203c34; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-position { display:inline-block; padding:4px 10px; border-radius:20px; background:#edf5f1; color:#246052; font-size:12px; font-weight:700; white-space:nowrap; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-step-header p { display:block; margin:0; font-size:13px; color:#62766e; line-height:1.7; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-form-slot,.mbti-stepped.mbti-stepped.mbti-stepped #mbtiCheckerForm,.mbti-stepped.mbti-stepped.mbti-stepped .mbti-section { display:block; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-section>h2 { display:block; font-size:12px; color:#537268; font-weight:600; margin:0 0 12px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-question { display:block; padding:0; border:0; border-radius:0; background:transparent; margin:0; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-question h3 { display:block; color:#203c34; font-size:22px; font-weight:650; line-height:1.5; margin:0 0 24px; letter-spacing:-.3px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-answers { display:grid; gap:12px; margin:0; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-answer { display:block; position:relative; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-answer input[type=radio], .mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-answer input[type=checkbox] { position:absolute; width:20px; height:20px; left:16px; top:50%; transform:translateY(-50%); margin:0 !important; z-index:1; background:#fff; border:2px solid #a6bbb2; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-answer label { display:flex; align-items:center; min-height:64px; padding:15px 16px 15px 49px; border:1px solid #dce6e0; border-radius:13px; background:#f8faf8; font-size:14px; line-height:1.6; color:#344b42; cursor:pointer; transition:background .15s,border-color .15s; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-answer label:hover { background:#f0f6f2; border-color:#84b5a0; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-answer input:checked+label { background:#eaf5ee; border-color:#2c8465; box-shadow:0 0 0 1px #2c8465; color:#164f3d; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-answer input:checked { border-color:#247b5d; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-answer input:checked::after { background:#247b5d; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-controls { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:24px; padding-top:18px; border-top:1px solid #e4ece8; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-controls button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 10px; border:1px solid #dce6e0; border-radius:9px; font-size:12px; font-weight:600; cursor:pointer; background:#fff; color:#3c6052; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-controls button[aria-pressed=true] { background:#fff1d7; border-color:#bc8528; color:#795015; }
.mbti-stepped.mbti-stepped.mbti-stepped button:disabled { cursor:default; opacity:.48; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-auto { display:flex; gap:8px; align-items:center; margin-top:16px; font-size:12px; color:#50695e; cursor:pointer; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-auto input { all:revert; accent-color:#176b61; width:17px; height:17px; margin:0; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-help { display:block; color:#697c72; font-size:11px; line-height:1.7; margin:10px 0 0; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-notice { display:block; font-size:13px; color:#176b61; margin:12px 0 0; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-notice:empty { display:none; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-sidebar { display:block; position:sticky; top:100px; padding:22px; border:1px solid #d8e5dd; border-radius:22px; background:#f3f7f2; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-sidebar-top { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-sidebar .mbti-eyebrow { font-size:9px; letter-spacing:1.2px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-percent { display:block; font-size:12px; font-weight:700; color:#176b61; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-count { display:flex; align-items:baseline; gap:4px; margin:16px 0 10px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-count strong { font-size:36px; font-weight:700; letter-spacing:-1.5px; line-height:1.1; color:#203e31; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-count span { font-size:12px; color:#5c7565; }
.mbti-stepped.mbti-stepped.mbti-stepped progress { all:revert; display:block; box-sizing:border-box; appearance:none; width:100%; height:6px; border:0; border-radius:8px; overflow:hidden; background:#dce7dc; accent-color:#27825f; }
.mbti-stepped.mbti-stepped.mbti-stepped progress::-webkit-progress-bar { background:#dce7dc; }
.mbti-stepped.mbti-stepped.mbti-stepped progress::-webkit-progress-value { background:#27825f; border-radius:8px; }
.mbti-stepped.mbti-stepped.mbti-stepped progress::-moz-progress-bar { background:#27825f; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-time { display:flex; justify-content:space-between; align-items:center; padding:18px 0; margin-bottom:4px; border-bottom:1px solid #dbe5da; font-size:11px; color:#526a5a; }
.mbti-stepped.mbti-stepped.mbti-stepped time { display:block; font:600 18px/1.4 ui-monospace,monospace; font-variant-numeric:tabular-nums; color:#2d5040; }
.mbti-stepped.mbti-stepped.mbti-stepped details { display:block; }
.mbti-stepped.mbti-stepped.mbti-stepped summary { display:flex; justify-content:space-between; cursor:pointer; list-style:none; min-height:44px; align-items:center; color:#365740; font-size:13px; font-weight:650; }
.mbti-stepped.mbti-stepped.mbti-stepped summary span { font-size:10px; font-weight:400; color:#617861; }
.mbti-stepped.mbti-stepped.mbti-stepped details:not([open])>:not(summary) { display:none; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:8px 0 16px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-grid button { display:flex; align-items:center; justify-content:center; min-height:44px; border:1px solid #cbd9ca; border-radius:9px; background:#fff; color:#55714f; font-size:13px; font-weight:600; cursor:pointer; position:relative; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-grid .is-done { background:#dceee0; border-color:#a0c6a8; color:#215b39; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-grid .is-done::after { content:'✓'; position:absolute; font-size:9px; right:3px; bottom:0; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-grid .is-current { border-color:#4d638d; box-shadow:0 0 0 2px #4d638d; color:#293f67; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-grid .is-flagged::before { content:'⚑'; position:absolute; font-size:12px; color:#916014; right:1px; top:-7px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-legend { display:grid; grid-template-columns:1fr 1fr; gap:9px 5px; font-size:10px; color:#526c50; padding-bottom:20px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-legend span { display:flex; align-items:center; gap:6px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-legend i { display:inline-block; width:10px; height:10px; border-radius:3px; background:white; border:1px solid #a6b9a3; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-legend .done { background:#93be9b; border-color:#739d79; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-legend .active { background:#edf0f9; border:2px solid #4d638d; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-legend .flagged { background:#d4ac65; border-color:#a77c32; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-finish { display:flex; justify-content:center; align-items:center; min-height:48px; width:100%; padding:12px; background:#176b61; color:#fff; font-size:13px; font-weight:650; border-radius:11px; cursor:pointer; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-finish:enabled:hover { background:#11564d; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-remaining { display:block; text-align:center; font-size:11px; color:#61765a; line-height:1.6; margin:10px 0 0; }
.mbti-stepped.mbti-stepped.mbti-stepped #mbtiCheckerForm>.mbti-checker-submit { display:none; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-intro { background:#f7f9f6; border:1px solid #dce7df; border-radius:16px; padding:20px 24px; margin-bottom:22px; font-size:13px; line-height:1.7; color:#52675b; }
.mbti-stepped.mbti-stepped.mbti-stepped button:focus-visible,.mbti-stepped.mbti-stepped.mbti-stepped summary:focus-visible,.mbti-stepped.mbti-stepped.mbti-stepped input:focus-visible,.mbti-stepped.mbti-stepped.mbti-stepped h3:focus-visible { outline:3px solid #4d638d; outline-offset:4px; }
@media(max-width:760px) {
 .mbti-checker-container.mbti-stepped.mbti-stepped.mbti-stepped { padding:12px 0; }
 .mbti-stepped.mbti-stepped.mbti-stepped .mbti-workspace { grid-template-columns:1fr; gap:16px; }
 .mbti-stepped.mbti-stepped.mbti-stepped .mbti-stage { padding:20px; border-radius:18px; }
 .mbti-stepped.mbti-stepped.mbti-stepped .mbti-sidebar { position:static; padding:20px; border-radius:18px; }
 .mbti-stepped.mbti-stepped.mbti-stepped .mbti-step-title h2 { font-size:21px; }
 .mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-question h3 { font-size:20px; margin-bottom:18px; }
 .mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-answer label { font-size:14px; min-height:64px; }
 .mbti-stepped.mbti-stepped.mbti-stepped .mbti-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
 .mbti-stepped.mbti-stepped.mbti-stepped .mbti-count { margin-top:10px; }
 .mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-intro { padding:16px; font-size:12px; }
 .mbti-stepped.mbti-stepped.mbti-stepped .mbti-controls button { font-size:11px; padding:8px; }
}
@media(prefers-reduced-motion:reduce) { .mbti-stepped.mbti-stepped.mbti-stepped * { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }


.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-question-wrapper { padding:0; width:100%; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-grid { max-height:330px; overflow:auto; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-question .mbti-checker-bold { display:block; font-size:22px; font-weight:650; line-height:1.5; margin-bottom:20px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-question .mbti-checker-title { display:block; margin-bottom:12px; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-legacy-timer { display:block; font-size:12px; margin:10px 0; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-answers > label, .mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-text-answers > label { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid #dce6e0; border-radius:13px; background:#f8faf8; margin-bottom:12px; cursor:pointer; line-height:1.6; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-question label:has(input:checked) { background:#eaf5ee; border-color:#247b5d; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-question label > input { all:revert; width:20px; height:20px; flex-shrink:0; accent-color:#176b61; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-checker-question img { max-width:100%; height:auto; }
.mbti-stepped.mbti-checker-form { width:min(1100px,96vw); max-width:96vw; padding:28px; }
@media(max-width:760px){ .mbti-stepped.mbti-checker-form { padding:12px; } }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-workspace button { min-width:0; width:auto; margin:0; letter-spacing:normal; text-transform:none; line-height:1.4; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-grid button { width:100%; padding:0; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-auto input::before, .mbti-stepped.mbti-stepped.mbti-stepped .mbti-auto input::after { content:none !important; }
.mbti-stepped.mbti-stepped.mbti-stepped .mbti-finish { width:100%; }
.mbti-stepped.mbti-checker-form > .mbti-workspace { width:100%; }