.blog-page .essay{width:min(100% - 40px,760px);margin:0 auto;padding:70px 0 110px}.blog-page .blog-listing{width:min(100% - 40px,1050px);margin:0 auto;padding:80px 0 120px;min-height:75vh}.blog-page .eyebrow{color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.blog-page .eyebrow a{text-decoration:none}.blog-page h1{font-size:clamp(2.6rem,5.5vw,4.3rem);line-height:1.09;margin:18px 0;max-width:none}.blog-page .dek{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6;color:var(--muted);margin:0 0 22px}.blog-page .byline{color:var(--muted);font-size:.86rem;margin-bottom:32px}.blog-page .essay>p:not(.dek):not(.eyebrow):not(.byline):not(.pullquote){font-size:1.05rem;line-height:1.9;margin:0 0 23px}.blog-page .essay h2{font-size:clamp(1.65rem,3vw,2.2rem);line-height:1.2;margin:52px 0 22px;max-width:none}.blog-page .essay h3{font-size:1.35rem;margin:33px 0 20px}.blog-page .essay a{color:var(--accent)}.blog-page blockquote{font:1.13rem/1.95 Georgia,serif;margin:28px 0;background:var(--soft);border-left:3px solid var(--accent);padding:20px 24px;border-radius:0 12px 12px 0}.blog-page blockquote.persian{font:clamp(1.15rem,2.7vw,1.55rem)/2.4 Tahoma,serif;text-align:center;border-left:none;border-right:3px solid var(--accent);border-radius:12px 0 0 12px}.blog-page .pullquote{font-size:1.45rem;font-weight:700;line-height:1.5;border-left:3px solid var(--accent);padding-left:22px;margin:30px 0}.blog-page .triangle{font:clamp(.82rem,2vw,1.07rem)/2 ui-monospace,monospace;text-align:center;padding:25px 4px;border:1px solid var(--line);background:var(--soft);border-radius:14px;margin:26px 0;white-space:nowrap}.blog-page .hero-art{margin:24px 0 42px}.blog-page .hero-art img{display:block;width:100%;max-height:580px;object-fit:contain;border-radius:15px}.blog-page .hero-art img[hidden]{display:none}.blog-page figcaption{color:var(--muted);font-size:.79rem;line-height:1.5;margin-top:9px}.blog-page .art-fallback{height:345px;display:flex;flex-direction:column;justify-content:space-between;padding:27px;border-radius:15px;background:linear-gradient(135deg,#26333b,#736b61,#b4946c);color:white}.blog-page .art-fallback strong{font:clamp(2.3rem,6vw,4.2rem) Georgia,serif}.blog-page .art-fallback span{letter-spacing:.16em;font-size:.7rem}.blog-page .sources{border-top:1px solid var(--line);margin-top:65px;padding-top:22px;color:var(--muted);font-size:.9rem;line-height:1.8}.blog-page .essay-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;background:var(--panel);margin-top:52px}.blog-page .card-visual{padding:30px;min-height:340px;color:white;background:linear-gradient(135deg,#243b45,#6b7777,#b49a77);display:flex;flex-direction:column;justify-content:space-between}.blog-page .card-visual small{letter-spacing:.15em}.blog-page .card-visual strong{font:clamp(2rem,4vw,3.4rem)/1.2 Georgia,serif}.blog-page .card-content{padding:32px;display:flex;flex-direction:column;justify-content:center}.blog-page .card-content h2{font-size:clamp(1.55rem,2.5vw,2.1rem);line-height:1.2;margin:0 0 12px}.blog-page .card-content>p:not(.eyebrow){color:var(--muted);line-height:1.7}.blog-page .card-content b{color:var(--accent);margin-top:16px}@media(max-width:700px){.blog-page .essay,.blog-page .blog-listing{padding-top:38px}.blog-page .essay-card{grid-template-columns:1fr}.blog-page .card-visual{min-height:245px}.blog-page .card-content{padding:24px}.blog-page blockquote{font-size:1rem;padding:15px}}
/* Compact writing index header */
.blog-page .blog-listing{padding-top:46px}
.blog-page .blog-listing .blog-compact-heading{font-size:clamp(1.45rem,2.7vw,2rem);line-height:1.25;letter-spacing:-.025em;margin:0 0 18px}
.blog-page .blog-listing .essay-card{margin-top:0}
@media(max-width:700px){.blog-page .blog-listing{padding-top:28px}}

/* The Met artwork replaces the card gradient when its public image loads. */
.blog-page .card-visual{position:relative;background-size:cover;background-position:center 42%;isolation:isolate}
.blog-page .card-visual::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,19,31,.57),rgba(7,19,31,.17) 43%,rgba(7,19,31,.64))}
.blog-page .card-visual small,.blog-page .card-visual strong{position:relative;z-index:1;text-shadow:0 2px 12px rgba(0,0,0,.35)}

/* Reliable public-domain artwork source; no API request required. */
.blog-page .card-visual{background-image:url("https://commons.wikimedia.org/wiki/Special:FilePath/Elihu_Vedder_-_The_Cup_of_Love.jpg") !important;background-position:center 36%;background-size:cover}