/* Discovery surfaces keep the site's paper-and-ink identity while putting media first. */
.feed-home .feed-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:28px 0 20px}
.feed-intro h1{font:400 clamp(28px,2.7vw,40px)/1.2 var(--display);margin:0 0 7px;letter-spacing:-.025em}
.feed-intro p,.feed-heading p{margin:0;color:var(--muted);font:14px/1.5 Arial,sans-serif}
.feed-intro>a,.feed-heading>a{color:var(--ink);font:600 14px/1.4 Arial,sans-serif;white-space:nowrap;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;gap:10px}
.feed-intro>a:hover,.feed-heading>a:hover{text-decoration:underline}
.feed-topics{display:flex;gap:9px;overflow-x:auto;padding:6px 0 14px;scrollbar-width:thin}
.feed-topics a{background:#edf0e5;border:1px solid transparent;border-radius:8px;color:var(--ink);font:600 12px/1.3 Arial,sans-serif;padding:10px 12px;text-decoration:none;white-space:nowrap;min-height:40px}
.feed-topics a:hover{background:#e2e9d5}.feed-topics a.active{background:var(--ink);color:white}
.feed-section{padding:22px 0 35px}.feed-section+.feed-section{border-top:1px solid var(--rule)}
.feed-results-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.feed-results-heading h2{font:600 15px/1.4 Arial,sans-serif;letter-spacing:0;margin:0}.feed-results-heading a{font:14px/1.4 Arial,sans-serif;min-height:44px;display:inline-flex;align-items:center}
.feed-home .catalogue-state{font:13px/1.6 Arial,sans-serif;color:var(--muted);margin:25px 0 12px}.feed-home .load-more{margin:0 0 24px}
.feed-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 20px}
.feed-heading h2{font:400 clamp(26px,2.2vw,32px)/1.2 var(--display);margin:0 0 7px}
.feed-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}
.feed-video,.feed-book{min-width:0}.feed-thumbnail{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#e3e9dc}
.feed-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease-out}
.feed-thumbnail:hover img{transform:scale(1.025)}.feed-thumbnail img.broken{visibility:hidden}
.feed-thumbnail:has(img.broken):after{content:'Video preview unavailable';position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:13px}
.feed-type{position:absolute;right:8px;bottom:8px;padding:4px 7px;background:#13271e;color:white;border-radius:4px;font:12px/1.2 Arial,sans-serif}
.feed-video-info{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;padding-top:12px}
.feed-video h3,.feed-book h3{font:600 17px/1.35 Arial,sans-serif;letter-spacing:0;margin:0 0 5px;overflow-wrap:anywhere}
.feed-video h3 a,.feed-book h3 a{color:var(--ink);text-decoration:none}.feed-video h3 a:hover,.feed-book h3 a:hover{text-decoration:underline}
.feed-video p,.feed-book p{font:13px/1.5 Arial,sans-serif;color:var(--muted);margin:0;overflow-wrap:anywhere}
.feed-save{width:40px;height:40px;padding:0;background:transparent;border:1px solid #b7c3b0;border-radius:50%;color:var(--ink);font:24px/1 Arial,sans-serif;cursor:pointer}
.feed-save:hover,.feed-save[aria-pressed=true]{background:#e1edc7;border-color:#7f9568}
.feed-shelf{padding-top:29px}.feed-book-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px 18px}
.feed-cover{display:flex;position:relative;justify-content:center;align-items:center;height:210px;padding:12px;background:#ecede3;border-radius:8px;margin-bottom:12px}
.feed-cover img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:2px 5px 8px #16352220}
.feed-cover img.broken{display:none}.feed-cover-fallback{display:none;text-align:center;color:var(--ink);font:16px/1.35 var(--display)}.feed-cover-fallback small{display:block;font:12px/1.4 Arial,sans-serif;margin-top:8px}.feed-cover-fallback.is-visible,.feed-cover:has(img.broken) .feed-cover-fallback{display:block}
.feed-book h3{font-size:15px}.feed-source{font:13px/1.6 Arial,sans-serif;color:var(--muted);margin:28px 0 0;max-width:80ch}
/* The same media-first rhythm carries into the searchable video catalogue. */
.browse-page .page-heading,.books-page .page-heading{padding:28px 0 18px}
.browse-page .page-heading h1,.books-page .page-heading h1{font-size:clamp(30px,3vw,42px);margin-bottom:8px}
.browse-page .page-heading>p:not(.eyebrow),.books-page .page-heading>p:not(.eyebrow){font-size:14px;margin-bottom:5px}
.browse-page .catalogue,.books-page .books-catalogue{padding-top:20px}
.browse-page .video-grid{gap:30px 22px}.browse-page .card-image{border-radius:12px;width:100%;flex:none}.browse-page .card-copy h3{font:600 17px/1.35 Arial,sans-serif;letter-spacing:0}.browse-page .card-copy>p{display:none}.browse-page .card-meta{margin-bottom:6px}.browse-page .card-bottom{margin-top:8px}
.browse-page .filter-details{margin-top:14px}.browse-page .filter-details summary{cursor:pointer;width:max-content;min-height:44px;display:flex;align-items:center;gap:8px;font:600 14px/1.3 Arial,sans-serif}.browse-page .filter-details summary:before{content:'+';font:20px/1 Arial,sans-serif}.browse-page .filter-details[open] summary:before{content:'−'}
.book-filter-details{margin-top:14px}.book-filter-details summary{cursor:pointer;width:max-content;min-height:44px;display:flex;align-items:center;gap:8px;font:600 14px/1.3 Arial,sans-serif}.book-filter-details summary:before{content:'+';font:20px/1 Arial,sans-serif}.book-filter-details[open] summary:before{content:'−'}
@media(min-width:1200px){.feed-video-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:701px) and (max-width:1250px){.header .site-search{display:flex;grid-column:1 / -1;width:100%;max-width:none;justify-self:stretch}}
@media(max-width:1100px){.feed-book-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:850px){.feed-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.feed-home .feed-intro{padding:22px 0 14px}.feed-intro h1{font-size:27px}.feed-intro>a{display:none}.feed-section{padding:20px 0 28px}.feed-heading{align-items:start;margin-bottom:16px}.feed-heading h2{font-size:25px}.feed-heading p{font-size:13px}.feed-heading>a{font-size:13px;white-space:normal;text-align:right;justify-content:flex-end;max-width:115px}.feed-video-grid{grid-template-columns:1fr;gap:24px}.feed-video h3{font-size:17px}.feed-book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.feed-cover{height:160px;padding:9px}.feed-book h3{font-size:14px}.feed-book p{font-size:12px}.browse-page .video-card{display:flex;flex-direction:column;padding:0 0 22px}.browse-page .video-grid{gap:22px}.browse-page .card-image{aspect-ratio:16/9}.browse-page .card-copy h3{font-size:17px}}
@media(max-width:374px){.feed-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-cover{height:185px}}
@media(prefers-reduced-motion:reduce){.feed-thumbnail img{transition:none}.feed-thumbnail:hover img{transform:none}}

/* Persistent navigation on large screens; a drawer on smaller screens. */
body{--side-width:220px}
.header{max-width:none;min-height:72px;padding:10px 24px;display:grid;grid-template-columns:44px 220px minmax(220px,650px);justify-content:start;gap:14px;position:sticky;top:0;z-index:50;background:var(--paper)}
.header:after{left:0;right:0;border-color:var(--rule)}
.header .wordmark img{width:185px}.header .wordmark span{font-size:22px}
.header .menu-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer}
.header .menu-toggle:hover,.side-close:hover{background:#e9eee2}
.header .site-search{display:flex;grid-column:auto;justify-self:center;width:100%;max-width:650px;height:44px;background:#fff}
.side-navigation{position:fixed;left:0;top:72px;bottom:0;width:var(--side-width);padding:16px 12px 24px;background:var(--paper);overflow-y:auto;z-index:40}
.side-navigation nav{display:flex;flex-direction:column;gap:3px}
.side-navigation nav a{display:flex;align-items:center;gap:19px;min-height:46px;padding:0 14px;border-radius:9px;color:var(--ink);font:14px/1.3 Arial,sans-serif;text-decoration:none;white-space:nowrap}
.side-navigation nav a:hover{background:#edf0e5}.side-navigation nav a[aria-current=page]{background:#e5ebdd;font-weight:700}
.side-navigation nav svg{width:21px;height:21px;flex:none}.side-label{overflow:hidden;text-overflow:ellipsis}.side-count{margin-left:auto;flex:none}
.side-rule{border-top:1px solid var(--rule);margin:12px 6px}
.side-caption{font:12px/1.6 Arial,sans-serif;color:var(--muted);padding:16px 14px;max-width:185px}
.side-close,.side-scrim{display:none}
@media(min-width:1000px){
 body.sidebar-collapsed{--side-width:72px}
 body.sidebar-collapsed .side-navigation{padding-left:8px;padding-right:8px}
 body.sidebar-collapsed .side-navigation nav a{justify-content:center;padding:0;gap:0}
 body.sidebar-collapsed .side-label,body.sidebar-collapsed .side-count,body.sidebar-collapsed .side-caption{display:none}
 main{width:calc(100% - var(--side-width));margin-left:var(--side-width);margin-right:0;padding-left:2.7%;padding-right:2.7%}
 .footer{width:calc(100% - var(--side-width));margin-left:var(--side-width);margin-right:0}
 .feed-home main,.feed-home .footer{max-width:none}
}
@media(max-width:999px){
 .header{grid-template-columns:44px minmax(0,1fr) minmax(220px,1fr);padding:10px 16px;gap:10px}
 .header .wordmark img{width:170px}.header .wordmark span{font-size:20px}
 .header .site-search{grid-column:auto}
 .side-navigation{top:0;width:240px;z-index:80;padding-top:12px;transform:translateX(-100%);visibility:hidden;transition:transform .2s ease-out,visibility .2s}
 .side-navigation.open{transform:translateX(0);visibility:visible}
 .side-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink);margin:0 0 12px 2px;cursor:pointer}
 .side-scrim:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100%;border:0;background:#081f17a6;z-index:70}
}
@media(max-width:700px){
 .header{grid-template-columns:44px minmax(0,1fr);padding:10px 16px;gap:8px}
 .header .wordmark img{width:185px}.header .wordmark span{font-size:22px}
 .header .site-search{grid-column:1 / -1;max-width:none;width:100%}
 .books-page .books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 .books-page .book-card{display:flex;flex-direction:column;gap:12px;padding:0 0 18px;min-width:0}
 .books-page .book-art{height:195px;width:100%;padding:10px;background:#eeefe5;align-items:center}
 .books-page .book-art img{max-height:175px;max-width:100%}
 .books-page .book-copy{gap:7px}.books-page .book-copy h2{font-size:17px;line-height:1.3}.books-page .book-copy .book-category,.books-page .book-copy .book-evidence{font-size:11px}.books-page .book-copy .book-author{font-size:13px}.books-page .book-card-footer{margin-top:auto}
}
@media(prefers-reduced-motion:reduce){.side-navigation{transition:none}}