/* Display refinements. The original palette and H2 rules remain in style.css. */
.card-image{background:#f0ece6}
.card-image img{object-fit:contain;object-position:center}
.card-image{min-width:0}
.card-image img{display:block;max-width:100%}
.card h3{line-height:1.85;letter-spacing:.02em}
.card-copy{padding-top:16px}
.article-body h3{border:0;border-left:2px solid #b89b91;background:transparent;padding:10px 16px;margin:42px 0 22px;font-size:21px;line-height:1.8;font-weight:600}
.article-body h4{font-size:18px;line-height:1.9;font-weight:600;color:#66534e;border-bottom:1px solid #d7c6bf;padding:0 0 8px;margin:30px 0 18px;overflow-wrap:anywhere}
.article-body .simplified-blogcard{padding:18px;margin:28px 0 34px;border:1px solid #ded8d0;background:transparent}
.article-body .simplified-blogcard .blogcard{display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);gap:4px 20px;border:0;padding:0}
.article-body .simplified-blogcard .blogcard-thumbnail{grid-row:1/3;float:none;width:100%;max-width:none;margin:0;aspect-ratio:16/9;background:#f0ece6;align-self:start}
.article-body .simplified-blogcard .blogcard-thumbnail img{display:block;width:100%;height:100%!important;max-width:100%;object-fit:contain;object-position:center;margin:0}
.article-body .simplified-blogcard .blogcard-content{grid-column:2;min-width:0}
.article-body .simplified-blogcard .blogcard-title{font-family:var(--serif);font-size:17px;font-weight:500;line-height:1.85;overflow-wrap:anywhere}
.article-body .simplified-blogcard .blogcard-footer{grid-column:2;clear:none;padding:4px 0 0;font-size:12px;color:var(--muted);line-height:1.7}
.article-body .simplified-blogcard .blogcard-label,.article-body .simplified-blogcard .blogcard-favicon{display:none}
.article-body .simplified-blogcard .tag{font-family:inherit;color:var(--ink);font-size:12px;font-weight:400;margin:0 0 7px}
.about-me{gap:26px;padding:32px;margin-top:44px}
.about-me>img{width:96px;height:96px;flex:0 0 96px;margin:0}
.about-me .about-copy{min-width:0}
.about-me h2{font-size:23px;line-height:1.65}
.about-me p{font-size:15px;line-height:1.9;margin-top:10px}
.about-me .eyebrow{margin-bottom:5px}
.about-socials{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px}
.about-socials a{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:6px 0;font-size:12px;color:#66534e}
.about-socials svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}
.hero-image picture{display:block;width:100%;height:100%}
.hero-image img{object-position:var(--hero-desktop-position,50% 50%)}
@media(max-width:600px){
 .card{display:block}
 .card-image{aspect-ratio:16/9}
 .card-copy{padding:13px 0 0}
 .card h3{font-size:17px;line-height:1.85}
 .card time{font-size:12px;margin-top:8px}
 .cards{gap:30px}
 .article-body h3{font-size:19px;padding:10px 14px;margin-top:36px}
 .article-body h4{font-size:17px;margin-top:28px}
 .article-body .simplified-blogcard{padding:16px}
 .article-body .simplified-blogcard .blogcard{display:block}
 .article-body .simplified-blogcard .blogcard-thumbnail{margin-bottom:14px;width:100%;max-width:none}
 .article-body .simplified-blogcard .blogcard-title{font-size:17px;line-height:1.85}
 .article-body .simplified-blogcard .blogcard-footer{padding-top:8px}
 .about-me{display:flex;align-items:start;gap:16px;padding:24px 20px}
 .about-me>img{width:64px;height:64px;flex-basis:64px;margin:0}
 .about-me h2{font-size:21px}
 .about-me p{font-size:14px}
 .about-me .text-link{font-size:14px;min-height:44px}
 .about-socials{gap:4px 10px}
 .about-socials a{font-size:12px}
 .hero-image img{object-position:var(--hero-mobile-position,50% 50%)}
}
@media(max-width:350px){
 .category-buttons>a{font-size:15px;padding-inline:4px;white-space:nowrap}
 .about-me{display:block;padding:24px 18px}
 .about-me>img{margin-bottom:18px}
}

/* Inline card labels do not apply to top/list/related article cards. */
.article-body .inline-card-label{display:table;margin:0 0 13px;padding:2px 10px;background:#ebdcd8;color:#66534e;font-size:12px;line-height:1.8;letter-spacing:.04em}
.search-keywords{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:16px 0 12px;max-width:100%}
.search-keywords-caption{flex-basis:100%;font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:2px}
.search-keyword{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;max-width:100%;padding:7px 14px;border:1px solid #ded8d0;border-radius:999px;background:#f1ede6;color:#66534e;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.search-keyword:hover{background:#ebdcd8}
.search-keyword:focus-visible{outline:3px solid #9b676c;outline-offset:3px}

/* IMG_5940: wide depth on desktop, TV/sofa framing on phones. */
.hero-image{height:auto;aspect-ratio:var(--hero-ratio-desktop,16 / 10)}
@media(max-width:600px){.hero-image{height:auto;aspect-ratio:var(--hero-ratio-mobile,6 / 5)}}