:root{
 --bg:#f7f9fc;--surface:#fff;--text:#172033;--muted:#697386;--line:#e5eaf1;
 --brand:#0b57d0;--brand2:#0a43a5;--soft:#eef5ff;--green:#11845b;--amber:#a86200;--red:#b42318;
 --radius:18px;--shadow:0 10px 30px rgba(23,32,51,.08);--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{color:var(--brand);text-decoration:none}img{max-width:100%}.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.container-fluid{width:min(1480px,calc(100% - 32px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:900;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--brand);color:white}.nav-links{display:flex;align-items:center;gap:20px;font-size:14px}.nav-links a{color:var(--text);font-weight:650}.nav-cta{background:var(--soft);padding:9px 12px;border-radius:10px}.menu-toggle{display:none;border:0;background:none;font-size:26px}
.inline-form{display:inline-flex;align-items:center;gap:8px}.link-button{border:0;background:none;color:var(--text);font:inherit;font-weight:650;cursor:pointer}
.hero{padding:72px 0 50px;background:linear-gradient(135deg,#f6f9ff,#eaf3ff)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.02;letter-spacing:-.045em;margin:14px 0 20px}.hero p,.lead{font-size:19px;color:var(--muted);max-width:760px}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.13em;font-weight:800;color:var(--brand)}.hero-actions,.wizard-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.trust-row{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.search-card,.card,.auth-card,.admin-panel,.question-card,.result-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.search-card{padding:26px}.search-card form,.search-inline,.filter-bar{display:flex;gap:10px}.search-card input,.search-inline input{flex:1}.quick-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.quick-links a,.pill{background:var(--soft);padding:6px 9px;border-radius:999px;font-size:12px;font-weight:750}
input,select,textarea{width:100%;border:1px solid #cfd7e3;border-radius:11px;padding:11px 12px;background:#fff;color:var(--text);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(11,87,208,.1)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border-radius:11px;border:1px solid #cad3df;background:#fff;color:var(--text);font-weight:750;cursor:pointer}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:var(--brand2)}.btn.light{background:white;color:var(--brand);border-color:white}.btn.small{min-height:36px;padding:8px 12px}.btn.tiny{min-height:32px;padding:6px 9px;font-size:12px}.btn.wide{width:100%}
.section{padding:58px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px}.section h1,.section h2,.section h3{letter-spacing:-.025em}.section h1{font-size:clamp(32px,5vw,48px);line-height:1.08;margin:8px 0 14px}.section h2{font-size:28px}.soft{background:#f0f5fb}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card{padding:20px;color:var(--text);transition:.18s transform,.18s box-shadow}.card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(23,32,51,.11)}.license-card{min-height:150px;display:flex;flex-direction:column;gap:8px}.license-code{display:inline-grid;place-items:center;width:max-content;min-width:54px;height:44px;padding:0 12px;border-radius:12px;background:var(--brand);color:white;font-weight:900;font-size:20px}.license-code.large{height:64px;min-width:76px;font-size:30px}.card p{color:var(--muted);margin:8px 0}.card small,.muted{color:var(--muted)}.text-link{font-weight:800;color:var(--brand)}.accent-card{background:var(--brand);color:#fff}.accent-card p{color:#e5edff}.accent-card .btn{border-color:#fff}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-weight:800;font-size:11px;background:#edf1f6;color:#475467}.status.verified{background:#e7f8f0;color:var(--green)}.status.pilot{background:#eaf2ff;color:var(--brand)}.status.unverified,.status.updating{background:#fff2df;color:var(--amber)}.status.suspended,.status.rejected,.status.cancelled{background:#ffebe9;color:var(--red)}.partner-meta,.row-between,.status-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.status-line{justify-content:flex-start;margin:18px 0}
.cta-band{background:var(--brand);color:#fff;padding:46px 0}.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:20px}.cta-band h2{margin:0}.cta-band p{color:#dce8ff;margin:6px 0 0}.site-footer{background:#101828;color:#e6eaf0;padding:44px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.site-footer p,.site-footer a{color:#aeb8c7}.footer-bottom{border-top:1px solid #29344a;margin-top:28px;padding-top:18px;color:#8d99aa;font-size:13px}
.narrow{max-width:820px}.prose{max-width:880px}.prose h2{margin-top:34px}.article-content{font-size:18px}.article-content img{border-radius:14px}.notice{padding:15px 17px;border:1px solid #cfe1ff;background:#f2f7ff;border-radius:12px;margin:18px 0}.notice.warning{border-color:#f0d29c;background:#fff8ea}.empty{padding:24px;border:1px dashed #c9d2df;border-radius:14px;color:var(--muted)}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:14px}.detail-hero{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:28px 0}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:24px}.list-stack{display:grid;gap:10px}.list-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text)}.list-item p{margin:4px 0;color:var(--muted)}
.auth-wrap{min-height:68vh;display:grid;place-items:center}.auth-card{width:min(460px,100%);padding:28px}.form-stack{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1/-1}label{display:grid;gap:6px;font-weight:650;font-size:14px}label small{font-weight:400;color:var(--muted)}.check{grid-template-columns:auto 1fr;align-items:start}.check input{width:auto;margin-top:5px}.center{text-align:center}
.auth-card{position:relative}.auth-card h1{margin-top:8px}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:-2px 0 24px;border:1px solid #dce5ef;border-radius:13px;background:#f5f8fc}.auth-switch a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border-radius:9px;color:#607086;font-size:13px;font-weight:800}.auth-switch a:hover{color:var(--brand);background:#fff}.auth-switch a.active{background:var(--brand);color:#fff;box-shadow:0 6px 16px rgba(7,86,201,.18)}.auth-switch a.active:hover{background:var(--brand2);color:#fff}.auth-flow{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#74849a;font-size:12px;font-weight:750}.auth-flow a{color:#49647f}.auth-flow .current{color:var(--brand)}.account-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#7a899b;font-size:12px;font-weight:750}.account-breadcrumb a{color:#4e6781}.account-breadcrumb .current{color:var(--brand)}.account-breadcrumb .sep{color:#a9b4c2}.auth-note{margin-top:14px;padding-top:14px;border-top:1px solid #e6ecf3}.security-card{width:min(720px,100%)}
.wizard-step{display:none}.wizard-step.active{display:grid;gap:18px}.wizard{background:#fff;border:1px solid var(--line);padding:26px;border-radius:var(--radius);box-shadow:var(--shadow)}
.exam-shell{max-width:900px}.exam-top{display:flex;justify-content:space-between;align-items:center;gap:18px}.timer{font-size:26px;font-weight:900;background:#101828;color:#fff;padding:10px 14px;border-radius:12px}.question-card{padding:22px;margin:16px 0}.q-head{display:flex;justify-content:space-between}.options{display:grid;gap:9px;margin-top:16px}.option{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.option input{width:auto;margin-top:5px}.option:has(input:checked){border-color:var(--brand);background:#f4f8ff}.sticky-submit{position:sticky;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#101828;color:#fff;padding:12px 14px;border-radius:14px;box-shadow:var(--shadow)}.result-card{text-align:center;padding:30px}.result-card.pass{border-color:#a8dbc7}.result-card.fail{border-color:#f0c0bc}.score{font-size:74px;font-weight:950;line-height:1;margin:18px}.answer.correct{border-left:5px solid var(--green)}.answer.wrong{border-left:5px solid var(--red)}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.stat-grid.admin{grid-template-columns:repeat(6,1fr)}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.stat b{display:block;font-size:28px}.stat span{color:var(--muted);font-size:13px}
.admin-shell{padding:30px 0 60px}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.admin-nav{display:flex;gap:8px;overflow:auto;padding:10px 0 18px}.admin-nav a{white-space:nowrap;background:#fff;border:1px solid var(--line);padding:8px 10px;border-radius:9px;color:var(--text);font-size:13px}.admin-panel{padding:18px;margin:16px 0}.admin-panel summary{cursor:pointer;font-weight:850}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f8fafc;position:sticky;top:0}.filter-bar{padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:18px 0}.filter-bar select{max-width:260px}.alert{margin-top:12px;padding:12px 14px;border-radius:12px}.alert.success{background:#eaf8f1;color:#0c6746}.alert.error{background:#ffeded;color:#912018}.big-code{font-size:90px;font-weight:950;color:#d9e5f7}
@media(max-width:980px){.hero-grid,.two-col{grid-template-columns:1fr}.card-grid,.card-grid.three{grid-template-columns:repeat(2,1fr)}.stat-grid.admin{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.detail-hero{align-items:flex-start}.nav-links{display:none;position:absolute;left:16px;right:16px;top:64px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu-toggle{display:block}}
@media(max-width:640px){.container,.container-fluid{width:min(100% - 22px,var(--max))}.hero{padding-top:42px}.hero h1{font-size:42px}.card-grid,.card-grid.three,.stat-grid,.stat-grid.admin,.footer-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.section{padding:40px 0}.section-head,.cta-band .container,.detail-hero,.exam-top{align-items:flex-start;flex-direction:column}.search-card form,.search-inline,.filter-bar{flex-direction:column}.filter-bar select{max-width:none}.sticky-submit{bottom:8px}.admin-head{align-items:flex-start;flex-direction:column}}

/* v1.3 security + partner operations */
.btn.danger{background:#b42318;color:#fff;border-color:#b42318}.security-card{max-width:720px}.setup-steps{padding-left:20px;display:grid;gap:8px}.secret-box,.recovery-box,.uri-box{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px;margin:16px 0}.secret-box{display:grid;gap:7px}.secret-box code,.uri-box code{overflow-wrap:anywhere;word-break:break-word}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recovery-grid code{background:#fff;border:1px dashed var(--line);border-radius:8px;padding:10px;text-align:center;font-weight:800}.portal-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.ops-grid{display:grid;gap:18px}.notice.success{background:#eaf8f1;color:#0c6746}.admin-panel form+ .table-wrap,.admin-panel .table-wrap{margin-top:16px}
@media(max-width:640px){.recovery-grid{grid-template-columns:1fr}.security-card{max-width:none}}
/* v1.3 traffic modules */
.video-frame{position:relative;aspect-ratio:16/9;background:#0f172a;border-radius:18px;overflow:hidden;margin:22px 0}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.faq-list{display:grid;gap:12px}.faq-item summary{cursor:pointer;font-weight:850}.faq-answer{padding-top:10px}.sign-card img{width:100%;height:180px;object-fit:contain;background:#f8fafc;border-radius:12px;margin-bottom:12px}.sign-detail-image{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:16px;text-align:center}.sign-detail-image img{max-width:100%;max-height:420px;object-fit:contain}

/* =========================================================
   HOSOLAIXE v1.7.3 — PRO MAX+++ UI SYSTEM
   Professional public experience, accessibility & responsive
   ========================================================= */
:root{
 --bg:#f6f8fb;--surface:#ffffff;--surface-2:#f9fbfd;--text:#0f1f35;--text-2:#30445f;--muted:#64748b;--line:#dfe6ef;
 --brand:#0756c9;--brand2:#003f9a;--brand-soft:#eaf3ff;--navy:#09213f;--navy-2:#0d315d;--cyan:#19a7ce;
 --green:#0c7c59;--green-soft:#e9f8f2;--amber:#a45b00;--red:#b42318;
 --radius-sm:10px;--radius:18px;--radius-lg:28px;--shadow:0 14px 40px rgba(15,31,53,.08);--shadow-lg:0 28px 70px rgba(8,35,72,.14);--max:1200px
}
html{scroll-padding-top:88px}body{background:var(--bg);color:var(--text);font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased}
::selection{background:#cfe4ff;color:#06244d}a,button,input,select,textarea{transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(7,86,201,.28);outline-offset:3px}
.skip-link{position:fixed;z-index:9999;left:16px;top:12px;transform:translateY(-160%);background:#fff;color:var(--navy);padding:10px 14px;border-radius:10px;box-shadow:var(--shadow);font-weight:800}.skip-link:focus{transform:none}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ui-icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;flex:0 0 auto}.form-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* header */
.site-header{background:rgba(255,255,255,.9);border-bottom:1px solid rgba(218,226,237,.82);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.site-header.scrolled{box-shadow:0 10px 28px rgba(15,31,53,.07)}.nav{min-height:76px}.brand{gap:11px;min-width:max-content}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,var(--brand),#1788e9);box-shadow:0 8px 18px rgba(7,86,201,.22);font-size:18px;letter-spacing:-.05em}.brand-copy{display:grid;line-height:1.04}.brand-copy strong{font-size:16px;letter-spacing:.01em}.brand-copy small{margin-top:5px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:750}.nav-links{gap:6px}.nav-links>.nav-item{position:relative;padding:10px 11px;border-radius:10px;color:#253850}.nav-links>.nav-item:hover{background:#f6f9fc;color:var(--brand)}.nav-links>.nav-item.active{background:#eef5ff;color:var(--brand);box-shadow:inset 0 0 0 1px #d9e7fb}.nav-links>.nav-item.active:after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;border-radius:999px;background:var(--brand)}.nav-login{font-weight:800!important}.nav-cta{display:inline-flex;align-items:center;gap:7px;padding:9px 14px!important;border:1px solid #9ebee5!important;border-radius:11px!important;background:#fff!important;color:var(--brand)!important;font-weight:850;box-shadow:none}.nav-cta:hover{background:#eef5ff!important;border-color:#8fb5e5!important;transform:translateY(-1px)}.nav-cta.active{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important;box-shadow:0 7px 18px rgba(7,86,201,.18)}
.menu-toggle{width:42px;height:42px;padding:0;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--navy)}.menu-toggle .ui-icon{width:22px;height:22px}.account-menu{position:relative}.account-menu>summary{list-style:none;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;font-size:13px;font-weight:800;cursor:pointer;background:#fff;color:#253850}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:hover{background:#f6f9fc;border-color:#c5d2e2;color:var(--brand)}.account-menu.active>summary{background:#eef5ff;border-color:#c7dcf7;color:var(--brand);box-shadow:inset 0 0 0 1px rgba(11,87,208,.04)}.account-menu .chevron{width:13px;height:13px;transition:transform .18s}.account-menu[open] .chevron{transform:rotate(180deg)}.account-popover{position:absolute;right:0;top:calc(100% + 10px);width:250px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);display:grid;z-index:80}.account-identity{display:grid;gap:2px;padding:10px 10px 11px;margin-bottom:5px;border-bottom:1px solid #e8edf4}.account-identity strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}.account-identity small{font-size:10px;color:var(--muted);font-weight:700}.account-popover a,.account-logout{width:100%;text-align:left;border:0;background:none;color:var(--text-2);font:inherit;font-size:13px;font-weight:650;padding:10px;border-radius:9px;cursor:pointer}.account-popover a:hover,.account-logout:hover,.account-popover a.active{background:#f0f6ff;color:var(--brand)}.account-popover a.active{font-weight:800}

/* buttons & controls */
.btn{border-radius:12px;min-height:44px;padding:10px 16px;border-color:#cbd6e4;color:#17304e;background:#fff;box-shadow:0 1px 1px rgba(15,31,53,.03)}.btn:hover{border-color:#aebdd0;transform:translateY(-1px)}.btn.primary{background:linear-gradient(180deg,#0b63da,var(--brand));border-color:var(--brand);box-shadow:0 10px 22px rgba(7,86,201,.18)}.btn.primary:hover{background:var(--brand2);box-shadow:0 12px 26px rgba(7,86,201,.24)}.btn-lg{min-height:50px;padding:13px 20px;border-radius:13px}.btn-outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.42)}.btn-outline-light:hover{background:rgba(255,255,255,.09);border-color:#fff}.btn.light{font-weight:850}
input,select,textarea{border-color:#cbd6e4;border-radius:12px;min-height:44px;background:#fff}input:hover,select:hover,textarea:hover{border-color:#aebed2}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(7,86,201,.1)}

/* homepage hero */
.route-home{background:#fff}.home-hero{position:relative;overflow:hidden;padding:74px 0 0;background:radial-gradient(circle at 76% 18%,rgba(36,151,229,.16),transparent 31%),radial-gradient(circle at 5% 20%,rgba(7,86,201,.08),transparent 32%),linear-gradient(180deg,#f9fbff 0%,#eef5ff 86%,#fff 100%)}.home-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-280px;top:-280px;border:1px solid rgba(7,86,201,.08);box-shadow:0 0 0 70px rgba(7,86,201,.018),0 0 0 140px rgba(7,86,201,.012);pointer-events:none}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:64px;align-items:center}.home-hero-copy{padding:8px 0 20px}.hero-kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid #cbdcf1;background:rgba(255,255,255,.72);padding:7px 11px;border-radius:999px;color:#36516f;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.signal-dot{width:8px;height:8px;border-radius:50%;background:#16a36f;box-shadow:0 0 0 4px rgba(22,163,111,.11)}.home-hero h1{font-size:clamp(45px,5vw,70px);line-height:.99;letter-spacing:-.052em;margin:22px 0 22px;color:var(--navy);max-width:780px}.home-hero h1 span{background:linear-gradient(90deg,var(--brand),#1688d8 72%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:19px;line-height:1.72;color:#536982;max-width:690px;margin:0}.home-actions{margin:29px 0 20px}.hero-trust{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#50637a;font-size:12px;font-weight:700}.hero-trust span{display:inline-flex;align-items:center;gap:6px}.hero-trust .ui-icon{color:var(--green)}
.journey-panel{position:relative;background:rgba(255,255,255,.94);border:1px solid rgba(198,214,233,.9);border-radius:26px;padding:23px;box-shadow:0 34px 80px rgba(15,53,98,.15),inset 0 1px 0 #fff}.journey-panel:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(7,86,201,.14),rgba(25,167,206,.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.journey-panel-top,.journey-footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-label{font-size:11px;font-weight:900;letter-spacing:.11em;color:#66778b}.panel-badge{font-size:10px;font-weight:800;color:var(--brand);background:var(--brand-soft);padding:6px 8px;border-radius:999px}.journey-list{display:grid;margin:17px 0;border-top:1px solid #e8edf4}.journey-row{display:grid;grid-template-columns:30px 42px 1fr 20px;align-items:center;gap:10px;padding:15px 3px;border-bottom:1px solid #e8edf4;color:var(--text)}.journey-row:hover{padding-left:8px;color:var(--brand)}.journey-number{font-size:10px;color:#97a4b5;font-weight:850}.journey-icon{width:40px;height:40px;display:grid;place-items:center;background:#eef5ff;color:var(--brand);border-radius:12px}.journey-icon .ui-icon{width:20px;height:20px}.journey-row>span:nth-child(3){display:grid}.journey-row strong{font-size:14px}.journey-row small{color:var(--muted);font-size:11px;margin-top:2px}.journey-arrow{color:#8a9bb0}.journey-footer{font-size:10px;color:#6d7d90;font-weight:750}.journey-footer span:first-child{display:flex;align-items:center;gap:5px}.journey-footer .ui-icon{color:var(--green)}
.hero-search-wrap{position:relative;margin-top:54px;transform:translateY(35px);z-index:2}.hero-search{height:74px;background:#fff;border:1px solid #d7e2ef;border-radius:19px;padding:10px 10px 10px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 50px rgba(15,47,84,.13)}.hero-search-icon{color:#76879b;display:grid;place-items:center}.hero-search-icon .ui-icon{width:22px;height:22px}.hero-search input{border:0;box-shadow:none;min-width:0;font-size:15px;padding-left:2px}.hero-search input:focus{box-shadow:none}.hero-search .btn{min-width:118px}.search-suggestions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 18px 0;font-size:11px;color:#728197}.search-suggestions span{font-weight:750}.search-suggestions a{color:#49657f;background:#fff;border:1px solid #e0e7ef;padding:4px 8px;border-radius:999px}.search-suggestions a:hover{border-color:#b7c9de;color:var(--brand)}
.metrics-strip{padding:66px 0 18px;background:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.35fr;border:1px solid #e1e8f0;border-radius:18px;overflow:hidden;background:#fff}.metric{min-height:100px;padding:20px 24px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #e5ebf2}.metric:last-child{border:0}.metric strong{font-size:27px;line-height:1;color:var(--navy);letter-spacing:-.035em}.metric>span{font-size:11px;color:var(--muted);margin-top:7px}.metric-trust{flex-direction:row;align-items:center;gap:13px;background:#f8fbff}.metric-trust .metric-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e8f5ef;color:var(--green)}.metric-trust>span:last-child{display:grid;margin:0}.metric-trust strong{font-size:13px;letter-spacing:0}.metric-trust small{font-size:10px;color:var(--muted);margin-top:4px}

/* homepage sections */
.home-section{padding-top:72px;padding-bottom:72px}.section-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:25px}.section-intro h2,.section-head-pro h2,.trust-copy h2,.exam-copy h2,.final-cta-inner h2{font-size:clamp(30px,3.5vw,43px);line-height:1.08;letter-spacing:-.04em;margin:8px 0 10px;color:var(--navy)}.section-intro p,.section-head-pro p{margin:0;color:var(--muted);max-width:620px}.eyebrow{color:var(--brand);font-size:10px;letter-spacing:.16em;font-weight:900}.section-head-pro{align-items:flex-end;margin-bottom:25px}.section-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:850;color:var(--brand);white-space:nowrap}.section-link:hover{gap:9px}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.start-card{position:relative;overflow:hidden;min-height:270px;padding:25px;border:1px solid #dfe6ef;border-radius:20px;background:#fff;color:var(--text);display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 8px 26px rgba(15,31,53,.04)}.start-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c9d8e9}.start-card.start-blue{background:linear-gradient(145deg,#0a5bc9,#0c75d7);border-color:transparent;color:#fff}.start-card.start-blue p,.start-card.start-blue .start-tag{color:#d8eaff}.start-card.start-blue .start-icon{background:rgba(255,255,255,.15);color:#fff}.start-card.start-blue .card-link{color:#fff}.start-icon{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:#edf5ff;color:var(--brand);margin-bottom:22px}.start-icon .ui-icon{width:24px;height:24px}.start-tag{font-size:9px;letter-spacing:.11em;color:#7b899a;font-weight:900;margin-bottom:8px}.start-card h3{font-size:22px;line-height:1.17;letter-spacing:-.03em;margin:0}.start-card p{font-size:13px;line-height:1.65;margin:10px 0 20px;color:var(--muted)}.card-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:850;color:var(--brand)}.section-tint{background:#f4f7fb;border-top:1px solid #edf1f6;border-bottom:1px solid #e8eef5}.license-grid-pro{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.license-card-pro{display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:13px;min-height:108px;padding:17px;background:#fff;border:1px solid #dfe6ef;border-radius:16px;color:var(--text);box-shadow:0 5px 16px rgba(15,31,53,.025)}.license-card-pro:hover{border-color:#bfd0e4;box-shadow:0 12px 28px rgba(15,31,53,.07);transform:translateY(-2px)}.license-vehicle{width:46px;height:46px;border-radius:13px;background:#edf5ff;color:var(--brand);display:grid;place-items:center}.license-vehicle .ui-icon{width:23px;height:23px}.license-content{display:grid;min-width:0}.license-code-pro{font-size:10px;font-weight:900;color:var(--brand);letter-spacing:.06em}.license-content strong{font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.license-content small{font-size:10px;color:var(--muted);margin-top:3px}.license-go{color:#9aa9ba}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tool-card{display:grid;grid-template-columns:52px 1fr 20px;gap:15px;align-items:center;padding:19px;border:1px solid #dfe6ef;background:#fff;border-radius:17px;color:var(--text)}.tool-card:hover{border-color:#bfd0e4;box-shadow:0 10px 26px rgba(15,31,53,.06)}.tool-icon{width:50px;height:50px;border-radius:14px;background:#f0f6ff;color:var(--brand);display:grid;place-items:center}.tool-icon .ui-icon{width:24px;height:24px}.tool-card strong{font-size:14px}.tool-card p{font-size:11px;line-height:1.55;margin:4px 0 0}.tool-arrow{color:#98a7b9}

/* Exam showcase */
.exam-showcase{background:radial-gradient(circle at 85% 25%,rgba(35,147,225,.15),transparent 28%),linear-gradient(125deg,#071d39,#0c315e);color:#fff;padding:76px 0}.exam-showcase-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.eyebrow-light{color:#7fc9ff}.exam-copy h2{color:#fff}.exam-copy p{color:#b8cae0;font-size:15px;line-height:1.75;max-width:510px}.feature-checks{list-style:none;padding:0;margin:24px 0 28px;display:grid;gap:11px;color:#dbe7f5;font-size:12px}.feature-checks li{display:flex;align-items:center;gap:8px}.feature-checks .ui-icon{color:#64d4aa}.exam-list-home{display:grid;gap:10px}.exam-row-home{display:grid;grid-template-columns:38px 1fr 42px;gap:14px;align-items:center;padding:16px 17px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.055);color:#fff}.exam-row-home:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);transform:translateX(3px)}.exam-order{font-size:10px;color:#7795b8;font-weight:900}.exam-row-body{display:grid}.exam-row-body>span{display:flex;gap:8px;align-items:center}.exam-row-body b{font-size:10px;letter-spacing:.1em;color:#80caff}.exam-row-body em{font-style:normal;font-size:8px;background:#f2b84b;color:#3a2704;border-radius:999px;padding:2px 6px;font-weight:900}.exam-row-body strong{font-size:13px;margin-top:3px}.exam-row-body small{font-size:10px;color:#a9bed6;margin-top:4px}.exam-play{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff}.empty-dark{border-color:rgba(255,255,255,.2);color:#bed0e3}

/* Partner trust */
.trust-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-bottom:68px;border-bottom:1px solid #e4eaf1}.trust-copy p{color:var(--muted);line-height:1.75;max-width:590px}.trust-copy .btn{margin-top:12px}.trust-process{display:grid;gap:10px}.trust-process>div{display:grid;grid-template-columns:42px 1fr;gap:3px 13px;padding:17px 18px;border:1px solid #e0e7ef;border-radius:15px;background:#fff}.trust-process>div>span{grid-row:1/3;width:40px;height:40px;border-radius:12px;background:#edf5ff;color:var(--brand);display:grid;place-items:center;font-size:11px;font-weight:900}.trust-process strong{font-size:13px}.trust-process small{font-size:10px;color:var(--muted)}.partner-heading{margin-top:58px}.partner-grid-home{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.partner-card-home{min-height:225px;padding:21px;border:1px solid #dfe6ef;border-radius:17px;background:#fff;color:var(--text);display:flex;flex-direction:column}.partner-card-home:hover{border-color:#bfd0e4;box-shadow:var(--shadow);transform:translateY(-2px)}.partner-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.partner-logo-fallback{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:17px;font-weight:900}.partner-card-home .status{display:inline-flex;align-items:center;gap:4px;font-size:9px}.partner-card-home h3{font-size:17px;line-height:1.3;margin:17px 0 4px}.partner-card-home p{font-size:11px;line-height:1.65}.network-empty{border:1px dashed #bfcddd;background:#f9fbfd;border-radius:17px;padding:22px;display:flex;gap:15px;align-items:center}.network-empty>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--green-soft);color:var(--green)}.network-empty strong{font-size:14px}.network-empty p{margin:4px 0 0;font-size:11px;color:var(--muted)}

/* Knowledge & FAQ */
.content-grid-home{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:14px}.article-card-home{position:relative;min-height:255px;padding:24px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;color:var(--text);display:flex;flex-direction:column}.article-card-home:hover{border-color:#bfd0e4;box-shadow:0 12px 28px rgba(15,31,53,.07);transform:translateY(-2px)}.article-card-home.featured{background:linear-gradient(150deg,#0a5bc9,#0a74ca);color:#fff;border-color:transparent}.article-card-home.featured p,.article-card-home.featured .article-meta{color:#d8e9fb}.article-card-home.featured .card-link{color:#fff}.content-index{position:absolute;right:20px;top:16px;font-size:34px;font-weight:950;letter-spacing:-.05em;color:#edf1f6}.featured .content-index{color:rgba(255,255,255,.11)}.article-meta{font-size:9px;color:#8795a6;font-weight:800;letter-spacing:.07em}.article-card-home h3{font-size:19px;line-height:1.25;letter-spacing:-.025em;margin:18px 35px 8px 0}.article-card-home p{font-size:11px;line-height:1.65;color:var(--muted)}.video-home-bar{margin-top:18px;display:grid;grid-template-columns:190px 1fr auto;gap:20px;align-items:center;padding:20px;border:1px solid #dfe6ef;border-radius:18px;background:#fff}.video-home-bar h3{margin:4px 0 0;font-size:17px}.video-home-items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.video-home-items a{min-width:0;display:grid;grid-template-columns:37px 1fr;gap:9px;align-items:center;color:var(--text);padding:8px;border-radius:11px}.video-home-items a:hover{background:#f3f7fb}.video-play{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#edf5ff;color:var(--brand)}.video-home-items span:last-child{display:grid;min-width:0}.video-home-items small{font-size:8px;color:var(--brand);font-weight:850}.video-home-items strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faq-home{max-width:980px}.faq-list-home{border-top:1px solid #dfe6ef}.faq-item-home{border:0;border-bottom:1px solid #dfe6ef;background:transparent}.faq-item-home summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 2px;font-size:14px;font-weight:800;cursor:pointer}.faq-item-home summary::-webkit-details-marker{display:none}.faq-item-home>div{padding:0 44px 20px 2px}.faq-item-home p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.faq-plus{font-size:22px;color:#8393a5;font-weight:300;transition:transform .18s}.faq-item-home[open] .faq-plus{transform:rotate(45deg);color:var(--brand)}
.home-final-cta{padding:70px 0;background:linear-gradient(120deg,#0754bf,#0b6fc9 60%,#1196cf);color:#fff}.final-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.final-cta-inner h2{color:#fff;margin-bottom:13px}.final-cta-inner p{max-width:670px;color:#d8eaf9;font-size:13px;line-height:1.7}.final-cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:max-content}

/* General content upgrades */
.card,.auth-card,.admin-panel,.question-card,.result-card{border-color:#dfe6ef;box-shadow:0 8px 24px rgba(15,31,53,.045)}.card:hover{box-shadow:0 14px 34px rgba(15,31,53,.09)}.section h2{line-height:1.15}.status{align-items:center;gap:4px}.status.verified{background:var(--green-soft);color:var(--green)}.status.pilot{background:#eaf3ff;color:var(--brand)}.alert{border:1px solid transparent}.alert.success{border-color:#bee6d5}.alert.error{border-color:#f5c4c0}.notice{box-shadow:0 2px 8px rgba(15,31,53,.025)}

/* Footer */
.site-footer{background:#07172c;padding:58px 0 22px}.footer-grid-pro{grid-template-columns:1.7fr repeat(3,.8fr);gap:55px}.brand-footer{color:#fff}.brand-footer .brand-copy small{color:#8095ae}.footer-brand>p{max-width:440px;margin:18px 0 0;font-size:12px;line-height:1.7}.footer-note{font-size:10px!important;color:#7489a2!important}.footer-grid-pro>div:not(.footer-brand){display:grid;align-content:start;gap:9px}.footer-grid-pro>div>strong{font-size:11px;color:#fff;letter-spacing:.04em;margin-bottom:5px}.footer-grid-pro a,.footer-grid-pro span{font-size:11px;color:#92a5bb}.footer-grid-pro a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:18px;color:#71869f;border-color:#18314e}

/* Responsive */
@media(max-width:1080px){.home-hero-grid{grid-template-columns:1fr 420px;gap:38px}.home-hero h1{font-size:54px}.license-grid-pro{grid-template-columns:repeat(3,1fr)}.footer-grid-pro{gap:30px}}
@media(max-width:920px){.nav-links{top:70px}.home-hero{padding-top:48px}.home-hero-grid{grid-template-columns:1fr}.journey-panel{max-width:680px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid #e5ebf2}.start-grid,.partner-grid-home,.content-grid-home{grid-template-columns:1fr 1fr}.start-card:first-child,.article-card-home.featured{grid-column:1/-1}.license-grid-pro{grid-template-columns:repeat(2,1fr)}.exam-showcase-grid,.trust-layout{grid-template-columns:1fr;gap:42px}.exam-copy{max-width:700px}.video-home-bar{grid-template-columns:1fr}.video-home-items{grid-template-columns:repeat(3,1fr)}.footer-grid-pro{grid-template-columns:1.5fr 1fr 1fr}.footer-grid-pro>div:last-child{grid-column:2/-1}.final-cta-inner{align-items:flex-start;flex-direction:column}.final-cta-actions{justify-content:flex-start}.menu-toggle{display:grid}.nav-links{padding:10px}.nav-links>a,.account-menu>summary{width:100%}.account-popover{position:static;width:100%;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:5px}.nav-cta{justify-content:center}.account-menu>summary{justify-content:space-between}}
@media(max-width:640px){.nav{min-height:68px}.brand-mark{width:36px;height:36px}.brand-copy strong{font-size:14px}.brand-copy small{display:none}.home-hero{padding-top:35px}.home-hero h1{font-size:42px;line-height:1.02;margin-top:18px}.hero-lead{font-size:16px;line-height:1.62}.hero-trust{display:grid;gap:8px}.journey-panel{padding:16px;border-radius:20px}.journey-row{grid-template-columns:24px 38px 1fr 16px;gap:8px;padding:13px 0}.journey-icon{width:36px;height:36px}.journey-row small{display:none}.journey-footer{align-items:flex-start;flex-direction:column}.hero-search-wrap{margin-top:38px;transform:translateY(29px)}.hero-search{height:auto;min-height:64px;padding:9px 9px 9px 14px;gap:7px}.hero-search input{font-size:13px}.hero-search .btn{min-width:auto;padding-inline:12px}.search-suggestions{padding-left:4px;padding-right:4px}.metrics-strip{padding-top:54px}.metrics-grid{grid-template-columns:1fr 1fr}.metric{padding:16px;min-height:88px}.metric:nth-child(2){border-right:0}.metric:nth-child(3){border-bottom:0}.metric strong{font-size:22px}.metric>span{font-size:9px}.metric-trust{grid-column:1/-1;border-top:1px solid #e5ebf2}.home-section{padding-top:52px;padding-bottom:52px}.section-intro h2,.section-head-pro h2,.trust-copy h2,.exam-copy h2,.final-cta-inner h2{font-size:31px}.start-grid,.partner-grid-home,.content-grid-home,.license-grid-pro,.tool-grid{grid-template-columns:1fr}.start-card:first-child,.article-card-home.featured{grid-column:auto}.start-card{min-height:230px}.section-head-pro{align-items:flex-start}.license-card-pro{min-height:92px}.exam-showcase{padding:55px 0}.exam-row-home{grid-template-columns:28px 1fr 34px;padding:13px 12px}.exam-row-body small{line-height:1.4}.partner-heading{margin-top:45px}.trust-layout{padding-bottom:50px}.video-home-items{grid-template-columns:1fr}.video-home-items strong{white-space:normal}.faq-item-home summary{font-size:13px}.home-final-cta{padding:55px 0}.final-cta-actions{min-width:0;width:100%}.final-cta-actions .btn{width:100%}.footer-grid-pro{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-grid-pro>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.article-card-home{min-height:220px}}
@media(max-width:390px){.auth-switch{grid-template-columns:1fr}.home-hero h1{font-size:37px}.home-actions .btn{width:100%}.metrics-grid{grid-template-columns:1fr}.metric{border-right:0!important;border-bottom:1px solid #e5ebf2!important}.metric:last-child{border-bottom:0!important}.metric-trust{grid-column:auto}.footer-grid-pro{grid-template-columns:1fr}.footer-brand,.footer-grid-pro>div:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card:hover,.start-card:hover,.license-card-pro:hover,.partner-card-home:hover,.article-card-home:hover,.btn:hover{transform:none!important}}

/* Standalone production error page (CSP-safe: no inline style required) */
.system-error-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(145deg,#f7faff,#eef4fb)}
.system-error-card{width:min(620px,100%);padding:42px;border:1px solid #dfe7f1;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(15,31,53,.12);text-align:center}
.system-error-code{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:34px;padding:0 14px;border-radius:999px;background:#eaf2ff;color:#0b57d0;font-weight:800;letter-spacing:.08em}
.system-error-card h1{margin:20px 0 12px;font-size:clamp(28px,5vw,40px);line-height:1.1;color:#10243d}.system-error-card>p{margin:0 auto;max-width:500px;color:#5f7186;line-height:1.7}.system-error-request{margin-top:18px!important;font-size:12px}.system-error-request code{display:inline-block;padding:3px 7px;border-radius:6px;background:#f3f6fa;color:#24364d}.system-error-actions{margin-top:26px;display:flex;justify-content:center}

/* ===== HOSOLAIXE v1.7.3 — public learning + directory foundation ===== */
html,body{min-height:100%}
body{min-height:100dvh;display:flex;flex-direction:column}
#main-content{flex:1 0 auto;width:100%}
.site-footer{margin-top:auto;flex-shrink:0;width:100%}
.small-copy{font-size:12px}
.nav-links{gap:12px}.nav-links .nav-item{padding:8px 6px;border-radius:9px}.nav-links .nav-item.active{background:#edf5ff;color:var(--brand)}

/* License index/detail */
.license-index-hero,.license-detail-hero-section,.knowledge-hero,.directory-hero,.faq-hero-pro{padding:58px 0 34px;background:linear-gradient(180deg,#f7faff 0,#f2f6fb 100%);border-bottom:1px solid #e4eaf2}
.license-detail-grid-index{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.license-class-card{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;padding:22px;background:#fff;border:1px solid #dfe6ef;border-radius:18px;color:var(--text);box-shadow:0 6px 20px rgba(15,31,53,.04);transition:.18s}.license-class-card:hover{border-color:#b9cbe2;transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,31,53,.08)}.license-class-card strong{font-size:17px}.license-class-card p{margin:8px 0;color:var(--muted);font-size:13px}.license-class-card small{color:var(--brand);font-weight:750}
.license-detail-hero-pro{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.license-detail-symbol{display:grid;gap:8px;justify-items:center}.license-detail-symbol small{font-size:11px;color:var(--muted);font-weight:800}.license-detail-hero-pro h1{font-size:clamp(38px,5vw,58px);line-height:1;margin:8px 0 14px}.source-version{display:flex;align-items:center;gap:8px;color:#5d6e82;font-size:12px}.license-hero-actions{display:grid;gap:10px;min-width:170px}.license-facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.license-fact{padding:24px;border:1px solid #dfe6ef;background:#fff;border-radius:20px;box-shadow:0 7px 22px rgba(15,31,53,.04)}.license-fact .fact-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:var(--brand);margin-bottom:16px}.license-fact small{font-size:10px;letter-spacing:.1em;color:var(--brand);font-weight:850}.license-fact h2{font-size:20px;margin:5px 0 10px}.license-fact p{margin:0;color:#56687d}.regulation-source-card{margin:18px 0 34px;display:grid;grid-template-columns:46px 1fr;gap:16px;padding:20px;border:1px solid #cfe0f5;border-radius:16px;background:#f5f9ff}.regulation-source-card>div:first-child{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#e6f1ff;color:var(--brand)}.regulation-source-card p{margin:5px 0;color:#56687d}.regulation-source-card small{color:#78889a}.license-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.next-action-card{display:grid;grid-template-columns:44px 1fr 22px;gap:14px;align-items:center;padding:19px;border:1px solid #dfe6ef;border-radius:16px;background:#fff;color:var(--text)}.next-action-card>span:first-child{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:var(--brand)}.next-action-card small{font-size:9px;color:var(--brand);font-weight:850;letter-spacing:.08em}.next-action-card strong{display:block}.next-action-card p{font-size:11px;margin:3px 0;color:var(--muted)}.content-followup{margin-top:34px}

/* Knowledge hub */
.knowledge-hero h1{font-size:clamp(38px,5vw,58px);margin:8px 0 12px;line-height:1.04}.knowledge-picker{margin-top:24px;display:grid;grid-template-columns:minmax(240px,440px) auto;gap:10px;align-items:end}.knowledge-picker label span{font-size:11px;color:#52667c}.knowledge-license-grid{margin-top:22px}.knowledge-license-summary{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:22px;border:1px solid #dce5ef;border-radius:18px;background:#fff;margin-bottom:20px}.knowledge-license-summary h2{margin:0 0 4px}.knowledge-license-summary p{margin:0;color:var(--muted)}.knowledge-tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.knowledge-tool{display:grid;grid-template-columns:48px 1fr 22px;gap:15px;align-items:center;min-height:132px;padding:20px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;color:var(--text);transition:.18s}.knowledge-tool:hover{transform:translateY(-2px);border-color:#b9cbe2;box-shadow:0 12px 28px rgba(15,31,53,.07)}.knowledge-tool.featured{background:linear-gradient(145deg,#0758c6,#0878cf);color:#fff;border-color:transparent}.knowledge-tool-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#edf5ff;color:var(--brand)}.knowledge-tool.featured .knowledge-tool-icon{background:rgba(255,255,255,.14);color:#fff}.knowledge-tool small{font-size:9px;letter-spacing:.09em;color:var(--brand);font-weight:850}.knowledge-tool.featured small{color:#d9ebff}.knowledge-tool h3{margin:3px 0 5px;font-size:18px}.knowledge-tool p{margin:0;font-size:12px;color:var(--muted)}.knowledge-tool.featured p{color:#dceaff}

/* Original e-learning interface inspired only by common LMS layout patterns */
.learning-shell{width:min(1540px,calc(100% - 26px));margin:18px auto 34px;background:#fff;border:1px solid #dfe6ef;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(15,31,53,.07)}.learning-topbar{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;border-bottom:1px solid #e3e9f1;background:#fff}.learning-topbar>div:first-child{display:grid;gap:2px}.learning-topbar a{font-size:11px;font-weight:750}.learning-topbar strong{font-size:14px}.learning-top-progress{text-align:right}.learning-top-progress span{display:block;font-size:10px;color:var(--muted)}.learning-top-progress strong{font-size:12px;color:var(--green)}.learning-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;min-height:680px}.learning-sidebar{border-right:1px solid #e3e9f1;background:#fbfcfe;overflow:auto;max-height:calc(100vh - 110px);position:sticky;top:69px;align-self:start}.learning-sidebar-title{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid #e5eaf1}.learning-sidebar-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf3ff;color:var(--brand)}.learning-sidebar-title small{display:block;font-size:8px;color:var(--brand);font-weight:850}.learning-module{border-bottom:1px solid #e5eaf1}.learning-module summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-size:12px;font-weight:850;cursor:pointer}.learning-module summary::-webkit-details-marker{display:none}.learning-module[open] summary .chevron{transform:rotate(180deg)}.learning-module>div{padding:0 9px 10px}.learning-lesson-link{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:10px;border-radius:9px;color:#34465b;font-size:11px;line-height:1.35}.learning-lesson-link:hover{background:#f0f5fb}.learning-lesson-link.active{background:#e9f4ff;color:#0757c2;font-weight:800}.learning-lesson-link .lesson-dot{width:20px;height:20px;border:1px solid #c9d5e2;border-radius:50%;display:grid;place-items:center;font-size:8px}.lesson-article{padding:28px 40px 42px;min-width:0}.lesson-header{padding-bottom:22px;border-bottom:1px solid #e6ebf2}.lesson-header .eyebrow{font-size:9px}.lesson-header h1{font-size:clamp(27px,3.5vw,40px);line-height:1.12;margin:8px 0 10px}.lesson-header p{margin:0;color:var(--muted)}.lesson-media-bar{margin:18px 0;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #dfe6ef;border-radius:12px;background:#fbfcfe}.lesson-media-bar .media-track{height:6px;flex:1;background:#dce4ee;border-radius:999px;overflow:hidden}.lesson-media-bar .media-track i{display:block;width:18%;height:100%;background:var(--brand)}.lesson-media-bar small{white-space:nowrap;color:var(--muted)}.lesson-content{font-size:15px;line-height:1.78;color:#24364a}.lesson-content h2{font-size:23px;margin:30px 0 10px;color:#172b44}.lesson-content h3{font-size:17px;margin:24px 0 8px}.lesson-content li{margin:7px 0}.lesson-content .notice{font-size:13px}.lesson-actions-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-top:32px;padding-top:22px;border-top:1px solid #e6ebf2}.lesson-actions-bottom>a:last-child{justify-self:end}.learning-aside{border-left:1px solid #e3e9f1;background:#fcfdff;position:sticky;top:69px;align-self:start;min-height:680px}.learning-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e4eaf2}.learning-tabs button{border:0;background:transparent;padding:14px 6px;font-size:10px;font-weight:800;color:#7a899a;cursor:pointer;border-bottom:2px solid transparent}.learning-tabs button.active{color:var(--brand);border-bottom-color:var(--brand)}.learning-tab-panel{display:none;padding:22px}.learning-tab-panel.active{display:block}.learning-tab-panel h3{font-size:15px}.learning-tab-panel p{font-size:12px;color:var(--muted)}.progress-ring{width:100px;height:100px;margin:10px auto 18px;border:9px solid #e5edf7;border-top-color:var(--brand);border-radius:50%;display:grid;place-items:center;text-align:center}.progress-ring strong{font-size:22px;line-height:1}.progress-ring span{font-size:9px;color:var(--muted)}.learning-resource{display:flex;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #e7ecf2;font-size:12px;font-weight:750}.learning-resource:last-child{border:0}

/* Training center directory */
.directory-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}.directory-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.03;margin:8px 0 12px}.directory-trust-card{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:20px;background:#fff;border:1px solid #dfe6ef;border-radius:18px}.directory-trust-card>svg{width:46px;height:46px;padding:11px;border-radius:13px;background:#eaf8f2;color:var(--green)}.directory-trust-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.directory-filter{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:end;padding:18px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(15,31,53,.04)}.directory-filter label span{font-size:10px;color:#52677d}.geo-action{white-space:nowrap}.directory-geo-status{grid-column:1/-1;font-size:10px;color:var(--muted)}.directory-source{margin:18px 0 34px;padding:15px 17px;border-left:4px solid #7aa7df;background:#f5f8fc;border-radius:0 12px 12px 0}.directory-source>div{display:flex;gap:8px;align-items:center}.directory-source p{margin:5px 0 0;font-size:11px;color:var(--muted)}.directory-result-head{display:flex;justify-content:space-between;align-items:end;margin:24px 0 16px}.directory-result-head h2{margin:3px 0 0}.result-count{font-size:11px;color:var(--muted)}.directory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.directory-card{padding:22px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 6px 20px rgba(15,31,53,.04)}.directory-card-head{display:flex;justify-content:space-between;gap:12px}.distance-badge{font-size:11px;color:var(--brand);background:#edf5ff;padding:5px 8px;border-radius:999px}.directory-card h3{font-size:19px;margin:14px 0 8px}.directory-card h3 a{color:var(--text)}.directory-address{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:#5f7186}.directory-address svg{flex:0 0 16px;margin-top:3px;color:var(--brand)}.license-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.license-chip{display:inline-flex;min-width:34px;justify-content:center;padding:5px 8px;border-radius:8px;background:#eef5ff;color:#0757c2;font-size:10px;font-weight:850}.license-chip-row.large .license-chip{font-size:13px;padding:8px 11px}.unverified-copy{font-size:11px;color:#8a5a15;background:#fff8eb;padding:9px 10px;border-radius:9px}.source-line{display:block;color:#8795a5;margin-top:8px}.directory-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.directory-actions .btn{flex:1;min-width:max-content}.partner-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:28px}.partner-detail-hero h1{font-size:clamp(34px,5vw,50px);margin:10px 0}.partner-detail-hero p{color:var(--muted);max-width:760px}.partner-detail-cta{display:grid;gap:9px;min-width:180px}.partner-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;margin-top:30px}.partner-info-block{margin-bottom:30px}.compact-card{margin-bottom:10px}.capacity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.partner-location-panel{padding:20px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;align-self:start;position:sticky;top:92px}.location-card{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid #e6ebf2}.location-card>span{width:34px;height:34px;display:grid;place-items:center;background:#edf5ff;color:var(--brand);border-radius:10px}.location-card p{margin:3px 0;color:var(--muted);font-size:12px}.location-card a{font-size:11px;font-weight:750}.source-box{margin:16px 0;padding:12px;background:#f6f8fb;border-radius:12px}.source-box p{font-size:11px;color:var(--muted);margin:4px 0}.source-box small{font-size:9px;color:#8593a4}

/* Consultation wizard */
.consultation-page{max-width:900px}.consultation-wizard{padding:30px}.wizard-progress{display:grid;grid-template-columns:30px 1fr 30px 1fr 30px 1fr 30px;gap:8px;align-items:center;margin-bottom:10px}.wizard-progress span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef2f7;color:#7a899a;font-size:11px;font-weight:850}.wizard-progress span.active{background:var(--brand);color:#fff}.wizard-progress i{height:2px;background:#e1e7ef}.selected-school-banner{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid #cfe0f3;background:#f4f9ff;border-radius:14px;margin:18px 0}.selected-school-banner>svg{width:36px;height:36px;padding:8px;background:#e6f1ff;color:var(--brand);border-radius:10px}.selected-school-banner small,.selected-school-banner span{display:block;font-size:10px;color:var(--muted)}.geo-soft{justify-self:start;background:#f5f9ff;border-color:#cfe0f5}.geo-soft.is-done{background:#eaf8f1;border-color:#bce4d3;color:var(--green)}.geo-status{font-size:10px;color:var(--muted)}.consultation-find-link{display:inline-flex;gap:5px;align-items:center}.track-summary-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.private-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.private-summary div{padding:9px;background:#f7f9fc;border-radius:9px}.private-summary dt{font-size:9px;color:var(--muted);font-weight:800}.private-summary dd{margin:2px 0 0;font-size:12px}.selected-school-track{background:#f8fbff}.track-next-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 32px}

/* FAQ */
.faq-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.faq-hero-pro h1{font-size:clamp(38px,5vw,58px);line-height:1.04;margin:8px 0 12px}.faq-about-card{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:20px;border:1px solid #dfe6ef;background:#fff;border-radius:18px}.faq-about-card p{font-size:12px;color:var(--muted)}.faq-category-bar{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.faq-category-bar a{white-space:nowrap;padding:8px 10px;border-radius:999px;background:#fff;border:1px solid #dfe6ef;color:#53667c;font-size:11px;font-weight:750}.faq-category-bar a.active{background:var(--brand);border-color:var(--brand);color:#fff}.faq-category-bar span{margin-left:5px;opacity:.7}.faq-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px}.faq-list-pro{border-top:1px solid #dfe6ef}.faq-row-pro{border-bottom:1px solid #dfe6ef}.faq-row-pro summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 4px;font-size:14px;font-weight:800;cursor:pointer}.faq-row-pro summary::-webkit-details-marker{display:none}.faq-row-pro summary b{font-size:22px;color:#8392a3;font-weight:400}.faq-row-pro[open] summary b{transform:rotate(45deg);color:var(--brand)}.faq-row-pro>div{padding:0 40px 20px 4px}.faq-row-pro p{margin:0;color:#586a7f}.faq-side-card{align-self:start;position:sticky;top:92px;padding:22px;border:1px solid #dfe6ef;border-radius:18px;background:#fff}.faq-side-card h2{font-size:23px}.faq-side-card p{font-size:12px;color:var(--muted)}.faq-side-card .btn{margin-top:8px}.faq-side-card small{display:block;margin-top:12px;color:var(--muted)}

@media(max-width:1180px){.nav-links{gap:6px;font-size:12px}.nav-links .nav-item{padding-inline:5px}}
@media(max-width:1100px){.menu-toggle{display:grid}.nav-links{display:none;position:absolute;left:16px;right:16px;top:70px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px;padding:10px}.nav-links.open{display:flex}.nav-links>a,.account-menu>summary{width:100%}.account-popover{position:static;width:100%;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:5px}.account-menu>summary{justify-content:space-between}.learning-layout{grid-template-columns:260px minmax(0,1fr)}.learning-aside{grid-column:1/-1;position:static;border-left:0;border-top:1px solid #e3e9f1;min-height:0}.learning-tab-panel{padding:20px}.directory-filter{grid-template-columns:1fr 1fr}.directory-filter .btn{width:100%}.partner-detail-grid{grid-template-columns:1fr}.partner-location-panel{position:static}.license-detail-hero-pro{grid-template-columns:auto 1fr}.license-hero-actions{grid-column:1/-1;display:flex}.faq-content-layout{grid-template-columns:1fr}.faq-side-card{position:static}}
@media(max-width:760px){.license-detail-grid-index,.license-facts-grid,.license-next-grid,.knowledge-tools-grid,.directory-grid,.capacity-grid{grid-template-columns:1fr}.license-detail-hero-pro,.knowledge-license-summary,.directory-hero-grid,.faq-hero-grid,.track-summary-grid{grid-template-columns:1fr}.license-detail-symbol{justify-items:start}.license-hero-actions{grid-column:auto}.knowledge-license-summary{align-items:start}.knowledge-picker{grid-template-columns:1fr}.learning-shell{width:100%;margin:0;border-radius:0;border-left:0;border-right:0}.learning-layout{display:block}.learning-sidebar{position:static;max-height:none;border-right:0;border-bottom:1px solid #e3e9f1}.learning-module:not([open]){display:block}.lesson-article{padding:24px 18px 34px}.learning-aside{position:static}.learning-topbar{align-items:flex-start}.directory-filter{grid-template-columns:1fr}.directory-actions .btn{width:100%;flex:auto}.partner-detail-hero{align-items:flex-start;flex-direction:column}.partner-detail-cta{width:100%}.private-summary{grid-template-columns:1fr}.faq-about-card{grid-template-columns:1fr}.faq-about-card .brand-mark{width:42px}.lesson-actions-bottom{grid-template-columns:1fr}.lesson-actions-bottom>*{justify-self:stretch!important}.lesson-actions-bottom .btn{width:100%}}
.learning-lesson-link .lesson-state{width:20px;height:20px;border:1px solid #c8d5e3;border-radius:50%;display:grid;place-items:center;font-size:8px;color:#7890aa}.learning-lesson-link.active .lesson-state{border-color:#86b5ec;background:#fff;color:var(--brand)}.learning-lesson-link span:last-child{display:grid;gap:2px}.learning-lesson-link small{font-size:9px;color:#8a99aa;font-weight:500}.learning-sidebar-links{display:grid;gap:8px;padding:14px 16px}.learning-sidebar-links a{font-size:10px;font-weight:800}.learning-article-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.learning-time{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:7px 9px;border-radius:999px;background:#f0f5fb;color:#607287;font-size:10px;font-weight:750}.lesson-player .lesson-play{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef5ff;color:var(--brand);font-size:10px}.lesson-track i.started{width:8%!important}.lesson-track i.complete{width:100%!important}.lesson-source-note{margin-top:28px;padding:14px 16px;border:1px solid #d9e4f1;border-radius:12px;background:#f7faff;color:#617388;font-size:11px}
@media(max-width:760px){.learning-article-head{flex-direction:column}.learning-time{align-self:flex-start}}

.learning-discussion-form{margin:14px 0 18px}.learning-discussion-list{display:grid;gap:10px;margin-top:14px}.learning-discussion-item{padding:12px;border:1px solid #e1e7ef;border-radius:12px;background:#fff}.learning-discussion-item>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.learning-discussion-item strong{font-size:11px}.learning-discussion-item small{font-size:9px;color:var(--muted)}.learning-discussion-item p{margin:7px 0 0;font-size:11px;color:#526579;white-space:normal}.learning-tabs{overflow-x:auto}.learning-tabs button{white-space:nowrap}

.directory-pagination{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:28px 0 4px}.pager-btn,.pager-page{display:inline-flex;min-height:38px;min-width:38px;align-items:center;justify-content:center;border:1px solid #dbe4ef;border-radius:10px;background:#fff;color:#17324f;font-size:12px;font-weight:800;padding:8px 11px;transition:.18s ease}.pager-btn:hover,.pager-page:hover{border-color:#9dc2f0;background:#f4f9ff;color:#0757c2}.pager-page.active{background:#0b63ce;border-color:#0b63ce;color:#fff;box-shadow:0 6px 16px rgba(11,99,206,.18)}.pager-btn.disabled{opacity:.42;pointer-events:none}.pager-gap{padding:0 2px;color:#7b8ca0}.pager-summary{margin-left:6px;font-size:11px;color:#718399}@media(max-width:600px){.directory-pagination{justify-content:flex-start}.pager-summary{width:100%;margin:3px 0 0}.pager-btn,.pager-page{min-height:36px}}
.learning-lesson-link.completed .lesson-state{background:#e9f7f0;border-color:#9ed8bf;color:var(--green)}.learning-lesson-link.completed strong{color:#315a49}

/* ==========================================================
   HOSOLAIXE v1.7 — Practice / Directory / Service UX layer
   ========================================================== */

/* Header utility dropdown */
.utility-menu{position:relative}.utility-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:11px;font-weight:800;color:var(--text);white-space:nowrap}.utility-menu>summary::-webkit-details-marker{display:none}.utility-menu>summary:hover,.utility-menu>summary.active,.utility-menu[open]>summary{background:#eef5ff;color:var(--brand)}.utility-menu .chevron{width:14px;height:14px;transition:transform .18s ease}.utility-menu[open] .chevron{transform:rotate(180deg)}.utility-popover{position:absolute;z-index:90;right:0;top:calc(100% + 11px);width:min(340px,86vw);max-height:min(520px,70vh);overflow:auto;padding:7px;background:#fff;border:1px solid #dce5ef;border-radius:15px;box-shadow:0 22px 54px rgba(14,37,66,.18)}.utility-popover a{display:flex;align-items:center;gap:9px;padding:10px 11px;border-radius:10px;color:#314b67;font-size:12px;font-weight:700;line-height:1.35}.utility-popover a:hover,.utility-popover a.active{background:#eef5ff;color:var(--brand)}.utility-popover .utility-all{border-top:1px solid #e5ebf2;margin-top:5px;padding-top:12px;color:var(--brand);font-weight:850}.utility-popover::-webkit-scrollbar{width:7px}.utility-popover::-webkit-scrollbar-thumb{background:#c9d5e3;border-radius:999px}

/* Homepage quick license + official learning bank */
.home-license-quick{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:22px 0 0;padding:13px 15px;border:1px solid #dce7f3;border-radius:15px;background:rgba(255,255,255,.76);backdrop-filter:blur(8px)}.home-license-quick>strong{font-size:11px;color:#60738a;margin-right:3px}.home-license-quick a{display:inline-grid;place-items:center;min-width:43px;height:37px;padding:0 11px;border-radius:10px;background:#fff;border:1px solid #d6e2ef;color:#23415f;font-size:12px;font-weight:900}.home-license-quick a:hover{border-color:#8cb9ee;background:#edf5ff;color:var(--brand);transform:translateY(-1px)}
.home-exam-bank{padding:78px 0;background:linear-gradient(180deg,#f7faff,#fff)}.bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.bank-card{position:relative;overflow:hidden;min-height:260px;padding:26px;border:1px solid #dfe7f0;border-radius:20px;background:#fff;box-shadow:0 10px 26px rgba(15,38,69,.045);display:flex;flex-direction:column;align-items:flex-start}.bank-card:hover{transform:translateY(-4px);border-color:#b7cee8;box-shadow:0 20px 44px rgba(15,53,98,.1)}.bank-card.featured{color:#fff;border-color:transparent;background:radial-gradient(circle at 100% 0,rgba(58,181,255,.28),transparent 42%),linear-gradient(145deg,#073c85,#075fc9)}.bank-card.featured p,.bank-card.featured small{color:#c9def7}.bank-card.featured .card-link{color:#fff}.bank-number{font-size:54px;line-height:.9;font-weight:950;letter-spacing:-.06em;color:var(--brand);margin-bottom:18px}.bank-card.featured .bank-number{color:#fff}.bank-card small{font-size:9px;font-weight:900;letter-spacing:.13em;color:#77889c}.bank-card h3{font-size:23px;line-height:1.15;letter-spacing:-.035em;margin:9px 0}.bank-card p{font-size:12px;line-height:1.65;color:var(--muted);margin:0 0 22px}.bank-card .card-link{margin-top:auto}

/* Practice landing */
.practice-hero{position:relative;padding:70px 0;background:radial-gradient(circle at 84% 16%,rgba(16,131,214,.18),transparent 27%),linear-gradient(180deg,#f7fbff,#eef5ff);border-bottom:1px solid #dfe8f2}.practice-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.65fr);gap:46px;align-items:center}.practice-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.01;letter-spacing:-.055em;margin:14px 0;color:var(--navy)}.practice-overview-card{padding:24px;border:1px solid #cbdced;background:rgba(255,255,255,.9);border-radius:22px;box-shadow:0 24px 58px rgba(13,53,98,.12)}.practice-overview-card>strong{display:block;font-size:38px;line-height:1;color:var(--brand);letter-spacing:-.04em}.practice-overview-card>span{display:block;color:#61758c;font-size:11px;margin-top:4px}.practice-overview-card ul{list-style:none;padding:15px 0 0;margin:15px 0 0;border-top:1px solid #e2e8ef;display:grid;gap:9px}.practice-overview-card li{font-size:12px;color:#425b73;display:flex;gap:8px}.practice-overview-card li:before{content:"✓";color:var(--green);font-weight:900}.practice-license-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.practice-license-card{padding:19px;border:1px solid #dfe6ef;border-radius:17px;background:#fff;color:var(--text);display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:center;box-shadow:0 5px 16px rgba(15,31,53,.025)}.practice-license-card:hover{transform:translateY(-3px);border-color:#b8cee8;box-shadow:0 14px 30px rgba(15,47,84,.08)}.license-token{width:49px;height:49px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#0b63d5,#0754bd);color:#fff;font-weight:950;font-size:16px;box-shadow:0 8px 18px rgba(7,86,201,.18)}.license-token.lg{width:68px;height:68px;border-radius:18px;font-size:22px}.practice-license-card strong{display:block;font-size:15px}.practice-license-card small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.practice-method{background:#f7f9fc}.practice-method .feature-grid.four{grid-template-columns:repeat(4,1fr)}

/* Practice license dashboard */
.practice-license-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:25px 0 18px;border-bottom:1px solid #e2e8f0}.practice-license-head>div:first-child{display:flex;gap:17px;align-items:center}.practice-license-head h1{font-size:clamp(34px,4vw,48px);letter-spacing:-.045em;margin:3px 0 5px}.practice-license-head p{margin:0;color:var(--muted)}.practice-license-head .hero-actions{justify-content:flex-end}.practice-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.practice-progress-card,.critical-card{padding:22px}.practice-progress-card strong,.critical-card strong{display:block;font-size:30px;line-height:1.05;color:var(--navy)}.practice-progress-card span,.critical-card span{font-size:11px;color:var(--muted)}.critical-card{border-color:#f1d4cf;background:#fff9f8}.critical-card strong{color:#bb3e31}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.chapter-card{padding:17px;border:1px solid #dfe6ef;border-radius:15px;background:#fff;color:var(--text);display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.chapter-card:hover{border-color:#aac7e8;background:#f8fbff}.chapter-card strong{display:block;font-size:13px}.chapter-card small{font-size:10px;color:var(--muted)}.exam-list-head{margin-top:40px}.exam-set-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.exam-set-card{padding:17px;border:1px solid #dce5ef;border-radius:16px;background:#fff;color:var(--text)}.exam-set-card:hover{transform:translateY(-2px);border-color:#a9c7e9;box-shadow:0 12px 25px rgba(15,47,84,.07)}.exam-no{font-size:9px;font-weight:900;letter-spacing:.13em;color:var(--brand)}.exam-set-card h3{font-size:15px;margin:8px 0 5px}.exam-set-card p{font-size:10px;color:var(--muted);margin:0}.weak-list{display:grid;gap:8px;margin-top:14px}.weak-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;border:1px solid #e0e7ef;border-radius:13px;background:#fff;color:var(--text)}.weak-row:hover{border-color:#bad0e9}.weak-row strong{font-size:12px}.weak-row span{font-size:10px;color:#a44438}.weak-table{width:100%;border-collapse:separate;border-spacing:0 8px}.weak-table tr{background:#fff}.weak-table td{padding:13px;border-top:1px solid #e1e7ef;border-bottom:1px solid #e1e7ef;font-size:12px}.weak-table td:first-child{border-left:1px solid #e1e7ef;border-radius:12px 0 0 12px}.weak-table td:last-child{border-right:1px solid #e1e7ef;border-radius:0 12px 12px 0}

/* Study / question bank */
.study-page{max-width:1120px}.study-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:20px}.study-head h1{font-size:clamp(34px,4vw,48px);margin:6px 0}.study-filters{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.study-filters .btn{min-height:38px;padding:8px 12px;font-size:11px}.study-progress{display:flex;align-items:center;gap:12px;margin:18px 0 28px}.study-progress>span{font-size:11px;color:var(--muted);white-space:nowrap}.progress-track{flex:1;height:8px;background:#e6edf5;border-radius:999px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#1a9bd8);border-radius:inherit;transition:width .25s ease}.study-question-list{display:grid;gap:15px}.study-question{padding:22px;border:1px solid #dce5ef;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(15,31,53,.03)}.study-question.is-answered{border-color:#bfd0e5}.study-question>header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px}.q-number{display:inline-grid;place-items:center;min-width:40px;height:32px;padding:0 9px;border-radius:9px;background:#0b61cb;color:#fff;font-size:11px;font-weight:900}.chapter-tag,.critical-tag,.question-source-no{display:inline-flex;align-items:center;min-height:28px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850}.chapter-tag{background:#eef3f8;color:#5b6f86}.critical-tag{background:#fff0ed;color:#b53f33;border:1px solid #f1ccc5}.question-source-no{background:#f7f9fc;color:#7b8998}.ghost-icon{margin-left:auto;border:0;background:#f3f6fa;color:#6b7c90;width:34px;height:34px;border-radius:10px;cursor:pointer}.ghost-icon.active{background:#fff5d9;color:#a97800}.study-question h2,.exam-question-card h2{font-size:18px;line-height:1.55;letter-spacing:-.015em;margin:0 0 15px}.question-media{display:block;width:100%;max-width:760px;max-height:460px;object-fit:contain;margin:14px auto 18px;padding:7px;border:1px solid #e0e7ef;border-radius:14px;background:#f7f9fc}.practice-options{display:grid;gap:9px}.practice-option{position:relative;display:grid;grid-template-columns:31px 1fr;gap:10px;align-items:start;padding:12px 13px;border:1px solid #dce5ef;border-radius:12px;background:#fff;cursor:pointer;transition:.16s ease}.practice-option:hover{border-color:#9dbfe6;background:#f8fbff}.practice-option>span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#eef3f8;color:#5f738a;font-size:10px;font-weight:900}.practice-option.is-correct,.practice-option.is-answer{border-color:#72c5a0;background:#effaf5}.practice-option.is-correct>span:first-child,.practice-option.is-answer>span:first-child{background:#17865e;color:#fff}.practice-option.is-wrong{border-color:#eca99f;background:#fff5f3}.practice-option.is-wrong>span:first-child{background:#c44e40;color:#fff}.answer-feedback{display:none;margin-top:12px;padding:11px 13px;border-radius:11px;background:#f5f8fb;color:#486079;font-size:11px}.study-question.is-answered .answer-feedback{display:block}.pager{display:flex;justify-content:center;gap:8px;margin:26px 0}.pager .pager-btn{min-width:92px}

/* Professional exam */
.exam-pro-shell{min-height:calc(100dvh - 76px);background:#f4f7fb}.exam-pro-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding-top:30px;padding-bottom:20px}.exam-pro-head h1{font-size:clamp(30px,4vw,44px);margin:5px 0}.exam-timer-card{min-width:160px;padding:14px 17px;border:1px solid #d7e2ee;border-radius:15px;background:#fff;text-align:right;box-shadow:0 8px 24px rgba(15,47,84,.06)}.exam-timer-card small{display:block;color:var(--muted);font-size:9px}.exam-timer-card .timer{font-variant-numeric:tabular-nums;font-size:27px;font-weight:950;color:var(--navy)}.exam-pro-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;padding-bottom:34px}.exam-question-column{display:grid;gap:14px}.exam-question-card{padding:23px;border:1px solid #dce5ee;border-radius:18px;background:#fff;box-shadow:0 5px 18px rgba(15,31,53,.025)}.exam-question-card>header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.question-status{margin-left:auto;font-size:9px;font-weight:800;color:#7b8999}.exam-options{display:grid;gap:9px}.exam-option{position:relative;display:grid;grid-template-columns:22px 1fr;align-items:start;gap:10px;padding:12px 13px;border:1px solid #dce5ef;border-radius:12px;cursor:pointer;background:#fff}.exam-option:hover{border-color:#9bbde5;background:#f8fbff}.exam-option input{width:18px;height:18px;min-height:0;margin:2px 0 0;accent-color:var(--brand)}.exam-option:has(input:checked){border-color:#78aeea;background:#eef6ff;box-shadow:inset 3px 0 0 var(--brand)}.exam-navigator{align-self:start}.exam-nav-card{position:sticky;top:88px;padding:18px;border:1px solid #dce5ef;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(15,47,84,.06)}.exam-nav-card h2{font-size:16px;margin:0}.exam-nav-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:5px 0 14px}.exam-nav-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.exam-nav-grid button{aspect-ratio:1;border:1px solid #d9e2ed;border-radius:9px;background:#fff;color:#496077;font-size:10px;font-weight:850;cursor:pointer}.exam-nav-grid button:hover,.exam-nav-grid button.current{border-color:var(--brand);color:var(--brand);background:#eef5ff}.exam-nav-grid button.answered{background:var(--brand);border-color:var(--brand);color:#fff}.exam-key-help{margin:15px 0 0;padding-top:13px;border-top:1px solid #e4eaf1;font-size:9px;color:#7c8b9b;line-height:1.65}.exam-sticky-submit{position:sticky;bottom:12px;z-index:8;margin-top:6px;padding:10px;border:1px solid #dfe6ee;background:rgba(255,255,255,.93);backdrop-filter:blur(8px);border-radius:15px;box-shadow:0 12px 30px rgba(14,42,76,.11)}.exam-sticky-submit .wide{width:100%}

/* Exam result */
.result-page-pro{max-width:1120px}.result-summary-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;margin:20px 0 34px}.result-card-pro{padding:25px;text-align:center;border-radius:20px}.result-card-pro.pass{border-color:#a8dcc6;background:#f4fcf8}.result-card-pro.fail{border-color:#f0c2bc;background:#fff8f7}.score-ring{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;border:10px solid #dbe9f7;background:#fff}.pass .score-ring{border-color:#87d0af}.fail .score-ring{border-color:#e9aaa1}.score-ring strong{font-size:30px;line-height:1}.score-ring span{font-size:10px;color:var(--muted)}.result-count{font-size:10px;color:var(--muted)}.critical-result-note{padding:14px;border:1px solid #efc3bc;background:#fff3f1;color:#9a392f;border-radius:12px;margin:12px 0}.result-next-card{padding:24px;border:1px solid #dce5ef;border-radius:20px;background:#fff}.result-next-card h2{font-size:24px;margin:0 0 8px}.result-next-card p{color:var(--muted)}.result-answer-list{display:grid;gap:13px}.result-answer{padding:19px;border:1px solid #dfe6ef;border-radius:16px;background:#fff}.result-answer.correct{border-left:4px solid #1d9a6d}.result-answer.wrong{border-left:4px solid #cc5042}.result-answer>header{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.result-answer h3{font-size:15px;line-height:1.55}.correct-answer{padding:9px 11px;background:#eff9f4;color:#236f54;border-radius:10px;font-size:11px}

/* Guides / đổi + mất GPLX */
.guide-hero{padding:60px 0;background:linear-gradient(145deg,#f7fbff,#edf4fd);border-bottom:1px solid #dfe7f0}.guide-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:center}.guide-hero h1{font-size:clamp(40px,5vw,58px);line-height:1.03;letter-spacing:-.05em;margin:10px 0}.official-channel-card{padding:22px;border:1px solid #cddded;background:#fff;border-radius:19px;box-shadow:0 17px 38px rgba(15,47,84,.08)}.official-channel-card strong{display:block;font-size:15px}.official-channel-card p{font-size:11px;color:var(--muted);line-height:1.6}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.guide-card{display:grid;grid-template-columns:44px 1fr 18px;gap:12px;align-items:center;padding:18px;border:1px solid #dfe6ef;border-radius:16px;background:#fff;color:var(--text)}.guide-card:hover{border-color:#acc8e8;box-shadow:0 12px 27px rgba(15,47,84,.07);transform:translateY(-2px)}.guide-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:var(--brand)}.guide-card strong{display:block;font-size:13px}.guide-card small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.guide-detail{max-width:1000px}.guide-detail>h1{font-size:clamp(38px,5vw,54px);letter-spacing:-.045em}.guide-source-note{padding:14px 16px;border:1px solid #cfdeef;background:#f5f9ff;border-radius:13px;color:#526b85;margin:20px 0}.related-guides{max-width:1100px}

/* Article hub */
.article-hub-hero{padding:58px 0;background:radial-gradient(circle at 82% 15%,rgba(9,103,207,.13),transparent 27%),linear-gradient(180deg,#fafcff,#f0f5fb);border-bottom:1px solid #e1e7ef}.article-hub-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.55fr);gap:42px;align-items:end}.article-hub-hero h1{font-size:clamp(42px,5vw,60px);letter-spacing:-.055em;line-height:1.03;margin:9px 0}.article-search{display:flex;gap:8px;padding:9px;border:1px solid #d5e0ec;background:#fff;border-radius:16px;box-shadow:0 12px 30px rgba(15,47,84,.07)}.article-search input{border:0;box-shadow:none}.article-category-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 18px}.article-category-tabs a{white-space:nowrap;padding:8px 11px;border:1px solid #dce5ef;border-radius:999px;background:#fff;color:#52667c;font-size:10px;font-weight:800}.article-category-tabs a.active,.article-category-tabs a:hover{background:#0b60c9;border-color:#0b60c9;color:#fff}.article-feature{display:grid;grid-template-columns:.72fr 1.28fr;min-height:300px;border:1px solid #dce5ef;border-radius:21px;overflow:hidden;background:#fff;margin-bottom:22px}.article-feature-visual{display:grid;place-items:center;background:linear-gradient(145deg,#073d87,#0a6dd5);color:#fff}.article-monogram{font-size:58px;font-weight:950;letter-spacing:-.08em}.article-feature>div:last-child{padding:30px}.article-feature h2{font-size:30px;line-height:1.16;letter-spacing:-.035em}.article-feature p{color:var(--muted)}.article-feature-meta,.article-card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:9px;color:#7c8998}.article-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-hub-card{overflow:hidden;border:1px solid #dfe6ef;border-radius:17px;background:#fff;display:flex;flex-direction:column}.article-hub-card:hover{transform:translateY(-3px);border-color:#b4cae4;box-shadow:0 15px 31px rgba(15,47,84,.075)}.article-card-visual{height:120px;display:grid;place-items:center;background:linear-gradient(145deg,#edf5ff,#dcecff);color:var(--brand)}.article-card-visual .article-monogram{font-size:34px}.article-card-body{padding:17px;display:flex;flex-direction:column;flex:1}.article-card-body h3{font-size:16px;line-height:1.32;margin:8px 0}.article-card-body p{font-size:11px;color:var(--muted);line-height:1.58}.article-card-body .card-link{margin-top:auto}.article-results-head{margin-top:10px}.article-detail-pro{max-width:1180px}.article-detail-head{max-width:900px}.article-detail-head h1{font-size:clamp(38px,5vw,58px);line-height:1.06;letter-spacing:-.05em}.article-byline{display:flex;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:10px}.article-detail-mark{width:60px;height:60px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#0b64d2,#0752b7);color:#fff;font-size:24px;font-weight:950;margin:22px 0}.article-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}.article-side{position:sticky;top:90px;display:grid;gap:12px}.article-side-card{padding:18px;border:1px solid #dfe6ef;border-radius:16px;background:#fff}.article-side-card h3{font-size:15px}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.article-related-grid a{padding:14px;border:1px solid #dfe6ef;border-radius:13px;color:var(--text);font-size:11px;font-weight:750}.article-related-grid a:hover{border-color:#a9c6e7;color:var(--brand)}

/* FAQ search */
.faq-search-pro{display:flex;gap:8px;align-items:center;padding:9px 10px;margin:20px 0;border:1px solid #d8e2ed;background:#fff;border-radius:15px;box-shadow:0 10px 24px rgba(15,47,84,.045)}.faq-search-pro>span{display:grid;place-items:center;color:#7d8b9b}.faq-search-pro input{border:0;box-shadow:none;flex:1}.faq-search-pro input:focus{box-shadow:none}

/* Directory source transparency */
.source-license-raw{margin-top:7px;padding:7px 9px;border-radius:9px;background:#f7f9fc;color:#65778c;font-size:9px;line-height:1.4}.directory-distance-notice{padding:12px 14px;border:1px solid #d6e3f1;border-radius:12px;background:#f5f9ff;color:#536b84;font-size:11px;margin:12px 0 18px}

/* Improved prose readability */
.prose,.prose-inner,.article-content{font-size:15px;line-height:1.85;color:#263c54}.prose h2,.prose-inner h2,.article-content h2{font-size:26px;line-height:1.25;letter-spacing:-.025em;margin:34px 0 12px;color:var(--navy)}.prose h3,.prose-inner h3,.article-content h3{font-size:20px;margin:26px 0 10px;color:#17304e}.prose p,.prose-inner p,.article-content p{margin:0 0 15px}.prose ul,.prose ol,.prose-inner ul,.prose-inner ol{padding-left:22px}.prose img,.prose-inner img,.article-content img{max-width:100%;height:auto;border-radius:14px}.prose table,.article-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:12px}.prose th,.prose td,.article-content th,.article-content td{padding:10px;border:1px solid #dfe6ef;text-align:left}.prose th,.article-content th{background:#f4f7fb}

/* Responsive */
@media(max-width:1280px){
  .menu-toggle{display:grid}.nav-links{display:none;position:absolute;left:16px;right:16px;top:70px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:4px;padding:10px;max-height:calc(100dvh - 90px);overflow:auto}.nav-links.open{display:flex}.nav-links>a,.account-menu>summary,.utility-menu>summary{width:100%;justify-content:space-between}.account-popover,.utility-popover{position:static;width:100%;max-height:none;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:5px}.account-menu>summary,.utility-menu>summary{justify-content:space-between}
}
@media(max-width:980px){
  .practice-hero-grid,.guide-hero-grid,.article-hub-hero-grid,.article-detail-layout,.exam-pro-layout,.result-summary-grid{grid-template-columns:1fr}.practice-license-grid{grid-template-columns:repeat(3,1fr)}.practice-method .feature-grid.four,.exam-set-grid{grid-template-columns:repeat(2,1fr)}.chapter-grid{grid-template-columns:repeat(2,1fr)}.guide-grid,.article-hub-grid,.article-related-grid{grid-template-columns:repeat(2,1fr)}.article-feature{grid-template-columns:1fr}.article-feature-visual{min-height:160px}.article-side,.exam-nav-card{position:static}.exam-navigator{order:-1}.exam-nav-grid{grid-template-columns:repeat(10,1fr)}
}
@media(max-width:700px){
  .home-license-quick{align-items:flex-start}.bank-grid,.practice-dashboard-grid,.chapter-grid,.guide-grid,.article-hub-grid,.article-related-grid{grid-template-columns:1fr}.practice-license-grid{grid-template-columns:repeat(2,1fr)}.practice-license-card{grid-template-columns:auto 1fr}.practice-method .feature-grid.four,.exam-set-grid{grid-template-columns:1fr}.practice-license-head,.study-head,.exam-pro-head{flex-direction:column;align-items:flex-start}.practice-license-head>div:first-child{align-items:flex-start}.exam-timer-card{width:100%;text-align:left}.exam-nav-grid{grid-template-columns:repeat(6,1fr)}.study-question,.exam-question-card{padding:17px}.study-question h2,.exam-question-card h2{font-size:16px}.question-media{max-height:330px}.article-search,.faq-search-pro{display:grid;grid-template-columns:auto 1fr}.article-search .btn,.faq-search-pro .btn{grid-column:1/-1;width:100%}.article-feature>div:last-child{padding:20px}.article-detail-head h1{font-size:36px}.article-side{display:block}.article-side-card{margin-bottom:10px}.utility-popover{padding-left:4px}
}
@media(max-width:430px){.practice-license-grid{grid-template-columns:1fr}.exam-nav-grid{grid-template-columns:repeat(5,1fr)}.home-license-quick a{min-width:40px}.bank-number{font-size:46px}}
/* v1.7 post-audit UI fixes */
.home-license-quick>span:first-child{font-size:11px;color:#60738a;font-weight:800;margin-right:3px}.home-license-quick a{min-height:48px;height:auto;display:flex;flex-direction:column;justify-content:center;gap:1px}.home-license-quick a b{font-size:12px;line-height:1}.home-license-quick a small{font-size:8px;line-height:1;color:#7b8ca0;font-weight:700}.home-license-quick a:hover small{color:#55769a}
.question-media{display:block}.question-media img{display:block;width:auto;max-width:100%;max-height:445px;object-fit:contain;margin:0 auto;border-radius:9px}.practice-option>kbd{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:#eef3f8;color:#5f738a;font:900 10px/1 system-ui,sans-serif;box-shadow:none}.practice-option.is-correct>kbd,.practice-option.is-answer>kbd{background:#17865e;color:#fff}.practice-option.is-wrong>kbd{background:#c44e40;color:#fff}.answer-feedback{margin-top:12px;padding:11px 13px;border-radius:11px;background:#f5f8fb;color:#486079;font-size:11px}.answer-feedback:not([hidden]){display:block}.answer-feedback.correct{background:#eff9f4;color:#276e55}.answer-feedback.wrong{background:#fff4f2;color:#944138}.study-question[data-answered="1"]{border-color:#bfd0e5}.study-question footer{margin-top:13px;padding-top:10px;border-top:1px solid #e8edf3;color:#8290a0;font-size:9px}

/* --- v1.7.2 fixes --- */
.directory-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end}
.directory-filter label{display:flex;flex-direction:column;gap:8px}
.directory-filter .directory-address-field{grid-column:span 2}
.directory-form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.directory-geo-status{grid-column:1/-1;color:var(--muted);font-size:.95rem}
.directory-distance-notice{margin-top:18px}
.directory-result-head{display:flex;justify-content:space-between;gap:16px;align-items:end;flex-wrap:wrap}
.home-license-quick{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;padding:14px 18px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-soft)}
.home-license-quick .quick-title{font-weight:800;color:var(--ink);margin-right:6px;white-space:nowrap}
.home-license-quick a{min-width:66px;justify-content:center;text-align:center}
.home-visual-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.visual-card{position:relative;overflow:hidden;border:1px solid rgba(12,32,66,.1);border-radius:24px;min-height:172px;padding:22px;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,247,255,.96));box-shadow:var(--shadow-soft)}
.visual-card::before{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:right 14px top 12px;background-size:150px auto;opacity:.92}
.visual-card::after{content:"";position:absolute;inset:auto -30px -30px auto;width:150px;height:150px;border-radius:999px;background:radial-gradient(circle,rgba(21,93,232,.16),rgba(21,93,232,0));pointer-events:none}
.visual-card>div{position:relative;z-index:1;max-width:72%}
.visual-card h3{margin:6px 0 8px;font-size:1.1rem}
.visual-card p{margin:0;color:var(--muted)}
.visual-card-track::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160' viewBox='0 0 240 160'%3E%3Cpath d='M32 124c24-18 30-42 52-42s23 24 45 24 20-16 37-16 22 18 42 18' fill='none' stroke='%23cbd5e1' stroke-width='14' stroke-linecap='round'/%3E%3Cpath d='M40 124c24-18 30-42 52-42s23 24 45 24 20-16 37-16 22 18 42 18' fill='none' stroke='%23155de8' stroke-opacity='.22' stroke-width='7' stroke-linecap='round'/%3E%3Crect x='136' y='28' rx='10' ry='10' width='52' height='24' fill='%23dbeafe'/%3E%3Cpath d='M148 40h28' stroke='%23155de8' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E")}
.visual-card-car::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160' viewBox='0 0 240 160'%3E%3Cpath d='M32 116h176' stroke='%23cbd5e1' stroke-width='8' stroke-linecap='round'/%3E%3Cpath d='M60 102l18-28h58l20 28' fill='%23dbeafe' stroke='%23155de8' stroke-width='4' stroke-linejoin='round'/%3E%3Crect x='54' y='98' width='110' height='28' rx='10' fill='white' stroke='%23155de8' stroke-width='4'/%3E%3Ccircle cx='82' cy='128' r='10' fill='%23155de8' fill-opacity='.24' stroke='%23155de8' stroke-width='4'/%3E%3Ccircle cx='138' cy='128' r='10' fill='%23155de8' fill-opacity='.24' stroke='%23155de8' stroke-width='4'/%3E%3Crect x='84' y='60' width='34' height='18' rx='6' fill='%23eff6ff' stroke='%23155de8' stroke-width='3'/%3E%3C/svg%3E")}
.visual-card-moto::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160' viewBox='0 0 240 160'%3E%3Cpath d='M34 120h170' stroke='%23cbd5e1' stroke-width='8' stroke-linecap='round'/%3E%3Ccircle cx='84' cy='124' r='14' fill='white' stroke='%23155de8' stroke-width='4'/%3E%3Ccircle cx='150' cy='124' r='14' fill='white' stroke='%23155de8' stroke-width='4'/%3E%3Cpath d='M84 124l26-24h28l12 24M112 100l12-18h16' fill='none' stroke='%23155de8' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M84 124h66' stroke='%23155de8' stroke-width='4' stroke-linecap='round'/%3E%3Crect x='140' y='56' width='34' height='18' rx='6' fill='%23eff6ff' stroke='%23155de8' stroke-width='3'/%3E%3C/svg%3E")}
@media (max-width: 980px){
  .directory-filter{grid-template-columns:1fr 1fr}
  .directory-filter .directory-address-field{grid-column:1/-1}
  .home-visual-strip{grid-template-columns:1fr}
  .visual-card>div{max-width:78%}
}
@media (max-width: 720px){
  .directory-filter{grid-template-columns:1fr}
  .directory-form-actions{width:100%}
  .directory-form-actions .btn{flex:1 1 auto;justify-content:center}
  .home-license-quick{justify-content:flex-start}
}

/* --- v1.7.3 full-site audit fixes --- */
.search-page-hero{padding:58px 0 36px;background:radial-gradient(circle at 85% 20%,rgba(13,109,222,.13),transparent 28%),linear-gradient(180deg,#f8fbff,#f0f6fd);border-bottom:1px solid #dfe7f0}
.search-page-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;align-items:center}
.search-page-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.03;letter-spacing:-.045em;margin:10px 0 12px;color:var(--navy)}
.search-help-card{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:20px;border:1px solid #cfdded;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(15,47,84,.08)}
.search-help-card>svg{width:44px;height:44px;padding:11px;border-radius:12px;background:#edf5ff;color:var(--brand)}
.search-help-card p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}
.search-page-pro{max-width:1180px}.search-page-form{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:10px 10px 10px 16px;border:1px solid #d5e0ec;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(15,47,84,.06)}
.search-page-form>span{display:grid;place-items:center;color:#7b8da1}.search-page-form input{border:0;box-shadow:none;min-width:0}.search-page-form input:focus{box-shadow:none}
.search-quick-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 2px 28px;color:#738499;font-size:11px}.search-quick-row a{padding:6px 9px;border:1px solid #dbe5ef;border-radius:999px;background:#fff;color:#46617d;font-weight:750}.search-quick-row a:hover{border-color:#9dbce0;color:var(--brand);background:#f5f9ff}
.search-result-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:26px 0 14px}.search-result-head h2{margin:3px 0 0}.search-result-head>span{font-size:11px;color:var(--muted)}
.search-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.search-result-card{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:13px;align-items:center;padding:17px;border:1px solid #dfe6ef;border-radius:16px;background:#fff;color:var(--text);transition:.18s;min-width:0}.search-result-card:hover{transform:translateY(-2px);border-color:#b8cee8;box-shadow:0 12px 26px rgba(15,47,84,.07)}
.search-result-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#edf5ff;color:var(--brand)}.search-result-card small{display:block;color:var(--brand);font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.search-result-card strong{display:block;margin-top:3px;font-size:14px;line-height:1.35}.search-result-card p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.search-result-arrow{color:#7b8da1}
.search-empty-pro{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:20px;border:1px dashed #cbd8e7;border-radius:16px;background:#f8fbff;margin-top:18px}.search-empty-pro>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#edf5ff;color:var(--brand)}.search-empty-pro p{margin:5px 0 0;color:var(--muted)}
.video-guide-fallback{display:grid;grid-template-columns:72px minmax(0,1fr);gap:22px;padding:24px;border:1px solid #dbe4ee;border-radius:18px;background:linear-gradient(145deg,#fbfdff,#f2f7fd);margin:18px 0}.video-guide-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:18px;background:#e8f3ff;color:var(--brand)}.video-guide-icon svg{width:30px;height:30px}
.filter-bar{min-width:0}.filter-bar input,.filter-bar select{min-width:0}
@media(max-width:900px){.search-page-hero-inner{grid-template-columns:1fr}.search-help-card{max-width:620px}.search-result-grid{grid-template-columns:1fr}}
@media(max-width:640px){
  .search-page-hero{padding:38px 0 24px}.search-page-hero h1{font-size:36px}.search-help-card{grid-template-columns:40px 1fr;padding:16px}.search-help-card>svg{width:38px;height:38px;padding:9px}
  .search-page-form{grid-template-columns:26px 1fr;padding:9px 10px}.search-page-form .btn{grid-column:1/-1;width:100%}.search-result-card{grid-template-columns:40px minmax(0,1fr) 16px;padding:14px}.search-result-icon{width:38px;height:38px}.search-result-head{align-items:flex-start;flex-direction:column;gap:5px}
  .video-guide-fallback{grid-template-columns:1fr;padding:18px}.video-guide-icon{width:54px;height:54px}
  .filter-bar{display:grid;grid-template-columns:1fr}.filter-bar .btn{width:100%}
}

/* ===== v1.7.4 FULL REPAIR / GEO / LEARNING / GUIDE VISUALS ===== */
.home-license-quick{
  display:grid!important;
  grid-template-columns:minmax(130px,1.25fr) repeat(8,minmax(70px,1fr));
  width:100%;gap:9px;align-items:stretch;justify-content:stretch!important;
  padding:12px 14px;margin:22px auto 0;
}
.home-license-quick .quick-title,.home-license-quick>span:first-child{
  display:flex;align-items:center;justify-content:center;text-align:center;margin:0!important;
  font-size:11px;color:#536b84;font-weight:850;white-space:normal;
}
.home-license-quick a{width:100%;min-width:0!important;min-height:50px;border-radius:11px}

.guide-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:34px;align-items:start}
.guide-detail-visual{position:sticky;top:96px;border:1px solid #d7e3f1;background:linear-gradient(145deg,#f9fcff,#eef6ff);border-radius:24px;padding:18px;box-shadow:0 18px 44px rgba(15,47,84,.08)}
.guide-detail-visual img{display:block;width:100%;height:auto;border-radius:18px}
.guide-official-actions{margin-top:22px;padding:20px;border-radius:18px;background:#f5f9ff;border:1px solid #cfe0f4}
.guide-official-actions h3{margin:0 0 7px}.guide-official-actions p{margin:0 0 14px;color:var(--muted)}
.guide-detail-main .article-content{margin-top:22px}
.guide-detail-main .article-content h2{margin-top:30px}

.lesson-narration{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 14px;margin:12px 0 18px;border:1px solid #d7e4f2;background:#f8fbff;border-radius:14px}
.lesson-narration .narration-label{font-size:11px;font-weight:850;color:#36516e;margin-right:4px}
.lesson-narration button{min-height:38px;padding:8px 13px}
.lesson-narration-status{flex:1 1 190px;font-size:10px;color:#6a7d91}

.consultation-wizard select[name="preferred_time_from"],.consultation-wizard select[name="preferred_time_to"]{font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.02em}
.field-hint{font-size:10px;color:#6f8195;font-weight:650}

.directory-filter select,.directory-filter input{min-height:48px}
.directory-filter .directory-address-field{grid-column:span 2}
.directory-filter .directory-form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.directory-geo-status{grid-column:1/-1;line-height:1.55}

@media(max-width:1100px){
  .home-license-quick{grid-template-columns:repeat(4,minmax(74px,1fr))}
  .home-license-quick .quick-title,.home-license-quick>span:first-child{grid-column:1/-1;justify-content:flex-start;padding:0 2px}
  .guide-detail-grid{grid-template-columns:1fr}.guide-detail-visual{position:static;max-width:720px}
}
@media(max-width:720px){
  .home-license-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px}
  .home-license-quick .quick-title,.home-license-quick>span:first-child{grid-column:1/-1;justify-content:center}
  .directory-filter .directory-address-field{grid-column:1/-1}
  .directory-filter .directory-form-actions{display:grid;grid-template-columns:1fr;width:100%}
  .directory-filter .directory-form-actions .btn{width:100%;justify-content:center}
  .guide-detail-visual{padding:10px;border-radius:18px}.guide-detail-visual img{border-radius:14px}
  .lesson-narration{align-items:stretch}.lesson-narration button{flex:1 1 auto;justify-content:center}.lesson-narration-status{flex-basis:100%}
}
.guide-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:34px;align-items:center;margin:12px 0 24px}
.guide-detail-copy h1{font-size:clamp(36px,5vw,54px);line-height:1.06;letter-spacing:-.04em;margin:8px 0 12px}
.guide-visual{margin:0;padding:12px;border:1px solid #d8e4f2;border-radius:24px;background:linear-gradient(145deg,#f9fcff,#eef6ff);box-shadow:0 18px 44px rgba(15,47,84,.08)}
.guide-visual img{width:100%;height:auto;display:block;border-radius:17px}
.guide-official-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:22px;border:1px solid #cfe0f4;border-radius:18px;background:#f5f9ff}
.guide-official-cta h2{margin:4px 0 6px}.guide-official-cta p{margin:0;color:var(--muted)}
.lesson-media-btn{appearance:none;border:1px solid #cfdcea;background:#fff;color:#23415f;border-radius:9px;min-height:38px;padding:8px 12px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.lesson-media-btn:hover{border-color:#8bb8ee;background:#f2f7ff;color:var(--brand)}
.lesson-media-btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.lesson-media-bar small[data-narration-status]{max-width:250px;white-space:normal;line-height:1.4}
@media(max-width:900px){.guide-detail-hero{grid-template-columns:1fr}.guide-visual{max-width:680px}.guide-official-cta{align-items:flex-start;flex-direction:column}.guide-official-cta .btn{width:100%;justify-content:center}}

/* ===== v1.7.5 — exam answers + full e-learning player ===== */
.exam-option{
  display:grid;
  grid-template-columns:22px 34px minmax(0,1fr);
  align-items:start;
  column-gap:10px;
  row-gap:0;
  min-width:0;
}
.exam-option input{grid-column:1;grid-row:1;align-self:start}
.exam-option kbd{grid-column:2;grid-row:1;display:grid;place-items:center;min-width:30px;height:28px;padding:0 6px;border:1px solid #d5dfeb;border-radius:7px;background:#f5f8fc;color:#18324f;font-family:inherit;font-size:12px;font-weight:850;line-height:1;box-shadow:none}
.exam-option>span{grid-column:3;grid-row:1;min-width:0;font-size:15px;line-height:1.55;color:#1d3148;white-space:normal;word-break:normal;overflow-wrap:break-word}
.exam-option:has(input:checked) kbd{border-color:#7fb0eb;background:#fff;color:var(--brand)}
.exam-nav-grid a{aspect-ratio:1;border:1px solid #d9e2ed;border-radius:9px;background:#fff;color:#496077;font-size:10px;font-weight:850;display:grid;place-items:center;text-decoration:none}
.exam-nav-grid a:hover,.exam-nav-grid a.current{border-color:var(--brand);color:var(--brand);background:#eef5ff}.exam-nav-grid a.answered{background:var(--brand);border-color:var(--brand);color:#fff}

.lesson-media-bar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:14px;align-items:center;padding:14px 16px}
.lesson-media-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lesson-narration-main{min-width:0;display:grid;gap:7px}
.lesson-narration-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted)}
.lesson-narration-meta small{min-width:0;white-space:normal!important}
.lesson-narration-meta span{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}
.lesson-media-bar .media-track{height:8px;position:relative}
.lesson-media-bar .media-track i[data-narration-progress]{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--brand),#39a0ff);transition:width .18s ease}
.lesson-speed{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750;color:#587087;white-space:nowrap}
.lesson-speed select{min-height:34px;padding:5px 28px 5px 9px;border:1px solid #d6e1ec;border-radius:8px;background:#fff;color:#1d3551;font:inherit}
.lesson-content .lesson-objectives,.lesson-content .lesson-practice,.lesson-content .lesson-review,.lesson-content .lesson-reference{margin:18px 0;padding:15px 17px;border-radius:13px}
.lesson-content .lesson-objectives{background:#eef6ff;border:1px solid #cfe2fb;color:#24476d}
.lesson-content .lesson-practice{background:#f4fbf7;border:1px solid #d4ecdf}
.lesson-content .lesson-review{background:#fff9ed;border:1px solid #f4dfb1}
.lesson-content .lesson-reference{background:#f7f8fb;border:1px solid #e1e6ed;color:#5a6d82;font-size:13px}
.lesson-content .lesson-objectives strong{display:block;margin-bottom:4px;color:#0f5fc7}
.lesson-content>h2:first-of-type{margin-top:24px}
.learning-module summary span{line-height:1.35}
.learning-sidebar{scrollbar-width:thin;scrollbar-color:#bfd0e2 transparent}

@media(max-width:900px){
  .exam-option{grid-template-columns:22px 32px minmax(0,1fr)}
  .exam-option>span{font-size:14px}
  .lesson-media-bar{grid-template-columns:1fr}
  .lesson-speed{justify-self:start}
}
@media(max-width:560px){
  .exam-question-card{padding:16px}
  .exam-option{padding:11px;grid-template-columns:20px 30px minmax(0,1fr);gap:8px}
  .exam-option>span{font-size:13.5px;line-height:1.5}
  .lesson-media-controls{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .lesson-media-btn{padding:8px 7px}
  .lesson-narration-meta{align-items:flex-start;flex-direction:column;gap:3px}
}
.learning-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:520px){.learning-tabs{display:flex;overflow-x:auto}.learning-tabs button{flex:0 0 auto;min-width:92px}}

/* ===== learning away overlay + practice layout ===== */
.practice-overview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.practice-license-card small{display:block;margin-top:5px;color:var(--muted)}
.exam-rule-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.exam-rule-panel>div{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-soft)}
.exam-rule-panel strong{font-size:1.08rem;color:var(--ink)}
.exam-rule-panel small{color:var(--muted)}
.practice-data-badge{min-width:260px;border:1px solid var(--line);border-radius:18px;padding:14px 16px;background:#fff;display:flex;flex-direction:column;gap:4px}
.practice-data-badge.ok{border-color:#b8e4d0;background:#f5fffa}
.practice-data-badge.warn{border-color:#f2d6a2;background:#fffaf0}
.answer-explanation{display:block;margin-top:8px;line-height:1.55;color:var(--muted)}

.learning-away-overlay[hidden]{display:none!important}
.learning-away-overlay{position:fixed;inset:0;z-index:10050}
.learning-away-overlay__screen{position:fixed;inset:0;width:100vw;height:100dvh;background:rgba(255,255,255,.92);overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(2px)}
.learning-away-overlay__box{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:780px;text-align:center}
.learning-away-overlay__button{border:0;border-radius:8px;background:#0672df;color:#fff;padding:12px 22px;font-size:20px;line-height:30px;font-weight:700;box-shadow:0 10px 30px rgba(0,91,201,.22);cursor:pointer}
.learning-away-overlay__button:hover{background:#075fba}
.learning-away-overlay__button:focus-visible{outline:4px solid rgba(6,114,223,.24);outline-offset:4px}
.learning-away-overlay__box small{color:#53657d;font-size:.92rem}
body.learning-away-active{overflow:hidden}

@media(max-width:900px){
  .exam-rule-panel{grid-template-columns:1fr}
}
@media(max-width:560px){
  .learning-away-overlay__button{font-size:16px;line-height:24px;padding:12px 16px}
}

/* Bản in Giáo án điện tử */
.lesson-head-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
@media print{
  header,.site-header,.site-footer,.learning-topbar,.learning-sidebar,.learning-aside,.lesson-player,.lesson-actions-bottom,.common-overlay-component__wrapper,.breadcrumb,.learning-breadcrumb,[data-print-lesson]{display:none!important}
  body,.learning-shell,.learning-layout,.learning-content,.lesson-article{background:#fff!important;color:#000!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-shadow:none!important;display:block!important}
  .lesson-article h1{font-size:24pt!important}.lesson-body{font-size:12pt!important;line-height:1.55!important}
}

/* ===== 15 hạng GPLX + phần mềm tự luyện sát hạch 2026 ===== */
.practice-group-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:28px 0 14px}.practice-group-head h3,.practice-group-head h2{margin:4px 0 0}.practice-group-head-moto{margin-top:38px}.simulator-promo{background:linear-gradient(135deg,#edf6ff,#f8fbff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.simulator-promo-inner{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-top:34px;padding-bottom:34px}.simulator-promo h2{margin:5px 0 8px}.simulator-promo p{margin:0;color:var(--muted);max-width:760px}
.simulator-page{padding:30px 0 60px;background:#f3f7fb;min-height:70vh}.simulator-window{border:1px solid #b8cee4;border-radius:10px;overflow:hidden;background:#eaf5f8;box-shadow:0 16px 45px rgba(28,73,117,.14);max-width:980px;margin:14px auto 0}.simulator-topline{background:#174ea6;color:#fff;padding:8px 18px;font-size:18px}.simulator-titlebar{background:linear-gradient(90deg,#0b86f5,#0862bf);color:#fff;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:5px}.simulator-titlebar strong{font-size:clamp(24px,3vw,38px);letter-spacing:.02em}.simulator-titlebar small{opacity:.88}.simulator-setup-form{padding:24px}.simulator-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.simulator-form-grid label{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:10px;font-weight:700;color:#082c69}.simulator-form-grid select,.simulator-form-grid input{height:44px;border:1px solid #c9d9e8;border-radius:7px;background:#fff;padding:0 12px;color:#24364b;font-size:15px}.simulator-check-wrap{grid-column:2;grid-row:2 / span 2;display:flex;align-items:center;justify-content:center}.simulator-check-btn{border:0;border-radius:8px;background:#f4aa3e;color:#fff;font-weight:800;padding:15px 22px;min-height:56px;cursor:pointer}.simulator-profile-note{margin:18px 0 0;padding:10px 14px;border:1px solid #bfdaed;background:#f7fcff;display:flex;gap:15px;justify-content:center;flex-wrap:wrap;color:#2e5b82}.simulator-profile-note b{color:#073a82}.simulator-candidate{display:grid;grid-template-columns:150px 1fr;gap:20px;border-top:1px solid #b8cee4;margin-top:18px;padding-top:18px}.simulator-avatar{height:155px;border:1px solid #c6d4df;background:#fff;display:flex;align-items:center;justify-content:center;font-size:70px;filter:grayscale(1);opacity:.72}.simulator-candidate dl{margin:0;display:grid;align-content:start;gap:8px}.simulator-candidate dl>div{display:grid;grid-template-columns:150px 1fr;gap:10px}.simulator-candidate dt{font-weight:800;color:#092b79}.simulator-candidate dd{margin:0;color:#24364b;min-height:22px}.simulator-setup-actions{border-top:1px solid #c9d9e8;margin:22px -24px -5px;padding:22px 24px 8px;display:flex;justify-content:center;gap:24px;flex-wrap:wrap;background:#f2f9fb}.simulator-setup-actions>*{min-width:180px;min-height:50px;border-radius:7px;border:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:17px;cursor:pointer}.simulator-start-btn{background:#17a34a;color:#fff}.simulator-start-btn:disabled{background:#d5dde1;color:#8a969d;cursor:not-allowed}.simulator-help-btn{background:#0b83eb;color:#fff}.simulator-support-btn{background:#50b95f;color:#fff}.simulator-required-note{text-align:center;color:#3655c9;font-size:13px;margin:14px 0 0}.simulator-help-panel{max-width:980px;margin:14px auto 0;border:1px solid #bfdaed;border-radius:10px;padding:16px 18px;background:#fff;color:#35516e}.simulator-help-panel p{margin:5px 0 0}
.simulator-exam-shell{min-height:100vh;background:#fff;padding:4px}.simulator-exam-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(420px,1fr);gap:5px;max-width:1920px;margin:0 auto}.simulator-question-pane{position:relative;border:3px solid #087dff;background:#fff;min-height:calc(100vh - 8px);display:flex;flex-direction:column;overflow:hidden}.simulator-watermarks{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:130px;transform:rotate(-25deg) scale(1.12);pointer-events:none;z-index:0;opacity:.055;color:#3a75a8;font-size:22px;align-items:center;text-align:center}.simulator-question{position:relative;z-index:1;padding:34px 34px 20px;flex:1}.simulator-question[hidden]{display:none!important}.simulator-question-text{font-size:clamp(25px,2vw,40px);font-weight:800;line-height:1.25;color:#df0909;margin-bottom:18px}.simulator-question-text>span{color:#181818}.simulator-question-image{text-align:center;margin:15px 0}.simulator-question-image img{max-width:min(780px,90%);max-height:420px;object-fit:contain}.simulator-answer-list{display:grid;gap:8px;max-width:1100px}.simulator-answer-list label{display:grid;grid-template-columns:30px 40px 1fr;align-items:start;gap:8px;font-size:clamp(20px,1.7vw,32px);line-height:1.35;padding:7px 10px;border-radius:7px;cursor:pointer}.simulator-answer-list label:hover{background:#eef7ff}.simulator-answer-list input{width:22px;height:22px;margin-top:7px;accent-color:#087dff}.simulator-answer-list b{font-weight:700}.simulator-critical{margin-top:18px;display:inline-block;background:#fff1f0;border:1px solid #ffb5ad;color:#a82319;padding:7px 10px;border-radius:6px;font-weight:700}.simulator-question-bottom{position:relative;z-index:2;margin-top:auto}.simulator-progress{height:24px;border-top:1px solid #0075ff;background:#e7edf3;position:relative;overflow:hidden}.simulator-progress span{display:block;height:100%;width:0;background:#ff2718;transition:width .2s}.simulator-progress b{position:absolute;inset:0;text-align:center;line-height:24px;font-size:12px}.simulator-candidate-footer{display:grid;grid-template-columns:145px 1fr 290px;border-top:1px solid #1686ef;background:#f5e8df;min-height:160px}.simulator-footer-avatar{display:flex;align-items:center;justify-content:center;font-size:86px;border-right:1px solid #1686ef;filter:grayscale(1);opacity:.7}.simulator-candidate-footer>div:nth-child(2){padding:12px 15px;display:flex;flex-direction:column;gap:7px}.simulator-brand-box{border-left:1px solid #1686ef;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;color:#0b63b5}.simulator-brand-box strong{font-size:26px}.simulator-control-pane{border:3px solid #087dff;background:#f4e5db;min-height:calc(100vh - 8px);padding:4px;display:flex;flex-direction:column}.simulator-timer{height:58px;border:2px solid #1686ef;background:#fff5ef;display:flex;align-items:center;justify-content:center;gap:12px;color:#123bda;font-size:20px;font-weight:800}.simulator-timer strong{font-size:34px;font-weight:500}.simulator-timer strong.urgent{color:#d91717}.simulator-nav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:6px}.simulator-nav-grid button{min-height:58px;background:#f4f7f7;border:2px solid #60777b;border-radius:8px;padding:5px 8px;display:grid;grid-template-columns:30px 1fr;align-items:center;cursor:pointer}.simulator-nav-grid button.current{background:#e4514e;border-color:#d32727}.simulator-nav-grid button.answered:not(.current){background:#d8f1dd;border-color:#2e9d48}.simulator-nav-grid button b{font-size:14px;text-align:left}.simulator-nav-grid small{display:flex;justify-content:center;gap:4px}.simulator-nav-grid i{font-style:normal;font-size:12px;line-height:16px;min-width:15px;text-align:center;border-bottom:1px solid #6c777a}.simulator-nav-grid i.selected{background:#087dff;color:#fff;border-radius:2px}.simulator-finish-btn{margin-top:6px;border:0;border-radius:7px;background:#f2ad43;color:#fff;height:48px;font-size:17px;cursor:pointer}.simulator-quick-help{margin-top:5px;background:#f7ece5;border-top:1px solid #d1bfb3;padding:10px;color:#123bda;font-size:13px}.simulator-quick-help p{margin:5px 0 0;line-height:1.45}.simulator-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding:8px}.simulator-side-actions button{border:0;background:#118dcc;color:#fff;padding:10px;border-radius:5px;cursor:pointer}.simulator-side-actions button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1180px){.simulator-exam-grid{grid-template-columns:1fr}.simulator-control-pane{min-height:auto}.simulator-nav-grid{grid-template-columns:repeat(5,1fr)}.simulator-question-pane{min-height:720px}.simulator-candidate-footer{grid-template-columns:120px 1fr 220px}}
@media(max-width:760px){.practice-group-head,.simulator-promo-inner{align-items:flex-start;flex-direction:column}.simulator-form-grid{grid-template-columns:1fr}.simulator-form-grid label{grid-template-columns:1fr}.simulator-check-wrap{grid-column:auto;grid-row:auto}.simulator-candidate{grid-template-columns:1fr}.simulator-avatar{display:none}.simulator-candidate dl>div{grid-template-columns:120px 1fr}.simulator-exam-grid{display:block}.simulator-question-pane{min-height:660px}.simulator-question{padding:22px 16px}.simulator-question-text{font-size:23px}.simulator-answer-list label{font-size:18px;grid-template-columns:24px 30px 1fr}.simulator-control-pane{margin-top:6px}.simulator-nav-grid{grid-template-columns:repeat(4,1fr)}.simulator-candidate-footer{grid-template-columns:1fr}.simulator-footer-avatar,.simulator-brand-box{display:none}.simulator-timer{font-size:14px}.simulator-timer strong{font-size:28px}}
.simulator-exam-links{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 8px 0}.simulator-exam-links a{display:flex;align-items:center;justify-content:center;text-align:center;background:#2579b8;color:#fff;text-decoration:none;border-radius:5px;padding:9px 8px;font-size:13px}.simulator-exam-links a:hover{filter:brightness(.95)}

/* v1.8.0 carried-forward UI fixes */
.knowledge-license-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.knowledge-license-meta strong{font-size:22px;line-height:1;font-weight:900}
.knowledge-license-meta small{font-size:15px;color:var(--muted);line-height:1.3}
.practice-method{background:#f7f9fc}
.practice-method-list{display:grid;gap:18px;max-width:920px}
.practice-method-item{padding:0;border:0;background:transparent}
.practice-method-item h3{margin:0 0 8px;font-size:25px;line-height:1.25;color:var(--navy);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.practice-method-item h3 span{font-size:28px;font-weight:900}
.practice-method-item p{margin:0;color:var(--text);font-size:18px;line-height:1.75;max-width:900px}
@media(max-width:760px){
  .knowledge-license-meta strong{font-size:19px}
  .knowledge-license-meta small{font-size:14px}
  .practice-method-item h3{font-size:21px}
  .practice-method-item h3 span{font-size:24px}
  .practice-method-item p{font-size:16px;line-height:1.65}
}

/* v1.8.0 road-sign library + steering wheel brand */
.brand-wheel-mark{background:linear-gradient(145deg,#0c73e8,#064aa9)!important;box-shadow:0 8px 20px rgba(5,83,190,.28),inset 0 1px 0 rgba(255,255,255,.24)!important}
.brand-wheel-icon{width:27px;height:27px;color:#fff;stroke-width:1.85;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}
.road-sign-hero{padding:54px 0 30px;background:linear-gradient(180deg,#f7fbff,#eef5ff);border-bottom:1px solid #dfe8f2}
.road-sign-hero-grid{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}
.road-sign-hero h1{font-size:clamp(36px,4.6vw,58px);line-height:1.04;letter-spacing:-.045em;margin:9px 0 12px;color:var(--navy);max-width:920px}
.road-sign-hero .lead{max-width:850px}
.road-sign-total{min-width:170px;padding:19px 22px;border:1px solid #cfe0f3;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(13,53,98,.07)}
.road-sign-total strong{display:block;font-size:38px;color:var(--brand);line-height:1}.road-sign-total span{display:block;margin-top:6px;font-size:11px;color:var(--muted)}
.road-sign-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:25px}.road-sign-stats a{padding:13px 14px;border:1px solid #d8e4f0;border-radius:14px;background:rgba(255,255,255,.92);color:var(--text)}.road-sign-stats strong{display:block;font-size:20px;color:var(--brand)}.road-sign-stats span{font-size:10px;line-height:1.35;color:var(--muted)}
.road-sign-filter{display:grid;grid-template-columns:minmax(260px,2fr) minmax(240px,1fr) auto auto;gap:11px;align-items:end;padding:16px;border:1px solid #dfe6ef;border-radius:17px;background:#fff}.road-sign-filter label{display:grid;gap:6px}.road-sign-filter label span{font-size:10px;color:#52677d;font-weight:700}.road-sign-filter input,.road-sign-filter select{min-height:46px}
.road-sign-result-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:30px 0 16px}.road-sign-result-head h2{margin:3px 0 0}.road-sign-result-head p{margin:0;color:var(--muted);font-size:11px}
.road-sign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.road-sign-card{position:relative;display:grid;grid-template-rows:180px 1fr;min-height:290px;border:1px solid #dfe6ef;border-radius:18px;background:#fff;color:var(--text);overflow:hidden;box-shadow:0 5px 16px rgba(15,31,53,.035);transition:.18s ease}.road-sign-card:hover{transform:translateY(-3px);border-color:#a9c8eb;box-shadow:0 14px 32px rgba(15,47,84,.09)}
.road-sign-image-wrap{display:flex;align-items:center;justify-content:center;padding:14px;background:linear-gradient(180deg,#fff,#f8fbff);border-bottom:1px solid #edf1f5}.road-sign-image-wrap img{display:block;max-width:100%;max-height:150px;width:auto;height:auto;object-fit:contain}.road-sign-image-wrap>span{color:#9db0c5}.road-sign-card-body{padding:15px 42px 16px 16px}.road-sign-code{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#edf5ff;color:var(--brand);font-size:10px;font-weight:900;letter-spacing:.02em}.road-sign-code.lg{font-size:13px;padding:7px 11px}.road-sign-card h3{font-size:15px;line-height:1.35;margin:9px 0 6px}.road-sign-card small{font-size:10px;color:var(--muted);line-height:1.35}.road-sign-arrow{position:absolute;right:14px;bottom:16px;color:#879aaf}.road-sign-arrow svg{width:17px;height:17px}
.road-sign-detail-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:34px;align-items:start}.road-sign-detail-visual{display:flex;justify-content:center;align-items:center;min-height:420px;padding:28px;border:1px solid #dfe6ef;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(15,31,53,.06)}.road-sign-detail-visual img{max-width:100%;max-height:520px;object-fit:contain}.road-sign-detail-copy h1{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:12px 0 8px;color:var(--navy)}.road-sign-category{font-weight:750;color:var(--brand)}.road-sign-info-card,.road-sign-source{margin:18px 0;padding:17px;border:1px solid #dfe6ef;border-radius:15px;background:#f9fbfe}.road-sign-info-card h2{font-size:16px;margin:0 0 8px}.road-sign-info-card p,.road-sign-source p{font-size:12px;line-height:1.65;margin:5px 0;color:#465c72}
@media(max-width:980px){.road-sign-grid{grid-template-columns:repeat(3,1fr)}.road-sign-stats{grid-template-columns:repeat(3,1fr)}.road-sign-filter{grid-template-columns:1fr 1fr}.road-sign-filter .btn{width:100%}}
@media(max-width:720px){.road-sign-hero-grid,.road-sign-detail-grid{grid-template-columns:1fr}.road-sign-total{min-width:0}.road-sign-stats{grid-template-columns:1fr 1fr}.road-sign-grid{grid-template-columns:1fr 1fr}.road-sign-filter{grid-template-columns:1fr}.road-sign-result-head{align-items:flex-start;flex-direction:column}.road-sign-card{grid-template-rows:150px 1fr}.road-sign-image-wrap img{max-height:125px}}
@media(max-width:440px){.road-sign-grid{grid-template-columns:1fr}.road-sign-stats{grid-template-columns:1fr}.road-sign-card{grid-template-rows:180px 1fr}}
.directory-origin-resolved{display:flex;align-items:center;gap:6px;margin-top:7px;color:#58708a;font-size:11px}.directory-origin-resolved .ui-icon{width:14px;height:14px;color:var(--brand)}
.article-wheel-icon{width:28px;height:28px}

/* v1.8.2: dropdown Hạng GPLX giống menu Đổi + Mất GPLX */
.license-utility-menu .license-utility-popover{left:0;right:auto;width:min(430px,90vw)}
.utility-group-title{display:block;padding:9px 11px 5px;color:#70849a;font-size:9px;font-weight:900;letter-spacing:.11em}
.utility-group-title.utility-group-spaced{margin-top:5px;border-top:1px solid #edf1f5;padding-top:12px}
.license-utility-popover a{font-size:12px}
@media(max-width:1180px){.license-utility-menu .license-utility-popover{width:100%}}

/* v1.8.2: FAQ giàu nội dung hơn */
.faq-hero-count{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:8px 12px;border:1px solid #cfe0f4;border-radius:999px;background:#fff;color:#526980;font-size:11px}
.faq-hero-count strong{font-size:15px;color:var(--brand)}
.faq-row-pro>div p{line-height:1.78;white-space:normal}

/* v1.8.2: 100 Facebook Reels */
.facebook-reels-section{background:#f4f7fb;border-top:1px solid #e5ebf2;border-bottom:1px solid #e5ebf2}
.facebook-reels-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.facebook-reel-card{min-width:0;overflow:hidden;border:1px solid #dfe6ef;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(15,31,53,.045)}
.facebook-reel-frame{position:relative;aspect-ratio:9/16;background:linear-gradient(145deg,#eaf2fb,#f8fbff);overflow:hidden}
.facebook-reel-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;opacity:0;transition:opacity .2s ease}
.facebook-reel-frame.is-loaded iframe{opacity:1}
.facebook-reel-placeholder{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:7px;padding:18px;text-align:center;color:#61758c}
.facebook-reel-placeholder>span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#e3efff;color:var(--brand)}
.facebook-reel-placeholder .ui-icon{width:24px;height:24px}
.facebook-reel-placeholder strong{font-size:14px;color:var(--navy)}
.facebook-reel-placeholder small{font-size:10px}
.facebook-reel-frame.is-loaded .facebook-reel-placeholder{display:none}
.facebook-reel-body{padding:15px}
.facebook-reel-body h3{font-size:15px;line-height:1.4;margin:10px 0 13px;min-height:42px;color:var(--navy)}
.facebook-reel-body .text-link{font-size:11px;font-weight:800}
@media(max-width:1120px){.facebook-reels-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.facebook-reels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.facebook-reels-grid{grid-template-columns:1fr}.facebook-reel-card{max-width:420px;margin-inline:auto;width:100%}}

/* V1.8.2 PLUS UI FIX: đồng bộ kiểu chữ menu/header */
.nav-links a,.link-button,.brand{font-weight:700}
.nav-links{font-weight:700}
.faq-cta-bottom{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}

/* HOSOLAIXE verified badge override */
.status.verified{background:#dcfce7!important;color:#16a34a!important;border-color:#86efac!important;}
