
:root{--bg:#0c1424;--panel:#142138;--line:#30435d;--mint:#67e3c4;--ink:#edf4ff;--muted:#b8c7d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.wrap{max-width:1100px;margin:auto;padding:0 24px}.top{border-bottom:1px solid var(--line);position:sticky;top:0;background:#0c1424f5;z-index:2}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-1px}.brand span{color:var(--mint)}nav{display:flex;gap:22px;flex-wrap:wrap}nav a{font-size:14px;text-decoration:none;color:var(--muted)}nav a:hover{color:var(--mint)}.hero{padding:90px 0 80px;background:radial-gradient(ellipse at 80% 10%,#1a4d59 0,transparent 50%)}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:2px;color:var(--mint);font-weight:700}h1{font-size:clamp(40px,6vw,76px);line-height:1.09;letter-spacing:-2.5px;max-width:800px;margin:18px 0}h2{font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:-1px;margin:0 0 18px}h3{font-size:22px;line-height:1.3;margin:0 0 12px}p{color:var(--muted);margin:0 0 20px}.lead{font-size:20px;max-width:650px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;border:1px solid var(--mint);background:var(--mint);color:#07231d;border-radius:9px;padding:13px 21px;font-weight:750;text-decoration:none;cursor:pointer;font:inherit;font-weight:700}.btn.alt{background:transparent;color:var(--ink);border-color:#62758c}.btn:hover{filter:brightness(1.12)}section{padding:75px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-radius:16px;padding:28px;background:var(--panel)}.card p:last-child{margin-bottom:0}.tag{color:var(--mint);font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.featured{background:#102335;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center}.course{background:#182e42;border:1px solid #3c6370;border-radius:20px;padding:34px}.course ul{color:var(--muted);padding-left:20px}.course li{margin:9px 0}.fine{font-size:13px;color:#b8c7d9}.disclosure{padding:14px 18px;background:#1c2a3c;border-left:3px solid var(--mint);border-radius:4px;margin:20px 0;font-size:14px;color:#d5e3f3}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:12px 0 0}.footer{border-top:1px solid var(--line);padding:35px 0}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:var(--muted)}.notice{background:#483b1e;color:#ffedbd;padding:9px 20px;text-align:center;font-size:13px}.muted{color:var(--muted)}[hidden]{display:none!important}.page{display:none}.page.active{display:block}.page-content{max-width:800px;margin:0 auto;padding:65px 24px}.page-content h1{font-size:clamp(34px,5vw,55px)}.page-content h2{font-size:28px;margin-top:35px}.page-content li{color:var(--muted);margin:8px 0}@media(max-width:760px){.nav{align-items:flex-start;flex-direction:column;padding:16px 0}nav{gap:12px}.hero{padding:65px 0}.grid,.split{grid-template-columns:1fr}section{padding:50px 0}.course{padding:24px}}
.quiz{margin:30px 0;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.quiz fieldset{border:0;padding:0;margin:0 0 22px}.quiz legend{font-weight:750;margin-bottom:10px}.quiz label{display:block;padding:8px 0;color:var(--muted);cursor:pointer}.quiz input{accent-color:var(--mint);margin-right:10px}.result{border-left:3px solid var(--mint);padding:16px;background:#102d38;border-radius:5px;margin-top:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.step{border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--panel)}@media(max-width:760px){.steps{grid-template-columns:1fr}}@media print{.top,.footer,.notice,.buttons,.btn,.quiz{display:none!important}.page{display:none!important}#start{display:block!important}body{background:white;color:black}.page-content p,.page-content li{color:#333}} 
.tool-controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.tool-controls input,.tool-controls select{padding:13px;background:#16253a;color:#fff;border:1px solid #40536b;border-radius:9px;min-width:190px;flex:1}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:20px}.tool-card h3{margin:8px 0}.tool-card .small{font-size:12px;color:var(--muted)}.tool-card a{display:inline-block;margin-top:12px;color:var(--mint)}@media(max-width:800px){.tool-grid{grid-template-columns:1fr}} 
.review-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.review-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px}.review-card h2{margin-top:8px}.compare{width:100%;border-collapse:collapse;margin:22px 0}.compare th,.compare td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}.compare th{color:var(--mint)}.review-card a{color:var(--mint)}@media(max-width:760px){.review-layout{grid-template-columns:1fr}.compare{font-size:13px}.compare th,.compare td{padding:8px}}
.page{display:block!important}.notice{font-size:12px}.tool-grid{min-height:80px} a:focus-visible,button:focus-visible{outline:3px solid #57d9b9;outline-offset:3px}

.compare-table{width:100%;border-collapse:collapse;margin:20px 0}.compare-table th,.compare-table td{padding:12px;border-bottom:1px solid #354256;text-align:left}.compare-table th{color:#8fe6cf}.review-note{border-left:3px solid #58d4b1;padding:12px 16px;background:#17283a;margin:18px 0}.mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.mini-grid .card{padding:20px}
/* V11 responsive and accessible layout */
 .menu-toggle{display:none}.nav{padding-top:16px;padding-bottom:16px;flex-wrap:wrap}.nav nav{gap:6px 18px}.nav nav a{padding:8px 0;min-height:40px}.nav nav a[aria-current=page]{color:var(--mint);text-decoration:underline;text-underline-offset:7px}
.hero{background:radial-gradient(ellipse at 90% 0,#235464 0,transparent 55%),linear-gradient(150deg,#101f33,#0c1424)}.hero .lead{max-width:620px}.card,.tool-card,.review-card{box-shadow:0 12px 36px #0002}.tool-card{display:flex;flex-direction:column}.tool-card h3{overflow-wrap:anywhere}.tool-card p{flex-grow:1}.page-content:has(#toolGrid){max-width:1150px}.partner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.partner-cta{margin:20px 0 0}.partner-cta a,.partner-link{color:var(--mint)}.partner-link.btn{color:#07231d}.link-pending{display:inline-block;color:var(--muted);font-size:14px;padding:12px 0}.notice{background:#152b35;color:#d1eae5}.notice a{text-underline-offset:3px}.menu-toggle{background:transparent;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:10px 14px;font:inherit;cursor:pointer;min-height:44px}.skip-link{position:fixed;left:16px;top:-100px;z-index:10;background:var(--mint);color:#07231d;padding:12px}.skip-link:focus{top:12px}.table-scroll{max-width:100%;overflow-x:auto}.table-scroll table{min-width:560px}.tool-controls input,.tool-controls select{min-width:0;max-width:100%;min-height:48px}.tool-controls input:focus-visible,.tool-controls select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.tool-card a{min-height:44px;padding:8px 0}.footer a{display:inline-block;padding:6px 0}.btn{min-height:48px}.page-content,.wrap{min-width:0}p,a,li{overflow-wrap:break-word}
@media(max-width:960px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top{position:relative}}
@media(max-width:760px){.nav{flex-direction:row;align-items:center;padding:14px 24px}.nav nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.nav nav a{padding:10px 0}.js .menu-toggle{display:block}.js .nav nav:not(.is-open){display:none}.hero{padding:52px 0}.hero h1{font-size:clamp(36px,10vw,60px);letter-spacing:-1.5px}.lead{font-size:18px}.page-content{padding:42px 20px}.tool-controls{flex-direction:column}.partner-grid,.mini-grid{grid-template-columns:1fr}.card{padding:23px}.buttons .btn{width:100%;text-align:center}.notice{padding:10px 16px}.split{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* V13 editorial content */
.editorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin:28px 0}.editorial-grid .card{min-width:0}.editorial-grid h3{font-size:1.2rem;line-height:1.4}.editorial h1{overflow-wrap:anywhere}.editorial .article-section{padding:0;margin:36px 0}.article-section p{line-height:1.85}.article-toc,.editorial-verdict,.article-sources{padding:22px;border:1px solid #344753;border-radius:14px;margin:28px 0}.article-toc li{margin:8px 0}.source-ref{font-size:.82em;overflow-wrap:anywhere}.editorial-verdict{background:#15372f}.editorial table{width:100%;border-collapse:collapse;min-width:540px}.editorial th,.editorial td{padding:14px;text-align:left;border-bottom:1px solid #344753;vertical-align:top}.editorial caption{text-align:left;font-weight:700;padding:12px 0}.editorial .table-scroll{overflow-x:auto}.article-back{margin-top:36px}.article-section{scroll-margin-top:30px}@media(max-width:600px){.article-toc,.editorial-verdict,.article-sources{padding:16px}.editorial .btn{white-space:normal;overflow-wrap:anywhere}.editorial h1{font-size:2rem}}
.article-toc{display:block}.article-toc a{font-size:inherit;text-decoration:underline;text-underline-offset:3px}.article-section{scroll-margin-top:150px}@media(max-width:960px){.article-section{scroll-margin-top:24px}}

/* UBC editorial feature — V14.2 */
.ubc-hero{padding:76px 0 64px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 90% 0%,#183938 0,transparent 58%),var(--bg)}.ubc-intro{max-width:760px}.ubc-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-.045em;margin:20px 0 24px;max-width:760px}.ubc-label{display:inline-block;vertical-align:middle;font-size:12px;line-height:1;letter-spacing:.12em;padding:8px 10px;border:1px solid #6ad8b96b;border-radius:5px;color:var(--mint);margin-left:20px;white-space:nowrap}.ubc-hero .lead{max-width:580px;font-size:19px;line-height:1.65;margin-bottom:28px}.ubc-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.ubc-buy{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:56px;min-width:180px;padding:15px 24px;background:var(--mint);border:1px solid var(--mint);color:#07231d!important;border-radius:8px;font-size:17px;font-weight:750;line-height:1.3;box-shadow:none}.ubc-buy:hover{background:#9cf1d9;border-color:#9cf1d9;filter:none}.ubc-read{font-size:15px;font-weight:650;text-decoration:none;padding:14px 0;min-height:48px}.ubc-read:hover{text-decoration:underline}.ubc-buy-note{font-size:12px;line-height:1.65;margin:14px 0 0;max-width:600px;color:var(--muted)}.ubc-detail{display:flex;gap:24px;align-items:baseline;border-top:1px solid var(--line);padding-top:22px;margin-top:32px;max-width:650px}.ubc-detail span{flex-shrink:0;font-size:12px;font-weight:700;color:var(--ink)}.ubc-detail p{font-size:13px;margin:0;max-width:440px}.ubc-course-purchase{margin:24px 0 30px}.ubc-course-purchase .ubc-buy-note{margin-top:12px}@media(max-width:600px){.ubc-hero{padding:40px 0}.ubc-hero h1{font-size:clamp(38px,10vw,56px);letter-spacing:-.04em}.ubc-label{font-size:10px;margin-left:12px;padding:6px 8px}.ubc-hero .lead{font-size:17px}.ubc-actions{gap:8px;align-items:stretch}.ubc-actions .ubc-buy{width:100%}.ubc-read{width:100%;text-align:center}.ubc-detail{display:block;margin-top:24px;padding-top:18px}.ubc-detail p{margin-top:7px}.ubc-course-purchase .ubc-buy{width:100%}}

/* Expanded learning content */
.ubc-summary{border-left:3px solid var(--mint);background:#14283a;padding:20px 24px;margin:28px 0}.ubc-summary p{margin:8px 0 0}.ubc-inline-offer{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:26px;margin:36px 0}.page-content .ubc-inline-offer h2{margin-top:0}.ubc-inline-offer .eyebrow{margin-bottom:14px}.home-learning .lead{max-width:740px}@media(max-width:600px){.ubc-inline-offer{padding:20px}.ubc-inline-offer .ubc-buy{width:100%}}

.measurement-choice{position:fixed;bottom:16px;left:16px;right:16px;max-width:900px;margin:auto;z-index:30;background:#142138;color:#edf4ff;border:1px solid #62758c;border-radius:14px;padding:22px;box-shadow:0 8px 40px #0008;max-height:80vh;overflow:auto}.measurement-choice p{font-size:14px;margin:8px 0 16px}.measurement-actions{display:flex;gap:12px;flex-wrap:wrap}.measurement-actions button{flex:1;background:#edf4ff;color:#142138;border:1px solid #edf4ff;border-radius:7px;padding:12px 18px;font:inherit;min-height:48px;cursor:pointer}.measurement-settings{display:block;margin:18px auto;background:transparent;color:#edf4ff;border:1px solid #62758c;border-radius:6px;padding:12px 18px;font:inherit;cursor:pointer}@media(max-width:480px){.measurement-choice{padding:18px;bottom:10px;left:10px;right:10px}.measurement-actions{flex-direction:column}}
