.assessment-select,.attempts-filters{display:grid;grid-template-columns:1fr 2fr 1fr;gap:18px;margin-bottom:20px}.assessment-select label,.attempts-filters label{display:flex;flex-direction:column;gap:8px}.assessment-select select,.attempts-filters select,.attempts-filters input{width:100%;padding:12px;border:1px solid #d8dfeb;border-radius:8px;background:white;color:#15243b;font:inherit}.question-image{display:block;max-width:100%;max-height:280px;object-fit:contain;margin:16px auto}.question-panel textarea{width:100%;padding:14px;border:1px solid #d8dfeb;border-radius:8px;font:inherit;resize:vertical}.matching-choices{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.matching-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center;margin:12px 0}.matching-row .drop-target{padding:12px;min-height:60px}.matching-row select{width:100%;padding:8px}.answer-option input[type=checkbox]{accent-color:#ffbe2f;width:20px;height:20px;display:block}.answer-option:has(input[type=checkbox]){padding-left:18px}@media(max-width:700px){.assessment-select,.attempts-filters,.matching-row{grid-template-columns:1fr}}

.focus-save{display:none!important}.exam-focus .focus-save{display:inline-flex!important}

.catalog-status{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.catalog-status p{margin:0;flex:1;min-width:220px;color:#805b16}

/* PDTC eAssessment identity */
.site-header{background:#fff;border-top:5px solid var(--gold)}
.site-header .brand-row{padding:15px 0;gap:28px}
.site-header .brand{display:block;flex:0 1 350px;line-height:0;letter-spacing:normal;min-width:0}
.brand-logo{display:block;width:100%;height:auto;object-fit:contain}
.site-header .header-context{border-left:1px solid #e1e5eb;padding-left:26px;color:var(--navy)}
.site-header .website-link{white-space:nowrap;padding:10px 15px;background:#fff9e9;border:1px solid #f0dfb5;border-radius:8px}
.login-layout{box-shadow:0 16px 48px rgba(3,15,39,.055)}
.login-brand-logo{display:block;width:270px;max-width:100%;height:auto;margin:0 0 24px}
.login-form-panel .eyebrow{color:#94701f}
@media(max-width:900px){.site-header .brand{flex-basis:300px}.site-header .header-context{display:none}.login-brand-logo{width:230px;margin-bottom:20px}}
@media(max-width:600px){.site-header .brand-row{flex-wrap:nowrap;gap:12px;padding:12px 0}.site-header .brand{flex:1 1 auto;max-width:270px}.site-header .website-link{font-size:0;gap:0;padding:7px 10px}.site-header .website-link>span{font-size:20px}.login-brand-logo{width:240px}.login-form-panel h2{margin-top:12px}}

/* Perak Skills family header: gold contact masthead and dark navigation. */
.perak-header.site-header{background:#fdbe33;border-top:0}
.perak-header .brand-row{max-width:1320px;width:92%;padding:18px 0;gap:38px}
.perak-header .brand{flex:0 1 335px;max-width:335px;background:#fff;border-radius:8px;padding:8px 12px;box-shadow:0 4px 18px #6a450012}
.header-contact{margin-left:auto;display:flex;align-items:center;gap:30px}
.contact-block{display:flex;align-items:center;gap:12px;color:#101723}
.contact-block>svg{width:30px;height:30px;flex:none}
.contact-block>div{display:grid;gap:3px}.contact-block b{font-size:13px;font-weight:700}.contact-block span{font-size:11px;white-space:nowrap}
.perak-nav{background:#101820;border-bottom:3px solid #e9af26}
.perak-nav .nav-inner{min-height:64px;gap:24px;position:relative}
.perak-nav .nav-brand{display:none}.header-site-links{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:600}
.header-site-links>a,.department-menu>summary{color:#e3e6ec;padding:20px 0;cursor:pointer}.header-site-links>a:hover,.department-menu>summary:hover{color:#fdbe33}
.current-portal{color:#fdbe33;border-bottom:2px solid #fdbe33;padding:20px 0 18px}
.department-menu{position:relative}.department-menu>summary{list-style:none;display:flex;gap:7px;align-items:center}.department-menu>summary::-webkit-details-marker{display:none}.department-menu>summary:after{content:'\2304';font-size:15px}
.department-menu>div{position:absolute;top:100%;left:-16px;width:320px;max-width:85vw;padding:10px;background:white;color:#152138;border:1px solid #e4e7ec;border-radius:0 0 10px 10px;box-shadow:0 14px 28px #030f2724;z-index:40}
.department-menu>div>a{display:block;padding:11px 12px;font-size:12px;line-height:1.5;border-radius:6px}.department-menu>div>a:hover{background:#fff7df}
.perak-nav #portal-links{gap:18px}.perak-nav .nav-security{font-size:10px}.perak-nav .prototype-label{display:none}
.site-menu-toggle{display:none;color:#fff;background:transparent;border:1px solid #ffffff40;padding:7px 12px;border-radius:5px;gap:12px;align-items:center}
@media(max-width:1150px){.header-contact{gap:18px}.contact-block>svg{width:24px;height:24px}.contact-block span{font-size:10px}.perak-header .brand{flex-basis:290px}.header-site-links{gap:17px;font-size:11px}.perak-nav .nav-inner{gap:16px}.perak-nav .nav-security{font-size:9px}}
@media(max-width:950px){.header-contact .contact-block:first-child{display:none}.perak-header .brand-row{gap:20px}.perak-nav .nav-inner{flex-wrap:wrap;padding:12px 0;min-height:58px;gap:12px}.site-menu-toggle{display:flex}.header-site-links{display:none;order:3;width:100%;flex-wrap:wrap;gap:0 24px;border-top:1px solid #ffffff25;padding-top:5px}.header-site-links.menu-open{display:flex}.header-site-links>a,.department-menu>summary,.current-portal{padding:12px 0}.department-menu>div{left:0}.perak-nav #portal-links{font-size:11px}.perak-nav #portal-links>a{padding:7px 0}}
@media(max-width:600px){.perak-header .brand-row{justify-content:center;padding:14px 0}.perak-header .brand{flex:0 1 290px;max-width:290px}.header-contact{display:none}.perak-nav .nav-brand{display:none}.perak-nav .nav-inner{width:90%}.perak-nav .nav-security{font-size:9px}.header-site-links{font-size:12px}.department-menu>div{left:auto;right:-80px;width:290px}.login-layout{margin-top:25px}.login-brand-logo{width:230px}}