:root{--ink:#151719;--paper:#f4f1ea;--card:#fffdf8;--line:#d9d3c7;--muted:#696b6b;--red:#dc2d24;--red-dark:#a51f1a;--blue:#1d4f72;--green:#28724f;--orange:#a35e15;--shadow:0 14px 40px rgba(24,24,20,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f8f6f0 0,#f0ede5 100%);line-height:1.55}a{color:inherit}button,input,select{font:inherit}.site-header{height:72px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#151719;color:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--red);display:grid;place-items:center;font-family:Georgia,serif;font-style:italic}.site-header nav{display:flex;align-items:center;gap:8px}.site-header nav a{padding:9px 13px;border-radius:7px;color:#d8d8d3;text-decoration:none;font-size:.92rem}.site-header nav a:hover,.site-header nav a[aria-current=page]{background:#2a2c2e;color:#fff}.page-shell{max-width:1240px;margin:0 auto;padding:54px 24px 90px}.site-footer{padding:24px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.5rem,5vw,5.5rem);letter-spacing:-.055em;line-height:.95;margin-bottom:22px}h2{font-size:1.55rem;letter-spacing:-.035em}.eyebrow{text-transform:uppercase;font-size:.72rem;letter-spacing:.16em;font-weight:800;color:var(--red);margin-bottom:12px}.lead{font-size:1.15rem;max-width:660px;color:#515352}.hero{min-height:520px;display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:80px;border-bottom:1px solid var(--line)}.hero h1 span{color:var(--red)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;padding:11px 18px;border:1px solid transparent;border-radius:7px;text-decoration:none;font-weight:750;cursor:pointer}.button.primary{background:var(--red);color:#fff}.button.primary:hover{background:var(--red-dark)}.button.secondary{background:transparent;border-color:#bdb7ab}.button.large{padding:15px 24px;font-size:1.02rem}.button.full{width:100%}.hero-panel{background:var(--ink);color:#fff;border-radius:18px;padding:30px;box-shadow:var(--shadow);transform:rotate(1deg)}.signal{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.signal i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#54c987;margin-right:7px;box-shadow:0 0 0 5px rgba(84,201,135,.12)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#3b3d3e;margin:28px 0 0}.stats div{background:var(--ink);padding:24px 16px}.stats dt{font:700 2.3rem Georgia,serif}.stats dd{margin:3px 0 0;color:#b8b8b2;font-size:.8rem}.section-head,.page-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head{margin:72px 0 24px}.section-head h2,.page-heading h1{margin-bottom:0}.page-heading{margin-bottom:34px}.page-heading h1{font-size:clamp(2.7rem,6vw,4.7rem)}.page-heading p:last-child{color:var(--muted);margin:8px 0 0}.department-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.department-card{min-height:220px;padding:24px;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--red);border-radius:10px;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 4px 14px rgba(24,24,20,.035);transition:.18s transform,.18s box-shadow}.department-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.department-card.group-electrical{border-top-color:var(--blue)}.department-card.group-organization{border-top-color:var(--orange)}.department-card h3{font-size:1.25rem;margin:8px 0}.department-card p{font-size:.9rem;color:var(--muted);flex:1}.group-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.card-link{font-weight:750;font-size:.87rem}.browser-layout{display:grid;grid-template-columns:270px 1fr;gap:26px;align-items:start}.filter-panel{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px;position:sticky;top:94px;max-height:calc(100vh - 118px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.filter-panel form,.builder{display:grid;gap:18px}label{font-size:.82rem;font-weight:750;display:grid;gap:6px}input,select{width:100%;padding:10px 11px;background:#fff;border:1px solid #bdb7ab;border-radius:6px;color:var(--ink)}input:focus,select:focus{outline:3px solid rgba(220,45,36,.18);border-color:var(--red)}fieldset{border:0;padding:0;margin:0}fieldset legend{font-size:.82rem;font-weight:750;margin-bottom:8px}.check{display:flex;align-items:center;gap:8px;font-weight:500;margin:6px 0}.check input{width:auto}.clear-link{text-align:center;font-size:.84rem;color:var(--muted)}.question-list{display:grid;gap:12px}.question-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:22px}.question-card h2{font-family:Georgia,serif;font-weight:500;line-height:1.3;margin:14px 0}.question-card h2 a{text-decoration:none}.question-card h2 a:hover{color:var(--red)}.question-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.question-meta span{padding-right:9px;border-right:1px solid var(--line)}.question-meta span:last-child{border:0}.status-verified{color:var(--green)}.status-conflicting{color:var(--red)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{font-size:.73rem;padding:5px 9px;border-radius:999px;background:#eee4e0;color:#6f261f}.chips .muted-chip{background:#eceae4;color:#5e605f}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:18px}.empty{background:var(--card);border:1px dashed var(--line);padding:60px;text-align:center;border-radius:10px}.back-link{display:inline-block;margin-bottom:24px;color:var(--muted)}.detail-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:clamp(24px,5vw,58px);box-shadow:var(--shadow)}.detail-card>h1{font-size:clamp(2rem,4vw,3.8rem);max-width:1000px;margin:28px 0}.question-image{display:block;max-width:min(100%,720px);max-height:560px;object-fit:contain;border-radius:8px;border:1px solid var(--line);margin:18px 0}.option-list{display:grid;gap:8px;padding:0;list-style:none;counter-reset:answers}.option-list li{counter-increment:answers;display:flex;justify-content:space-between;padding:14px;background:#f2efe8;border-radius:7px}.option-list li:before{content:counter(answers,upper-alpha);font-weight:800;margin-right:14px}.option-list li span{flex:1}.option-list .correct-option{background:#e1f1e8;color:#155a39}.answer-box{margin-top:32px;padding:22px;border-left:4px solid var(--green);background:#edf6f1}.detail-columns{display:grid;grid-template-columns:1fr 2fr;gap:34px;margin-top:36px}.plain-list{padding-left:18px}.muted{color:var(--muted)}.builder{max-width:980px}.form-card{position:relative;padding:28px 30px;background:var(--card);border:1px solid var(--line);border-radius:12px}.form-card h2{margin:0 0 18px}.step{position:absolute;right:25px;top:22px;font:700 2.3rem Georgia,serif;color:#ded9ce}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hint{font-weight:400;color:var(--muted)}.department-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.department-options label{display:block}.department-options input{position:absolute;opacity:0;width:1px}.department-options span{display:flex;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:7px;cursor:pointer}.department-options small{font-weight:400;color:var(--muted);text-transform:capitalize}.department-options input:checked+span{border-color:var(--red);background:#f9e9e6;box-shadow:inset 0 0 0 1px var(--red)}.department-options.compact{margin-top:18px}.accent-card{border-left:5px solid var(--red)}.toggle-row{display:flex;gap:30px}.alert{max-width:980px;padding:14px 18px;background:#f8dfdc;border:1px solid #e7a49f;color:#7b201b;border-radius:8px;margin-bottom:18px}.quiz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.quiz-head h1{font-size:clamp(2.7rem,6vw,4.8rem);margin-bottom:8px}.progress-ring{width:78px;height:78px;border:8px solid #ded9ce;border-top-color:var(--red);border-radius:50%;display:grid;place-items:center;font-weight:800}.quiz-timer{position:sticky;top:84px;z-index:10;display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;min-width:250px;margin:0 0 18px auto;padding:11px 16px;background:#191b1d;color:#fff;border-radius:9px;box-shadow:var(--shadow)}.quiz-timer span,.quiz-timer small{color:#c4c5c2}.quiz-timer strong{font-variant-numeric:tabular-nums;font-size:1.35rem}.quiz-timer.is-warning{background:#7b201b}.quiz-form{display:grid;gap:18px}.quiz-question{padding:28px;background:var(--card);border:1px solid var(--line);border-radius:12px;scroll-margin-top:165px}.quiz-question legend{float:left;width:100%;font:500 1.35rem/1.35 Georgia,serif;margin-bottom:22px}.quiz-question legend span{display:block;font:800 .7rem/1.2 Inter,sans-serif;color:var(--red);letter-spacing:.15em;margin-bottom:8px}.quiz-question>*:not(legend){clear:both}.answer-options{display:grid;gap:8px}.answer-options label{display:block}.answer-options input{position:absolute;opacity:0;width:1px}.answer-options span{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:7px;cursor:pointer;font-weight:500}.answer-options i{width:28px;height:28px;display:grid;place-items:center;background:#e9e6df;border-radius:4px;font-style:normal;font-size:.75rem;font-weight:800}.answer-options input:checked+span{border-color:var(--red);background:#f9e9e6}.answer-options input:focus+span{outline:3px solid rgba(220,45,36,.18)}.free-answer{clear:both;max-width:500px}.submit-bar{position:sticky;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:#191b1d;color:#fff;border-radius:10px;box-shadow:var(--shadow)}.submit-bar p{margin:0;color:#c4c5c2}.quiz-actions{display:flex;gap:10px}.submit-bar .button.secondary{color:#fff;border-color:#6b6d6e}.result-hero{text-align:center;padding:36px 0 60px}.result-hero h1{font-size:7rem;margin:0}.result-hero h1 span{font-size:3rem;color:var(--muted)}.result-hero .actions{justify-content:center}.result-list{display:grid;gap:16px}.result-card{background:var(--card);padding:26px;border:1px solid var(--line);border-left:5px solid var(--red);border-radius:10px}.result-card.is-correct{border-left-color:var(--green)}.result-card header{display:flex;justify-content:space-between;color:var(--red);text-transform:uppercase;font-size:.72rem;letter-spacing:.12em;font-weight:800}.result-card.is-correct header{color:var(--green)}.result-card h2{font-family:Georgia,serif;font-weight:500;margin:16px 0}.result-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-card dl div{background:#f0ede6;padding:14px;border-radius:7px}.result-card dt{font-size:.7rem;text-transform:uppercase;color:var(--muted)}.result-card dd{margin:4px 0 0;font-weight:700}.solution{padding:14px 16px;background:#edf6f1;border-radius:7px}.workflow{display:grid;gap:12px;max-width:900px}.workflow-step{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:10px}.workflow-step>span{font:700 2.3rem Georgia,serif;color:var(--red)}.workflow-step h2{margin-bottom:6px}.workflow-step p{color:var(--muted)}code{background:#252729;color:#f4f1ea;padding:5px 8px;border-radius:5px;font-size:.84rem}.taxonomy-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.taxonomy-list article{padding:22px;background:var(--card);border:1px solid var(--line);border-radius:9px}.taxonomy-list article>span{text-transform:uppercase;font-size:.68rem;letter-spacing:.12em;color:var(--red)}.taxonomy-list h3{display:inline-block;margin:0 10px 10px 0}.taxonomy-list p{margin:12px 0 0;color:var(--muted)}
.sort-options{display:grid;gap:8px}.sort-options>div{display:grid;grid-template-columns:1fr 40px 40px;gap:6px;align-items:center;padding:10px 10px 10px 15px;background:#f0ede6;border:1px solid var(--line);border-radius:7px}.sort-options button{height:34px;border:1px solid var(--line);border-radius:5px;background:#fff;cursor:pointer}.sort-options button:hover{border-color:var(--red);color:var(--red)}.image-context{max-width:720px;margin:-8px 0 20px;padding:10px 13px;background:#eceae4;border-radius:7px;font-size:.84rem}.image-context summary{cursor:pointer;font-weight:750;color:#454746}.image-context p{white-space:pre-line;margin:9px 0 0;color:#555756}
@media(max-width:850px){.site-header{height:auto;padding:14px 18px;align-items:flex-start}.site-header nav{overflow-x:auto}.site-header nav a{white-space:nowrap}.page-shell{padding:38px 18px 70px}.hero{grid-template-columns:1fr;gap:30px;padding:50px 0}.department-grid{grid-template-columns:1fr 1fr}.browser-layout{grid-template-columns:1fr}.filter-panel{position:static;max-height:none;overflow:visible;scrollbar-gutter:auto}.form-grid,.department-options{grid-template-columns:1fr 1fr}.detail-columns{grid-template-columns:1fr}.taxonomy-list{grid-template-columns:1fr}}
@media(max-width:560px){.brand span:last-child{display:none}.site-header nav{gap:2px}.site-header nav a{padding:7px;font-size:.78rem}.department-grid,.form-grid,.department-options{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.toggle-row,.submit-bar{align-items:stretch;flex-direction:column}.quiz-actions{display:grid}.quiz-timer{width:100%;margin-left:0}.result-card dl{grid-template-columns:1fr}.taxonomy-list{grid-template-columns:1fr}.stats dt{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
[hidden]{display:none!important}

/* A denser overall scale keeps more questions and controls in view. */
body{font-size:15px}
.site-header{height:64px}
.page-shell{padding-top:40px;padding-bottom:70px}
h1{font-size:clamp(2.2rem,4vw,4.4rem)}
.page-heading{margin-bottom:24px}
.page-heading h1{font-size:clamp(2.35rem,4.5vw,3.9rem)}
.detail-card>h1{font-size:clamp(1.8rem,3vw,3rem)}
.quiz-head h1{font-size:clamp(2.35rem,4.5vw,3.9rem)}
.question-card{padding:18px 20px}
.question-card h2{font-size:1.28rem;margin:10px 0 12px}
.quiz-question legend{font-size:1.18rem}
.result-card h2{font-size:1.28rem}

/* Question browser filters form one desktop toolbar above the results. */
.browser-layout{display:grid;grid-template-columns:1fr;gap:18px}
.filter-panel{position:relative;top:auto;max-height:none;overflow:visible;padding:14px 16px}
.filter-panel form.filter-toolbar{display:grid;grid-template-columns:minmax(190px,1.7fr) minmax(135px,1.15fr) 88px 125px auto auto auto auto;gap:10px;align-items:end}
.filter-toolbar label{min-width:0}
.filter-toolbar input,.filter-toolbar select{padding:8px 9px}
.filter-toolbar .check{display:flex;align-items:center;align-self:center;white-space:nowrap;margin:18px 0 0}
.filter-toolbar .button{align-self:end;padding:9px 15px}
.filter-toolbar .clear-link{align-self:center;margin-top:18px;white-space:nowrap}
.filter-departments{position:relative;align-self:end}
.filter-departments summary{min-width:135px;padding:8px 30px 8px 10px;border:1px solid #bdb7ab;border-radius:6px;background:#fff;cursor:pointer;font-size:.82rem;font-weight:750;list-style:none;white-space:nowrap}
.filter-departments summary::-webkit-details-marker{display:none}
.filter-departments summary:after{content:'▾';position:absolute;right:10px}
.filter-departments[open] summary{border-color:var(--red);outline:3px solid rgba(220,45,36,.12)}
.filter-departments fieldset{position:absolute;z-index:30;top:calc(100% + 7px);right:0;width:230px;max-height:360px;overflow:auto;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}
.filter-departments fieldset legend{padding-top:2px}
.filter-departments fieldset .check{margin:7px 0}

@media(max-width:1050px){
  .filter-panel form.filter-toolbar{grid-template-columns:2fr 1fr 90px 1fr;align-items:end}
  .filter-toolbar .check,.filter-toolbar .clear-link{margin-top:0}
  .filter-departments fieldset{left:0;right:auto}
}
@media(max-width:650px){
  body{font-size:14px}
  .page-shell{padding-top:30px}
  .filter-panel form.filter-toolbar{grid-template-columns:1fr 1fr}
  .filter-search{grid-column:1/-1}
  .filter-toolbar .button{width:100%}
}
.history-list{display:grid;gap:12px}.history-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:10px;text-decoration:none}.history-card:hover{border-color:var(--red);box-shadow:var(--shadow)}.history-card h2{margin:3px 0 5px;font-size:1.25rem}.history-card p{margin:0;color:var(--muted);font-size:.82rem}.history-card>.eyebrow,.history-card .eyebrow{margin:0}.history-card>strong{font:700 1.45rem Georgia,serif;white-space:nowrap}.correction-notice{margin:14px 0;padding:13px 15px;border-left:4px solid var(--orange);background:#fff0d9;border-radius:6px}.correction-notice p{margin:4px 0 0}.review-options{display:grid;gap:7px;padding:0;list-style:none}.review-options li{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#f3f0e9}.review-options li>span{display:grid;place-items:center;width:26px;height:26px;border-radius:5px;background:#ded9ce;font-weight:800}.review-options li p{margin:0}.review-options li small{color:var(--muted)}.review-options li.is-answer{border-color:#8bc4a7;background:#e5f3eb}.review-options li.was-selected:not(.is-answer){border-color:#df8d86;background:#fae7e5}.review-options li.was-selected>span{background:var(--ink);color:#fff}@media(max-width:650px){.history-card{align-items:flex-start}.review-options li{grid-template-columns:30px 1fr}.review-options li small{grid-column:2}}

/* Keep page hierarchy clear without oversized display headings. */
h1{font-size:clamp(1.9rem,3.2vw,3.2rem)}
h2{font-size:1.35rem}
.page-heading h1{font-size:clamp(2rem,3.4vw,3rem)}
.detail-card>h1{font-size:clamp(1.65rem,2.5vw,2.35rem)}
.quiz-head h1{font-size:clamp(2rem,3.4vw,3rem)}
.result-hero h1{font-size:4.2rem}
.result-hero h1 span{font-size:1.8rem}

/* Direct-access statistics dashboard. */
.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}.metric-grid article{padding:16px;background:var(--ink);color:#fff;border-radius:9px}.metric-grid span{display:block;color:#bfc0bc;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.metric-grid strong{display:block;margin-top:5px;font:700 1.65rem Georgia,serif}.statistics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat-panel{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:10px}.stat-panel h2{margin-bottom:5px}.stat-panel>.muted{font-size:.82rem}.stat-wide{grid-column:1/-1}.trend-list,.ranking-list{display:grid;gap:8px}.trend-list a,.ranking-list>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,2fr) 48px;gap:10px;align-items:center;text-decoration:none}.trend-list i,.ranking-list i{height:8px;overflow:hidden;background:#e4e0d7;border-radius:999px}.trend-list b,.ranking-list b{display:block;height:100%;background:var(--red);border-radius:inherit}.ranking-list small{color:var(--muted)}.trend-list strong,.ranking-list strong{text-align:right;font-size:.82rem}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.quality-grid div{padding:12px;background:#f0ede6;border-radius:7px}.quality-grid dt{font-size:.7rem;text-transform:uppercase;color:var(--muted)}.quality-grid dd{margin:2px 0 0;font:700 1.5rem Georgia,serif}.hardest-list,.mistake-list{display:grid;gap:8px}.hardest-list a,.mistake-list a{display:grid;grid-template-columns:54px 1fr auto;gap:4px 12px;padding:12px;border:1px solid var(--line);border-radius:7px;text-decoration:none}.hardest-list a:hover,.mistake-list a:hover{border-color:var(--red)}.hardest-list span,.mistake-list span{grid-row:1/3;color:var(--red);font-weight:800}.hardest-list p,.mistake-list p{margin:0}.hardest-list small,.mistake-list small{color:var(--muted)}.hardest-list strong{grid-column:3;grid-row:1/3;align-self:center;font:700 1.3rem Georgia,serif}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.metric-grid,.statistics-grid{grid-template-columns:1fr 1fr}.stat-wide{grid-column:1/-1}.trend-list a,.ranking-list>div{grid-template-columns:1fr 46px}.trend-list i,.ranking-list i{grid-column:1/-1;grid-row:2}.hardest-list a,.mistake-list a{grid-template-columns:44px 1fr}.hardest-list strong{grid-column:2;grid-row:auto}.quality-grid{grid-template-columns:1fr 1fr}}
.review-options li.is-ignored{border-color:#c8c4ba;background:#eeece6;color:var(--muted)}
.withdrawn-notice{margin:14px 0;padding:14px 16px;border-left:4px solid var(--red);background:#f8dfdc;border-radius:6px}.withdrawn-notice p{margin:4px 0 0}.quiz-question.is-withdrawn{border-color:#d99791}.result-card.is-discussion{border-left-color:var(--orange)}.result-card.is-discussion header{color:var(--orange)}.result-card.is-discussion .review-options li.was-selected{border-color:#d7a66e;background:#fff0d9}