/* The reading room: one editorial layout across every resource category. */
.resource-width{width:88%;max-width:1162px;margin-left:auto;margin-right:auto}
.resources-page .eyebrow{font-size:10px;letter-spacing:2px;color:#cfb6dc;line-height:1.7;margin-bottom:16px}
.resource-overview{padding-top:60px}
.resource-overview h1{font-size:clamp(48px,5.7vw,76px);line-height:1.04;letter-spacing:-2.2px;margin-bottom:21px}
.resource-lead{font-size:clamp(18px,1.85vw,24px);line-height:1.5;color:#ded1e5;max-width:650px;margin-bottom:20px}
.resource-intro{max-width:760px;color:#c7bdce;font-size:14px;line-height:1.9;margin-bottom:28px}
.resource-overview-image{margin:0;overflow:hidden;border-radius:8px;position:relative}
.resource-overview-image img{display:block;width:100%;height:250px;object-fit:cover;object-position:center 55%}
.resource-directory{padding-top:42px}
.resource-directory>h2{font-size:clamp(31px,3.3vw,43px);margin-bottom:24px}
.category-paths{list-style:none;margin:0;padding:0}
.category-paths>li+li{border-top:1px solid #70587966}
.category-path{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;align-items:center;padding:24px 0;min-height:150px}
.category-path h3{display:block;font-size:clamp(22px,2.5vw,31px);line-height:1.2;letter-spacing:-.8px;margin:0 0 9px}
.category-path p{color:#c7bdce;font-size:14px;line-height:1.8;max-width:565px;margin:0}
.category-path figure{margin:0;background:#140e18;border-radius:6px;overflow:hidden;height:105px}
.category-path figure img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.category-path[href*="writing"] figure img{object-fit:contain;background:radial-gradient(ellipse,#61275744,transparent 75%)}
.category-title-arrow{display:inline-block;width:22px;height:22px;color:#f24258;vertical-align:-2px;margin-left:12px;transition:transform .2s ease}
.category-path:hover h3{color:#efc4f3}.category-path:hover .category-title-arrow{transform:translateX(3px)}
.category-path:hover img{transform:scale(1.025)}
.resource-breadcrumb{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:12px;font-size:11px;padding:27px 0 0;color:#c1a7cf;line-height:1.8}
.resource-breadcrumb a{padding:0;min-height:0}
.resource-breadcrumb>span:last-child{color:#e2d9e7}
.resource-category-hero{display:grid;grid-template-columns:1.13fr 1fr;gap:48px;align-items:center;padding:37px 0 25px}
.resource-category-hero h1{font-size:clamp(38px,4.55vw,61px);line-height:1.08;letter-spacing:-1.8px;margin-bottom:23px}
.resource-category-hero .resource-lead{font-size:19px;line-height:1.65;margin-bottom:0}
.resource-category-image{margin:0;border-radius:8px;overflow:hidden;background:#110d14;position:relative}
.resource-category-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.resource-category-image:has(img[src*="mim-notebook"]){background:radial-gradient(ellipse,#63234d33,transparent 75%)}
.resource-category-image img[src*="mim-notebook"]{object-fit:contain}
.resource-jumps{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 24px;padding:0;margin:8px 0 29px;font-size:12px;color:#d4b3e5;line-height:1.8}
.resource-jumps a{padding:7px 0;border-bottom:1px solid #9b6aae88;min-height:36px}
.resource-context{margin:0 0 34px;padding:0 0 0 18px;border-left:2px solid #ba496c;max-width:920px}
.resource-context p{font-size:13px;color:#c3b7cc;line-height:1.9;margin:0}
.resource-context a{text-decoration:underline;text-underline-offset:4px;color:#ead0f0}
.resource-group{padding:8px 0 0;margin-bottom:38px;scroll-margin-top:25px}
.resource-group h2{display:flex;align-items:center;gap:25px;font-size:clamp(25px,2.7vw,35px);line-height:1.25;letter-spacing:-.8px;margin-bottom:13px}
.resource-group h2:before{content:'';width:3px;align-self:stretch;background:linear-gradient(#b04bde,#f13952);border-radius:2px;flex-shrink:0}
.resource-list{list-style:none;padding:0;margin:0}
.resource-entry{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr) auto;gap:28px;align-items:start;padding:26px 0}
.resource-entry+.resource-entry{border-top:1px solid #6c536b66}
.resource-name h3{font-size:21px;letter-spacing:-.5px;line-height:1.3;margin:0 0 8px}
.resource-domain{display:block;font-size:11px;line-height:1.7;color:#c7a4da;overflow-wrap:anywhere}
.resource-access{display:block;font-size:10px;line-height:1.75;color:#b8a9c2;margin-top:8px}
.resource-description{padding-left:25px;border-left:1px solid #75518166}
.resource-description p{font-size:14px;line-height:1.85;color:#d4c9db;margin:0 0 12px}
.resource-description p:last-child{margin-bottom:0}
.resource-description .resource-why{font-size:12px;line-height:1.85;color:#bfb0c9}
.resource-why>span{display:block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1.3px;color:#d7b4e4;margin:0 0 5px}
.resource-visit{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;min-height:44px;color:#fb8390;white-space:nowrap;align-self:start}
.resource-visit span{font-size:20px;font-weight:400}.resource-visit:hover{color:#ffd6dd;text-decoration:underline;text-underline-offset:5px}
.resource-review-note{font-size:10px;color:#b5a6be;line-height:1.9;margin:0 0 24px;max-width:780px}
.resource-invitation{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:24px 0 0;margin-top:4px}
.resource-invitation p{font-size:14px;color:#d2c1db;margin:0}
.resource-suggest,.resource-back{font-size:12px;color:#e3bae9;display:inline-flex;align-items:center;gap:13px;min-height:44px}
.resource-back span,.resource-suggest span{font-size:20px;color:#f05267}
.resources-page .context-signup{margin-bottom:48px}
@media(max-width:1000px){.category-path{grid-template-columns:minmax(0,1fr) 160px;gap:18px}.category-path figure{height:95px}.resource-category-hero{gap:28px}.resource-entry{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr) auto;gap:18px}.resource-description{padding-left:18px}.resource-name h3{font-size:19px}.resource-category-hero .resource-lead{font-size:17px}}
@media(max-width:700px){.resource-overview{padding-top:35px}.resource-overview h1{font-size:45px;letter-spacing:-1.5px}.resource-intro{font-size:13px}.resource-overview-image img{height:175px}.resource-directory{padding-top:30px}.resource-directory>h2{font-size:30px}.category-path{grid-template-columns:minmax(0,1fr);gap:14px;padding:25px 0}.category-path figure{display:none}.category-path h3{font-size:23px}.category-path p{font-size:12px;line-height:1.85}.resource-breadcrumb{padding-top:20px;font-size:10px}.resource-category-hero{grid-template-columns:1fr;gap:23px;padding:25px 0 18px}.resource-category-hero h1{font-size:42px;letter-spacing:-1.4px;margin-bottom:18px}.resource-category-hero .resource-lead{font-size:17px}.resource-category-image img{aspect-ratio:16/9}.resource-category-image img[src*="mim-notebook"]{aspect-ratio:16/9}.resource-jumps{font-size:11px;gap:6px 18px;margin-bottom:24px}.resource-context{margin-bottom:27px;padding-left:14px}.resource-context p{font-size:12px}.resource-group{margin-bottom:25px}.resource-group h2{font-size:26px;gap:14px}.resource-entry{grid-template-columns:minmax(0,1fr) auto;gap:12px 15px;padding:23px 0}.resource-name h3{font-size:21px}.resource-access{font-size:10px;margin-top:4px}.resource-description{grid-row:2;grid-column:1/-1;border:0;padding:0}.resource-description p{font-size:13px}.resource-description .resource-why{font-size:12px}.resource-visit{grid-column:2;grid-row:1;font-size:11px;gap:5px}.resource-visit span{font-size:18px}.resource-invitation{align-items:flex-start;gap:10px;flex-wrap:wrap;padding-top:14px}.resource-invitation p{font-size:13px}.resource-back,.resource-suggest{font-size:11px}.resources-page .context-signup{margin-bottom:35px}}
@media(max-width:360px){.resource-category-hero h1,.resource-overview h1{font-size:37px}.resource-group h2{font-size:23px}.resource-name h3{font-size:19px}.resource-visit{font-size:10px}}
@media(prefers-reduced-motion:reduce){.category-path img,.category-title-arrow{transition:none}.category-path:hover .category-title-arrow{transform:none}}

.category-title-tail{white-space:nowrap}
