/* Stable public navigation, including the placement shadow root. */
html:has(body>header.site-navigation),html:has(mtu-placement){scrollbar-gutter:stable}
body:has(>header.site-navigation){margin:0}
header.site-navigation.site-navigation{box-sizing:border-box!important;position:sticky!important;top:0!important;z-index:50!important;display:grid!important;grid-template-columns:185px minmax(0,1fr)!important;align-items:center!important;justify-content:normal!important;gap:24px!important;flex-wrap:nowrap!important;width:100%!important;max-width:none!important;height:93px!important;min-height:93px!important;margin:0!important;padding:12px 3.5%!important;border:0!important;border-radius:0!important;background:#102e53!important;color:white!important;box-shadow:none!important;transform:none!important}
header.site-navigation.site-navigation .hub-brand{display:block!important;width:185px!important;height:69px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;transform:none!important}
header.site-navigation.site-navigation .hub-brand img{display:block!important;width:185px!important;height:69px!important;max-width:none!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:3px!important;background:white!important}
header.site-navigation.site-navigation nav{box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(6,120px)!important;align-items:center!important;justify-content:end!important;gap:8px!important;width:100%!important;margin:0!important;padding:0!important;transform:none!important}
header.site-navigation.site-navigation nav>a{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0 6px!important;border:0!important;border-radius:5px!important;color:#fff!important;background:transparent!important;font:700 14px/20px Arial,sans-serif!important;text-align:center!important;text-decoration:none!important;white-space:nowrap!important;letter-spacing:0!important;box-shadow:inset 0 -4px transparent!important;transform:none!important;transition:background-color .12s!important}
header.site-navigation.site-navigation nav>a:hover{background:#ffffff14!important}
header.site-navigation.site-navigation nav>a[aria-current="page"]{background:#ffffff14!important;box-shadow:inset 0 -4px #d7aa3f!important}
header.site-navigation.site-navigation a:focus-visible{outline:2px solid #f2cd6c!important;outline-offset:-3px!important}
.site-context-actions{display:flex;justify-content:flex-end;gap:12px;padding:8px 3.5%;font:14px Arial}
.site-context-actions:has(>[hidden]:only-child){display:none}
@media(max-width:1100px){
 header.site-navigation.site-navigation{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:52px 44px!important;justify-items:center!important;gap:8px!important;height:128px!important;min-height:128px!important;padding:12px!important}
 header.site-navigation.site-navigation .hub-brand,header.site-navigation.site-navigation .hub-brand img{width:140px!important;height:52px!important}
 header.site-navigation.site-navigation nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;max-width:760px!important;justify-content:center!important}
 header.site-navigation.site-navigation nav>a{font-size:13px!important}
}
@media(max-width:700px){
 header.site-navigation.site-navigation{grid-template-rows:52px 96px!important;height:180px!important;min-height:180px!important}
 header.site-navigation.site-navigation nav{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
 header.site-navigation.site-navigation nav>a{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){header.site-navigation.site-navigation nav>a{transition:none!important}}
@media print{header.site-navigation.site-navigation,.site-context-actions{display:none!important}}

body:has(>header.site-navigation){padding:0!important;width:auto!important;max-width:none!important}
body[data-site-page="font-samples.html"]>.wrap{box-sizing:border-box;max-width:1252px;padding:36px;margin:auto}
.site-report-scroll{width:100%;max-width:100%;overflow:auto}
@media print{.site-report-scroll{display:contents;overflow:visible}}

header.site-navigation.site-navigation .hub-brand img{box-sizing:border-box!important;padding:6px 8px!important;background:#fffdf6!important}
@media(max-width:1100px){header.site-navigation.site-navigation .hub-brand img{padding:5px 6px!important}}

/* Account context follows the header; changing status never displaces navigation. */
body #member-context{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;min-height:46px;padding:8px 3.5%;background:#e9eef3;color:#344b64;font:12px/18px Arial,sans-serif}
body #member-context a{color:#344b64;font-weight:700}
body #member-context span{min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){body #member-context{grid-template-columns:minmax(0,1fr);min-height:76px;align-content:center}}

/* Compact account controls stay inside the common header, below the primary links. */
header.site-navigation.site-navigation{height:129px!important;min-height:129px!important;padding:12px 3.5% 48px!important;grid-template-rows:69px!important;align-content:start!important}
header.site-navigation.site-navigation .site-account-controls{position:absolute;right:3.5%;top:77px;display:grid;grid-template-columns:112px 96px 76px;gap:6px;width:296px;height:44px;align-items:center;margin:0;padding:0}
header.site-navigation.site-navigation .site-account-controls>a,header.site-navigation.site-navigation .site-account-controls>button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:44px;margin:0;padding:0 4px;border:1px solid #ffffff42;border-radius:5px;background:#ffffff0d;color:#fff;font:700 12px/16px Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:none;transform:none}
header.site-navigation.site-navigation [data-account-control="learner"]{grid-column:1;grid-row:1}
header.site-navigation.site-navigation [data-account-control="account"]{grid-column:2;grid-row:1}
header.site-navigation.site-navigation [data-account-control="logout"]{grid-column:3;grid-row:1}
header.site-navigation.site-navigation .site-account-controls>[hidden]{display:none!important}
header.site-navigation.site-navigation .site-account-controls>:hover{background:#ffffff20}
header.site-navigation.site-navigation .site-account-controls>:focus-visible{outline:2px solid #f2cd6c;outline-offset:-3px}
header.site-navigation.site-navigation .site-account-controls>button:disabled{opacity:.65;cursor:wait}
header.site-navigation.site-navigation .hub-brand img{background:transparent!important;padding:0!important;border-radius:0!important;filter:drop-shadow(0 0 .6px #fff) drop-shadow(0 0 .6px #fff)}
body .compact-account-heading{display:none!important}
@media(max-width:1100px){header.site-navigation.site-navigation{height:180px!important;min-height:180px!important;grid-template-rows:52px 44px!important;padding:12px 12px 64px!important}header.site-navigation.site-navigation .site-account-controls{top:124px;right:12px}}
@media(max-width:700px){header.site-navigation.site-navigation{height:232px!important;min-height:232px!important;grid-template-rows:52px 96px!important}header.site-navigation.site-navigation .site-account-controls{top:176px;right:12px;max-width:calc(100% - 24px);grid-template-columns:1.15fr 1fr .8fr}}

header.site-navigation.site-navigation .site-account-status{position:absolute;right:3.5%;top:100%;max-width:360px;padding:8px 12px;background:#fffdf6;color:#344b64;box-shadow:0 3px 10px #102e5326;border-radius:0 0 5px 5px;font:13px/18px Arial,sans-serif}
header.site-navigation.site-navigation .site-account-status:empty{display:none}

/* One continuous sheet of 20px graph paper, flush with the banner edges.
   The mask has one irregular diagonal edge; the original logo is unchanged. */
header.site-navigation.site-navigation{isolation:isolate;background:var(--site-ink,#102e53)!important}
header.site-navigation.site-navigation::before{content:"";position:absolute;inset:0 auto 0 0;width:calc(3.5% + 245px);pointer-events:none;z-index:-1;background-color:#fffaf0;background-image:linear-gradient(#96b8c247 1px,transparent 1px),linear-gradient(90deg,#96b8c247 1px,transparent 1px);background-size:20px 20px;background-position:0 0;mask:url('/assets/nav-paper-mask.svg') 0 0/100% 100% no-repeat}
header.site-navigation.site-navigation .hub-brand img{filter:none!important}
header.site-navigation.site-navigation nav>a[aria-current="page"]{box-shadow:inset 0 -4px var(--site-accent,#d7aa3f)!important}
header.site-navigation.site-navigation a:focus-visible,header.site-navigation.site-navigation button:focus-visible{outline-color:var(--site-accent,#f2cd6c)!important}
body[data-learner-theme]{background:var(--site-wash,#faf8f2)!important}
body[data-learner-theme] :is(h1,h2,h3,h4,.textlink,.practice-back){color:var(--site-ink,#102e53)}
body[data-learner-theme] :is(.btn,.cta,.primary-btn){background:var(--site-ink,#102e53);border-color:var(--site-ink,#102e53);color:white}
body[data-learner-theme] .outline-btn{border-color:color-mix(in srgb,var(--site-ink,#102e53) 32%,white);color:var(--site-ink,#102e53)}
@media(max-width:1100px){
 header.site-navigation.site-navigation::before{width:min(100%,calc(60% + 108px))}
 /* Links keep the same six/three-column geometry and a solid readable surface. */
 header.site-navigation.site-navigation nav{background:var(--site-ink,#102e53);border-radius:6px}
 header.site-navigation.site-navigation .site-account-controls>a,header.site-navigation.site-navigation .site-account-controls>button{background:var(--site-ink,#102e53)}
}