
.af-library{--af-dark:#192733;--af-orange:#ff7900;max-width:none;margin:0;background:#fff;color:#0a2048;font:16.667px/1.45 Arial,Helvetica,sans-serif}.af-library *{box-sizing:border-box}.af-library [hidden]{display:none!important}.af-library button{font:inherit;text-transform:none;letter-spacing:normal;cursor:pointer}.af-library a:focus-visible,.af-library button:focus-visible,.af-library input:focus-visible,.af-panel:focus-visible{outline:3px solid #f38b22;outline-offset:3px}.af-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.af-site-header{height:77px;display:flex;align-items:center;gap:30px;padding:10px 4%;background:linear-gradient(110deg,#192733,#14232e);color:white}.af-brand{display:flex;align-items:center;gap:10px;color:white!important;text-decoration:none!important;flex-shrink:0}.af-brand svg{width:58px;height:58px}.af-brand strong{font-size:32.667px;line-height:1.05}.af-brand strong span{color:#ff8000}.af-brand small{display:block;font-size:10.667px;font-weight:700;margin-top:3px}.af-site-menu{flex:1;min-width:0}.af-site-menu ul{display:flex;justify-content:center;gap:28px;list-style:none;padding:0;margin:0}.af-site-menu li{margin:0;padding:0}.af-site-menu a{color:#fff!important;text-decoration:none;font-size:14.667px;white-space:nowrap}.af-site-menu a:hover{text-decoration:underline}.af-search{display:flex;align-items:center;gap:10px;background:#ffffff12;border-radius:11px;padding:8px 16px;width:360px;max-width:28%;margin:0;color:white}.af-search>span{font-size:30.667px;line-height:1}.af-search input{width:100%;border:0!important;outline:0;background:transparent!important;color:#fff!important;font:14px Arial;padding:4px!important;box-shadow:none!important}.af-search input::placeholder{color:#c8ced3}
/* Browser crops the supplied reference to its banner; the original file is untouched. */
.af-hero{position:relative;width:100%;aspect-ratio:1779/203;background-image:url('reference-dashboard.png');background-size:100% auto;background-repeat:no-repeat;background-position:center 11.3069%;overflow:hidden}
.af-workspace{position:relative;display:grid;grid-template-columns:342px minmax(0,1fr);gap:20px;padding:18px 22px;transition:grid-template-columns .28s ease;align-items:stretch}.af-sidebar{padding:8px 16px 16px;min-width:0;background:linear-gradient(130deg,#fff,#fcfdff);border:1px solid #e2e9f1;border-radius:16px;overflow:hidden}.af-sidebar-chapter{margin-bottom:13px}.af-library .af-sidebar-chapter h3{font:700 28.667px/1.15 Georgia,"Times New Roman",serif;color:#0a193b;margin:0 0 5px}.af-sidebar-chapter p{font-size:15.667px;color:#596987;margin:0;white-space:nowrap}.af-sidebar-chapter p span{color:#c3cad5;margin:0 6px}.af-tabs{display:grid;gap:6px}.af-library .af-tab{width:100%;display:flex;align-items:center;gap:20px;text-align:left;padding:4px 10px 4px 4px;min-height:51px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e3eaf2;border-radius:12px;color:#0a2048;font-size:15.667px;font-weight:500;box-shadow:inset 0 1px 0 white}.af-tab-chevron{margin-left:auto;font-size:25.667px;color:#677892}.af-icon{display:grid;place-items:center;width:52px;min-height:43px;flex:0 0 52px;border-radius:9px;background:#fff0df;color:#f57500}.af-icon svg{width:30px;height:30px}.af-tab:nth-child(2) .af-icon{background:#fff0f2;color:#ff2545}.af-tab:nth-child(3) .af-icon{background:#edf6ff;color:#007efa}.af-tab:nth-child(4) .af-icon{background:#e9f9f1;color:#00b688}.af-tab:nth-child(5) .af-icon{background:#f4edff;color:#9350ed}.af-tab:nth-child(6) .af-icon{background:#fff7e5;color:#ff9c00}.af-tab:nth-child(7) .af-icon{background:#fff0f2;color:#f51b2c}.af-tab:nth-child(8) .af-icon{background:#edf6ff;color:#0086f6}.af-tab:hover{background:#f0f4f8}.af-library .af-tab[aria-selected=true]{background:var(--af-dark);border-color:var(--af-dark);color:white;box-shadow:none}.af-tab[aria-selected=true] .af-icon{background:#ffffff12;color:white}.af-tab[aria-selected=true] .af-tab-chevron{color:white}
.af-content{min-width:0;background:linear-gradient(120deg,#fff,#fefeff);border:1px solid #e2e9f1;border-radius:17px;min-height:568px;overflow-wrap:anywhere}.af-panel{padding:28px;min-height:568px}.af-panel img,.af-panel iframe,.af-panel video{max-width:100%}.af-panel table{display:block;overflow:auto;max-width:100%}.af-library .af-collapse{position:absolute;left:364px;top:50%;transform:translate(-50%,-50%);z-index:1;width:25px;height:35px;padding:0;border:2px solid white;border-radius:20px;background:var(--af-dark);color:white;font-size:23.667px;transition:left .28s;opacity:0}.af-workspace:hover .af-collapse,.af-collapse:focus-visible{opacity:1}.af-workspace.is-collapsed{grid-template-columns:0 minmax(0,1fr)}.is-collapsed .af-sidebar{opacity:0;visibility:hidden;padding:0;border:0}.af-library .is-collapsed .af-collapse{left:22px;opacity:1}.af-mobile-toggle{display:none!important}.af-chapter-nav{display:flex;justify-content:space-between;gap:12px;padding:0 22px 18px}.af-chapter-nav:empty{display:none}.af-chapter-link{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:9px;background:var(--af-dark);color:white!important;text-decoration:none!important;font-size:14.667px;font-weight:600}.af-next_chapter{margin-left:auto}
@media(min-width:901px) and (max-width:1250px){.af-workspace{grid-template-columns:300px minmax(0,1fr)}.af-library .af-collapse{left:322px}.af-library .af-tab{gap:12px;font-size:14.667px}.af-library .af-sidebar-chapter h3{font-size:25.667px}.af-sidebar-chapter p{font-size:13.667px}.af-site-header{gap:20px;padding:10px 22px}.af-site-menu ul{gap:15px}.af-site-menu a{font-size:12.667px}.af-brand strong{font-size:26.667px}.af-search{width:280px}}
@media(max-width:900px){.af-site-header{height:auto;min-height:66px;flex-wrap:wrap;gap:12px;padding:10px 18px}.af-brand svg{width:44px;height:44px}.af-brand strong{font-size:25.667px}.af-search{margin-left:auto;width:320px;max-width:50%}.af-site-menu{order:3;flex-basis:100%;overflow:auto}.af-site-menu ul{justify-content:flex-start;gap:22px;padding:4px 0}.af-site-menu a{font-size:13.667px}.af-hero{min-height:145px;background-size:1270px auto;background-position:left -30px top -55px;aspect-ratio:auto}.af-workspace,.af-workspace.is-collapsed{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}.af-sidebar,.is-collapsed .af-sidebar{padding:12px;border:1px solid #e2e9f1;opacity:1;visibility:visible}.af-sidebar-chapter{margin-bottom:12px}.af-library .af-mobile-toggle{display:flex!important;align-items:center;justify-content:space-between;width:100%;background:var(--af-dark);border:0;color:white;border-radius:9px;padding:10px 14px}.af-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.af-tabs.is-mobile-closed{display:none}.af-content,.af-panel{min-height:440px}.af-library .af-collapse{display:none}.af-chapter-nav{padding:0 18px 18px}}
@media(max-width:560px){.af-search{max-width:100%;width:100%;order:2}.af-site-header{gap:8px;padding:10px 14px}.af-site-menu{order:3}.af-hero{min-height:145px;background-size:1270px auto;background-position:left -40px top -55px}.af-workspace,.af-workspace.is-collapsed{padding:14px;gap:14px}.af-tabs{grid-template-columns:minmax(0,1fr)}.af-panel{padding:18px;min-height:360px}.af-content{min-height:360px}.af-library .af-sidebar-chapter h3{font-size:26.667px}.af-sidebar-chapter p{font-size:13.667px}.af-chapter-nav{padding:0 14px 16px}.af-chapter-link{font-size:12.667px;padding:10px}}
@media(prefers-reduced-motion:reduce){.af-library *{transition:none!important}}

/* Compact header and persistent sidebar hide/show control. */
.af-site-header{height:58px;gap:22px;padding:6px 3%}.af-brand{gap:7px}.af-brand svg{width:42px;height:42px}.af-brand strong{font-size:25.667px}.af-brand small{font-size:8.667px;margin-top:2px}.af-site-menu ul{gap:24px}.af-site-menu a{font-size:13.667px}.af-search{width:300px;max-width:27%;padding:4px 12px;border-radius:8px;gap:7px}.af-search>span{font-size:24.667px}.af-search input{font-size:12.667px;padding:3px!important}
.af-library .af-collapse{opacity:1;width:36px;height:44px;border:3px solid white;box-shadow:0 2px 8px #19273328;line-height:1}.af-collapse:hover{background:#304553}.af-collapse:focus-visible{outline-offset:2px}
@media(min-width:901px) and (max-width:1250px){.af-site-header{height:56px;padding:6px 20px;gap:16px}.af-site-menu ul{gap:14px}.af-site-menu a{font-size:12.667px}.af-brand strong{font-size:23.667px}.af-brand svg{width:38px;height:38px}.af-search{width:240px;max-width:24%}}
@media(max-width:900px){.af-site-header{height:auto;min-height:54px;padding:7px 16px;gap:8px 12px}.af-brand svg{width:36px;height:36px}.af-brand strong{font-size:23.667px}.af-search{width:280px;max-width:48%;margin-left:auto}.af-site-menu ul{gap:20px;padding:2px 0}.af-site-menu a{font-size:12.667px}.af-library .af-collapse{display:none}.af-mobile-toggle{min-height:44px}}
@media(max-width:560px){.af-site-header{padding:7px 12px;gap:6px}.af-search{width:100%;max-width:100%}.af-site-menu ul{gap:18px}.af-brand svg{width:34px;height:34px}}

/* Hero reduced by 35%; retain the complete desktop banner artwork. */
.af-hero{aspect-ratio:1779/131.95;background-size:100% 435.46798%;background-position:center 11.3069%}
@media(max-width:900px){.af-hero{aspect-ratio:auto;min-height:94.25px;background-size:825.5px auto;background-position:left -19.5px top -35.75px}}
@media(max-width:560px){.af-hero{background-position:left -26px top -35.75px}}

/* Requested header refinements: +10% height, +5% tagline, blank orange strip. */
.af-site-header{height:63.8px;align-items:center;gap:18px}.af-brand{align-items:center;align-self:center}.af-brand small{font-size:9.067px}.af-site-menu ul{gap:20px}.af-search{width:260px;max-width:23%}.af-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.af-call-menu{position:relative}.af-library .af-call-toggle{display:flex;align-items:center;justify-content:center;gap:5px;height:38px;padding:6px 9px;color:white;background:#ffffff12;border:1px solid #ffffff28;border-radius:8px}.af-call-toggle svg{width:20px;height:20px}.af-login-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border-radius:8px;background:#ff8000;color:white!important;text-decoration:none!important;font-size:12.667px;font-weight:700;white-space:nowrap}.af-call-toggle:hover,.af-call-toggle[aria-expanded=true]{background:#ffffff25}.af-booking-dropdown{position:absolute;right:0;top:100%;padding:7px;min-width:205px;border:1px solid #e2e9f1;border-radius:10px;background:white;box-shadow:0 8px 25px #19273330;z-index:20;color:#192733}.af-booking-dropdown a,.af-booking-dropdown>span{display:block;padding:11px 12px;border-radius:6px;font-size:14.667px;color:#192733!important;text-decoration:none}.af-booking-dropdown a:hover{background:#fff0df}.af-booking-dropdown>span[aria-disabled=true]{color:#6d7882!important;cursor:default}.af-hero{height:var(--af-header-height,63.8px);min-height:0;aspect-ratio:auto;background:#ff8000;background-image:none}
@media(min-width:901px) and (max-width:1250px){.af-site-header{height:61.6px;gap:10px}.af-site-menu ul{gap:10px}.af-site-menu a{font-size:11.667px}.af-search{width:170px;max-width:18%}.af-header-actions{gap:7px}.af-login-link{padding:8px;font-size:11.667px}.af-hero{height:var(--af-header-height,61.6px)}}
@media(max-width:900px){.af-site-header{height:auto;min-height:59.4px;gap:8px 12px}.af-brand small{font-size:9.067px}.af-header-actions{margin-left:auto}.af-search{order:3;width:100%;max-width:100%;margin:0}.af-site-menu{order:4;flex-basis:100%;width:100%}.af-hero{min-height:0;background:#ff8000;height:var(--af-header-height,59.4px)}}
@media(max-width:560px){.af-brand strong{font-size:21.667px}.af-brand svg{width:32px;height:32px}.af-header-actions{gap:6px}.af-login-link{font-size:11.667px;padding:8px}.af-library .af-call-toggle{padding:6px}.af-site-header{gap:8px;padding:8px 10px}.af-booking-dropdown{right:-100px}}

/* Antsford orange and polished, darker resource icons. */
.af-library{--af-orange:#E47B02}.af-hero,.af-login-link{background:#E47B02}.af-library .af-tab{background:linear-gradient(180deg,#f6f7f9,#eef0f3);border-color:#dce1e7;box-shadow:inset 0 1px 0 #ffffffb0,0 1px 3px #19273308}.af-library .af-tab:hover{background:linear-gradient(#edf0f4,#e6eaf0)}.af-library .af-tab[aria-selected=true]{background:var(--af-dark);border-color:var(--af-dark);color:white}.af-icon{background:linear-gradient(140deg,#fff0df,#f4dcc0);color:#a45100;border:1px solid #e2c7a8;box-shadow:inset 0 1px 0 #fff9,0 2px 4px #1927330c}.af-icon svg{stroke-width:1.9;filter:drop-shadow(0 1px 0 #fff5)}.af-tab:nth-child(2) .af-icon{background:linear-gradient(140deg,#ffeff2,#f5d9df);color:#c72040;border-color:#e8c4cd}.af-tab:nth-child(3) .af-icon,.af-tab:nth-child(8) .af-icon{background:linear-gradient(140deg,#ecf5ff,#cfe3f6);color:#075fa8;border-color:#bdd3e8}.af-tab:nth-child(4) .af-icon{background:linear-gradient(140deg,#eaf8f2,#cceadd);color:#007650;border-color:#b6daca}.af-tab:nth-child(5) .af-icon{background:linear-gradient(140deg,#f3edff,#e0d3f5);color:#6734b0;border-color:#cebee8}.af-tab:nth-child(6) .af-icon{background:linear-gradient(140deg,#fff4df,#f1dfb5);color:#a76600;border-color:#e2cc9d}.af-tab:nth-child(7) .af-icon{background:linear-gradient(140deg,#ffedf0,#f5d6dc);color:#be1829;border-color:#e4bcc5}.af-tab[aria-selected=true] .af-icon{background:linear-gradient(140deg,#ffffff20,#ffffff0b);border-color:#ffffff28;color:white;box-shadow:inset 0 1px 0 #ffffff15}.af-login-link:hover{background:#cc6e02}

/* Restore previous orange; grey belongs to the panel behind the buttons. */
.af-library{--af-orange:#ff8000}.af-hero,.af-login-link{background:#ff8000}.af-login-link:hover{background:#e67200}.af-sidebar{background:#f0f2f5}.af-library .af-tab{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#dce1e7}.af-library .af-tab:hover{background:linear-gradient(180deg,#fff,#f4f7fa)}.af-library .af-tab[aria-selected=true]{background:var(--af-dark);border-color:var(--af-dark);color:white}

/* Compact logo wordmark and a more readable tagline. */
.af-brand>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.af-brand strong{display:block;line-height:1;letter-spacing:.5px}.af-brand small{margin:0;font-size:11.737px;line-height:1.15;letter-spacing:0}

/* Warm ivory background behind the resource buttons. */
.af-sidebar{background:#FFF5E8}

/* Warm ivory to soft-grey background behind the resource buttons. */
.af-sidebar{background:linear-gradient(135deg,#FFF5E8 0%,#F0F2F5 100%)}

/* Illustrated sidebar with independently folding resources. */
.af-sidebar{background-color:#F0F2F5;background-image:url('chapter-wallpaper-v3.webp');background-repeat:no-repeat;background-size:auto 100%;background-position:left top;min-height:760px;padding-top:108px}.af-sidebar-chapter{background:#f0f2f5b8;border-radius:8px;padding:5px 3px}.af-menu-fold{display:grid;grid-template-rows:1fr;transition:grid-template-rows .28s ease}.af-menu-fold.is-folded{grid-template-rows:0fr}.af-menu-fold>.af-tabs{min-height:0;overflow:hidden;gap:6px;margin:0 2pt}.af-menu-fold.is-folded>.af-tabs{visibility:hidden}.af-library .af-tab{background:linear-gradient(120deg,#fff5e8e8,#f0f2f5e0);border-color:#d7d3cbd9;box-shadow:inset 0 1px 0 #fff9,0 1px 4px #19273310;backdrop-filter:blur(3px)}.af-library .af-tab:hover{background:linear-gradient(120deg,#fff5e8fa,#f0f2f5f7)}.af-library .af-tab[aria-selected=true]{background:var(--af-dark);color:white;border-color:var(--af-dark);backdrop-filter:none}.af-library .af-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;min-height:44px;margin:7px 0 0;border:0;background:transparent;color:#192733;padding:0}.af-menu-toggle>span{display:grid;place-items:center;width:27px;height:22px;border-radius:11px;background:#fff5e8e8;border:1px solid #cbd1d9;font-size:20.667px;line-height:1}.af-menu-toggle small{font-size:10.667px;line-height:1.4;background:#f0f2f5b8;padding:1px 5px;border-radius:4px}.af-menu-toggle:hover>span{background:white}.af-sidebar.is-menu-folded .af-menu-toggle{margin-top:12px}
/* Keyed colour rules keep icon colours correct when tab order changes. */
.af-tab[data-af-kind=revision] .af-icon{background:linear-gradient(140deg,#fff0df,#f4dcc0);color:#a45100;border-color:#e2c7a8}.af-tab[data-af-kind=questions] .af-icon,.af-tab[data-af-kind=previous] .af-icon{background:linear-gradient(140deg,#ffeff2,#f5d9df);color:#c72040;border-color:#e8c4cd}.af-tab[data-af-kind=ncert] .af-icon,.af-tab[data-af-kind=test] .af-icon{background:linear-gradient(140deg,#ecf5ff,#cfe3f6);color:#075fa8;border-color:#bdd3e8}.af-tab[data-af-kind=mcqs] .af-icon{background:linear-gradient(140deg,#eaf8f2,#cceadd);color:#007650;border-color:#b6daca}.af-tab[data-af-kind=extracts] .af-icon{background:linear-gradient(140deg,#f3edff,#e0d3f5);color:#6734b0;border-color:#cebee8}.af-tab[data-af-kind=themes] .af-icon{background:linear-gradient(140deg,#fff4df,#f1dfb5);color:#a76600;border-color:#e2cc9d}.af-tab[data-af-kind][aria-selected=true] .af-icon{background:linear-gradient(140deg,#ffffff20,#ffffff0b);border-color:#ffffff28;color:white}
@media(max-width:900px){.af-sidebar,.is-collapsed .af-sidebar{min-height:650px;padding-top:90px;background-size:auto 100%}.af-mobile-toggle{margin-bottom:10px}.af-menu-fold>.af-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 2pt}.af-tabs.is-mobile-closed{display:grid}.af-content,.af-panel{min-height:440px}}
@media(max-width:560px){.af-menu-fold>.af-tabs{grid-template-columns:minmax(0,1fr)}.af-sidebar,.is-collapsed .af-sidebar{min-height:740px;padding-top:90px}.af-content,.af-panel{min-height:360px}}
@media(prefers-reduced-motion:reduce){.af-menu-fold{transition:none}}

/* White resource buttons with friendly, slightly bolder typography. */
.af-library{font-family:"Segoe UI",Arial,Helvetica,sans-serif}.af-library .af-tab{background:#fff;backdrop-filter:none;font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-weight:600}.af-library .af-tab:hover{background:#fff;box-shadow:inset 0 0 0 1px #bbc5cf,0 2px 5px #19273312}.af-library .af-tab[aria-selected=true]{background:var(--af-dark);color:#fff;border-color:var(--af-dark)}

/* Keep artwork at its intended display scale rather than enlarging with long content. */
.af-sidebar{background-size:auto 760px}
@media(max-width:900px){.af-sidebar,.is-collapsed .af-sidebar{background-size:auto 650px}}
@media(max-width:560px){.af-sidebar,.is-collapsed .af-sidebar{background-size:auto 740px}}

/* Restore the earlier soft ivory/grey resource surfaces. */
.af-library .af-tab{background:linear-gradient(120deg,#fff5e8e8,#f0f2f5e0);backdrop-filter:blur(3px)}.af-library .af-tab:hover{background:linear-gradient(120deg,#fff5e8fa,#f0f2f5f7)}.af-library .af-tab[aria-selected=true]{background:var(--af-dark);color:white;backdrop-filter:none}

/* White resource surfaces, scrolling navigation and responsive side drawer. */
.af-library .af-tab,.af-library .af-tab:hover{background:#fff;backdrop-filter:none}.af-library .af-tab[aria-selected=true]{background:var(--af-dark);color:white}.af-site-menu{overflow-x:auto;min-width:0;scrollbar-width:thin;scrollbar-color:#ffffff50 transparent;-webkit-overflow-scrolling:touch}.af-site-menu ul{width:max-content;min-width:100%;justify-content:center}.af-site-menu a{display:block}.af-site-menu:focus-visible{outline:2px solid #ff8000;outline-offset:1px}
@keyframes af-restore-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 #ff800000}50%{opacity:.65;box-shadow:0 0 0 5px #ff800020}}
.af-collapse.is-hinting{animation:af-restore-pulse 1.25s ease-in-out 4}
@media(max-width:1024px){
 .af-site-header{height:64px;min-height:64px;max-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:38px 26px;padding:0 10px;gap:0 8px;align-items:center}.af-brand{grid-column:1;grid-row:1;gap:6px}.af-brand svg{width:28px;height:28px}.af-brand strong{font-size:20.667px;letter-spacing:.5px}.af-brand small{font-size:8.667px;line-height:1.1}.af-brand>span{gap:1px}.af-header-actions{grid-column:2;grid-row:1;margin:0;gap:6px}.af-library .af-call-toggle{height:32px;min-height:32px;padding:4px 7px}.af-call-toggle svg{width:18px;height:18px}.af-login-link{min-height:32px;padding:6px 9px;font-size:11.667px}.af-site-menu{grid-column:1/-1;grid-row:2;width:100%;height:26px;order:0;overflow-x:auto;overflow-y:hidden;margin:0;padding:0}.af-site-menu ul{justify-content:flex-start;gap:20px;padding:0;margin:0;height:24px;align-items:center;min-width:100%;width:max-content}.af-site-menu li{flex:0 0 auto}.af-site-menu a{font-size:12.667px;line-height:18px;padding:2px 0;white-space:nowrap}.af-hero{height:var(--af-header-height,64px);min-height:0}.af-booking-dropdown{right:-95px}
 .af-workspace,.af-workspace.is-collapsed{display:grid;grid-template-columns:minmax(0,1fr);padding:14px 14px 14px 28px;gap:0;position:relative;--af-drawer-width:min(390px,100%);transition:none}.af-workspace:not(.is-collapsed){min-height:790px}
 .af-sidebar,.is-collapsed .af-sidebar{position:absolute;left:0;top:14px;z-index:5;width:var(--af-drawer-width);min-height:760px;height:auto;padding:106px 16px 16px;border:1px solid #dce3eb;border-radius:0 14px 14px 0;background-color:#F0F2F5;background-size:100% auto;background-position:left top;background-repeat:no-repeat;overflow:hidden;box-shadow:5px 3px 18px #19273320;opacity:1;transition:transform .28s ease,visibility .28s ease;transform:translateX(0);visibility:visible}.is-collapsed .af-sidebar{transform:translateX(-105%);visibility:hidden;pointer-events:none}.af-menu-fold>.af-tabs{grid-template-columns:minmax(0,1fr);margin:0 2pt}.af-content{width:100%;min-height:440px}.af-panel{min-height:440px}
 .af-library .af-collapse,.af-library .is-collapsed .af-collapse{display:grid;opacity:1;left:var(--af-drawer-width);top:150px;width:30px;height:74px;transform:translate(-50%,0);z-index:6;border:2px solid white;border-radius:15px;background:var(--af-dark);color:white;font-size:28.667px;transition:left .28s ease}.af-library .is-collapsed .af-collapse{left:0;transform:none;border-left:0;border-radius:0 13px 13px 0}.af-chapter-nav{padding-left:28px}
}
@media(max-width:560px) and (orientation:portrait){.af-workspace,.af-workspace.is-collapsed{--af-drawer-width:100%}.af-workspace:not(.is-collapsed){min-height:max(790px,calc(200vw + 28px))}.af-sidebar,.is-collapsed .af-sidebar{min-height:max(760px,200vw);background-size:100% auto}.af-library .af-collapse{left:calc(100% - 15px);transform:none}.af-library .is-collapsed .af-collapse{left:0}.af-sidebar-chapter p{white-space:normal}.af-content,.af-panel{min-height:360px}}
@media(prefers-reduced-motion:reduce){.af-collapse.is-hinting{animation:none}.af-sidebar{transition:none!important}}

/* Larger typography, defined buttons and visible centred restore handles. */
.af-site-menu a{font-size:16.334px}.af-library .af-tab{font-size:17.0px;box-shadow:0 1px 4px #19273318,inset 0 1px 0 #fff9}.af-library .af-tab:hover{box-shadow:0 2px 5px #19273320}.af-library .af-tab[aria-selected=true]{box-shadow:0 1px 4px #19273320}
.af-library .af-collapse,.af-library .is-collapsed .af-collapse{display:grid;visibility:visible;opacity:1;pointer-events:auto;top:50%;width:24px;height:110px;transform:translate(-50%,-50%);border-radius:12px;z-index:8;line-height:1}.af-library .is-collapsed .af-collapse{left:14px;transform:translateY(-50%)}.af-collapse>span{display:grid;place-items:center;width:100%;height:100%}.af-collapse svg{width:20px;height:20px;flex-shrink:0}.af-collapse[data-open=true] svg{transform:rotate(180deg)}
@media(min-width:1025px) and (max-width:1250px){.af-site-menu a{font-size:14.334px}.af-library .af-tab{font-size:16.0px}}
@media(max-width:1024px){
 .af-site-header{height:76.8px;min-height:76.8px;max-height:76.8px;grid-template-rows:44px 27.8px;padding:5px 10px 0;gap:0 8px}.af-brand{align-self:center}.af-brand svg{width:30.667px;height:30.667px}.af-brand strong{font-size:23.334px}.af-header-actions{align-self:center}.af-library .af-call-toggle{height:34.667px;min-height:34.667px;padding:5px 7px}.af-call-toggle svg{width:20.667px;height:20.667px}.af-login-link{min-height:34.667px;font-size:14.334px;padding:6px 9px}.af-site-menu{height:27.8px}.af-site-menu ul{height:26px}.af-site-menu a{font-size:15.334px;line-height:21px;padding:2px 0}.af-hero{height:var(--af-header-height,76.8px)}.af-library .af-tab{font-size:17.0px}
 .af-library .af-collapse,.af-library .is-collapsed .af-collapse{top:50%;width:24px;height:185px;transform:translate(-50%,-50%);border-radius:12px}.af-library .af-collapse{left:var(--af-drawer-width)}.af-library .is-collapsed .af-collapse{left:0;transform:translateY(-50%);border-left:0;border-radius:0 12px 12px 0}
}
@media(max-width:560px){.af-menu-fold>.af-tabs{margin-left:10%;margin-right:10%}.af-library .af-tab{gap:10px;padding-right:7px}.af-tab .af-icon{width:44px;flex-basis:44px}.af-library .af-collapse{left:calc(100% - 24px);transform:translateY(-50%)}.af-library .is-collapsed .af-collapse{left:0}.af-site-header{padding-left:8px;padding-right:8px;gap:0 5px}.af-header-actions{gap:4px}.af-login-link{padding-left:7px;padding-right:7px}.af-library .af-call-toggle{padding-left:5px;padding-right:5px}}
@media(max-width:360px){.af-brand{gap:4px}.af-header-actions{gap:3px}.af-login-link{padding-left:5px;padding-right:5px}.af-library .af-call-toggle{padding-left:3px;padding-right:3px}.af-call-toggle>span{display:none}}

/* Extra phone-header spacing and matching desktop arrow handles. */
@media(max-width:560px){.af-site-header{height:84.48px;min-height:84.48px;max-height:84.48px;grid-template-rows:44px 27.8px;row-gap:7.68px}.af-hero{height:var(--af-header-height,84.48px)}}
@media(min-width:1025px){.af-library .af-workspace>.af-collapse,.af-library .af-workspace.is-collapsed>.af-collapse{position:absolute;top:394px;bottom:auto;width:24px;height:110px;min-height:110px;max-height:110px;transform:translate(-50%,-50%);display:grid;opacity:1;visibility:visible;z-index:8;border-radius:12px}.af-library .af-workspace.is-collapsed>.af-collapse{left:22px;transform:translate(-50%,-50%)}.af-library .af-workspace>.af-collapse svg{width:20px;height:20px}}

/* Seven-second phone-only attention cue; tablets retain their existing cue. */
@media(max-width:560px){.af-collapse.is-hinting{animation:af-restore-pulse 1.4s ease-in-out 5}}
@media(prefers-reduced-motion:reduce){.af-collapse.is-hinting{animation:none}}

/* Header follows scroll direction on every device. */
.af-smart-header{position:sticky;top:0;z-index:30;transform:translateY(0);transition:transform .28s ease;will-change:transform}.af-smart-header.is-hidden{transform:translateY(-100%);pointer-events:none}.af-smart-header:focus-within{transform:translateY(0)}
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){
 .af-site-header{height:92.928px;min-height:92.928px;max-height:92.928px;grid-template-rows:46px 31.8px;row-gap:10.128px;padding-top:5px}.af-site-menu{height:31.8px}.af-site-menu ul{height:30px}.af-site-menu a{font-size:18.001px;line-height:24px}.af-brand svg{width:33.334px;height:33.334px}.af-brand strong{font-size:26.001px}.af-library .af-call-toggle{height:37.334px;min-height:37.334px}.af-call-toggle svg{width:23.334px;height:23.334px}.af-login-link{min-height:37.334px;font-size:17.001px}.af-hero{height:var(--af-header-height,92.928px)}
}
/* Landscape phones: 60% panel size, including artwork and controls. */
@media(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){
 .af-workspace,.af-workspace.is-collapsed{--af-drawer-width:234px}.af-workspace:not(.is-collapsed){min-height:496px}.af-sidebar,.is-collapsed .af-sidebar{width:234px;min-height:468px;height:468px;padding:0;background-size:234px 468px;background-position:left top}.af-sidebar-inner{position:absolute;top:64.8px;left:9.6px;width:358px;transform:scale(.6);transform-origin:top left}.af-library .af-collapse{left:234px;width:24px;height:111px;transform:translate(-50%,-50%)}.af-library .is-collapsed .af-collapse{left:0;transform:translateY(-50%)}
}
@media(prefers-reduced-motion:reduce){.af-smart-header{transition:none}}

/* Softer first-screen transition; larger phone tagline. */
.af-smart-header{transition:transform .65s cubic-bezier(.22,1,.36,1)}.af-workspace{transition:grid-template-columns .65s cubic-bezier(.22,1,.36,1)}.af-sidebar{transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s ease,visibility .65s ease}.af-library .af-collapse{transition:left .65s cubic-bezier(.22,1,.36,1)}
@media(max-width:1024px){.af-sidebar,.is-collapsed .af-sidebar{transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s ease,visibility .65s ease}}
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-brand small{font-size:11.334px;line-height:1.1}}
@media(prefers-reduced-motion:reduce){.af-smart-header,.af-sidebar,.af-workspace,.af-library .af-collapse{transition:none!important}}

/* Mobile drawer is manual, starts hidden without an arrival animation, and follows the viewport. */
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){
 .af-workspace:not(.af-ready){min-height:0!important}.af-workspace:not(.af-ready) .af-sidebar{visibility:hidden;opacity:0;transform:translateX(-105%);transition:none!important;pointer-events:none}.af-workspace:not(.af-ready) .af-collapse svg{transform:none}
 .af-workspace:not(.is-collapsed){min-height:0}.af-sidebar,.is-collapsed .af-sidebar{position:fixed;top:8px;bottom:8px;left:0;z-index:40;min-height:0;height:calc(100vh - 16px);height:calc(100dvh - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;background-attachment:local}.af-library .af-workspace>.af-collapse,.af-library .af-workspace.is-collapsed>.af-collapse{position:fixed;top:50vh;top:50dvh;bottom:auto;z-index:41;height:185px;width:24px;transform:translateY(-50%)}.af-library .af-workspace.is-collapsed>.af-collapse{left:0;right:auto;visibility:visible;opacity:1}
}
@media(max-width:560px) and (orientation:portrait){.af-sidebar-inner{min-height:calc(max(760px,200vw) - 122px)}.af-library .af-workspace:not(.is-collapsed)>.af-collapse{left:auto;right:0}}
@media(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-sidebar-inner{position:relative;top:0;left:9.6px;min-height:650px}.af-sidebar,.is-collapsed .af-sidebar{padding-top:64.8px}.af-library .af-workspace:not(.is-collapsed)>.af-collapse{left:222px;right:auto;height:111px}}

/* Open mobile drawer below the dark/orange header, not over it. */
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){
 .af-sidebar,.is-collapsed .af-sidebar{top:var(--af-drawer-top,calc(var(--af-header-height,92.928px)*2 + 8px));bottom:8px;height:auto;max-height:calc(100vh - var(--af-drawer-top,193.856px) - 8px);max-height:calc(100dvh - var(--af-drawer-top,193.856px) - 8px)}
 .af-library .af-workspace:not(.is-collapsed)>.af-collapse{top:calc(50vh + var(--af-drawer-top,193.856px)/2 - 4px);top:calc(50dvh + var(--af-drawer-top,193.856px)/2 - 4px)}
}

/* Desktop header stays pinned and sidebar scrolling is manual. */
@media(min-width:1025px){.af-smart-header,.af-smart-header.is-hidden{position:sticky;top:0;transform:none;pointer-events:auto}.admin-bar .af-smart-header{top:32px}}
/* Reserve reading space whenever a tablet/landscape drawer is open. */
@media(max-width:1024px){.af-workspace:not(.is-collapsed)>.af-content{margin-left:var(--af-drawer-width);width:calc(100% - var(--af-drawer-width));min-width:0}}
/* Portrait phones: panel then lesson in normal flow; no text underneath the panel. */
@media(max-width:560px) and (orientation:portrait){
 .af-workspace:not(.is-collapsed){padding:14px 14px 14px 28px;gap:16px;min-height:0;--af-drawer-width:100%}.af-workspace:not(.is-collapsed)>.af-sidebar{position:relative;grid-row:1;top:auto;bottom:auto;left:auto;right:auto;width:100%;min-height:max(760px,200vw);height:auto;max-height:none;overflow:visible;background-size:100% auto;padding-top:106px;transform:none}.af-workspace:not(.is-collapsed)>.af-content{grid-row:2;margin-left:0;width:100%;min-width:0}.af-workspace:not(.is-collapsed)>.af-sidebar .af-sidebar-inner{position:static;min-height:calc(max(760px,200vw) - 122px);transform:none;width:auto}
}

/* Sticky desktop sidebar follows reading; handle follows its viewport position. */
@media(min-width:1025px){
 .af-workspace{align-items:start}.af-workspace>.af-sidebar{position:sticky;top:calc(var(--af-header-height,63.8px)*2 + 12px);align-self:start;min-height:0;height:760px;max-height:calc(100vh - var(--af-header-height,63.8px)*2 - 24px);max-height:calc(100dvh - var(--af-header-height,63.8px)*2 - 24px);overflow-y:auto;overscroll-behavior:contain;background-attachment:local}.af-sidebar-inner{min-height:636px}
 .af-library .af-workspace>.af-collapse,.af-library .af-workspace.is-collapsed>.af-collapse{position:fixed;left:var(--af-handle-left,364px);top:var(--af-handle-top,394px);transform:translate(-50%,-50%);bottom:auto}
 .admin-bar .af-workspace>.af-sidebar{top:calc(var(--af-header-height,63.8px)*2 + 44px);max-height:calc(100vh - var(--af-header-height,63.8px)*2 - 56px)}
}
@media(max-width:1024px){.af-smart-header.is-hidden:focus-within{transform:translateY(-100%)}}

/* Tablets start collapsed without an entrance flash; their restore handle stays visible. */
@media(min-width:561px) and (max-width:1024px){
 .af-workspace:not(.af-ready){min-height:0!important}.af-workspace:not(.af-ready) .af-sidebar{visibility:hidden;opacity:0;transform:translateX(-105%);transition:none!important;pointer-events:none}.af-workspace:not(.af-ready) .af-collapse svg{transform:none}
 .af-library .af-workspace>.af-collapse,.af-library .af-workspace.is-collapsed>.af-collapse{position:fixed;top:50vh;top:50dvh;bottom:auto;width:24px;height:185px;transform:translateY(-50%);z-index:41;display:grid;visibility:visible;opacity:1}.af-library .af-workspace:not(.is-collapsed)>.af-collapse{left:var(--af-tablet-handle-left,378px)}.af-library .af-workspace.is-collapsed>.af-collapse{left:0;right:auto}.af-collapse.is-hinting{animation:af-restore-pulse 1.4s ease-in-out 5}
}
@media(min-width:561px) and (max-width:1024px) and (orientation:portrait){
 .af-workspace,.af-workspace.is-collapsed{--af-drawer-width:312px;--af-tablet-handle-left:300px}.af-workspace:not(.is-collapsed){min-height:638px}.af-sidebar,.is-collapsed .af-sidebar{width:312px;height:608px;min-height:608px;padding:0;background-size:312px 624px;background-position:left top}.af-sidebar-inner{position:absolute;top:84.8px;left:12.8px;width:358px;transform:scale(.8);transform-origin:top left}
}
@media(min-width:561px) and (max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-workspace{--af-tablet-handle-left:222px}.af-library .af-workspace>.af-collapse{height:111px}}
@media(prefers-reduced-motion:reduce){.af-collapse.is-hinting{animation:none}}

/* Landscape tablets use the same 20% panel reduction; compact phones retain 40%. */
@media(min-width:561px) and (max-width:1024px) and (min-height:561px) and (orientation:landscape){.af-workspace,.af-workspace.is-collapsed{--af-drawer-width:312px;--af-tablet-handle-left:300px}.af-workspace:not(.is-collapsed){min-height:638px}.af-sidebar,.is-collapsed .af-sidebar{width:312px;height:608px;min-height:608px;padding:0;background-size:312px 624px;background-position:left top}.af-sidebar-inner{position:absolute;top:84.8px;left:12.8px;width:358px;transform:scale(.8);transform-origin:top left}}

/* Gentle mobile header return and deliberately slow landscape-panel collapse. */
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-smart-header{transition:transform 1.2s cubic-bezier(.22,1,.36,1)}}
@media(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-sidebar,.is-collapsed .af-sidebar{transition:transform 1.6s cubic-bezier(.22,1,.36,1),opacity 1.6s ease,visibility 1.6s ease}.af-library .af-collapse{transition:left 1.6s cubic-bezier(.22,1,.36,1)}}
@media(prefers-reduced-motion:reduce){.af-smart-header,.af-sidebar,.af-library .af-collapse{transition:none!important}}

/* One panel movement: the handle follows the panel's measured edge each frame. */
.af-library .af-workspace>.af-collapse.af-linked-handle,.af-library .af-workspace.is-collapsed>.af-collapse.af-linked-handle{position:fixed;left:var(--af-follow-left,12px);right:auto;top:var(--af-follow-top,50vh);bottom:auto;transform:translate(-50%,-50%);transition:none!important}.af-workspace.af-panel-transitioning>.af-sidebar{visibility:visible!important}

/* Portrait closing retains the same geometry until the slide has finished. */
@media(max-width:560px) and (orientation:portrait){
 .af-sidebar,.is-collapsed .af-sidebar{transition:transform .95s cubic-bezier(.22,1,.36,1),opacity .95s ease,visibility .95s ease}
 .af-workspace.af-portrait-closing>.af-sidebar{position:relative!important;grid-row:1;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;width:100%;min-height:max(760px,200vw);height:auto!important;max-height:none!important;padding-top:106px;overflow:visible;visibility:visible!important;transform:translateX(-105%);pointer-events:none}
 .af-workspace.af-portrait-closing>.af-sidebar .af-sidebar-inner{position:static;min-height:calc(max(760px,200vw) - 122px);width:auto;transform:none}
 .af-workspace.af-portrait-closing>.af-content{grid-row:2;margin-left:0;width:100%}
}
@media(prefers-reduced-motion:reduce){.af-sidebar{transition:none!important}}

/* One landscape handle geometry, independent of panel state or browser toolbar height. */
@media(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-library .af-workspace>.af-collapse,.af-library .af-workspace.is-collapsed>.af-collapse,.af-library .af-workspace>.af-collapse.af-linked-handle,.af-library .af-workspace.is-collapsed>.af-collapse.af-linked-handle{height:111px;min-height:111px;max-height:111px;width:24px;top:var(--af-landscape-handle-y,50svh);transform:translateY(-50%)}.af-library .af-workspace>.af-collapse.af-linked-handle,.af-library .af-workspace.is-collapsed>.af-collapse.af-linked-handle{transform:translate(-50%,-50%)}}

/* Slightly more breathing room between header-menu letters. */
.af-site-menu a{letter-spacing:.4px}

/* Independent orange-header section navigation. */
.af-hero{display:flex;align-items:center}.af-section-menu{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#19273355 transparent;-webkit-overflow-scrolling:touch}.af-section-menu ul{display:flex;align-items:center;justify-content:center;gap:28px;width:max-content;min-width:100%;list-style:none;margin:0;padding:8px 24px}.af-section-menu li{margin:0;padding:0;flex:0 0 auto}.af-section-menu a{display:block;padding:8px 2px;color:#192733!important;font-family:"Segoe UI",Arial,sans-serif;font-size:15.667px;font-weight:650;line-height:1.3;letter-spacing:.4px;text-decoration:none!important;white-space:nowrap}.af-section-menu a:hover,.af-section-menu .current-menu-item>a{box-shadow:inset 0 -2px 0 #192733}.af-section-menu a:focus-visible{outline:2px solid #192733;outline-offset:2px}
@media(max-width:1024px){.af-section-menu ul{justify-content:flex-start;gap:22px;padding:8px 16px}.af-section-menu a{font-size:14.667px}}

/* Header-menu size refinements and a shorter phone orange strip. */
.af-section-menu a{color:var(--af-dark)!important;font-size:18.334px}
@media(max-width:1024px){.af-site-menu a{font-size:14.001px}.af-section-menu a{font-size:17.334px}}
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-site-menu a{font-size:16.668px}.af-hero{height:calc(var(--af-header-height,92.928px)*.85)}}

/* Futura-style white section navigation; device orange strip reduced another 5%. */
.af-section-menu a{font-family:Futura,"Futura PT","Century Gothic","Trebuchet MS",Arial,sans-serif;font-size:19.667px;color:#fff!important}.af-section-menu a:hover,.af-section-menu .current-menu-item>a{box-shadow:inset 0 -2px 0 #fff}.af-section-menu a:focus-visible{outline-color:#fff}
@media(max-width:1024px){.af-hero{height:calc(var(--af-header-height,76.8px)*.95)}.af-section-menu a{font-size:18.667px}}
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-hero{height:calc(var(--af-header-height,92.928px)*.8075)}}

/* Smaller section strip and soft white/ivory/grey gradient lettering. */
.af-section-menu a{font-size:18.334px;color:#fff!important}
@supports((-webkit-background-clip:text) or (background-clip:text)){.af-section-menu a{background-image:linear-gradient(115deg,#FFFFFF 0%,#FFF5E8 48%,#F0F2F5 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}}
@media(max-width:1024px){.af-section-menu a{font-size:17.334px}.af-hero{height:calc(var(--af-header-height,76.8px)*.855)}}
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-hero{height:calc(var(--af-header-height,92.928px)*.72675)}}
/* Landscape panel and its handle always remain beneath the visible orange strip. */
@media(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){
 .af-sidebar,.is-collapsed .af-sidebar{top:var(--af-landscape-safe-top,var(--af-drawer-top,168px));bottom:8px;min-height:0;height:auto;max-height:calc(100vh - var(--af-landscape-safe-top,168px) - 8px);max-height:calc(100dvh - var(--af-landscape-safe-top,168px) - 8px);z-index:20}
 .af-library .af-workspace>.af-collapse,.af-library .af-workspace.is-collapsed>.af-collapse,.af-library .af-workspace>.af-collapse.af-linked-handle,.af-library .af-workspace.is-collapsed>.af-collapse.af-linked-handle{z-index:21;height:var(--af-landscape-handle-size,111px);min-height:0;max-height:111px;top:var(--af-landscape-handle-y,50svh)}
}

/* Bright white section labels, subtle definition, and a further 10% shorter strip. */
.af-section-menu a{background-image:none;-webkit-background-clip:border-box;background-clip:border-box;color:#FFFFFF!important;-webkit-text-fill-color:#FFFFFF;text-shadow:0 1px 2px rgba(25,39,51,.35)}
.af-hero{height:calc(var(--af-header-height,63.8px)*.9)}
@media(max-width:1024px){.af-hero{height:calc(var(--af-header-height,76.8px)*.7695)}}
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-hero{height:calc(var(--af-header-height,92.928px)*.654075)}}

/* Clean white section labels, one point smaller. */
.af-section-menu a{text-shadow:none;font-size:17.001px}
@media(max-width:1024px){.af-section-menu a{font-size:16.001px}}

/* Mobile tagline increased by one typographic point. */
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-brand small{font-size:12.667px}}

/* Equal outer margins around the open image panel on smaller screens. */
@media(max-width:1024px){.af-workspace:not(.is-collapsed){padding-left:14px;padding-right:14px}}

/* Click-to-open multi-column subject mega menus. */
.af-site-header{position:relative}.af-site-menu .af-subject-list{align-items:center}.af-library .af-mega-trigger{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;cursor:pointer;background:none;border:0;border-radius:5px;color:white;padding:4px 1px;font-family:inherit;font-size:16.334px;line-height:1.5;font-weight:500;letter-spacing:.4px}.af-library .af-mega-trigger[aria-expanded=true]{color:#ffb454;box-shadow:inset 0 -2px 0 #ff8000}
.af-site-header>.af-mega-panels{position:absolute;left:3%;right:3%;top:100%;z-index:90}.af-mega-panel{color:#192733;background:#fff;border:1px solid #e0e5ec;border-top:3px solid #ff8000;border-radius:0 0 18px 18px;box-shadow:0 18px 42px #10243435;overflow:auto;max-height:min(72vh,680px);overscroll-behavior:contain;padding:22px 26px 26px}.af-mega-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid #e9edf2}.af-mega-heading small{font-size:10.667px;font-weight:700;letter-spacing:1.5px;color:#7b6348}.af-library .af-mega-heading h2{font:700 25.667px/1.2 "Segoe UI",Arial,sans-serif;margin:3px 0;color:#192733;letter-spacing:0}.af-mega-heading p{font-size:12.667px;color:#677582;margin:4px 0 0}.af-library .af-mega-close{height:36px;width:36px;min-width:36px;padding:0;border:1px solid #e1e7ed;border-radius:50%;background:#f4f6f8;color:#192733;font-size:25.667px;line-height:1;cursor:pointer}.af-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 30px}.af-mega-column{min-width:0}.af-library .af-mega-column h3{font:700 15.667px/1.3 "Segoe UI",Arial,sans-serif;margin:0 0 8px;padding-left:9px;border-left:3px solid #ff8000;color:#192733}.af-mega-column ul{list-style:none;margin:0;padding:0;display:block}.af-mega-column li{margin:0 0 2px;padding:0}.af-mega-column a,.af-mega-coming{display:block;font:400 13.667px/1.4 "Segoe UI",Arial,sans-serif;color:#34495c;padding:7px 9px;border-radius:7px;text-decoration:none;overflow-wrap:anywhere}.af-mega-column a:hover{color:#8d4100;background:#fff1e1}.af-mega-coming{color:#73808d}.af-mega-trigger:focus-visible,.af-mega-close:focus-visible,.af-mega-column a:focus-visible{outline:2px solid #d26700;outline-offset:2px}
@media(min-width:1400px){.af-mega-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}}
@media(min-width:1025px) and (max-width:1250px){.af-library .af-mega-trigger{font-size:14.334px}}
@media(max-width:1024px){.af-library .af-mega-trigger{font-size:14.001px}.af-site-header>.af-mega-panels{left:8px;right:8px}.af-mega-panel{max-height:65vh;padding:16px}.af-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.af-mega-heading{margin-bottom:14px}.af-library .af-mega-heading h2{font-size:22.667px}}
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){.af-library .af-mega-trigger{font-size:16.668px}.af-mega-panel{max-height:calc(100dvh - var(--af-header-height,92.928px) - 20px)}}
@media(max-width:560px){.af-mega-grid{grid-template-columns:minmax(0,1fr)}.af-mega-column a,.af-mega-coming{padding:10px 9px;font-size:14.667px}}

@media(max-width:1024px){.af-library .af-mega-trigger{padding-top:2px;padding-bottom:2px;line-height:1.3}}

/* Panels live outside the scrolling navigation; no decorative subject arrows. */
.af-library .af-site-header{overflow:visible}.af-library .af-site-header>.af-mega-panels{display:block;grid-column:auto;grid-row:auto}.af-library .af-mega-trigger::before,.af-library .af-mega-trigger::after{content:none!important}.af-library .af-mega-coming{color:#34495c}

/* Requested mega-menu typography increases (1 point = 1/72 inch). */
.af-library .af-mega-heading small{display:block;font-size:calc(10px + 2pt + .5pt);line-height:1.4;letter-spacing:.5px}
.af-library .af-mega-heading h2{font-size:calc(25px + 1pt + .5pt)}
.af-library .af-mega-column h3{font-size:calc(15px + 1pt + .5pt)}
.af-library .af-mega-column a,.af-library .af-mega-coming{font-size:calc(13px + 2pt + .5pt)}
@media(max-width:1024px){.af-library .af-mega-heading h2{font-size:calc(22px + 1pt + .5pt)}}
@media(max-width:560px){.af-library .af-mega-column a,.af-library .af-mega-coming{font-size:calc(14px + 2pt + .5pt)}}

/* Chapter-menu description increased by two typographic points. */
.af-library .af-mega-heading p{font-size:calc(12px + 3pt + .5pt)}

/* Open portrait dropdowns paint above the lesson drawer and its handle. */
@media(orientation:portrait){.af-library.af-mega-open>.af-smart-header{z-index:60}}

/* Add dark-header height below its existing contents; shrink orange independently. */
.af-library .af-site-header{height:66.671px;min-height:66.671px;max-height:66.671px;padding-bottom:12.871px}
.af-library .af-hero{height:calc(var(--af-header-height,66.671px)*0.775119617225)}
@media(min-width:1025px) and (max-width:1250px){
 .af-library .af-site-header{height:64.372px;min-height:64.372px;max-height:64.372px;padding-bottom:12.772px}
}
@media(max-width:1024px){
 .af-library .af-site-header{height:80.256px;min-height:80.256px;max-height:80.256px;padding-bottom:3.456px}
 .af-library .af-hero{height:calc(var(--af-header-height,80.256px)*0.662727272727)}
}
@media(max-width:560px),(max-width:1024px) and (max-height:560px) and (orientation:landscape) and (pointer:coarse){
 .af-library .af-site-header{height:97.10976px;min-height:97.10976px;max-height:97.10976px;padding-bottom:4.18176px}
 .af-library .af-hero{height:calc(var(--af-header-height,97.10976px)*0.563318181818)}
 .af-library .af-mega-column a,.af-library .af-mega-coming{font-size:calc(13px + 1pt + .5pt);padding-top:7px;padding-bottom:7px;line-height:1.4}
 .af-library .af-mega-column li{margin-bottom:2px}
}
@media(max-width:560px){.af-library .af-mega-column a,.af-library .af-mega-coming{font-size:calc(14px + 1pt + .5pt)}}

/* Subtle menu text definition; restore the earlier phone portrait row spacing. */
.af-library .af-site-menu .af-mega-trigger,.af-library .af-site-menu a{text-shadow:0 1px 2px rgba(0,0,0,.24)}
.af-library .af-section-menu a{text-shadow:0 1px 2px rgba(25,39,51,.22)}
@media(max-width:560px){.af-library .af-mega-column a,.af-library .af-mega-coming{padding-top:10px;padding-bottom:10px}}

/* Extend the lesson panel's right edge on desktop and tablet only. */
@media(min-width:1025px){
 .af-library .af-workspace:not(.is-collapsed){grid-template-columns:calc(342px + 15mm) minmax(0,1fr)}
}
@media(min-width:1025px) and (max-width:1250px){
 .af-library .af-workspace:not(.is-collapsed){grid-template-columns:calc(300px + 15mm) minmax(0,1fr)}
}
@media(min-width:561px) and (max-width:1024px) and (orientation:portrait),(min-width:561px) and (max-width:1024px) and (min-height:561px) and (orientation:landscape){
 .af-library .af-workspace{--af-drawer-width:calc(312px + 15mm);--af-tablet-handle-left:calc(300px + 15mm)}
 .af-library .af-sidebar{width:var(--af-drawer-width);background-size:calc(312px + 15mm) auto}
 .af-library .af-sidebar-inner{width:calc(358px + 18.75mm)}
}
/* Quiet light-grey scrollbars in the library and its menus. */
.af-library,.af-library *{scrollbar-color:#E9EBEE #F7F8FA}
.af-library::-webkit-scrollbar-thumb,.af-library *::-webkit-scrollbar-thumb{background-color:#E9EBEE;border-radius:12px}
.af-library::-webkit-scrollbar-track,.af-library *::-webkit-scrollbar-track{background-color:#F7F8FA}
.af-library::-webkit-scrollbar-button,.af-library *::-webkit-scrollbar-button{background-color:#F7F8FA;color:#E9EBEE}
/* Slightly stronger definition on the orange-header menu lettering. */
.af-library .af-section-menu a{text-shadow:0 1px 2px rgba(25,39,51,.32)}

/* Fit the complete artwork to the usable panel width, leaving headroom above figures. */
@media(min-width:1025px),(min-width:561px) and (max-width:1024px) and (orientation:portrait),(min-width:561px) and (max-width:1024px) and (min-height:561px) and (orientation:landscape){
 .af-library .af-sidebar{background-size:calc(100% - 8px) auto;background-position:center top 10px;background-origin:padding-box;background-repeat:no-repeat}
}

/* Share the exact logo-orange colour across all screen sizes. */
.af-library{--af-brand-orange:#FF8000;--af-orange:var(--af-brand-orange)}
.af-library .af-brand strong span{color:var(--af-brand-orange)}
.af-library .af-hero,.af-library .af-login-link{background-color:var(--af-brand-orange)}
.af-library .af-login-link:hover{background-color:#e67200}

/* Header and account surfaces share the logo orange. */
.af-library{--af-surface-orange:var(--af-brand-orange)}
.af-library .af-hero,.af-library .af-login-link{background-color:var(--af-surface-orange)}
.af-library .af-login-link:hover{background-color:#e67200}
/* Centre narrower resource buttons without changing the image-panel width. */
@media(min-width:1025px){
 .af-library .af-tabs>.af-tab{width:calc(100% - 10mm);margin-left:5mm;margin-right:5mm}
}
@media(min-width:561px) and (max-width:1024px) and (orientation:portrait),(min-width:561px) and (max-width:1024px) and (min-height:561px) and (orientation:landscape){
 .af-library .af-tabs>.af-tab{width:calc(100% - 12.5mm);margin-left:6.25mm;margin-right:6.25mm}
}

/* Keep the orange header aligned with the logo and account button. */
.af-library .af-hero{background-color:var(--af-brand-orange)}

/* Crawlable destination links retain resource-button styling. */
.af-library a.af-tab{text-decoration:none;white-space:normal}
/* Retain this page's existing Kadence heading appearance after semantic promotion. */
.af-library .af-panel .af-seo-was-h3{font-family:var(--global-heading-font-family,Arial,sans-serif);font-style:normal;font-size:36.667px;font-weight:700;line-height:1.5;color:var(--global-palette3,#1f2933)}
.af-library .af-panel .af-seo-was-h4{font-family:var(--global-heading-font-family,Arial,sans-serif);font-style:normal;font-size:24.667px;font-weight:300;line-height:1.2;color:var(--global-palette4,#3e4c59)}
.af-library .af-panel p.af-seo-was-h4{margin:1.5em 0 .5em}
.af-library .af-panel p.af-seo-was-h4:first-child{margin-top:0}
.af-library .af-panel p.af-seo-was-h4+*{margin-top:0}

/* Optional chapter-specific artwork, using the existing panel framing. */
.af-library .af-sidebar{background-image:var(--af-chapter-background,url('chapter-wallpaper-v3.webp'))}
