/* Shared usability refinements; retain Dream Horizon's established palette. */
[hidden]{display:none!important}
.collection-title{font-size:clamp(32px,3.6vw,51px);letter-spacing:-1.8px;line-height:1.14;margin:0;font-weight:700}
header nav a[aria-current=page]{border-bottom:2px solid #c4b18e}
.cover-link{display:block;width:100%;height:100%}.card-content h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.paper-cover-art .cover-link img{height:100%;width:100%;object-fit:contain}
.bookmark{width:44px;height:44px}.filters button{min-height:44px}.filters{align-items:center}
#reset-search{cursor:pointer;margin-top:12px}.insights-start{padding:18px 0 24px;font-size:13px}.insights-start p{margin:0 0 10px}.insights-start div{display:flex;flex-wrap:wrap;gap:8px 20px}.insights-start a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.academy-reader a:focus-visible,.academy-reader button:focus-visible{outline:3px solid #927643;outline-offset:4px}
.academy-bar button,.academy-bar>div>a,.reading-controls button,.language-switch{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.reader-menu summary{min-height:44px;display:flex;align-items:center}
.academy-layout aside{top:calc(var(--reader-header-height,90px) + 20px);max-height:calc(100dvh - var(--reader-header-height,90px) - 40px)}
.academy-reader .skip:focus{position:fixed;top:8px;z-index:60;padding:10px 16px}
.academy-chapter h2,.academy-chapter h3,.reading-hero h1{overflow-wrap:anywhere}
.chapter-paging a{min-height:44px;padding:8px 0}.chapter-paging a:last-child{text-align:right}
.academy-layout nav a[aria-current=location],.reader-menu nav a[aria-current=location]{font-weight:700;border-left:2px solid #c4b18e;padding-left:10px}
@media(max-width:760px){.collection-title{font-size:35px;letter-spacing:-1.5px}header nav a{min-height:44px;display:flex;align-items:center}.reading-header{height:auto;align-items:center;flex-wrap:wrap}.reading-controls{flex-wrap:wrap;gap:6px}.reading-header .back-link{min-height:32px}.academy-bar div{gap:8px}.academy-bar>div>a{padding:4px 8px}.academy-layout aside{max-height:none}.reading-hero h1{font-size:clamp(29px,8.4vw,34px)}.academy-launch h3{overflow-wrap:anywhere}.academy-hero>div,.studio-copy{min-width:0}.swatches{flex-wrap:wrap}.chapter-paging{flex-wrap:wrap}.chapter-paging>a{max-width:48%}.insights-start div{gap:4px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.insights-start,#reset-search{display:none!important}}

.card-content .card-title{font-size:20px;line-height:1.3;letter-spacing:-.5px;margin:0 0 12px}.card-title a:hover{text-decoration:underline;text-underline-offset:4px}
.collection-title em{color:#8c754c;font-style:normal}.search:focus-within{outline:2px solid #927643;outline-offset:6px}

/* Main site navigation: logo, one horizontal menu, language control. */
@media screen{
 .site-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"brand menu language";align-items:center;height:auto;min-height:98px;padding:16px 5.4%;gap:16px 32px}
 .site-header>.brand{grid-area:brand;display:flex;align-items:center;min-width:0}
 .site-header>.site-nav{grid-area:menu;order:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;width:auto;min-width:0;gap:clamp(18px,2.4vw,34px);margin:0;font-size:14px;line-height:1.5}
 .site-header>.site-nav>a{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:44px;padding:10px 0;white-space:nowrap;border-bottom:2px solid transparent;text-decoration:none}
 .site-header>.site-nav>a[aria-current=page]{border-bottom-color:#c4b18e}
 .site-header>.header-actions{grid-area:language;display:flex;align-items:center;justify-content:flex-end;margin:0;gap:0}
 .site-header>.header-actions>button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #c4b18e77;font-size:14px;line-height:1.5}
}
@media screen and (max-width:900px){
 .site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand language" "menu menu";min-height:0;padding:12px 16px;gap:8px 16px}
 .site-header .brand img{width:145px;height:50px;object-fit:contain}
 .site-header>.site-nav{justify-content:space-between;width:100%;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c4b18e55 transparent}
}

/* Three coordinated illustrations for the homepage resource entrances. */
.portal-entries>a{display:flex;flex-direction:column;min-width:0}
.portal-entries>a>span{display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;line-height:1.7;margin-bottom:16px}
.portal-visual{width:100%;aspect-ratio:3 / 2;overflow:hidden;margin-bottom:22px;background:#192541}
.portal-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.portal-entries>a:hover .portal-visual img,.portal-entries>a:focus-visible .portal-visual img{transform:scale(1.035)}
.portal-entries>a:hover h2{color:#8c754c}
@media(max-width:760px){.portal-visual{aspect-ratio:16 / 10;margin-bottom:20px}}
@media print{.portal-visual{break-inside:avoid}}

@media screen and (max-width:480px){.site-header>.site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible;gap:2px 16px}.site-header>.site-nav a{display:flex;align-items:center;min-height:40px;white-space:normal}}

/* Three distinct editorial chapters: ivory Insights, light Academy, midnight Dream Horizon; gold portal navigation. */
main>section#library{background:#f8f4ec}
main>section#academy{position:relative;background:#eee7da;border-top:1px solid #c4b18e80;border-bottom:1px solid #c4b18e80}
main>section#academy .academy-intro>.eyebrow{color:#192541}
main>section#academy .academy-launch{border-top:1px solid #19254125;padding-top:clamp(24px,3vw,40px)}
main>section#academy .academy-launch img{box-shadow:0 18px 38px #19254124}

main>section#academy .academy-intro>p:not(.eyebrow),main>section#academy .academy-launch p{color:#242829}main>section#academy .academy-badge{border-color:#19254180;color:#192541}

/* Balanced Academy proportions, preserving the approved CI gold surface. */
main>section#academy{padding-top:72px;padding-bottom:72px}
main>section#academy .academy-intro{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;row-gap:14px;margin-bottom:32px;align-items:end}
main>section#academy .academy-intro>.eyebrow{grid-column:1/-1;margin:0}
main>section#academy .academy-intro>h2{margin:0;max-width:12ch}
main>section#academy .academy-intro>p:not(.eyebrow){max-width:48ch;margin:0}
main>section#academy .academy-launch{grid-template-columns:220px minmax(0,1fr);gap:48px;padding-top:32px}
main>section#academy .academy-launch>div{min-width:0}
main>section#academy .academy-launch>div>p{max-width:72ch;margin-top:12px;margin-bottom:12px}
main>section#academy .academy-launch h4{margin:20px 0 10px}
main>section#academy .academy-launch ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;row-gap:8px;margin:0 0 24px;padding-left:20px}
main>section#academy .academy-launch li{padding-right:8px}
main>section#academy .academy-launch .academy-download-note{margin-top:18px;max-width:80ch}
@media(max-width:1000px){main>section#academy .academy-intro{column-gap:32px}main>section#academy .academy-launch{grid-template-columns:190px minmax(0,1fr);gap:32px}main>section#academy .academy-launch ul{grid-template-columns:1fr;row-gap:5px}}
@media(max-width:700px){main>section#academy{padding-top:56px;padding-bottom:56px}main>section#academy .academy-intro{grid-template-columns:1fr;gap:18px;margin-bottom:28px}main>section#academy .academy-intro>h2{max-width:none}main>section#academy .academy-intro>p:not(.eyebrow){max-width:none}main>section#academy .academy-launch{grid-template-columns:1fr;gap:24px;padding-top:28px}main>section#academy .academy-launch>a{justify-self:center}main>section#academy .academy-launch img{max-width:180px}main>section#academy .academy-launch ul{grid-template-columns:1fr}}

/* User-approved swap: gold for the three visual entry cards; light surface for the longer Academy. */
main>section.portal-entries{background:#c4b18e}