.blog-page .localized-header,.blog-page .localized-footer { flex-shrink:0; }
.blog-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.blog-section-heading h2 { margin-bottom:12px; }
.blog-section-heading p { max-width:680px; margin-bottom:0; }
.blog-section-heading > a { flex-shrink:0; padding-bottom:5px; }
.blog-kicker { color:#176d3b !important; font-size:12px !important; font-weight:800; letter-spacing:.06em; line-height:1.5 !important; }
.orbit-site .blog-kicker { color:#086da9 !important; }
.blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.blog-card { min-width:0; overflow:hidden; border:1px solid #233b2a16; border-radius:22px; background:#fff; box-shadow:0 12px 28px -18px #233b2a26; }
.blog-card-link { display:flex; flex-direction:column; height:100%; color:inherit !important; text-decoration:none; font-weight:400 !important; }
.blog-card-copy { display:flex; flex-direction:column; flex:1; padding:24px; }
.blog-card-copy .blog-kicker { margin:0 0 12px; }
.blog-card-copy h3 { color:#1c2932; font-size:23px; line-height:1.25; letter-spacing:-.025em; }
.blog-card-copy p { color:#4b5a50; font-size:16px; line-height:1.6; }
.blog-read { display:block; margin-top:auto; padding-top:12px; color:#176d3b; font-size:15px; font-weight:800; }
.orbit-site .blog-read { color:#086da9; }
.blog-art { display:grid; place-items:center; height:190px; color:#234e41; background:#eaf5e5; }
.blog-art svg { width:245px; max-width:90%; height:170px; }
.blog-art .art-accent { stroke:#eb7a28; }
.blog-art--phone-habits { background:#fff0db; color:#805c35; }
.blog-art--retrieval-practice { background:#eaf5e5; }
.blog-art--spaced-practice { background:#e9f4fd; color:#316887; }
.blog-art--everyday-connections { background:#e4f3ff; color:#246b91; }
.blog-art--music-and-memory { background:#fff0e8; color:#9b6550; }
.blog-art--photos-and-memories { background:#f0f5dd; color:#617438; }
.blog-card-link:hover .blog-read { text-decoration:underline; text-underline-offset:4px; }
.blog-index { min-height:65vh; }
.blog-index h1 { max-width:900px; margin:20px 0; font-size:clamp(34px,4.8vw,58px); line-height:1.12; letter-spacing:-.035em; }
.blog-index .blog-grid { margin-top:42px; }
.blog-article { max-width:1100px; padding:32px 24px 0; margin:0 auto; }
.blog-breadcrumb { display:flex; gap:12px; font-size:14px; margin:0 0 32px; }
.blog-breadcrumb a { color:#46574b; text-underline-offset:4px; }
.blog-article-heading { max-width:820px; margin:0 auto 30px; }
.blog-article-heading h1 { margin:16px 0 22px; font-size:clamp(32px,4.4vw,54px); line-height:1.14; letter-spacing:-.035em; }
.blog-deck { max-width:820px; color:#46574b; font-size:20px; line-height:1.6; }
.blog-byline { color:#65736b; font-size:14px; }
.blog-article > .blog-art { max-width:820px; margin:0 auto 34px; height:240px; border-radius:24px; }
.blog-article > .blog-art svg { height:210px; width:300px; }
.blog-prose { max-width:740px; margin:0 auto; }
.blog-prose p,.blog-prose li { color:#394a40; font-size:18px; line-height:1.8; }
.blog-prose h2 { margin:36px 0 15px; font-size:27px; line-height:1.3; }
.blog-prose ol { padding-left:25px; }
.blog-prose li { padding-left:5px; margin:0 0 15px; }
.blog-prose a { color:#176d3b; text-underline-offset:4px; overflow-wrap:anywhere; }
.orbit-site .blog-prose a { color:#086da9; }
.blog-cite { white-space:nowrap; font-size:14px; font-weight:800; }
.blog-sources { border-top:1px solid #18211b1a; margin-top:35px; padding-top:1px; }
.blog-sources li { font-size:15px; }
.blog-back { display:inline-block; margin:20px 0 50px; font-weight:800; }
@media(min-width:861px) { .blog-article + .localized-section .blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:860px) { .blog-grid { grid-template-columns:1fr; } .blog-card-link { display:grid; grid-template-columns:180px 1fr; } .blog-art { height:100%; min-height:210px; } .blog-card-copy { padding:22px; } .blog-section-heading { display:block; } .blog-section-heading > a { display:inline-block; margin-top:18px; } }
@media(max-width:520px) { .header-actions > .blog-nav-link { display:none; } .blog-card-link { display:flex; } .blog-art { height:175px; min-height:175px; } .blog-card-copy { padding:22px; } .blog-article { padding-inline:18px; } .blog-prose p,.blog-prose li { font-size:17px; } .blog-deck { font-size:18px; } .blog-article > .blog-art { height:200px; } }

/* A compact link-only overview on the Orbit home page. Full articles keep their layout. */
.blog-compact { padding-block:40px; }
.blog-compact .blog-section-heading { align-items:center; margin-bottom:10px; }
.blog-compact .blog-section-heading h2 { margin:0; font-size:28px; }
.blog-compact .blog-section-heading > a { font-size:14px; }
.blog-compact .blog-grid { gap:28px; }
.blog-compact .blog-card { border:0; border-top:1px solid #dfe6eb; border-radius:0; background:transparent; box-shadow:none; }
.blog-compact .blog-card-link { display:flex; flex-direction:row; align-items:flex-start; justify-content:space-between; gap:18px; padding:21px 0 0; }
.blog-compact .blog-card-link h3 { margin:0; color:#253642; font-size:19px; font-weight:800; line-height:1.45; letter-spacing:-.015em; }
.blog-compact .blog-card-link > span { color:#0876b6; font-size:21px; }
.blog-compact .blog-card-link:hover h3 { color:#0876b6; }
@media(max-width:860px) { .blog-compact .blog-grid { grid-template-columns:1fr; gap:18px; } .blog-compact .blog-section-heading { display:flex; } .blog-compact .blog-section-heading > a { margin-top:0; } }
@media(max-width:520px) { .blog-compact { padding-block:32px; } .blog-compact .blog-card-link { padding-top:16px; } .blog-compact .blog-card-link h3 { font-size:18px; } }

.blog-product-cta { margin:28px 0; padding:24px; border:1px solid #d8e5d8; border-radius:20px; background:#f1f7ed; }
.blog-product-cta p { margin:0 0 16px; }
.blog-product-cta .localized-download { display:inline-flex; max-width:100%; box-sizing:border-box; color:#fff; background:#176d3b; text-decoration:none; font-size:16px; }
.blog-product-cta .localized-download:focus-visible { outline:3px solid #eb7a28; outline-offset:4px; }

.guide-links { max-width:1100px; margin-inline:auto; }
.guide-links h2 { font-size:24px; }
.guide-links ul { padding-left:22px; }
.guide-links a { color:#176d3b; font-weight:700; text-underline-offset:4px; }
.orbit-site .guide-links a { color:#086da9; }

.guide-header .localized-brand { display:flex; align-items:center; gap:10px; color:#18211b; text-decoration:none; font-size:24px; font-weight:800; }
.guide-header .localized-brand img { width:36px; height:36px; object-fit:contain; }
.guide-header .header-actions { display:flex; gap:24px; align-items:center; }
