:root{--ink:#17334a;--teal:#187e81;--cream:#fffaf0;--gold:#ffc76d;--line:#e2e8e9}*{box-sizing:border-box}body{margin:0;background:#f4f8f7;color:var(--ink);font:17px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:var(--teal)}header{background:#fff;box-shadow:0 2px 18px #0c344010}nav{max-width:1100px;margin:auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:14px 20px}nav .brand{font-weight:900;font-size:24px;color:var(--ink);text-decoration:none;margin-right:auto}main{max-width:1100px;margin:35px auto;padding:0 20px}.hero{background:linear-gradient(120deg,#e4f7ee,#fef1cf);border-radius:28px;padding:45px;display:grid;grid-template-columns:2fr 1fr;gap:25px}.hero h1{font-size:clamp(30px,5vw,55px);line-height:1.12;margin:0}.hero .emoji{font-size:110px;text-align:center}.muted{color:#637b84}.button,button{display:inline-block;background:var(--teal);color:white;text-decoration:none;border:0;border-radius:12px;padding:11px 18px;font:inherit;cursor:pointer}.button.secondary,button.secondary{background:#e8f3f2;color:var(--ink)}.button.danger,button.danger{background:#b83e4d}.shelves{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:25px 0}.book,.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 5px 24px #17334a0a}.book .cover{aspect-ratio:4/3;background:#d9eef0;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:75px;overflow:hidden}.cover img{width:100%;height:100%;object-fit:contain}.book h3{margin:14px 0 4px}.tag{display:inline-block;background:#e3f2e8;color:#286b4d;padding:3px 9px;border-radius:99px;font-size:13px}.panel{max-width:750px;margin:20px 0}label{display:block;font-weight:650;margin-top:12px}input,textarea,select{width:100%;font:inherit;padding:11px;border:1px solid #bed0d0;border-radius:10px;background:white}input[type=checkbox]{width:auto}textarea{min-height:130px}form .button,form button{margin-top:14px}.alert{background:#fff2d9;padding:12px 16px;border-radius:12px}.reader{max-width:760px;margin:0 auto;background:white;border-radius:24px;padding:24px;box-shadow:0 10px 35px #16394a12}.reader .art{height:min(48vh,450px);display:flex;align-items:center;justify-content:center;background:#f0f7fa;border-radius:16px;overflow:hidden;font-size:110px}.reader .art img{width:100%;height:100%;object-fit:contain}.reader .story{font-size:clamp(21px,2.8vw,28px);line-height:1.75;white-space:pre-wrap}.reader-controls{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row>*{margin:0}table{width:100%;border-collapse:collapse;background:white}td,th{border-bottom:1px solid var(--line);padding:10px;text-align:left}footer{text-align:center;padding:30px;color:#6c8287}@media(max-width:650px){.hero{grid-template-columns:1fr;padding:25px}.hero .emoji{font-size:60px}.reader{padding:15px}nav{gap:12px}}

/* CMHUG Premium v0.2 – visuel opgradering, eksisterende funktioner bevares */
:root{--ink:#153451;--teal:#21855d;--gold:#f7c878;--line:#eadbc8}
body{background:#fff9ef;background-image:radial-gradient(#eedec9 0.65px,transparent 0.65px);background-size:18px 18px;color:var(--ink)}
.site-header{background:#fffdf8;border-bottom:1px solid #f0e5d5;position:relative;z-index:3}.main-nav{max-width:1320px;gap:28px;min-height:82px}.main-nav .brand{display:flex;align-items:center;gap:12px;line-height:1;font-size:27px;letter-spacing:-.8px}.brand-icon{font-size:38px}.brand small{display:block;font-size:13px;letter-spacing:0;font-weight:650;margin-top:4px}.nav-links,.nav-account{display:flex;align-items:center;gap:23px}.nav-links a,.login-link{color:var(--ink);text-decoration:none;font-weight:750;font-size:15px}.nav-links a:hover,.login-link:hover{color:var(--teal)}.nav-account{margin-left:auto}.nav-account form{margin:0}.nav-account button{margin:0}.button,button{background:#25865a;font-weight:750;transition:transform .18s,box-shadow .18s}.button:hover,button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #15345124}main{max-width:1320px;margin:24px auto 0;padding:0 24px}.premium-hero{display:grid;grid-template-columns:45% 55%;min-height:450px;overflow:hidden;border-radius:28px;background:linear-gradient(130deg,#fff8e5 0%,#fff0c6 60%,#d8ecff 100%);border:7px solid #fff;box-shadow:0 14px 35px #72512522}.hero-copy{padding:54px 20px 40px 54px;position:relative;z-index:1}.eyebrow,.section-eyebrow{font-size:13px;letter-spacing:1px;font-weight:850;color:#28845c}.premium-hero h1{font-size:clamp(40px,4.5vw,68px);line-height:1.08;letter-spacing:-2px;margin:18px 0 18px}.premium-hero h1 em{font-style:normal;color:#27855c}.premium-hero p{max-width:490px;font-size:18px}.hero-button{padding:14px 24px;font-size:18px;border-radius:14px}.hero-note{font-size:12px!important;color:#5c6d6e;margin-top:20px}.hero-visual{position:relative;min-height:360px}.hero-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff0c6 0%,transparent 20%);z-index:1}.hero-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.library-section,.subjects-section{margin:55px 0}.shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.shelf-heading h2{font-size:32px;letter-spacing:-.6px;margin:6px 0}.shelf-heading p{margin:0;color:#677681}.shelf-link{font-weight:800;text-decoration:none}.bookshelf{background:linear-gradient(#ad6b39,#784321);border:8px solid #95572b;border-radius:24px;padding:18px 24px 22px;box-shadow:inset 0 6px #d2945d,0 16px 25px #5533172b}.book-grid{margin:0;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.book{border:1px solid #e5cba8;box-shadow:0 8px 0 #673c23,0 15px 22px #3d1b1430;padding:12px;border-radius:14px;background:#fffefb}.book .cover{aspect-ratio:3/4;border-radius:9px;background:#e2f2fc;font-size:75px}.book .cover img{object-fit:contain}.book h3{font-size:19px;line-height:1.25}.book p{font-size:14px;color:#65747a}.book-meta{display:flex;gap:5px;flex-wrap:wrap}.book-action{font-size:14px;padding:8px 12px}.coming-book{max-width:270px}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.subject-card{display:flex;min-height:188px;overflow:hidden;border-radius:19px;background:#fff;box-shadow:0 7px 25px #5b472115;border:1px solid #e9ddc9}.subject-card img{width:43%;object-fit:cover;object-position:left}.subject-card>div{padding:19px 15px;align-self:center}.subject-card h3{font-size:19px;margin:0}.subject-card p{font-size:14px;color:#64757d}.subject-soon{display:inline-block;border-radius:30px;background:#e7e9e8;color:#59686a;padding:7px 13px;font-size:12px;font-weight:750}.panel{border-color:#e8dbc9}.reader .art{height:min(60vh,560px);background:#f8f4ec}.reader .art img{object-fit:contain}footer{background:#fff7e8;border-top:1px solid #eddfc8;margin-top:60px}
@media(max-width:1000px){.nav-links{gap:10px}.main-nav{gap:14px}.premium-hero{grid-template-columns:1fr 1fr}.hero-copy{padding:36px 12px 32px 32px}.subject-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){main{padding:0 12px}.main-nav{gap:12px}.nav-links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.nav-account{margin-left:auto}.premium-hero{grid-template-columns:1fr}.hero-copy{padding:30px}.premium-hero h1{font-size:42px}.hero-visual{min-height:260px}.hero-visual:before{background:linear-gradient(180deg,#fff0c6,transparent 25%)}.shelf-heading{align-items:start;flex-direction:column}.subject-grid{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bookshelf{padding:12px}.book h3{font-size:16px}.book .cover{font-size:45px}.subject-card{min-height:150px}}
@media(max-width:420px){.nav-links a{font-size:13px}.main-nav .brand{font-size:22px}.brand-icon{font-size:29px}.nav-account{gap:10px}.nav-account .button{padding:8px 10px}.premium-hero h1{font-size:37px}}


/* CMHUG v1.0 - samlet, ryddet tema */
body {background:#382116 url('/assets/images/bibliotek-baggrund.webp') center center / cover fixed no-repeat;color:var(--ink)}
header, .site-header, body>footer, footer {background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
.site-header{position:relative;z-index:10}
.site-header .brand,.site-header .nav-links a,.site-header .login-link,.site-header .nav-account,footer {color:#fff9e8!important;text-shadow:0 2px 5px #140c08,0 0 12px #140c08}
.site-header .brand small{color:#fff9e8!important}
main{position:relative}
.premium-hero{background:rgba(255,249,233,.95);box-shadow:0 16px 55px #160c0780}
.panel,.reader{background:rgba(255,253,246,.97);box-shadow:0 12px 38px #180c0766}
.subjects-section{padding:22px 24px;background:rgba(255,249,237,.94);border-radius:24px;box-shadow:0 14px 45px #140a0670}
footer{margin-top:35px!important;padding:25px 15px 35px!important}
/* Transparent shelf wrapper; no peach box */
.library-section{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:44px 0 65px!important;overflow:visible!important}
/* Two real graphical signs already installed by v0.9 */
.library-section .shelf-heading{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0 0 5px!important;padding:0!important;color:#351c0d!important}
.library-section .shelf-heading>div:first-child{flex:0 1 520px;min-width:0;box-sizing:border-box;background:url('/assets/images/cmhug-skilt-stort.webp') center / 100% 100% no-repeat!important;padding:31px 38px 35px!important;filter:drop-shadow(0 7px 6px #1b0b0677)}
.library-section .shelf-heading .section-eyebrow{display:block;color:#17583e!important;font-size:clamp(10px,1vw,13px)!important;letter-spacing:.6px;line-height:1.25;font-weight:900;text-shadow:0 1px #ffe6b7!important;margin:0!important}
.library-section .shelf-heading h2{color:#351c0d!important;font-size:clamp(23px,2.6vw,36px)!important;line-height:1.14;margin:9px 0 7px!important;text-shadow:0 2px #ffe3a9!important}
.library-section .shelf-heading p{color:#3b2112!important;font-size:clamp(12px,1.3vw,16px)!important;line-height:1.35;font-weight:800;text-shadow:0 1px #ffe3b3!important;margin:0!important}
.library-section .shelf-heading a.shelf-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto;min-width:190px;min-height:78px;padding:18px 29px!important;background:url('/assets/images/cmhug-skilt-knap.webp') center / 100% 100% no-repeat!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#2b170c!important;font-size:16px!important;font-weight:900!important;text-decoration:none!important;text-shadow:0 1px #ffe5b5!important;filter:drop-shadow(0 6px 4px #1b0b0666)}
.library-section .shelf-heading a.shelf-link:hover{transform:translateY(-3px);filter:brightness(1.05) drop-shadow(0 9px 6px #1b0b0677)}
.library-section .shelf-heading a.shelf-link:focus-visible{outline:3px solid #ffe9a6;outline-offset:3px}
/* One solid wood back; NO repeated storybook-cover image */
.library-section .bookshelf{position:relative!important;isolation:isolate;overflow:visible!important;padding:32px 28px 35px!important;border:13px solid #743b1b!important;border-top:18px solid #9d5b2e!important;border-bottom:23px solid #703515!important;border-radius:9px!important;background:linear-gradient(180deg,#2b1309 0%,#633516 14%,#86502b 45%,#663517 100%)!important;box-shadow:inset 0 12px 15px #1609049c,inset 10px 0 12px #210b0670,inset -10px 0 12px #210b0670,0 16px 28px #19090399!important}
.library-section .bookshelf::before{content:''!important;position:absolute!important;left:-17px!important;right:-17px!important;top:auto!important;bottom:-30px!important;height:30px!important;inset-block-start:auto!important;background:linear-gradient(180deg,#e0a768 0%,#a55d2d 35%,#633015 100%)!important;border:2px solid #653015!important;border-radius:5px!important;box-shadow:inset 0 3px #f1c18a,0 8px 12px #16090599!important;pointer-events:none}
.library-section .bookshelf::after{content:none!important}
.library-section .book-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(155px,185px))!important;justify-content:start!important;align-items:end!important;gap:25px 22px!important;margin:0!important}
.library-section .book-grid .book{display:flex!important;flex-direction:column!important;min-width:0!important;max-width:185px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;transform-origin:bottom center;transition:transform .2s ease!important}
.library-section .book-grid .book:hover{transform:translateY(-7px)!important}
.library-section .book-grid .book .cover{width:100%!important;height:auto!important;aspect-ratio:3/4!important;border:3px solid #dfd7c8!important;border-radius:5px 9px 3px 3px!important;background:#dbeaf3!important;overflow:hidden!important;box-shadow:5px 2px 0 #263b54,9px 7px 15px #140904aa!important}
.library-section .book-grid .book .cover img{display:block;width:100%!important;height:100%!important;object-fit:contain!important}
.library-section .book-grid .book h3{color:#fff8e6!important;text-shadow:0 2px 4px #1b0a05!important;font-size:15px!important;line-height:1.25!important;text-align:center!important;margin:12px 0 5px!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important}
.library-section .book-grid .book p{color:#fff4de!important;text-shadow:0 1px 3px #1b0a05!important;font-size:12px!important;line-height:1.4!important;margin:5px 0!important;padding:0!important;background:none!important}
.library-section .book-grid .book .book-meta{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:5px!important;margin:5px 0!important;padding:0!important;background:none!important}
.library-section .book-grid .book .tag{font-size:11px!important;background:#ffe6b8!important;color:#3a200e!important;text-shadow:none!important;border-radius:99px!important;padding:3px 9px!important}
.library-section .book-grid .book .book-action{align-self:center!important;display:inline-block!important;background:linear-gradient(#f8d79d,#c58b4a)!important;color:#2c170a!important;border-radius:12px!important;padding:7px 12px!important;font-size:12px!important;text-decoration:none!important;margin-top:7px!important}
@media(max-width:720px){body{background-attachment:scroll}.library-section .shelf-heading{gap:8px!important}.library-section .shelf-heading>div:first-child{flex:1 1 100%;padding:27px 28px 30px!important}.library-section .shelf-heading a.shelf-link{margin-left:auto;min-height:66px;min-width:175px}.library-section .bookshelf{padding:23px 14px 29px!important;border-width:9px!important;border-top-width:15px!important;border-bottom-width:20px!important}.library-section .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 15px!important}.library-section .book-grid .book{max-width:185px!important}}
@media(prefers-reduced-motion:reduce){.library-section .book-grid .book{transition:none!important}}

/* CMHUG v1.1: actual illustrated sign artwork, no tiled imagery */
.library-section .shelf-heading {
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin:0 0 2px!important;
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:clamp(8px,2vw,30px)!important;flex-wrap:nowrap!important;
}
.library-section .shelf-heading > div:first-child {
  flex:0 1 680px!important;width:min(62%,680px)!important;min-width:0!important;
  aspect-ratio:970/414!important;height:auto!important;
  padding:0!important;margin:0!important;
  background:url('/assets/images/cmhug-skilt-dansk-v11.png') center/contain no-repeat!important;
  filter:drop-shadow(0 8px 9px rgba(20,9,2,.45))!important;
  display:block!important;
}
/* Text is already rendered on the illustrated sign; retain semantic HTML for screen readers. */
.library-section .shelf-heading > div:first-child > * {visibility:hidden!important}
.library-section .shelf-heading a.shelf-link {
  flex:0 0 auto!important;display:block!important;
  width:clamp(180px,26vw,330px)!important;min-width:0!important;
  aspect-ratio:537/228!important;min-height:0!important;height:auto!important;
  margin:0!important;padding:0!important;
  background:url('/assets/images/cmhug-skilt-bibliotek-v11.png') center/contain no-repeat!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  font-size:0!important;line-height:0!important;color:transparent!important;
  text-shadow:none!important;overflow:hidden!important;
  filter:drop-shadow(0 7px 7px rgba(20,9,2,.45))!important;
  transition:transform .2s ease!important;
}
.library-section .shelf-heading a.shelf-link:hover {transform:translateY(-4px)!important;filter:brightness(1.06) drop-shadow(0 10px 8px #1b0b0677)!important}
.library-section .shelf-heading a.shelf-link:focus-visible {outline:3px solid #ffdc83!important;outline-offset:4px!important}
@media(max-width:700px){
 .library-section .shelf-heading{flex-wrap:wrap!important;justify-content:center!important;gap:0!important}
 .library-section .shelf-heading>div:first-child{width:100%!important;flex:0 0 100%!important}
 .library-section .shelf-heading a.shelf-link{width:min(72%,310px)!important;margin:-12px auto 8px!important}
}

/* END CMHUG v1.1 */

/* CMHUG v1.2: illustrated wood navigation and footer; preserve existing library wallpaper */
html body > header,
html body > header.site-header {
  position:relative!important;
  z-index:10!important;
  background:linear-gradient(180deg,rgba(35,17,8,.92),rgba(70,34,14,.84))!important;
  border:0!important;
  border-bottom:4px solid #c48644!important;
  border-image:none!important;
  box-shadow:inset 0 1px 0 #e3b77870,0 8px 20px #160b0680!important;
  backdrop-filter:blur(8px)!important;
}
html body > header nav,
html body > header .main-nav {position:relative!important;z-index:1!important;max-width:1320px!important;min-height:72px!important}
html body > header a,
html body > header nav .brand,
html body > header .nav-links a,
html body > header .login-link,
html body > header .main-nav a:not(.button) {
 color:#fff2d6!important;text-shadow:0 2px 4px #1a0c07!important;
}
html body > header a:hover {color:#ffcf83!important}
html body > header .button,
html body > header button,
html body > header .nav-account button {
 background:linear-gradient(180deg,#f9d99b,#d69a54 60%,#ad672c)!important;
 border:2px solid #8d4d23!important;
 border-radius:13px!important;
 color:#351a0b!important;
 text-shadow:0 1px #ffe4b4!important;
 box-shadow:inset 0 2px #fff0bf,0 4px 0 #633015,0 7px 12px #180b0766!important;
}
html body > footer {
 position:relative!important;
 background:linear-gradient(180deg,rgba(89,41,15,.2),rgba(64,27,10,.6)),url('/assets/images/cmhug-trae-bjaelke-v12.webp') center / auto 100% repeat-x,#8b4b22!important;
 border:0!important;border-top:5px solid #d69b56!important;
 box-shadow:inset 0 4px 8px #2b11085e,0 -7px 18px #1b0a0659!important;
 color:#fff3d9!important;text-shadow:0 2px 4px #261106!important;
 font-weight:800!important;letter-spacing:.25px!important;
 padding:26px 20px!important;
 backdrop-filter:none!important;
}
@media(max-width:700px){html body > header nav,html body > header .main-nav{min-height:60px!important;gap:12px!important}html body > footer{padding:20px 12px!important}}

/* END CMHUG v1.2 */

/* CMHUG v1.3: approved illustrated hero and school-subject shelf */
/* Desktop: image is the design; existing HTML remains semantic and functional. */
@media (min-width: 851px) {
  html body main .premium-hero {
    display:block!important; position:relative!important; width:100%!important;
    aspect-ratio:1927/443!important; min-height:0!important;
    margin:22px 0 34px!important; padding:0!important;
    background:transparent url('/assets/images/forside-eventyr.webp') center / 100% 100% no-repeat!important;
    border:0!important; border-radius:0!important; box-shadow:none!important;
    overflow:visible!important;
  }
  html body main .premium-hero .hero-visual {display:none!important}
  html body main .premium-hero .hero-copy {
    position:absolute!important;inset:0!important;padding:0!important;
    background:none!important;pointer-events:none!important;
  }
  html body main .premium-hero .hero-copy > :not(.hero-button) {
    position:absolute!important;width:1px!important;height:1px!important;
    overflow:hidden!important;clip-path:inset(50%)!important;
    white-space:nowrap!important;margin:0!important;padding:0!important;
  }
  html body main .premium-hero .hero-copy .hero-button {
    position:absolute!important;left:17.4%!important;top:74.3%!important;
    width:18.3%!important;height:19%!important;min-width:0!important;
    padding:0!important;margin:0!important;border:0!important;
    border-radius:14px!important;background:transparent!important;color:transparent!important;
    box-shadow:none!important;text-shadow:none!important;font-size:0!important;
    pointer-events:auto!important;transform:none!important;z-index:3!important;
  }
  html body main .premium-hero .hero-copy .hero-button:hover {background:rgba(255,245,207,.15)!important;box-shadow:0 0 0 3px rgba(255,241,197,.55)!important}
  html body main .premium-hero .hero-copy .hero-button:focus-visible {outline:4px solid #fff!important;outline-offset:2px!important}
  html body main .subjects-section {
    position:relative!important;display:block!important;width:100%!important;
    aspect-ratio:1927/371!important;min-height:0!important;
    margin:32px 0 50px!important;padding:0!important;
    background:transparent url('/assets/images/fag-paa-vej.webp') center / 100% 100% no-repeat!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;
  }
  html body main .subjects-section > * {
    position:absolute!important;width:1px!important;height:1px!important;
    overflow:hidden!important;clip-path:inset(50%)!important;
    white-space:nowrap!important;margin:0!important;padding:0!important;
  }
}
/* Smaller screens: use real HTML text, accessible buttons and uncut images. */
@media (max-width:850px) {
  html body main .premium-hero {
    display:flex!important;flex-direction:column!important;
    background:linear-gradient(160deg,#ffe2a2,#fff3d4)!important;
    border:7px solid #9d5a2b!important;border-radius:22px!important;
    min-height:0!important;overflow:hidden!important;
  }
  html body main .premium-hero .hero-copy {padding:24px!important;pointer-events:auto!important}
  html body main .premium-hero .hero-copy > * {position:static!important;clip-path:none!important;white-space:normal!important}
  html body main .premium-hero .hero-visual {display:block!important;min-height:230px!important}
  html body main .premium-hero .hero-visual img {object-fit:cover!important}
  html body main .premium-hero .hero-button {background:linear-gradient(#efb76f,#ad6a2c)!important;color:#32180b!important;border:3px solid #82431c!important;font-size:17px!important}
  html body main .subjects-section {
    background:linear-gradient(180deg,#9e592a,#603018)!important;
    border:7px solid #a96936!important;border-radius:20px!important;
    padding:22px!important;
  }
  html body main .subjects-section .shelf-heading h2,
  html body main .subjects-section .shelf-heading p,
  html body main .subjects-section .section-eyebrow {color:#fff5df!important}
  html body main .subjects-section .subject-grid {display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important}
  html body main .subjects-section .subject-card {background:#fff4db!important;border:3px solid #dca665!important;min-height:150px!important}
  html body main .subjects-section .subject-card img {width:40%!important;object-fit:cover!important}
}

/* END CMHUG v1.3 */