/* Public certification template. Shared foundations supply tokens, type, buttons and footer. */
.track-hub{font:400 1rem/1.6 var(--font-sans);color:var(--text-body);background:var(--canvas)}
.track-hub>.skip-link{position:absolute;z-index:10;left:1rem;top:0;transform:translateY(-150%);padding:.75rem 1rem;background:var(--card);color:var(--accent);border:1px solid var(--border-control);border-radius:var(--radius-control)}
.track-hub>.skip-link:focus{transform:translateY(0)}
.track-hub *{box-sizing:border-box}.track-hub :where(.track-hero,.track-body,.track-account-entry) :is(h1,h2,h3,p){margin:0}
.track-hub :where(.track-hero,.track-body,.track-account-entry) :is(h1,h2){font-family:var(--font-serif)}.track-hub h3{font-family:var(--font-sans)}
.track-hub :where(.track-hero,.track-body,.track-account-entry) h2{font-size:var(--type-section);line-height:1.2;letter-spacing:-.02em}.track-hub h3{font-size:1.125rem;line-height:1.35}
.track-hub p+p{margin-top:.75rem}.track-hub a{color:var(--accent)}.track-hub .mc-button{color:var(--on-action)}
.track-hub :focus-visible{outline:3px solid var(--focus);outline-offset:4px}.track-hub [id]{scroll-margin-top:1.5rem}
.track-hub .mc-container{max-width:80rem}.track-hub .mc-public-header{max-width:90rem}
.track-hub .mc-public-header nav a{color:var(--text-body)}
.track-hub .mc-public-header img{height:auto;display:block}.track-hub .mc-public-header .mc-art-light,.track-hub .brand-light{display:none!important}
:root[data-theme="light"] .track-hub .mc-public-header .mc-art-light,:root[data-theme="light"] .track-hub .brand-light{display:block!important}:root[data-theme="light"] .track-hub .mc-public-header .mc-art-dark,:root[data-theme="light"] .track-hub .brand-dark{display:none!important}
@media(prefers-color-scheme:light){:root:not([data-theme]) .track-hub .mc-public-header .mc-art-light,:root:not([data-theme]) .track-hub .brand-light{display:block!important}:root:not([data-theme]) .track-hub .mc-public-header .mc-art-dark,:root:not([data-theme]) .track-hub .brand-dark{display:none!important}}
.track-hub .mc-icon{flex:none;width:24px;height:24px;vertical-align:middle;color:var(--icon-color)}
.track-hub [data-theme-toggle]{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:var(--control-height);padding:.5rem;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text-body);cursor:pointer}
.track-hub [data-theme-toggle]:hover{background:var(--raised)}
.track-hub .mc-eyebrow{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.15em;font-weight:600;margin-bottom:1rem}
.track-hub .mc-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.track-hub .mc-button-secondary{color:var(--accent);background:transparent;border:1px solid var(--accent)}
.track-hub .mc-text-link{display:inline-flex;align-items:center;min-height:var(--control-height);font-weight:600}
.track-mobile-menu{display:none}.track-hero{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:5rem;padding-block:3rem 3.5rem;align-items:start}
.track-hub .track-hero h1{font-size:var(--type-display);font-weight:600;line-height:1.05;letter-spacing:-.035em;margin-bottom:1.5rem}
.track-hero h1 .mc-code-chip{font-size:.875rem;margin-left:.75rem;vertical-align:.4em}
.track-lede{font-size:1.0625rem;line-height:1.35}.track-intro{max-width:var(--measure-lede);text-wrap:pretty;color:var(--text-muted);margin-top:1rem!important}
.track-free-note{display:flex;gap:.5rem;align-items:center;font-size:.875rem;color:var(--text-muted);margin-top:1.25rem!important}
.track-facts{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--raised);padding:1.75rem}
.track-hub .track-facts h2{font:600 1.25rem/1.3 var(--font-sans)}.track-facts dl{margin:1.25rem 0 .5rem}.track-facts dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--hairline)}
.track-facts dt{color:var(--text-muted)}.track-facts dd{margin:0;text-align:right;font-weight:600}.track-muted{font-size:.875rem;color:var(--text-muted);line-height:1.55}
.track-nav{display:flex;gap:1.5rem;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);overflow-x:auto;padding:.5rem 0;white-space:nowrap}
.track-nav a{display:inline-flex;align-items:center;min-height:var(--control-height);text-decoration:none;font-size:.9375rem;font-weight:600}
.track-body{display:grid;grid-template-columns:minmax(0,1fr) 20rem;gap:3.5rem;padding-block:3rem 4rem}.track-primary{min-width:0}.track-section+.track-section{margin-top:3.5rem}
.track-section>p:not(.mc-eyebrow){margin-top:1rem;color:var(--text-muted)}.track-context{display:flex;gap:1rem;background:var(--raised);border-left:3px solid var(--accent);padding:1.25rem;margin-top:1.5rem;font-size:.9375rem}
.track-context strong{display:block;margin-bottom:.35rem}.track-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.track-count{font-size:.875rem;color:var(--text-muted);white-space:nowrap}
.track-domains{list-style:none;margin:1.5rem 0 0;padding:0;border-top:1px solid var(--hairline)}.track-domain{display:grid;grid-template-columns:2rem minmax(0,1fr) 7.5rem;gap:1rem;border-bottom:1px solid var(--hairline);padding:1.5rem 0;align-items:start}
.track-domain-number{font-size:.75rem;letter-spacing:.12em;color:var(--text-muted);padding-top:.3rem}.track-domain-copy>p{font-size:.875rem;color:var(--text-muted);margin-top:.35rem}.track-domain summary{font-size:.875rem;min-height:var(--control-height);cursor:pointer;color:var(--accent);padding-top:.65rem}
.track-domain ul{padding-left:1rem;margin:0;font-size:.875rem}.track-domain li a{display:inline-block;padding:.4rem 0}.track-domain-action{display:grid;text-align:right;justify-items:end}.track-domain-title{display:inline-block;min-height:var(--control-height);color:var(--text-heading);text-decoration:none}.track-domain-title:hover{color:var(--accent)}.track-weight{font-size:1rem;font-weight:400;color:var(--text-muted)}.track-weight small{display:block;font-size:.75rem;font-weight:400;color:var(--text-muted)}
.track-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:1.5rem}.track-methods article{padding-right:1rem;border-right:1px solid var(--hairline)}.track-methods article:last-child{border:0}.track-methods h3{margin-top:1rem}.track-methods p{font-size:.9375rem;color:var(--text-muted);margin-top:.65rem}.track-methods .mc-text-link{font-size:.875rem}
.track-mocks{list-style:none;padding:0;margin:1.5rem 0;border-top:1px solid var(--hairline)}.track-mocks>li{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--hairline)}.track-mocks>li>div:first-child{display:flex;gap:.75rem}.track-mocks p{font-size:.875rem;color:var(--text-muted);margin-top:.35rem}.track-mocks>li>div:last-child{display:grid;justify-items:end;text-align:right;flex-shrink:0}.track-mock-access{font-size:.875rem;font-weight:600}.track-mocks .mc-text-link{font-size:.875rem}
.track-sidebar>section+section{margin-top:2rem}.track-access{background:var(--raised);padding:1.75rem;border:1px solid var(--hairline);border-radius:var(--radius-card)}.track-hub .track-access h2{font-size:var(--type-section)}.track-access ol{padding:0;list-style:none;counter-reset:access;margin:1.5rem 0}.track-access li{counter-increment:access;border-top:1px solid var(--hairline);padding:1rem 0}.track-access ol strong:before{content:"0" counter(access) " / ";color:var(--accent);font-size:.75rem;margin-right:.3rem}.track-access p{font-size:.9375rem;color:var(--text-muted);margin-top:.5rem}.track-access summary{cursor:pointer;min-height:var(--control-height);font-weight:600}.track-access .pricing-list{font-size:.875rem;padding-left:1.25rem}.track-access .pricing-list li{border:0;padding:.3rem 0}
.track-resources,.track-independence{padding:1.5rem 0;border-top:1px solid var(--hairline)}.track-hub .track-resources h2,.track-hub .track-independence h2{font:600 1.125rem/1.4 var(--font-sans);margin-bottom:.75rem}.track-resources>a{display:block;padding:.75rem 0;min-height:var(--control-height)}.track-independence p{font-size:.875rem;color:var(--text-muted)}.track-independence>.mc-icon{margin-bottom:.75rem}
.track-hub .mc-home-footer{margin:0;border:0}
@media(max-width:1100px){.track-hero{gap:2rem;grid-template-columns:minmax(0,1fr) 20rem}.track-body{gap:2rem;grid-template-columns:minmax(0,1fr) 18rem}.track-methods{grid-template-columns:1fr}.track-methods article{border:0;display:grid;grid-template-columns:24px 1fr;gap:0 1rem}.track-methods h3{margin:0}.track-methods p,.track-methods a{grid-column:2}.track-mocks>li{display:block}.track-mocks>li>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.track-mocks>li>div:last-child .mc-text-link{padding-left:.5rem}}
@media(max-width:959px){.track-hub .track-desktop-nav{display:none}.track-mobile-menu{display:block;margin-left:auto;position:relative}.track-mobile-menu>summary{min-height:var(--control-height);padding:.6rem;cursor:pointer}.track-mobile-menu nav{display:flex!important;position:absolute;z-index:5;right:0;top:100%;background:var(--card);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:1rem;min-width:13rem;flex-direction:column;align-items:stretch;gap:.25rem}.track-hub .mc-header-utilities{margin-left:auto}.track-hero{grid-template-columns:1fr 18rem}.track-body{display:block}.track-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.track-sidebar .track-access{grid-row:span 2}.track-sidebar>section+section{margin:0}.track-methods{grid-template-columns:repeat(3,minmax(0,1fr))}.track-methods article{display:block}.track-methods h3{margin-top:.75rem}.track-mocks>li{display:flex}.track-mocks>li>div:last-child{display:grid;margin:0}}
@media(max-width:639px){.track-hub .mc-header-utilities{width:100%}.track-hero{display:flex;flex-direction:column;gap:1.75rem;padding-block:.75rem 2rem}.track-hub .track-hero h1{font-size:2rem}.track-lede{font-size:1rem}.track-hero .mc-actions{gap:.5rem}.track-hero .mc-button{font-size:.9375rem;padding:.7rem .85rem}.track-facts{width:100%;padding:1.25rem}.track-facts dl{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.track-facts dl>div{display:block}.track-facts dt{font-size:.8125rem}.track-facts dd{text-align:left}.track-nav{gap:1.25rem}.track-body{padding-block:2rem}.track-hub h2{font-size:1.375rem}.track-context{padding:1rem;gap:.75rem}.track-section+.track-section{margin-top:2.5rem}.track-count{display:none}.track-domain{grid-template-columns:1.25rem minmax(0,1fr) 5.5rem;gap:.6rem;padding:1.25rem 0}.track-domain h3{font-size:1rem}.track-weight{font-size:.875rem}.track-domain-action .mc-text-link{font-size:.8125rem}.track-domain summary{font-size:.8125rem}.track-methods{grid-template-columns:1fr;gap:1.5rem}.track-methods article{display:grid}.track-methods h3{margin:0}.track-mocks>li{display:block}.track-mocks>li>div:last-child{display:flex;margin-top:.5rem}.track-sidebar{display:flex;flex-direction:column;gap:2rem}.track-access{padding:1.25rem}.track-hub .mc-closing .mc-button{margin-top:1.25rem}}

.track-account-entry{display:grid;grid-template-columns:1fr 360px;gap:4rem;padding-block:4rem;align-items:start;min-height:65vh}.track-account-entry h1{font-size:var(--type-page)}.track-account-entry .mc-lede{margin-bottom:1rem}
@media(max-width:639px){.track-account-entry{grid-template-columns:1fr;gap:2rem;padding-block:2.5rem}.track-account-entry h1{font-size:var(--type-page)}}
/* Issue #663 (reference 30): concise certification hub blocks. */
.track-hub .track-section+.track-section{margin-top:3rem}
.track-domain-grid{list-style:none;padding:0;margin:1.25rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.75rem}
.track-domain-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--raised)}
.track-domain-card h3{font-size:1rem;line-height:1.35}
.track-domain-card .track-domain-title{min-height:0}
.track-domain-card p{font-size:.875rem;color:var(--text-muted)}
.track-domain-card strong{color:var(--text-heading)}
.track-mocks>li{align-items:center;padding:.9rem 0}
.track-mock-title{display:flex;align-items:center;gap:.65rem;color:var(--text-heading);font-weight:600}
.track-mock-title svg{color:var(--accent);flex-shrink:0}
.track-mock-action{display:flex;align-items:center;gap:1rem;flex-shrink:0}
.track-mock-price{font-weight:600;color:var(--text-heading)}
.track-bundle-line{font-size:.9375rem;margin-top:.25rem}
@media (max-width:480px){.track-domain-grid{grid-template-columns:1fr 1fr}.track-mock-action{gap:.75rem}}
@media (max-width:639px){.track-hub .track-mocks>li{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.track-hub .track-mock-action{gap:.6rem}}
/* Issue #677: public domain study pages fill the same width as the header (owner: use the space a
   wide screen gives). The reading layout itself (contents list, section cards, headings, pager) is
   shared with the in-app Study hub and lives in foundations.css (issue #679). */
.mc-public .domain-page{max-width:none;margin:0;padding-block:2.5rem 5rem}
.mc-public .domain-head{margin-bottom:2.5rem}
.mc-public .domain-head h1{font-size:var(--type-page);max-width:none;margin:.25rem 0 .75rem}
.mc-public .domain-head .lede{font-size:1.0625rem;color:var(--text-muted);margin:0 0 .5rem}
.mc-public .domain-head .byline{font-size:var(--type-meta);color:var(--text-muted);margin:0}
/* The domain page spans the header's own width so its edges line up with the logo and nav. */
.mc-public.track-hub>main:has(.domain-page){max-width:90rem}
/* Issue #718: practice questions and flashcards, two cards with their action at the foot. */
.track-study-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}
.track-study-card .mc-text-link{margin-top:auto;padding-top:.5rem;font-size:.9375rem}

