:root{
  --bg:#050507;
  --bg2:#0a0610;
  --panel:rgba(20,10,22,.88);
  --panel2:rgba(10,6,13,.90);
  --text:#fff7fd;
  --muted:#e1d0df;
  --pink:#f85cb2;
  --pink-deep:#ff3f9d;
  --pink-soft:#ff84c6;
  --ink:#090609;
  --border:rgba(255,255,255,.09);
  --shadow:0 18px 48px rgba(0,0,0,.38);
  --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#050507,#0b0410 55%,#050507);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;overflow-x:hidden;position:relative}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.container{width:min(calc(100% - 1.2rem),var(--max));margin:auto}
main,.footer{position:relative;z-index:2}

.topbar{position:sticky;top:0;z-index:40;background:rgba(8,5,10,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;gap:1rem}
.brand{display:flex;align-items:center;gap:.8rem}
.logo-circle,.mini-logo{width:3.35rem;height:3.35rem;border-radius:50%;overflow:hidden;flex:none;background:transparent}
.logo-circle img,.mini-logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.12)}
.brand b{font-size:1.08rem;display:block}
.brand small{display:block;color:var(--muted);font-size:.8rem;margin-top:.06rem}
.menu-btn{width:3rem;height:3rem;border:1px solid var(--border);border-radius:1rem;background:rgba(255,255,255,.03);color:#fff;font-size:1.5rem;display:grid;place-items:center;cursor:pointer}
.menu{position:fixed;right:0;top:0;bottom:0;width:min(88vw,24rem);z-index:60;background:rgba(10,6,11,.985);border-left:1px solid var(--border);transform:translateX(100%);transition:.24s;padding:1rem;overflow:auto}
.menu.open{transform:translateX(0)}
.menu a{display:block;padding:.9rem 1rem;margin:.45rem 0;border-radius:1rem;border:1px solid var(--border);background:rgba(255,255,255,.03);font-weight:800}
.menu a span{display:block;color:var(--muted);font-size:.82rem;margin-top:.18rem;font-weight:500}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:50;opacity:0;pointer-events:none;transition:.24s}
.scrim.show{opacity:1;pointer-events:auto}

.hero,.page-hero,.witch-hero,.divine-hero{padding:3.5rem 0 1.3rem}
.panel,.card,.feature-card,.verse-card,.info-card{background:linear-gradient(180deg,rgba(23,11,27,.90),rgba(10,6,13,.92));border:1px solid var(--border);border-radius:1.7rem;box-shadow:var(--shadow)}
.panel,.card,.feature-card,.info-card{padding:1.3rem}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-weight:900;font-size:.77rem;color:var(--pink-soft)}
h1{font-size:clamp(2.55rem,11vw,5rem);line-height:.94;margin:.5rem 0 .85rem} 
p,.text{color:#f2e7ef;line-height:1.68;font-size:1.02rem}
.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.92rem 1.1rem;border-radius:999px;font-weight:900;background:linear-gradient(90deg,var(--pink-deep),var(--pink-soft));color:#160b10;box-shadow:0 10px 24px rgba(248,92,178,.18)}
.btn.alt{background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text);box-shadow:none}
.btn.small{padding:.75rem 1rem;font-size:.95rem}
.helper{margin-top:.95rem;color:var(--muted);font-size:.95rem}

