/* TDNSC V44 — visual design consistency only. No auth, paid-content or backend changes. */
:root{--tdnsc-v44-navy:#102b54;--tdnsc-v44-blue:#ccecff;--tdnsc-v44-outline:#a4ceea}
/* Bring the SMALL Level 3 Diploma banner back to the originally requested navy. */
.tdnsc-level3-banner{background:#102b54!important;color:#fff!important;border:0!important;box-shadow:0 4px 14px rgba(12,37,73,.14)!important}
.tdnsc-level3-banner strong{color:#fff!important}
/* Match header menu controls on every page. */
.tdnsc-nav-shell{background:#f5faff!important;border-bottom:1px solid #c3dff1!important;box-shadow:0 5px 19px rgba(16,43,84,.09)!important}
.header .tdnsc-nav-shell{box-shadow:none!important}
#tdnsc-site-nav{gap:9px!important;flex-wrap:wrap!important}
#tdnsc-site-nav .tdnsc-back-home,#tdnsc-site-nav .tdnsc-site-account,.tdnsc-site-menu>summary{background:#e2f2fd!important;border:1.5px solid #a5cce6!important;color:var(--tdnsc-v44-navy)!important;min-height:44px!important;border-radius:13px!important;box-shadow:0 3px 10px rgba(9,56,106,.055)!important}
#tdnsc-site-nav .tdnsc-back-home{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 15px!important;font-size:14px!important;font-weight:800!important;line-height:1.2!important;text-decoration:none!important;white-space:nowrap!important}
#tdnsc-site-nav .tdnsc-back-home:hover,#tdnsc-site-nav .tdnsc-site-account:hover,.tdnsc-site-menu>summary:hover{background:#c8eaff!important;border-color:#63a8d7!important}
.tdnsc-site-panel{padding:12px!important;border-color:#b0d5ed!important;box-shadow:0 17px 42px rgba(16,43,84,.16)!important;overflow-y:auto!important}
.tdnsc-site-panel .tdnsc-menu-group{padding:3px!important}
.tdnsc-site-panel .tdnsc-menu-group+.tdnsc-menu-group{padding-top:3px!important}
.tdnsc-site-panel .tdnsc-menu-label{display:block!important;cursor:pointer!important;list-style:none!important;position:relative!important;margin:0!important;padding:12px 35px 12px 12px!important;border-radius:10px!important;background:#e8f5ff!important;color:#173f6a!important;font-size:13px!important;font-weight:850!important;letter-spacing:.015em!important;text-transform:none!important}
.tdnsc-site-panel .tdnsc-menu-label::after{content:'+';position:absolute;right:13px;top:10px;font-size:18px;font-weight:700}
.tdnsc-site-panel .tdnsc-menu-group[open]>.tdnsc-menu-label::after{content:'−'}
.tdnsc-site-panel .tdnsc-menu-label::-webkit-details-marker{display:none}
.tdnsc-site-panel .tdnsc-menu-group a{margin:2px 0!important}
.tdnsc-site-panel .tdnsc-menu-group a[aria-current=page]{background:#d4eaff!important;font-weight:850!important}
/* Consistent nav and card depth without rounded bubble decorations. */
body:has(main.wrap){background:linear-gradient(180deg,#f2f9ff 0%,#f9fcff 60%,#eef7ff 100%)}
main.wrap{width:min(100%,1140px);box-sizing:border-box}
body:has(main.wrap) main.wrap :is(.card,.notice,.reading-filter-panel,.reading-footer-info){box-shadow:0 8px 24px rgba(16,52,89,.07)}
body:has(main.wrap) main.wrap h1,body:has(main.wrap) main.wrap h2{color:#102d56}
body :is(.btn,.tdnsc-v44-option,.reading-card a,.reading-unit):focus-visible{outline:3px solid #0967b2!important;outline-offset:3px!important}
/* Restore all navigation options as cheerful but orderly tiles at the END of the homepage. */
.tdnsc-v44-directory{width:min(1160px,calc(100% - 34px));margin:42px auto 65px!important;padding:clamp(19px,3vw,34px)!important;border:1.5px solid #accfe9!important;border-radius:25px!important;background:#f2f9ff!important;box-shadow:0 16px 43px rgba(22,70,111,.10)!important;box-sizing:border-box}
.tdnsc-v44-directory-heading{text-align:center;margin:0 auto 22px;max-width:700px;color:#21466b}
.tdnsc-v44-directory-heading .tdnsc-v44-directory-kicker{display:inline-block;letter-spacing:.08em;text-transform:uppercase;color:#174d80;font-size:.77rem;font-weight:900;margin-bottom:4px}
.tdnsc-v44-directory-heading h2{font-family:system-ui,-apple-system,'Segoe UI',sans-serif!important;color:#102b54!important;font-size:clamp(1.75rem,3.3vw,2.4rem)!important;letter-spacing:-.035em!important;line-height:1.2!important;margin:8px 0!important}
.tdnsc-v44-directory-heading h2 span{color:#3389bd}
.tdnsc-v44-directory-heading p{font-size:1rem;line-height:1.5;color:#355e7e!important;margin:8px 0 0!important}
.tdnsc-v44-directory-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important}
.tdnsc-v44-option{display:flex!important;align-items:center!important;gap:12px!important;min-height:112px!important;padding:16px!important;box-sizing:border-box!important;border:1.5px solid #99c7e8!important;border-radius:17px!important;background:#d7eeff!important;color:#12395f!important;text-align:left!important;text-decoration:none!important;box-shadow:0 5px 0 rgba(42,91,132,.08),0 11px 20px rgba(14,56,95,.045)!important;transition:transform .19s ease,box-shadow .19s ease,background-color .19s ease!important}
.tdnsc-v44-option:nth-child(4n+2){background:#e1ebff!important}
.tdnsc-v44-option:nth-child(4n+3){background:#daf4f1!important}
.tdnsc-v44-option:nth-child(4n+4){background:#ffe9f3!important}
.tdnsc-v44-option:hover{transform:translateY(-3px)!important;box-shadow:0 8px 0 rgba(42,91,132,.09),0 15px 26px rgba(14,56,95,.10)!important;background:#c7e7ff!important}
.tdnsc-v44-option-icon{display:grid!important;place-items:center!important;flex:0 0 43px!important;width:43px!important;height:43px!important;font-family:system-ui,sans-serif!important;font-size:24px!important;font-weight:800!important;color:#083c6b!important;background:#fff!important;border-radius:12px!important;border:1px solid #c3dff0!important}
.tdnsc-v44-option-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:5px!important;flex:1!important}
.tdnsc-v44-option-copy strong{font-family:system-ui,sans-serif!important;font-weight:850!important;font-size:1.01rem!important;line-height:1.25!important;color:#0f3159!important}
.tdnsc-v44-option-copy small{font-size:.85rem!important;line-height:1.4!important;font-weight:550!important;color:#365979!important}
.tdnsc-v44-option-arrow{font-size:19px!important;align-self:center!important;color:#135889!important;font-weight:850!important}
.tdnsc-v44-directory-note{text-align:center!important;color:#496c86!important;font-size:.81rem!important;line-height:1.5!important;margin:17px 0 0!important}
/* Use quieter depth on existing main pathway cards; retain their original filled colours. */
#home .ux-primary-paths .revision-menu-button,#home .ux-secondary-paths .revision-menu-button{box-shadow:0 7px 19px rgba(17,69,112,.075)!important}
#home .ux-primary-paths .revision-menu-button:hover,#home .ux-secondary-paths .revision-menu-button:hover{box-shadow:0 11px 24px rgba(17,69,112,.11)!important}
@media(min-width:780px){.tdnsc-v44-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.tdnsc-v44-directory{width:calc(100% - 24px)!important;margin:27px auto 45px!important;padding:19px 14px!important}.tdnsc-v44-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.tdnsc-v44-option{min-height:117px!important;padding:12px!important;gap:9px!important;align-items:flex-start!important;flex-wrap:wrap!important}.tdnsc-v44-option-icon{width:35px!important;height:35px!important;flex-basis:35px!important;font-size:20px!important}.tdnsc-v44-option-arrow{margin-left:auto;font-size:16px!important}.tdnsc-v44-option-copy{order:3;flex-basis:100%!important}.tdnsc-v44-option-copy strong{font-size:.94rem!important}.tdnsc-v44-option-copy small{font-size:.77rem!important}.tdnsc-site-panel{left:50%!important;transform:translateX(-42%)!important}#tdnsc-site-nav .tdnsc-back-home{font-size:12px!important;padding:9px 10px!important;min-height:42px!important}.tdnsc-site-menu>summary,#tdnsc-site-nav .tdnsc-site-account{padding:9px 11px!important;min-height:42px!important}}
@media(max-width:360px){.tdnsc-v44-directory-grid{grid-template-columns:1fr}.tdnsc-v44-option{flex-wrap:nowrap;min-height:80px!important}.tdnsc-v44-option-copy{order:initial;flex-basis:auto!important}.tdnsc-v44-option-arrow{margin-left:0}.tdnsc-site-panel{left:50%!important;transform:translateX(-42%)!important}}
@media(prefers-reduced-motion:reduce){.tdnsc-v44-option{transition:none!important}.tdnsc-v44-option:hover{transform:none!important}}
/* Keep the three-bar dropdown fully inside the viewport on narrow phones. */
@media(max-width:700px){
  .tdnsc-site-panel{
    position:fixed!important;
    left:50vw!important;
    right:auto!important;
    top:calc(76px + env(safe-area-inset-top,0px))!important;
    transform:translateX(-50%)!important;
    width:min(338px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 100px)!important;
  }
}