.interview-app{--iv-ink: #17191d;--iv-muted: #686a70;--iv-paper: #f1ede5;--iv-card: #fffdf8;--iv-line: #d9d3c8;--iv-soft-line: #e8e2d8;--iv-accent: #c9f36b;--iv-blue: #3559ff;--iv-shadow: 0 18px 45px rgba(40, 35, 24, .08);min-height:100vh;background:var(--iv-paper);color:var(--iv-ink);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.45}.interview-app *{box-sizing:border-box}.interview-app button,.interview-app input,.interview-app select{font:inherit}.interview-app button,.interview-app a{color:inherit}.interview-app h1,.interview-app h2,.interview-app h3,.interview-app h4,.interview-app p{margin:0}.interview-header{background:var(--iv-ink);color:#faf8f2;overflow:hidden;position:relative}.interview-header:after{background:var(--iv-accent);bottom:-56px;content:"";height:140px;opacity:.9;position:absolute;right:-20px;transform:rotate(-8deg);width:42%}.interview-header-inner{margin:0 auto;max-width:1600px;padding:28px clamp(20px,4vw,64px) 58px;position:relative;z-index:1}.interview-brand-row,.interview-heading,.detail-topline,.detail-meta,.results-toolbar,.section-heading-row,.card-topline,.card-footer,.detail-bottom,.code-label{align-items:center;display:flex}.interview-brand-row{gap:12px}.interview-back{color:#d6d6d0;font-size:.78rem;letter-spacing:.03em;text-decoration:none}.interview-back:hover{color:var(--iv-accent)}.header-rule{background:#595b61;height:1px;width:40px}.header-label{color:var(--iv-accent);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.interview-heading{align-items:flex-end;gap:32px;justify-content:space-between;margin-top:68px}.interview-heading h1{color:#faf8f2;font-size:clamp(2.8rem,7vw,6.4rem);font-weight:700;letter-spacing:-.07em;line-height:.9;max-width:760px}.eyebrow{color:var(--iv-muted);font-size:.68rem;font-weight:800;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.interview-header .eyebrow{color:var(--iv-accent)}.header-description{color:#c3c2bb;font-size:1rem;margin-top:22px;max-width:530px}.header-stats{display:flex;gap:clamp(16px,3vw,40px);padding-bottom:3px;white-space:nowrap}.header-stats div{display:flex;flex-direction:column;gap:3px}.header-stats strong{color:var(--iv-accent);font-size:1.7rem;letter-spacing:-.04em;line-height:1}.header-stats span{color:#b1b1aa;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.interview-layout{display:grid;gap:clamp(18px,3vw,38px);grid-template-columns:minmax(230px,280px) minmax(0,1fr);margin:0 auto;max-width:1600px;padding:24px clamp(20px,4vw,64px) 80px}.interview-filters{align-self:start;background:#fffdf8b3;border:1px solid var(--iv-line);border-radius:2px;max-height:calc(100vh - 32px);overflow-y:auto;padding:20px 18px;position:sticky;top:16px}.filters-heading{align-items:flex-start;display:flex;justify-content:space-between}.filters-heading h2,.section-heading-row h2{font-size:1.25rem;letter-spacing:-.04em}.text-button,.practice-link{background:transparent;border:0;cursor:pointer;font-size:.73rem;font-weight:700;padding:3px 0;text-decoration:underline;text-underline-offset:3px}.text-button{color:var(--iv-blue)}.text-button:hover,.practice-link:hover{color:var(--iv-ink)}.search-field,.sort-field{display:flex;flex-direction:column;gap:7px}.search-field{margin-top:22px}.search-field>span,.sort-field>span{color:var(--iv-muted);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.search-field input,.sort-field select{background:#fffefa;border:1px solid var(--iv-line);border-radius:0;color:var(--iv-ink);min-height:38px;outline:none;padding:8px 10px;width:100%}.search-field input:focus,.sort-field select:focus{border-color:var(--iv-blue);box-shadow:0 0 0 2px #3559ff1f}.filter-summary{border-bottom:1px solid var(--iv-soft-line);color:var(--iv-muted);font-size:.73rem;margin-top:11px;padding-bottom:14px}.filter-group{border:0;margin:20px 0 0;padding:0}.filter-group legend{color:var(--iv-ink);font-size:.74rem;font-weight:800;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.checkbox-list,.area-groups{display:grid;gap:7px}.area-groups{gap:13px}.area-group{display:grid;gap:6px}.area-group p{color:var(--iv-muted);font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.checkbox-row,.switch-row{align-items:flex-start;cursor:pointer;display:flex;gap:8px}.checkbox-row{color:#45474c;font-size:.78rem;line-height:1.25}.switch-row{color:#33353a;font-size:.8rem;margin-top:9px}.checkbox-row input,.switch-row input{accent-color:var(--iv-blue);margin:2px 0 0}.style-picker{display:flex;flex-wrap:wrap;gap:5px}.style-choice{background:#fffefa;border:1px solid var(--iv-line);cursor:pointer;font-size:.7rem;padding:6px 8px}.style-choice.active{background:var(--iv-ink);border-color:var(--iv-ink);color:#fff}.interview-main{min-width:0}.results-toolbar{justify-content:space-between;margin-bottom:14px}.results-count{color:var(--iv-muted);font-size:.86rem}.results-count strong{color:var(--iv-ink);font-size:1.3rem;letter-spacing:-.04em}.sort-controls{align-items:flex-end;display:flex;gap:6px}.sort-field{min-width:210px}.sort-field select{min-height:34px;padding:6px 9px}.reshuffle-button{background:var(--iv-card);border:1px solid var(--iv-ink);cursor:pointer;font-size:.7rem;font-weight:700;min-height:34px;padding:6px 10px}.reshuffle-button:hover{background:var(--iv-ink);color:#fff}.toolbar-tools{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.progress-tools{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.progress-count{color:var(--iv-muted);font-size:.72rem;margin-right:3px}.progress-btn{background:var(--iv-card);border:1px solid var(--iv-line);cursor:pointer;font-size:.7rem;font-weight:700;min-height:34px;padding:6px 9px}.progress-btn:hover{border-color:var(--iv-ink)}.progress-feedback{background:var(--iv-card);border-left:3px solid var(--iv-blue);color:var(--iv-ink);font-size:.82rem;margin-bottom:12px;padding:8px 10px}.progress-block{border-top:1px solid var(--iv-soft-line);margin-top:24px;padding-top:18px}.status-picker{display:flex;flex-wrap:wrap;gap:5px}.status-choice{background:var(--iv-card);border:1px solid var(--iv-line);cursor:pointer;font-size:.78rem;font-weight:700;padding:7px 11px}.status-choice:hover{border-color:var(--iv-ink)}.status-choice.active{background:var(--iv-blue);border-color:var(--iv-blue);color:#fff}.note-field{display:flex;flex-direction:column;gap:6px;margin-top:10px}.note-field>span{color:var(--iv-muted);font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.note-field textarea{background:var(--iv-card);border:1px solid var(--iv-line);color:var(--iv-ink);font-family:inherit;font-size:.85rem;line-height:1.45;padding:9px 10px;resize:vertical;width:100%}.note-field textarea:focus{border-color:var(--iv-blue);outline:none}.detail-panel{background:var(--iv-card);border:1px solid var(--iv-ink);box-shadow:var(--iv-shadow);padding:clamp(20px,3vw,34px);position:sticky;top:16px;z-index:5}.empty-detail{border-color:var(--iv-line);box-shadow:none}.empty-detail h2{font-size:1.65rem;letter-spacing:-.05em;margin-bottom:8px}.empty-detail p:last-child{color:var(--iv-muted)}.detail-topline{gap:15px;justify-content:space-between}.detail-meta{flex-wrap:wrap;gap:8px}.level-pill{background:var(--level-soft);color:var(--level-color);display:inline-flex;font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:5px 7px;text-transform:uppercase}.detail-area{font-size:.78rem;font-weight:700}.detail-frequency{color:var(--iv-muted);font-size:.72rem}.practice-link{color:var(--iv-blue);white-space:nowrap}.detail-topic{color:var(--iv-muted);font-size:.72rem;letter-spacing:.08em;margin-top:23px!important;text-transform:uppercase}.detail-panel h2{font-size:clamp(1.45rem,2.5vw,2.35rem);letter-spacing:-.055em;line-height:1.02;margin-top:9px;max-width:950px}.answer-toggle{align-items:center;background:var(--iv-ink);border:0;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:800;justify-content:space-between;letter-spacing:.08em;margin-top:24px;padding:11px 13px;text-transform:uppercase;width:min(100%,230px)}.answer-toggle:hover{background:var(--iv-blue)}.answer-toggle span:last-child{color:var(--iv-accent);font-size:1.1rem;line-height:.7}.answer-panel{border-left:3px solid var(--iv-accent);margin-top:18px;padding:0 0 3px 16px}.answer-copy{color:#303238;font-size:.95rem;max-width:920px}.answer-copy p{margin-bottom:10px}.answer-copy p:last-child{margin-bottom:0}.answer-copy ul{margin:0 0 10px;padding-left:20px}.answer-copy li{margin-bottom:5px}.answer-copy code{background:#ebe7de;border-radius:2px;color:#323b75;font-family:SF Mono,Consolas,monospace;font-size:.85em;padding:2px 4px}.interview-code{margin:18px 0 0}.code-label{background:#202329;color:#d2d4d8;font-family:SF Mono,Consolas,monospace;font-size:.68rem;gap:12px;justify-content:space-between;padding:7px 10px}.code-label span:first-child{color:var(--iv-accent);text-transform:uppercase}.code-label span:last-child{color:#aaaeb4;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-output{overflow-x:auto}.code-output pre{border-radius:0!important;margin:0!important;min-width:100%;padding:14px!important}.code-output code{background:transparent;color:inherit;padding:0}.tricky-list{border-top:1px solid var(--iv-soft-line);margin-top:24px;padding-top:18px}.section-kicker{align-items:center;color:var(--iv-muted);display:flex;font-size:.68rem;font-weight:800;gap:7px;letter-spacing:.12em;margin-bottom:11px;text-transform:uppercase}.section-dot{background:var(--iv-blue);border-radius:50%;height:7px;width:7px}.tricky-item{background:#f5f0e7;border-left:2px solid var(--iv-blue);margin-top:8px;padding:12px 14px}.tricky-item h3{font-size:.9rem;letter-spacing:-.02em}.tricky-item p{color:#41434a;font-size:.84rem;margin-top:7px!important}.tricky-item .trap-note{color:#67616b}.detail-bottom{align-items:flex-start;border-top:1px solid var(--iv-soft-line);gap:14px;justify-content:space-between;margin-top:24px;padding-top:15px}.role-list{display:flex;flex-wrap:wrap;gap:5px}.role-list span{border:1px solid var(--iv-line);color:var(--iv-muted);font-size:.65rem;padding:4px 6px}.source-links{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:flex-end}.source-links a{color:var(--iv-blue);font-size:.68rem;text-decoration:none}.source-links a:hover{text-decoration:underline}.question-section,.practice-section,.sources-section{margin-top:62px}.section-heading-row{justify-content:space-between;margin-bottom:15px}.section-count{color:var(--iv-muted);font-size:.72rem}.question-grid{display:grid;gap:9px;grid-template-columns:repeat(auto-fill,minmax(235px,1fr))}.question-card{background:#fffdf8b8;border:1px solid var(--iv-line);border-radius:0;cursor:pointer;display:flex;flex-direction:column;min-height:190px;padding:14px;text-align:left;transition:background .13s ease,border-color .13s ease,transform .13s ease}.question-card:hover{background:var(--iv-card);border-color:var(--iv-ink);transform:translateY(-2px)}.question-card.active{background:var(--iv-ink);border-color:var(--iv-ink);color:#fff}.card-topline{justify-content:space-between}.card-index{color:var(--iv-muted);font-family:SF Mono,Consolas,monospace;font-size:.65rem}.question-card.active .card-index{color:#a8aaa9}.card-area{color:var(--iv-muted);font-size:.68rem;font-weight:700;margin-top:13px;text-transform:uppercase}.question-card.active .card-area{color:var(--iv-accent)}.card-question{font-size:.92rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-top:7px}.card-footer{color:var(--iv-muted);font-size:.67rem;gap:8px;justify-content:space-between;margin-top:auto;padding-top:14px}.question-card.active .card-footer{color:#b5b5b0}.card-flags{display:flex;gap:4px}.card-flags span{color:var(--iv-blue);font-weight:800}.question-card.active .card-flags span{color:var(--iv-accent)}.no-results{background:var(--iv-card);border:1px solid var(--iv-line);padding:40px 24px;text-align:center}.no-results-mark{color:var(--iv-blue);display:block;font-size:3rem;font-weight:300;line-height:1}.no-results h3{font-size:1.15rem;margin-top:13px}.no-results p{color:var(--iv-muted);font-size:.85rem;margin-top:6px}.primary-button{background:var(--iv-ink);border:0;color:#fff;cursor:pointer;font-size:.74rem;font-weight:700;margin-top:18px;padding:9px 13px}.quiz-area-picker{display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.quiz-area-item{min-width:0}.quiz-area-button{background:#fffdf8b3;border:1px solid var(--iv-line);cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:68px;padding:11px;text-align:left;width:100%}.quiz-area-button:hover,.quiz-area-button.active{background:var(--iv-ink);border-color:var(--iv-ink);color:#fff}.quiz-area-button span{font-size:.8rem;font-weight:700}.quiz-area-button small{color:var(--iv-muted);font-size:.67rem}.quiz-area-button.active small{color:#b9bbb4}.quiz-area-plan{margin-top:6px;display:flex;flex-direction:column;gap:3px}.quiz-area-plan small{color:var(--iv-muted);font-size:.68rem;line-height:1.35}.quiz-area-plan a{font-size:.72rem;font-weight:700;color:var(--iv-ink);text-decoration:underline;text-underline-offset:2px}.quiz-panel{background:var(--iv-card);border:1px solid var(--iv-line);margin-top:14px;padding:clamp(18px,3vw,32px)}.quiz-intro{border-bottom:1px solid var(--iv-soft-line);padding-bottom:18px}.quiz-intro h3{font-size:1.45rem;letter-spacing:-.04em}.quiz-intro>p:last-child{color:var(--iv-muted);font-size:.85rem;margin-top:7px}.mcq-list{display:grid;gap:20px;margin-top:22px}.mcq{border:0;min-width:0;padding:0}.mcq legend{font-size:.92rem;font-weight:700;line-height:1.3;padding:0;width:100%}.mcq legend span{color:var(--iv-blue);font-family:SF Mono,Consolas,monospace;font-size:.7rem;margin-right:10px}.mcq-options{display:grid;gap:5px;margin-top:10px}.mcq-option{align-items:flex-start;background:#f7f3ec;border:1px solid transparent;cursor:pointer;display:flex;font-size:.82rem;gap:8px;padding:9px}.mcq-option:hover{border-color:var(--iv-blue)}.mcq-option.correct{border-color:#4e8d5b}.mcq-option input{accent-color:var(--iv-blue);margin-top:3px}.mcq-feedback{background:#f3e6e2;border-left:2px solid #b34a3d;margin-top:8px;padding:9px 11px}.mcq-feedback.good{background:#e9f1e4;border-left-color:#4e8d5b}.mcq-feedback strong{font-size:.74rem}.mcq-feedback p{color:#45474b;font-size:.79rem;margin-top:4px}.scenario-list{border-top:1px solid var(--iv-soft-line);margin-top:28px;padding-top:21px}.scenario{border-bottom:1px solid var(--iv-soft-line);padding:10px 0 13px}.scenario summary{cursor:pointer;font-size:.87rem;font-weight:700;line-height:1.3}.scenario summary::marker{color:var(--iv-blue)}.scenario-answer{color:#3c3e44;font-size:.84rem;margin-top:15px}.scenario-answer h4{color:var(--iv-ink);font-size:.7rem;letter-spacing:.08em;margin:16px 0 6px;text-transform:uppercase}.scenario-answer ul{margin:0;padding-left:19px}.scenario-answer li{margin-bottom:4px}.quiz-placeholder{align-items:center;background:#fffdf880;border:1px dashed var(--iv-line);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:120px;padding:20px}.placeholder-line{background:var(--iv-accent);height:3px;width:38px}.quiz-placeholder p{color:var(--iv-muted);font-size:.84rem}.sources-grid{display:grid;gap:7px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.sources-grid a{background:#fffdf899;border:1px solid var(--iv-line);display:flex;flex-direction:column;gap:6px;min-height:68px;padding:11px;text-decoration:none}.sources-grid a:hover{background:var(--iv-card);border-color:var(--iv-blue)}.sources-grid span{font-size:.78rem;font-weight:700;line-height:1.2}.sources-grid small{color:var(--iv-muted);font-size:.66rem}.interview-app .level-junior{--level-color: #2d7b4e;--level-soft: #e5f1e4}.interview-app .level-semi-senior{--level-color: #4c7192;--level-soft: #e7eef4}.interview-app .level-senior{--level-color: #a26b14;--level-soft: #f8edd1}.interview-app .level-staff-lead{--level-color: #a04c35;--level-soft: #f5e3dd}.interview-app .level-architect{--level-color: #754c98;--level-soft: #eee4f4}.interview-app.level-style-cool .level-junior{--level-color: #237c93;--level-soft: #def1f3}.interview-app.level-style-cool .level-semi-senior{--level-color: #4b75b4;--level-soft: #e3ebfa}.interview-app.level-style-cool .level-senior{--level-color: #5962a8;--level-soft: #e9e8f8}.interview-app.level-style-cool .level-staff-lead{--level-color: #7259aa;--level-soft: #eee8fa}.interview-app.level-style-cool .level-architect{--level-color: #8b4c88;--level-soft: #f4e5f3}.interview-app.level-style-neutral .level-junior,.interview-app.level-style-neutral .level-semi-senior{--level-color: #4c5359;--level-soft: #e9ebeb}.interview-app.level-style-neutral .level-senior,.interview-app.level-style-neutral .level-staff-lead{--level-color: #30363d;--level-soft: #e1e4e7}.interview-app.level-style-neutral .level-architect{--level-color: #16191d;--level-soft: #d9dde0}@media(prefers-reduced-motion:reduce){.interview-app *{scroll-behavior:auto!important;transition:none!important}}@media(max-width:980px){.interview-layout{grid-template-columns:230px minmax(0,1fr)}.header-stats{gap:16px}.header-stats strong{font-size:1.35rem}.question-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}}@media(max-width:760px){.interview-header-inner{padding-bottom:42px}.interview-heading{align-items:flex-start;flex-direction:column;margin-top:44px}.header-stats{width:100%}.interview-header:after{bottom:-80px;height:130px;right:-100px;width:75%}.interview-layout{display:block;padding-top:14px}.interview-filters{max-height:none;position:static}.interview-main{margin-top:24px}.detail-panel{position:sticky;top:8px}.detail-bottom{align-items:flex-start;flex-direction:column}.source-links{justify-content:flex-start}}@media(max-width:520px){.interview-header-inner{padding-left:16px;padding-right:16px}.interview-heading h1{font-size:3.1rem}.header-description{font-size:.88rem}.interview-layout{padding-left:16px;padding-right:16px}.results-toolbar{align-items:flex-end;gap:13px}.sort-controls{flex:1;justify-content:flex-end}.sort-field{min-width:0;width:100%}.detail-topline{align-items:flex-start;flex-direction:column}.practice-link{align-self:flex-start}.detail-panel{padding:18px}.detail-panel h2{font-size:1.5rem}.question-grid{grid-template-columns:1fr}.question-card{min-height:160px}.section-heading-row{align-items:flex-end}.quiz-area-picker{grid-template-columns:1fr}}