/* Directory only: reuse the site's header/footer, palette and three fonts. */
.resources-main{font:400 18px/1.75 var(--font-body);color:var(--brown)}
.resources-reading{max-width:1000px;margin-inline:auto;padding:0 32px}
.resources-intro{max-width:680px;padding-block:64px 40px}
.resources-main h1{font:400 clamp(36px,4vw,48px)/1.3 var(--font-heading);margin:0 0 24px;color:var(--garnet)}
.resources-main p{margin:0 0 16px}
.resources-main .resource-label{font:400 11px/1.7 var(--font-ui);letter-spacing:1.6px;color:var(--oxblood);margin-bottom:16px}
.resources-directory{padding-bottom:80px}
.resource-section{border-top:1px solid rgba(156,70,64,.38)}
.resource-section:last-child{border-bottom:1px solid rgba(156,70,64,.38)}
.resource-section summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;cursor:pointer;padding:26px 0;min-height:78px}
.resource-section summary::-webkit-details-marker{display:none}
.resource-section h2{font:400 22px/1.5 var(--font-heading);margin:0;color:var(--garnet)}
.resource-indicator{position:relative;flex:0 0 16px;height:20px;color:var(--oxblood)}
.resource-indicator:before,.resource-indicator:after{content:'';position:absolute;top:9px;left:1px;width:14px;height:1px;background:currentColor}
.resource-indicator:after{transform:rotate(90deg);transition:transform 180ms ease}
.resource-section[open] .resource-indicator:after{transform:rotate(0)}
.resource-section[open] summary{color:var(--garnet)}
.resource-panel{background:#faf5ee;padding:28px 32px 12px;margin-bottom:28px;border-left:2px solid rgba(156,70,64,.5)}
.resources-main .resource-subcategory{font:500 13px/1.8 var(--font-ui);letter-spacing:1.4px;text-transform:uppercase;color:var(--oxblood);margin:0 0 14px}
.resource-group+.resource-group{margin-top:26px}
.resource-grid{display:grid;grid-template-columns:minmax(0,1fr);padding-bottom:8px}
.resource-grid:not(.resource-books) .resource-copy{max-width:650px}
.resource-entry{min-width:0;padding:24px 0 22px;border-top:1px solid rgba(156,70,64,.18)}
.resource-entry :is(h3,h4){font:400 20px/1.5 var(--font-heading);margin:0 0 8px;color:var(--garnet);overflow-wrap:anywhere}
.resource-entry .resource-meta{font:400 13px/1.7 var(--font-ui);margin-bottom:14px}
.resource-entry p{font-size:16px;line-height:1.75}
.resource-entry .resource-note{margin-top:18px}
.resource-entry a{display:inline-block;min-height:44px;padding-block:10px;font:400 13px/1.8 var(--font-ui);color:var(--garnet);text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.resource-entry a:hover{color:var(--oxblood)}
.resources-main :is(a,summary):focus-visible{outline:2px solid var(--oxblood);outline-offset:5px}
.resource-books{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.resource-book{display:flex;gap:22px;align-items:flex-start}
.resource-copy{min-width:0}
.resource-cover{width:100px;height:150px;object-fit:contain;object-position:top;flex:0 0 100px}
.resource-featured{grid-column:1/-1;padding-block:28px 32px}
.resource-featured .resource-copy{max-width:660px}
.resource-featured .resource-cover{width:120px;height:180px;flex-basis:120px}
.resource-featured .resource-label{font-size:10px;margin-bottom:12px}
@supports (interpolate-size:allow-keywords){
  .resource-section{interpolate-size:allow-keywords}
  .resource-section::details-content{block-size:0;overflow:clip;transition:block-size 200ms ease,content-visibility 200ms allow-discrete}
  .resource-section[open]::details-content{block-size:auto}
}
@media(max-width:800px){.resource-books{grid-template-columns:1fr}}
@media(max-width:600px){.resources-main{font-size:17px}.resources-reading{padding-inline:24px}.resources-intro{padding-block:36px 28px}.resources-directory{padding-bottom:48px}.resource-section summary{padding-block:23px;gap:18px}.resource-section h2{font-size:18px;line-height:1.55}.resource-panel{padding:22px 18px 6px;margin-bottom:22px}.resource-grid{grid-template-columns:1fr;padding-bottom:10px}.resource-entry{padding-block:22px 18px}.resource-entry :is(h3,h4){font-size:19px}.resource-book{display:grid;grid-template-columns:1fr;gap:18px}.resource-cover,.resource-featured .resource-cover{width:88px;height:132px;flex-basis:auto}.resource-featured{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.resource-section::details-content,.resource-indicator:after{transition:none}}