/* Issue #767 (owner: a more professional mock list): one bordered list, a number per mock, the name
   with one line of meaning, then the price and a real button on the same line; the bundle is the
   last row, tinted. On the standard control sizes (#760). */
.track-mocks{margin:1.5rem 0 0;border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--raised);overflow:hidden}
.track-mocks>li.track-mock-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--hairline)}
.track-mocks>li.track-mock-row:last-child{border-bottom:0}
.track-mock-number{display:inline-flex;align-items:center;font:600 .8125rem/1 var(--font-mono);letter-spacing:.04em;color:var(--text-muted)}
.track-mock-number svg{width:20px;height:20px;color:var(--accent)}
.track-mock-copy{display:grid;gap:.15rem;min-width:0}
.track-mock-name{font-weight:600;color:var(--text-heading)}
.track-mock-meta{font-size:.875rem;color:var(--text-muted)}
.track-mocks .track-mock-price{min-width:4rem;text-align:right;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-heading)}
.track-mocks .track-mock-cta{display:inline-flex;align-items:center;min-width:7.5rem;min-height:var(--control-height-compact);margin:0;padding:0 1rem;justify-content:center;font-size:var(--control-font)}
.track-mocks>li.track-mock-row--bundle{background:var(--success-tint)}
@media (max-width:640px){.track-mocks>li.track-mock-row{grid-template-columns:2rem minmax(0,1fr) auto;align-items:start;row-gap:.6rem;padding:1rem}.track-mock-number{padding-top:.2rem}.track-mocks .track-mock-cta{grid-column:2/-1;justify-self:start}}