.blog-hero{padding-top:90px;padding-bottom:90px;border-bottom:1px solid #d7c4b2}.blog-hero h1{max-width:850px;margin:.2em 0;font:500 clamp(2.7rem,8vw,6rem)/.98 Georgia,serif;color:var(--brown);letter-spacing:-.05em}.blog-hero p{max-width:650px;font-size:1.18rem}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.post-card{display:flex;min-height:310px;flex-direction:column;padding:28px;border-top:7px solid var(--clay,#a65338);background:#fff;box-shadow:10px 12px 0 #6b453412}.post-card:nth-child(2){border-color:var(--blue,#536878)}.post-card h2{font:500 2rem/1.08 Georgia,serif;text-transform:none}.post-card p{flex:1}.post-card a{color:var(--brown);font-weight:700}.post-meta{font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#765f53}.article-header{max-width:950px;margin:auto;padding-bottom:40px}.article-header h1{margin:.25em 0;font:500 clamp(2.6rem,7vw,5.6rem)/1 Georgia,serif;color:var(--brown);letter-spacing:-.045em}.article-body{max-width:760px;margin:auto;padding-top:20px}.article-body p{font-size:clamp(1.05rem,2vw,1.2rem)}.article-body h2{margin-top:2.2em}.article-body .lead{font-size:clamp(1.25rem,3vw,1.55rem);line-height:1.55;color:var(--brown)}.article-body blockquote{margin:2.2em 0;padding:24px;border-left:7px solid var(--clay,#a65338);background:#fff;font:italic 1.25rem/1.55 Georgia,serif}.article-timeline{display:grid;gap:14px;margin:38px 0}.article-timeline div{padding:20px;border-left:5px solid var(--gold,#c69255);background:#fff}.article-timeline strong{display:block;color:var(--brown);font-size:1.35rem}.back-link{display:inline-block;margin-top:40px;color:var(--brown);font-weight:700}html[data-theme="sign"] .blog-hero{background:#f3b928;border-bottom:10px solid #171619}html[data-theme="sign"] .blog-hero h1,html[data-theme="sign"] .article-header h1{font-family:Arial Black,Impact,sans-serif;font-style:italic;text-transform:uppercase}html[data-theme="sign"] .post-card{border:3px solid #171619;border-top:12px solid #f3b928;box-shadow:8px 8px 0 #171619}html[data-theme="sign"] .post-card h2{font-family:Arial Black,Impact,sans-serif;font-style:italic}html[data-theme="sign"] .article-timeline div{border:3px solid #171619;border-left:12px solid #f3b928;box-shadow:5px 5px 0 #171619}@media(max-width:600px){.blog-hero{padding-top:60px;padding-bottom:60px}.post-card{min-height:260px}.article-header{padding-top:55px}}
/* Illustrated blog guides */
.guide-visual{width:min(calc(100vw - 32px),1100px);margin:12px 50% 48px;transform:translateX(-50%);overflow:hidden;border-radius:22px;background:#f7efe3;box-shadow:0 18px 48px #4f36231f}
.guide-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.guide-visual figcaption{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;color:#634f43;font-size:.9rem;line-height:1.4}
.guide-visual figcaption span{flex:none;color:#7a685c;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:600px){.guide-visual{width:calc(100vw - 20px);margin-bottom:34px;border-radius:14px}.guide-visual figcaption{display:block;padding:12px 14px;font-size:.82rem}.guide-visual figcaption span{display:block;margin-top:4px;font-size:.68rem}}
.article-header{display:block;width:min(950px,100%)}
.article-body{width:min(760px,90%)}
.article-header h1,.post-card h2{overflow-wrap:anywhere}
html[data-theme="sign"] .blog-hero h1,html[data-theme="sign"] .article-header h1,html[data-theme="sign"] .post-card h2{font-family:Arial,Helvetica,sans-serif;font-weight:900;line-height:1.08;letter-spacing:-.015em}