/* Scoped writing collection, shared between the homepage and reading page. */
.hfn-home .writing-intro,.hfn-home .writing-feature,.hfn-home .writing-grid,.hfn-home .writing-index-link { max-width:1160px;margin:0 auto 28px; }
.hfn-home .writing-intro>p {max-width:760px;color:#e0efed;line-height:1.7}.hfn-home #writing a{color:#d0ffed;text-underline-offset:4px}.hfn-home .writing-intro h2{max-width:950px}
.hfn-home .writing-feature{display:grid;grid-template-columns:1.4fr 1fr;background:#d8f3e8;color:#12383e;border:1px solid #a9ddce;border-radius:8px;overflow:hidden}
.hfn-home .writing-feature>div{padding:32px}.hfn-home .writing-feature h3{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1;color:#12383e;margin:12px 0 22px}.hfn-home .writing-feature img{width:100%;height:100%;object-fit:cover}
.hfn-home #writing .writing-feature a{color:#12585b}.hfn-home .writing-feature p{color:#285257}.hfn-home .writing-feature blockquote{margin:0 0 20px;font-size:1.25rem;line-height:1.6}
.hfn-home .writing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hfn-home .writing-card{background:#153b50;padding:26px;border:1px solid #72bcbd66;border-radius:8px;display:flex;flex-direction:column}.hfn-home .writing-card h3{font-size:1.5rem;line-height:1.2;margin:10px 0 20px}.hfn-home .writing-card blockquote{margin:0 0 24px;line-height:1.7;color:#d8e9e7}.hfn-home .writing-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:auto;font-size:.95rem;font-weight:650}.hfn-home .writing-card .writing-links{flex-direction:column}.hfn-home .writing-index-link{padding-top:8px}
@media(max-width:800px){.hfn-home .writing-grid{grid-template-columns:1fr}.hfn-home .writing-feature{grid-template-columns:1fr}.hfn-home .writing-feature img{max-height:270px;object-fit:contain;background:#0c4545}.hfn-home .writing-feature>div{padding:24px}}
body:not(.hfn-home){margin:0;background:#102c3b;color:#f2f3e9;font-family:Arial,sans-serif;line-height:1.7}body:not(.hfn-home) *{box-sizing:border-box}body:not(.hfn-home) a{color:#8fe8cc;text-underline-offset:4px}body:not(.hfn-home) header{display:flex;align-items:center;justify-content:space-between;padding:20px max(20px,calc((100vw - 1120px)/2));gap:20px;background:#0a2030;border-bottom:1px solid #8bc5c344}body:not(.hfn-home) header nav{display:flex;gap:24px}body:not(.hfn-home) .brand{font-weight:800;text-decoration:none;color:#f4f5ea}body:not(.hfn-home) .brand span{color:#8fe8cc}body:not(.hfn-home) main{max-width:1120px;margin:auto;padding:0 20px}body:not(.hfn-home) .reading-intro{padding:64px 0}body:not(.hfn-home) h1{font-size:clamp(2.5rem,6vw,4.8rem);line-height:1.06;letter-spacing:-.04em;margin:18px 0 26px}body:not(.hfn-home) .reading-intro>p{max-width:720px}body:not(.hfn-home) .kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700}body:not(.hfn-home) .contents{display:grid;gap:10px;max-width:780px;margin-top:28px;padding-top:22px;border-top:1px solid #8bc5c344}body:not(.hfn-home) .essay{background:#e1f0e7;color:#16383d;padding:clamp(24px,6vw,72px);border-radius:8px;margin-bottom:40px;scroll-margin-top:20px}body:not(.hfn-home) .essay h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:12px 0 24px;max-width:820px}body:not(.hfn-home) .essay a{color:#166267}body:not(.hfn-home) .source{font-size:.9rem;border-bottom:1px solid #1d6f6b44;padding-bottom:22px;margin-bottom:36px}body:not(.hfn-home) .prose{max-width:740px;font-size:1.1rem}body:not(.hfn-home) .prose p{margin:0 0 1em}body:not(.hfn-home) .prose h3{font-size:1.65rem;line-height:1.3;margin:2.3em 0 1em}body:not(.hfn-home) .discussion{display:inline-block;margin-top:26px;font-weight:700}body:not(.hfn-home) .posts-heading{padding:30px 0}body:not(.hfn-home) .posts-heading h2{font-size:2rem;line-height:1.2}body:not(.hfn-home) .post-essay{background:#cce6de}body:not(.hfn-home) footer{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:24px 0 60px}body:not(.hfn-home) .skip{position:absolute;left:-10000px}body:not(.hfn-home) .skip:focus{left:16px;top:12px;background:#123b47;padding:10px;z-index:2}body:not(.hfn-home) :focus-visible{outline:3px solid #379c88;outline-offset:5px}@media(max-width:500px){body:not(.hfn-home) header{align-items:flex-start;font-size:.9rem}body:not(.hfn-home) header nav{gap:14px}body:not(.hfn-home) .reading-intro{padding:40px 0}}

.hfn-home .writing-intro h2{margin-bottom:22px}