/* Local editorial review: native typography and site colour, accessible image chapters. */
.hpf-reading{--reading-accent:#08766d;--reading-panel:#eff6f5;--reading-ink:#24343a;color:var(--reading-ink);max-width:1160px;margin:auto;padding:clamp(28px,4vw,64px) 24px;}
.hpf-reading h1{max-width:950px;line-height:1.12;margin:0 0 22px;font-size:clamp(30px,3.2vw,48px);}
.hpf-reading h2{line-height:1.2;margin:0 0 18px;font-size:clamp(23px,2.1vw,31px);}
.hpf-reading p{max-width:79ch;line-height:1.75;}.hpf-reading a{color:var(--reading-accent);text-underline-offset:4px;}
.hpf-reading a:focus-visible,.hpf-reading summary:focus-visible{outline:3px solid var(--reading-accent);outline-offset:5px;}
.hpf-reading .chapter{padding:32px 0 38px;}.hpf-reading .chapter+.chapter{border-top:1px solid color-mix(in srgb,var(--reading-accent) 25%,transparent);}
.hpf-reading .chapter p{margin:0 0 22px;}.hpf-reading figure{margin:26px 0 0;}.hpf-reading figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#f5f5f5;}
.hpf-reading figcaption{font-size:14px;line-height:1.65;max-width:95ch;padding:12px 0;}.hpf-reading .full-size{display:inline-block;min-height:44px;padding:10px 0;}
.hpf-reading .reading-note{padding:18px 24px;background:var(--reading-panel);border-inline-start:4px solid var(--reading-accent);margin:24px 0;}
.hpf-reading .reading-toc{display:flex;flex-wrap:wrap;gap:8px 18px;padding:16px 0 24px;}.hpf-reading .reading-toc a{padding:8px 0;min-height:44px;}
.hpf-reading details{margin:24px 0;background:var(--reading-panel);padding:16px 20px;}.hpf-reading summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:700;}
.hpf-reading video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111;}
.hpf-reading.browse-all{padding-top:36px;padding-bottom:44px;}.hpf-reading.browse-all>p{margin-bottom:24px;}
.hpf-reading .category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px;list-style:none;margin:0;padding:0;}
.hpf-reading .category-grid li{margin:0;min-width:0;padding:0;}.hpf-reading .category-grid a{display:block;color:inherit;text-decoration:none;}
.hpf-reading .category-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f4f4f1;border-radius:8px;}
.hpf-reading .category-grid strong{display:block;padding-top:12px;line-height:1.35;}.hpf-reading .category-grid a:hover strong{color:var(--reading-accent);text-decoration:underline;}
.hpf-reading.journey-door{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center;}.hpf-reading.journey-door img{width:100%;height:auto;display:block;}.hpf-reading.journey-door p{margin-bottom:18px;}
@media(max-width:700px){.hpf-reading{padding:28px 20px;}.hpf-reading .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;}.hpf-reading.journey-door{grid-template-columns:1fr;gap:20px;}.hpf-reading .chapter{padding:28px 0;}}

.hpf-reading.reading-explainer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:start;} .hpf-reading.reading-explainer figure{margin:0;} .hpf-reading.reading-explainer img{width:100%;height:auto;} @media(max-width:800px){.hpf-reading.reading-explainer{grid-template-columns:1fr;}}

.hpf-reading h1{font-family:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;}.hpf-reading h2{font-family:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;}