/* Direction B — shared site/account layer. No pilot, PDF, price, entitlement or provider changes. */
body[data-visual-direction="b"]{--navy:#123342;--ink:#14343f;--teal:#087a78;--teal-dark:#075c60;--muted:#526b72;--line:#ccdfdf;--accent:#44d9cc;--shadow:0 14px 36px #0b494014;--surface:#fff;color:var(--ink);background:radial-gradient(ellipse at 90% 0,#ddf6ef80,transparent 38rem),#f6f9f8}
body[data-visual-direction="b"] :is(main,section,article,fieldset,form){min-width:0}
body[data-visual-direction="b"] :is(h1,h2,h3,p,li,label,summary,dd){overflow-wrap:anywhere}
body[data-visual-direction="b"] .site-header{background:#fffffff5;border-bottom:1px solid #c9e0dd;box-shadow:0 4px 20px #12334209}
body[data-visual-direction="b"] .utility-bar{background:linear-gradient(100deg,#123342,#0a5657);color:#e8f7f3}
body[data-visual-direction="b"] .review-label .dot{background:#70e7d5}
body[data-visual-direction="b"] :is(.btn,.account-menu-toggle){background:linear-gradient(135deg,#087a78,#075c60);color:#fff;border:1px solid #086865;box-shadow:0 4px 12px #08686520;font-weight:650;min-height:44px;line-height:1.4;transition:background .16s,box-shadow .16s,transform .16s}
body[data-visual-direction="b"] :is(.btn,.account-menu-toggle):hover{background:linear-gradient(135deg,#066967,#064e53);color:#fff;box-shadow:0 6px 18px #0868652a}
body[data-visual-direction="b"] :is(.btn-secondary,.btn-outline){background:#fff;color:#075c60;border-color:#7ca7a6;box-shadow:0 2px 6px #12334208}
body[data-visual-direction="b"] :is(.btn-secondary,.btn-outline):hover{background:#e6f5f1;color:#064e53}
body[data-visual-direction="b"] button:disabled,body[data-visual-direction="b"] .btn[aria-disabled=true]{background:#e2e8e7;color:#52666a;border-color:#becdcb;box-shadow:none;cursor:not-allowed;transform:none;opacity:1}
body[data-visual-direction="b"] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #976311;outline-offset:4px}
body[data-visual-direction="b"] :is(.hero,.catalogue-hero,.sample-hero,.training-page-hero){background:radial-gradient(ellipse at 94% 16%,#44d9cc1c,transparent 55%),linear-gradient(155deg,#fcfefc,#edf6f3)}
body[data-visual-direction="b"] :is(.pathfinder,.training-copy,.contact-band){background:linear-gradient(135deg,#123342,#0a5c60);color:#fff}
body[data-visual-direction="b"] :is(.pathfinder,.training-copy,.contact-band) :is(h2,h3,strong){color:#fff}
body[data-visual-direction="b"] :is(.pathfinder,.training-copy,.contact-band) :is(p,small){color:#d9eeeb}
body[data-visual-direction="b"] :is(.pathfinder,.training-copy,.contact-band) :is(.eyebrow,.text-link){color:#80eee0}
body[data-visual-direction="b"] :is(.pathfinder,.training-copy,.contact-band) .btn{background:#fff;color:#075c60;border-color:#fff}
body[data-visual-direction="b"] :is(.path-card,.course-card,.person-card,.decision-card,.registration-panel,.message-panel,.learning-empty,.enrollment-list>li){border-color:#cfdfdd;background:#fff;box-shadow:0 5px 20px #12334209}
body[data-visual-direction="b"] .path-card::before{background:linear-gradient(90deg,#087a78,#44d9cc)}
body[data-visual-direction="b"] .path-card:nth-child(3)::before{background:linear-gradient(90deg,#a87525,#e5be65)}
body[data-visual-direction="b"] :is(.sample-offer,.learning-summary,.offer-summary,.training-next,.training-directory,.learning-guide){background:linear-gradient(120deg,#e7f5f1,#f4faf8);border:1px solid #bfddd6}
/* Shared bordered notes need their own spacing, including pages without account CSS. */
body[data-visual-direction="b"] :is(.notice,.document-note){border:1px solid #c7ded9;border-left:4px solid #087a78;background:#eef8f4;color:#254c50;border-radius:10px;padding:16px 20px;margin-block:20px;line-height:1.65;min-width:0;overflow-wrap:anywhere}
body[data-visual-direction="b"] :is(.notice,.document-note)>:first-child{margin-top:0}
body[data-visual-direction="b"] :is(.notice,.document-note)>:last-child{margin-bottom:0}
body[data-visual-direction="b"] [role=alert]{border-left:4px solid #a73935;padding:.8rem 1rem;background:#fff2ef;color:#752e29;border-radius:8px}
body[data-visual-direction="b"] :is(.filter-btn.active,.filter-btn[aria-pressed=true],.resource-subnav a[aria-current]){background:#075c60;color:#fff;border-color:#075c60}
body[data-visual-direction="b"] :is(.program-price,.training-video>p a,.training-directory a,.text-link){color:#086765}
body[data-visual-direction="b"] .program-detail[open]>summary{background:#ecf7f3;border-radius:10px 10px 0 0}
body[data-visual-direction="b"] .training-nav a[aria-current]{border-color:#70e7d5;color:#b8fff0}
body[data-visual-direction="b"] .account-menu-panel{border-color:#c6dcd7;box-shadow:0 16px 40px #12334222}
body[data-visual-direction="b"] .account-menu-panel nav a:hover,body[data-visual-direction="b"] .account-menu-panel nav a[aria-current=page]{background:#e6f5f0;color:#075c60}
body[data-visual-direction="b"] .account-menu-signout{padding:.5rem 0 0;margin:.5rem 0 0;background:none;border:0;border-top:1px solid #d4e3df;box-shadow:none}
body[data-visual-direction="b"] .account-menu-signout button{border:1px solid #c4d9d4;color:#075c60;background:#f3faf6;border-radius:8px;font:inherit;font-weight:650;box-shadow:0 2px 6px #12334206}
body[data-visual-direction="b"] :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){max-width:100%;box-sizing:border-box;border-color:#94b5b2;border-radius:9px;min-height:48px;font-size:1rem;color:#14343f}
body[data-visual-direction="b"] :is(input[type=checkbox],input[type=radio]){accent-color:#087a78}
body[data-visual-direction="b"] .account-content{padding-block:clamp(2rem,5vw,4rem);}
body[data-visual-direction="b"] .auth-panel{width:min(100%,30rem);box-sizing:border-box;margin:0 auto;padding:clamp(1.35rem,4vw,2.25rem);border:1px solid #c5ded7;border-top:4px solid #0b8580;border-radius:18px;background:linear-gradient(160deg,#fff,#fdfffe);box-shadow:0 12px 36px #1233420e;text-align:left}
body[data-visual-direction="b"] .auth-panel h1{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.16;margin:.7rem 0 1rem;letter-spacing:-.035em}
body[data-visual-direction="b"] .auth-panel p{font-size:1rem;line-height:1.65;margin:.8rem 0}
body[data-visual-direction="b"] .auth-panel .eyebrow{font-size:.75rem;letter-spacing:.1em;font-weight:700;color:#086765}
body[data-visual-direction="b"] .auth-panel form{display:grid;gap:.7rem;max-width:none;width:100%;margin:1.5rem 0 1rem;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
body[data-visual-direction="b"] .auth-panel form button{margin-top:1rem;justify-self:stretch;text-align:center;white-space:normal;min-height:48px}
body[data-visual-direction="b"] .auth-panel form label{display:block;text-align:left;font-weight:650}
body[data-visual-direction="b"] .auth-panel fieldset{padding:0;border:0;margin:0 0 1rem;min-width:0}
body[data-visual-direction="b"] .auth-panel .reviewer-choices{display:flex;flex-wrap:wrap;gap:.6rem}
body[data-visual-direction="b"] .auth-panel .reviewer-choice{display:flex;align-items:center;gap:.5rem;padding:.65rem;border:1px solid #b7d4cc;border-radius:9px;font-size:.875rem;flex:1 1 8rem}
body[data-visual-direction="b"] .auth-panel .reviewer-choice input{width:1.1rem;min-height:1.1rem;flex:none}
body[data-visual-direction="b"] .auth-panel .reviewer-choice:has(input:checked){background:#e7f6f0;border-color:#087a78}
body[data-visual-direction="b"] .auth-panel :is(.signin-secondary,.auth-alternate,.account-help){padding-top:1rem;border-top:1px solid #dce9e5;margin-top:1.5rem}
body[data-visual-direction="b"] .auth-panel .field-help,body[data-visual-direction="b"] .auth-panel [role=note]{font-size:.875rem;color:#456369}
body[data-visual-direction="b"] .auth-panel .field{display:grid;gap:.5rem}
body[data-visual-direction="b"] :is(.registration-panel,.message-panel){width:min(100%,50rem);box-sizing:border-box;margin-inline:auto;text-align:left}
body[data-visual-direction="b"] .registration-heading{align-items:flex-start}
body[data-visual-direction="b"] .registration-fields{gap:1.5rem}
body[data-visual-direction="b"] .learning-dashboard .course-grid{gap:1.5rem}
body[data-visual-direction="b"] .site-footer{background:linear-gradient(120deg,#102f3c,#123f45);color:#d9ece8}
body[data-visual-direction="b"] .site-footer :is(a,.brand-name){color:#effcf8}
body[data-visual-direction="b"] .site-footer :is(p,small,.footer-bottom){color:#c1d9d7}
@media(max-width:680px){body[data-visual-direction="b"] .auth-panel{width:100%}body[data-visual-direction="b"] .auth-panel .btn{width:100%}body[data-visual-direction="b"] .registration-heading{flex-wrap:wrap}body[data-visual-direction="b"] .utility-bar{min-height:30px;height:auto}body[data-visual-direction="b"] .utility-inner{min-height:30px;flex-wrap:wrap;gap:.25rem .75rem;padding-block:.25rem}}
@media(prefers-reduced-motion:reduce){body[data-visual-direction="b"] :is(.btn,.account-menu-toggle){transition:none;transform:none}}
@media(forced-colors:active){body[data-visual-direction="b"] :is(.btn,.account-menu-toggle,.auth-panel){background:Canvas;color:CanvasText;border:1px solid CanvasText}}
@media print{body[data-visual-direction="b"]{background:#fff;color:#000}body[data-visual-direction="b"] :is(.auth-panel,.notice,.offer-summary,.registration-panel,.message-panel,.learning-summary){background:#fff;box-shadow:none;border-color:#aaa}body[data-visual-direction="b"] .site-header{box-shadow:none}}

/* Legacy enrollment previews share the site treatment; HCR artwork and offer rules stay separate. */
body[data-visual-direction="b"] :is(.form-section,.summary-card,.dashboard-card){background:#fff;border-color:#c5ded7;box-shadow:0 5px 20px #12334209}
body[data-visual-direction="b"] :is(.primary-button,.enrollment-sample>a){background:linear-gradient(135deg,#087a78,#075c60);color:#fff;border:1px solid #086865;box-shadow:0 4px 12px #08686520;min-height:44px}
body[data-visual-direction="b"] :is(.primary-button,.enrollment-sample>a):hover{background:#075c60;color:#fff}
body[data-visual-direction="b"] .enrollment-sample{background:linear-gradient(120deg,#e7f5f1,#f4faf8);border-color:#bfddd6}
body[data-visual-direction="b"] .primary-button:disabled{background:#e2e8e7;color:#52666a;box-shadow:none}

body[data-visual-direction="b"] .auth-panel a:not(.btn){color:#086765;text-decoration:underline;text-underline-offset:.2em}

/* Keep the rounded shell outside the scrolling content. */
body[data-visual-direction="b"] #info-modal{overflow:hidden;padding:8px;box-sizing:border-box}
body[data-visual-direction="b"] #info-modal .modal-shell{max-height:calc(100dvh - 68px);overflow:hidden;display:flex;flex-direction:column;border-radius:12px}
body[data-visual-direction="b"] .program-detail>summary:hover,body[data-visual-direction="b"] .program-detail>summary:focus-visible{background:#e3f5f1;color:#075c60}
@media(max-width:680px){body[data-visual-direction="b"] #info-modal .modal-shell{max-height:calc(100dvh - 44px)}}

.legacy-select{min-width:200px;max-width:100%}.legacy-select .admin-select-trigger{min-height:44px}.slide-tools .legacy-select{flex:1}.catalogue-tools .legacy-select label{font-size:.85rem}@media(max-width:600px){.legacy-select{width:100%;min-width:0}}

body[data-visual-direction="b"] #info-modal .modal-top{flex:none}body[data-visual-direction="b"] #info-modal #modal-content{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding-right:8px}
