/* Affirm section structure, Tropical Yards' existing teal, Inter and DM Serif. */
.blog-template{--blog-teal:#1a5c5e;--blog-paper:#f4f8f6;--blog-ink:#173d3e;background:#fff}
.blog-template .hero{position:relative;isolation:isolate;overflow:hidden;background:#0d2f2f;color:#fff;padding:72px 0 64px}
.blog-template .hero__content{position:relative;z-index:2;max-width:1100px}
.blog-template .hero h1{font-family:'DM Serif Display',serif;color:#fff;font-size:clamp(2rem,4vw,3.3rem);line-height:1.13;max-width:900px;margin:16px 0 24px}
.blog-template .hero p{max-width:700px;line-height:1.7}
.blog-template .hero__media,.blog-template .hero__scrim{position:absolute;inset:0;z-index:-2}
.blog-template .hero__media img{width:100%;height:100%;object-fit:cover;opacity:.5}
.blog-template .hero__scrim{z-index:-1;background:linear-gradient(90deg,rgba(13,47,47,.96),rgba(13,47,47,.55))}
.blog-template .breadcrumbs{padding:0;background:none;color:#fff}
.blog-template .breadcrumbs ol{display:flex;gap:10px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.blog-template .breadcrumbs li+li:before{content:'›';margin-right:10px}
.blog-template .breadcrumbs a,.blog-template .author-line a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.blog-template .author-line,.blog-template .button-row{display:flex;gap:16px 24px;flex-wrap:wrap;align-items:center}
.blog-template .author-line{font-size:.9rem;line-height:1.6}
.blog-template .button-row .btn:not(.btn-primary){color:#fff;border:1px solid #fff}
.blog-template .section{padding:56px 0}
.blog-template .section--paper,.blog-template .blog-category:nth-of-type(even){background:var(--blog-paper)}
.blog-template .category-jump{border-bottom:1px solid #d4e8e4;padding:20px 0}
.blog-template .category-jump .container{display:flex;gap:12px 24px;flex-wrap:wrap}
.blog-template .category-jump a{font-size:.9rem;color:var(--blog-teal);text-decoration:underline}
.blog-template .split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.blog-template .split__media img{display:block;width:100%;aspect-ratio:8/5;object-fit:cover;border-radius:12px}
.blog-template .blog-hubs{border-block:1px solid #d4e8e4}
.blog-template .blog-hubs__list{display:flex;gap:12px 32px;flex-wrap:wrap;padding-left:20px;margin-bottom:0}
.blog-template .blog-category__heading,.blog-template .archive-heading{margin-bottom:28px}
.blog-template .archive-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:24px}
.blog-template .archive-filters input,.blog-template .archive-filters select{font:inherit;padding:12px;border:1px solid #c8dfd8;border-radius:6px;max-width:100%;background:#fff}
.blog-template .archive-filters [role=status]{width:100%;margin:0}
.blog-template [hidden]{display:none!important}
.blog-template .blog-category__grid,.blog-template .archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-template .post-card,.blog-template .category-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d4e8e4;border-radius:12px;color:var(--blog-ink);background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s}
.blog-template .post-card:hover,.blog-template .category-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #173d3e18}
.blog-template .post-card__image img,.blog-template .category-card__image img{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
.blog-template .post-card__body,.blog-template .category-card__body{padding:24px;display:flex;flex:1;flex-direction:column;gap:14px}
.blog-template .post-card h3,.blog-template .category-card h3{font-size:1.35rem;line-height:1.3;margin:0}
.blog-template .post-card p,.blog-template .category-card p{font-size:.95rem;line-height:1.65;margin:0}
.blog-template .post-card__meta{font-size:.78rem;display:flex;flex-wrap:wrap;gap:8px 16px}
.blog-template .post-card__arrow{margin-top:auto;font-weight:600;color:var(--blog-teal)}
.blog-template .archive-pagination{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:40px;flex-wrap:wrap}
.blog-template .archive-pagination__pages{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:720px}
.blog-template .archive-pagination a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:8px;color:var(--blog-teal);border:1px solid #c8dfd8;border-radius:6px}
.blog-template .archive-pagination [aria-current=page]{background:var(--blog-teal);color:#fff}
.blog-template .article-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(240px,1fr);gap:48px;align-items:start}
.blog-template .article-prose{min-width:0;font-size:1.05rem;line-height:1.8;color:#263b37}
.blog-template .article-prose h2{margin:40px 0 18px;font-size:1.8rem;line-height:1.25}
.blog-template .article-prose h3{margin:28px 0 14px;line-height:1.35}
.blog-template .article-prose p{margin:0 0 20px}
.blog-template .article-prose ul,.blog-template .article-prose ol{padding-left:24px;margin:20px 0}
.blog-template .article-prose li{margin:8px 0}
.blog-template .article-prose img{max-width:100%;height:auto}
.blog-template .article-prose table{display:block;max-width:100%;overflow:auto}
.blog-template .sidebar-card{padding:28px;border:1px solid #c8dfd8;border-radius:12px;background:#fff;margin-bottom:24px;overflow-wrap:anywhere}
.blog-template .sidebar-card h2{font-size:1.3rem;margin:0 0 16px}
.blog-template .sidebar-card p{line-height:1.65}
.blog-template .faq{margin-top:40px;border-top:1px solid #c8dfd8;padding-top:16px}
.blog-template .faq details{border-bottom:1px solid #c8dfd8;padding:18px 0}
.blog-template .faq__question{font-weight:600;cursor:pointer;line-height:1.5}
.blog-template .faq__answer{padding-top:16px}
.blog-template a:focus-visible,.blog-template button:focus-visible,.blog-template summary:focus-visible{outline:3px solid #d39945;outline-offset:4px}
@media(min-width:769px){.blog-template .nav-item .mega-menu{translate:0 8px;transition:opacity .2s,visibility .2s,translate .2s}.blog-template .nav-item:hover .mega-menu,.blog-template .nav-item:focus-within .mega-menu{translate:0 0;opacity:1;visibility:visible;pointer-events:auto}}
@media(max-width:900px){.blog-template .article-layout{grid-template-columns:minmax(0,1fr)}.blog-template .archive-grid,.blog-template .blog-category__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-template .hero{padding:40px 0}.blog-template .section{padding:36px 0}.blog-template .split,.blog-template .archive-grid,.blog-template .blog-category__grid{grid-template-columns:minmax(0,1fr)}.blog-template .split,.blog-template .article-layout{gap:28px}.blog-template .breadcrumbs{font-size:.8rem}.blog-template .sidebar-card{padding:22px}}
@media(prefers-reduced-motion:reduce){.blog-template *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