.section{padding:1.15rem 0}
.section-head{margin-bottom:1rem}
.paint-title{position:relative;display:inline-block;z-index:1;margin:.15rem 0 .65rem;font-size:clamp(1.8rem,6vw,2.75rem);line-height:1.05;font-weight:950;color:#0f0810;padding:.18rem .62rem .26rem}
.paint-title::before{content:"";position:absolute;z-index:-1;inset:-.28em -.75em -.28em -.75em;background:url('assets/paint-stroke-pink.png?v=4') center/100% 100% no-repeat;filter:saturate(1.08) contrast(1.03)}
.paint-title.splatter::after{content:"";position:absolute;width:.55rem;height:.55rem;border-radius:50%;background:var(--pink-deep);right:-1.05rem;top:-.45rem;box-shadow:.9rem .48rem 0 -.08rem var(--pink-soft),1.55rem -.08rem 0 -.18rem var(--pink-deep),-1.15rem -.12rem 0 -.18rem var(--pink-soft),-1.8rem .7rem 0 -.22rem var(--pink-deep);opacity:.95;filter:drop-shadow(0 2px 0 rgba(0,0,0,.35))}
.section-head p{margin:.35rem 0 0;color:var(--muted)}
.grid{display:grid;gap:1rem}.two{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card h3,.feature-card h3{font-size:1.35rem;margin:.1rem 0 .55rem}
.card h4{margin:.2rem 0 .35rem;font-size:1rem}
.pill,.tag{display:inline-flex;align-items:center;padding:.6rem .9rem;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.035);font-weight:760;margin:.25rem .35rem .25rem 0}
.note-stack{display:grid;gap:.75rem;margin-top:1rem}
.note-card,.platform,.social,.resource-link,.booking-item,.reading-item,.viewing-item,.tool-card{padding:.95rem;border-radius:1rem;border:1px solid var(--border);background:rgba(255,255,255,.03)}
.platform b,.social b,.resource-link b,.booking-item b,.reading-item b,.viewing-item b,.tool-card b{display:block;font-size:1rem;margin-bottom:.18rem}
.platform span,.social span,.resource-link span,.booking-item span,.reading-item span,.viewing-item span,.tool-card span{display:block;font-size:.9rem;color:var(--muted);line-height:1.55}
.platforms,.socials,.resource-grid,.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-top:.8rem}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.feature-card{position:relative;overflow:hidden}
.feature-card::after{content:"";position:absolute;right:-1.2rem;bottom:-1rem;width:7rem;height:7rem;border-radius:50%;background:radial-gradient(circle,rgba(248,92,178,.18),transparent 66%);pointer-events:none}
.feature-label{text-transform:uppercase;letter-spacing:.18em;color:var(--pink-soft);font-size:.78rem;font-weight:900}
.feature-title{font-family:Georgia,serif;font-size:clamp(1.5rem,4.5vw,2.2rem);margin:.3rem 0 .7rem}
.inline-list{padding-left:1.2rem;margin:.7rem 0 0;color:#f2e7ef;line-height:1.7}
.inline-list li{margin:.35rem 0}

/* niblings */
.nibling{position:fixed;right:.68rem;bottom:.68rem;z-index:30;width:84px;height:84px;border:0;background:transparent;padding:0;cursor:pointer;animation:bob 4.5s ease-in-out infinite}
.nibling img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.bubble{position:fixed;right:.85rem;bottom:6.5rem;z-index:31;max-width:16rem;display:none;padding:.85rem .95rem;border-radius:1rem;background:rgba(18,9,19,.97);border:1px solid var(--border);box-shadow:var(--shadow)}
.bubble.show{display:block}
@keyframes bob{50%{transform:translateY(-8px)}}

.footer{padding:2.2rem 0 3.5rem;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.kicker{color:var(--pink-soft);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem}

/* page-specific */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1rem;align-items:stretch}
.hero-side{display:grid;gap:1rem}
.hero-box{padding:1rem;border-radius:1.2rem;border:1px solid var(--border);background:rgba(255,255,255,.03)}
.hero-box strong{display:block;font-size:1rem;margin-bottom:.25rem}
.hero-box span{display:block;color:var(--muted);line-height:1.55}
.callout{margin-top:1rem;padding:1rem;border-radius:1.2rem;border:1px dashed rgba(248,92,178,.34);background:rgba(248,92,178,.07)}

.witch-panel{position:relative;overflow:hidden;padding:1.5rem;border-radius:1.8rem;border:1px solid var(--border);background:linear-gradient(180deg,rgba(13,8,15,.96),rgba(8,5,10,.94));box-shadow:var(--shadow)}
.witch-panel::before{content:"";position:absolute;inset:auto -10% -18% auto;width:16rem;height:16rem;border-radius:50%;background:radial-gradient(circle,rgba(248,92,178,.16),transparent 65%)}
.witch-content{position:relative;z-index:2}
.witch-title{font-family:Georgia,serif;font-size:clamp(2.7rem,12vw,5.1rem);line-height:.9;margin:.5rem 0 .6rem;letter-spacing:.03em}
.witch-sub{font-family:Georgia,serif;font-size:clamp(1.05rem,4.4vw,1.55rem);color:#f4dfe9;margin-bottom:1rem}
.verse-card{margin-top:1rem;padding:1.1rem;border-radius:1.35rem;border:1px solid rgba(248,92,178,.32);background:linear-gradient(180deg,rgba(77,10,49,.26),rgba(255,255,255,.02))}
.day-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:var(--pink-soft)}
.verse-ref{font-family:Georgia,serif;font-size:1.6rem;margin:.35rem 0 .45rem}
.verse-why{color:#f0e3ee;line-height:1.6;margin-bottom:.85rem}
.passage-box{padding:1rem;border-radius:1rem;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03)}
.passage-box p{margin:.45rem 0;line-height:1.7}
.search-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:.7rem;margin-top:1rem}.fake-field{padding:.95rem 1rem;border-radius:1rem;border:1px solid var(--border);background:rgba(255,255,255,.03);color:#f1e8ef}
.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.hand-card{padding:1rem 1.05rem;border-radius:1.2rem;border:1px solid var(--border);background:rgba(255,255,255,.025)}.hand-card b{color:var(--pink-soft)}

.divine-name{font-family:Georgia,serif;font-size:clamp(2.1rem,9vw,4rem);line-height:1;margin:.45rem 0 1rem;display:inline-block;position:relative;color:#0d0810;padding:.22rem .68rem;z-index:1}.divine-name::before{content:"";position:absolute;inset:-.26em -.7em;z-index:-1;background:url('assets/paint-stroke-pink.png?v=4') center/100% 100% no-repeat}

.resource-link{display:block}
.small-note{font-size:.88rem;color:var(--muted)}
.reading-list,.viewing-list{display:grid;gap:.7rem}

@media(max-width:860px){
  .hero-grid,.footer-grid{grid-template-columns:1fr}
  .search-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .hero,.page-hero,.witch-hero,.divine-hero{padding:2.7rem 0 1rem}
  .nibling{width:78px;height:78px}
  .paint-title::before{inset:-.22em -.52em -.22em -.52em}
}


/* ABOUT PAGE — V5 */
.about-hero{padding:3.15rem 0 1.2rem}
.about-intro{position:relative;overflow:hidden}
.about-intro::after{content:"";position:absolute;right:-5rem;top:-5rem;width:16rem;height:16rem;border-radius:50%;background:radial-gradient(circle,rgba(248,92,178,.16),transparent 68%);pointer-events:none}
.about-copy{max-width:850px}
.about-copy p{margin:.9rem 0}
.about-emphasis{font-size:clamp(1.3rem,4.5vw,1.75rem)!important;font-weight:900;color:#fff!important;line-height:1.35!important;margin:1.3rem 0!important}
.about-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1.2rem 0}
.about-stat{padding:1rem 1.05rem;border-radius:1.15rem;border:1px solid rgba(248,92,178,.28);background:rgba(248,92,178,.06)}
.about-stat strong{display:block;font-size:clamp(1.35rem,5vw,2rem);color:var(--pink-soft);margin-bottom:.25rem}
.about-stat span{color:#f2e7ef;line-height:1.5}
.about-origin{margin:1.4rem 0;padding:1.1rem 1.15rem;border-left:4px solid var(--pink);border-radius:0 1rem 1rem 0;background:rgba(255,255,255,.035)}
.about-origin p{margin:.45rem 0}
.about-profile{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:1.15rem;align-items:center}
.about-photo-wrap{position:relative;border-radius:1.6rem;overflow:hidden;border:1px solid rgba(255,255,255,.10);box-shadow:var(--shadow);background:#09070a}
.about-photo-wrap::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(248,92,178,.12);pointer-events:none;border-radius:inherit}
.about-photo{width:100%;height:auto;display:block}
.about-bio{padding:1.35rem}
.about-bio h3{font-size:clamp(1.7rem,5.5vw,2.6rem);margin:.2rem 0 .65rem}
.about-bio p{margin:.75rem 0}
.about-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin-top:.9rem}
.about-link-card{padding:1rem;border-radius:1rem;border:1px solid var(--border);background:rgba(255,255,255,.03)}
.about-link-card b{display:block;margin-bottom:.25rem;color:#fff}
.about-link-card span{color:var(--muted);font-size:.92rem;line-height:1.45}
@media(max-width:780px){
  .about-profile{grid-template-columns:1fr}
  .about-photo-wrap{width:min(52vw,340px);max-width:340px;margin:0 auto 1rem}
}
@media(max-width:560px){
  .about-stat-grid{grid-template-columns:1fr}
  .about-bio{padding:1.05rem}
}

.hero-clean{max-width:820px;margin:0 auto}
.about-title span{display:block}
.about-site-name{font-size:.82em}

@media(max-width:620px){
  .about-title{font-size:clamp(2rem,8.1vw,3.2rem);line-height:.98}
  .about-site-name{font-size:.94em;white-space:nowrap}
  .cloud{filter:blur(34px);opacity:.72}
  .cloud.pink1{width:22rem;height:11rem;left:-8rem;top:5rem;background:rgba(230,18,133,.72)}
  .cloud.black1{width:20rem;height:10rem;right:-7rem;top:14rem;background:rgba(10,5,14,.86)}
  .cloud.pink2{width:20rem;height:10rem;right:-7rem;bottom:8rem;background:rgba(190,18,116,.68)}
  .cloud.pink3{width:16rem;height:8rem;left:18%;top:38%;background:rgba(248,92,178,.34)}
  .paint-title{font-size:clamp(1.65rem,6.7vw,2.2rem)}
  .paint-title::before{inset:-.34em -.58em -.34em -.58em}
}




/* V9: smoke removed; original dark black + hot-pink palette restored */
.about-page{
  background:linear-gradient(180deg,#050507,#0b0410 55%,#050507);
  color:var(--text);
}
.about-page .about-profile{
  grid-template-columns:180px minmax(0,1fr);
  align-items:start;
}
.about-page .about-photo-wrap{
  width:165px;
  max-width:165px;
  justify-self:center;
}
.about-page .about-bio{align-self:center}
@media(max-width:780px){
  .about-page .about-profile{grid-template-columns:1fr}
  .about-page .about-photo-wrap{
    width:116px;
    max-width:116px;
    min-width:116px;
    margin:0 auto .8rem;
  }
}

/* Real brush stroke stays visible; droplets animate in when the heading enters view */
.paint-title.splatter::after{
  width:.62rem;
  height:.62rem;
  right:-1.15rem;
  top:-.55rem;
  background:var(--pink-deep);
  box-shadow:
    .9rem .62rem 0 -.08rem #0b070d,
    1.62rem -.04rem 0 -.18rem var(--pink-deep),
    -1.08rem .18rem 0 -.12rem #0b070d,
    -1.72rem .86rem 0 -.22rem var(--pink-soft),
    2.2rem .95rem 0 -.24rem #0b070d;
  opacity:1;
  transform:translateY(0) scale(1);
}
.paint-title.splatter.paint-animate::after{
  animation:paintDropsLand .9s cubic-bezier(.2,.85,.3,1.25) both;
}
@keyframes paintDropsLand{
  0%{opacity:0;transform:translateY(-22px) scale(.45)}
  58%{opacity:1;transform:translateY(5px) scale(1.12)}
  78%{transform:translateY(-2px) scale(.96)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
  .paint-title.splatter.paint-animate::after{animation:none}
}

/* V10: remove decorative paint dots entirely */
.paint-title.splatter::after,.paint-title.splatter.paint-animate::after{content:none !important;display:none !important;animation:none !important;box-shadow:none !important;}

/* V11 latest episode section */
.latest-episode-wrap{display:grid;gap:1rem}
.latest-episode-card{display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);gap:1.35rem;align-items:start}
.episode-art-wrap{width:100%;aspect-ratio:1;border-radius:1.35rem;overflow:hidden;background:#070509;border:1px solid var(--border)}
.episode-art{width:100%;height:100%;object-fit:cover}
.episode-copy h3{font-size:clamp(1.45rem,4vw,2.05rem);line-height:1.12;margin:.35rem 0 .65rem}
.episode-copy p{margin:.3rem 0;color:#f2e7ef}
.episode-meta{color:var(--pink-soft);font-weight:800;font-size:.88rem;margin:.65rem 0}
.episode-audio{width:100%;margin:.75rem 0 .2rem;accent-color:var(--pink-deep)}
.episode-actions{margin-top:.8rem}
.podlink-cta{padding:1.05rem 1.15rem;border-radius:1.35rem;border:1px solid rgba(248,92,178,.26);background:linear-gradient(180deg,rgba(248,92,178,.08),rgba(255,255,255,.02));text-align:center}
.podlink-main{width:100%;white-space:normal;line-height:1.25;text-align:center;padding:1rem 1.25rem}
.podlink-cta p{margin:.65rem 0 0;color:var(--muted);font-size:.9rem}
@media(max-width:620px){
  .latest-episode-card{grid-template-columns:92px minmax(0,1fr);gap:1rem;padding:1rem}
  .episode-copy h3{font-size:1.22rem}
  .episode-copy p{font-size:.94rem;line-height:1.55;grid-column:1/-1}
  .episode-art-wrap{border-radius:1rem}
  .episode-audio,.episode-actions{grid-column:1/-1}
  .podlink-main{font-size:.95rem}
}

/* V14: Resources page */
.resources-hero{padding-bottom:.55rem}
.resources-intro{max-width:980px}
.resources-intro h1{margin-bottom:.7rem}
.resources-intro p{max-width:850px;margin-bottom:.2rem}
.resource-priority-section{padding-top:1.35rem}
.resource-kicker{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .55rem;padding:.38rem .72rem;border-radius:999px;border:1px solid rgba(248,92,178,.34);background:rgba(248,92,178,.08);color:var(--pink-soft);font-size:.76rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.resource-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem}
.resource-grid-featured{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.resource-link{position:relative;display:flex;flex-direction:column;min-height:100%;padding:1.05rem 1.05rem 1rem;overflow:hidden;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.resource-link::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--pink-deep),var(--pink-soft),transparent);opacity:.72}
.resource-link::after{content:"↗";position:absolute;right:.9rem;top:.78rem;color:var(--pink-soft);font-weight:950;font-size:1rem;transition:transform .18s ease}
.resource-link b{padding-right:1.7rem;font-size:1.02rem}
.resource-link span{flex:1;margin-top:.12rem}
.resource-link em{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:.8rem;padding:.38rem .62rem;border-radius:999px;background:rgba(248,92,178,.09);border:1px solid rgba(248,92,178,.19);color:#ffd7eb;font-style:normal;font-size:.77rem;font-weight:850;line-height:1.2}
.resource-featured{background:linear-gradient(180deg,rgba(248,92,178,.075),rgba(255,255,255,.025));border-color:rgba(248,92,178,.22)}
.resource-rainbow-section .resource-link{background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(248,92,178,.02))}
.resource-book-list,.creator-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.85rem}
.reading-list.resource-book-list,.viewing-list.creator-list{display:grid}
.resource-book-list .resource-link b i{font-family:Georgia,serif;font-weight:800}
.creator-list .resource-link{min-height:150px}
.creator-men-start{margin-top:0}
@media(hover:hover){
  .resource-link:hover{transform:translateY(-4px);border-color:rgba(248,92,178,.46);background:rgba(248,92,178,.075);box-shadow:0 14px 32px rgba(0,0,0,.28),0 0 0 1px rgba(248,92,178,.05)}
  .resource-link:hover::after{transform:translate(2px,-2px)}
}
.resource-link:active{transform:translateY(1px) scale(.985);border-color:rgba(248,92,178,.62);background:rgba(248,92,178,.12)}
.resource-link:focus-visible,.btn:focus-visible,.menu-btn:focus-visible{outline:3px solid var(--pink-soft);outline-offset:3px}

/* V14: make site buttons feel like buttons */
.btn,.menu-btn{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease}
@media(hover:hover){
  .btn:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 14px 30px rgba(248,92,178,.28)}
  .btn.alt:hover{border-color:rgba(248,92,178,.45);background:rgba(248,92,178,.08);box-shadow:0 12px 28px rgba(0,0,0,.24)}
  .menu-btn:hover{transform:translateY(-2px);border-color:rgba(248,92,178,.42);background:rgba(248,92,178,.08)}
}
.btn:active,.menu-btn:active{transform:translateY(1px) scale(.96);filter:brightness(.96)}

/* V14: make the Nibling's idle motion visible without being frantic */
.nibling{animation:niblingAlive 5.2s ease-in-out infinite;transform-origin:50% 88%}
@keyframes niblingAlive{
  0%,100%{transform:translateY(0) rotate(0deg)}
  18%{transform:translateY(-7px) rotate(-2deg)}
  34%{transform:translateY(-2px) rotate(2.5deg)}
  48%{transform:translateY(-8px) rotate(0deg)}
  70%{transform:translateY(-1px) rotate(-1.5deg)}
  84%{transform:translateY(-4px) rotate(1deg)}
}
@media(prefers-reduced-motion:reduce){.nibling{animation:none}}

@media(max-width:620px){
  .resource-grid,.resource-grid-featured,.resource-book-list,.creator-list{grid-template-columns:1fr}
  .resource-link{padding:1rem;min-height:0}
  .resource-link b{font-size:1rem}
  .resource-link span{font-size:.9rem}
  .resource-kicker{font-size:.68rem;letter-spacing:.13em}
}