/* Vital Black's shared brand pages. Book-specific styling lives in styles.css. */
.brand-header{gap:2rem;flex-wrap:wrap}
.brand-header nav{gap:1.75rem;flex-wrap:wrap}
.brand-header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;line-height:1.4}
.brand-header nav a[aria-current="page"]{color:var(--green);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.brand-footer{max-width:var(--max);margin:auto;padding:2.25rem var(--gutter) 1.5rem;background:var(--ink)}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-bottom:1.75rem}
.footer-main nav{display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;font-size:.875rem;color:#cbd3c5}
.footer-main nav a{display:inline-flex;align-items:center;min-height:44px}.footer-main nav a:hover{color:var(--green)}
.footer-base{border-top:1px solid var(--line);padding-top:1.25rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;color:#a7b09e;font-size:.75rem}
.brand-hero{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,5vw,4.5rem);padding:3.5rem var(--gutter) 4rem;align-items:center;background:var(--ink)}
.brand-hero-copy{min-width:0}.brand-hero .eyebrow{font-size:.75rem;letter-spacing:.09em;line-height:1.7}
.brand-hero h1{font-size:clamp(2.75rem,6.35vw,5.8rem);line-height:1.1;letter-spacing:-.065em;margin-top:1.75rem;overflow-wrap:break-word}
.brand-hero h1 span{color:var(--green)}
.brand-hero-copy>p:not(.eyebrow){font-size:1.0625rem;line-height:1.9;color:#c2cbb9;max-width:32rem;margin-top:1.75rem}
.brand-hero-copy em{font-style:normal;color:var(--paper)}.brand-hero-copy>.button{margin-top:1.9rem}
.brand-feature{background:#dce5d4;color:var(--ink);padding:1.5rem 1.75rem;min-width:0}
.feature-top{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#47563d;font-size:.75rem;line-height:1.6;letter-spacing:.04em}
.feature-cover{display:block;width:65%;max-width:245px;margin:1.9rem auto;box-shadow:0 16px 22px -16px #0009;transition:transform .25s}
.feature-cover img{width:100%;height:auto}.feature-cover:hover{transform:translateY(-4px)}.feature-cover:focus-visible{outline-color:#315122}
.feature-caption{border-top:1px solid #afbea1;padding-top:1.1rem;font-size:.875rem;color:#34472a;line-height:1.65}
.home-resource{display:flex;justify-content:space-between;align-items:center;gap:3rem;background:var(--paper);color:var(--ink);padding-top:3.75rem;padding-bottom:3.75rem}
.home-resource h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-top:1.25rem}
.home-resource p:not(.eyebrow){max-width:36rem;font-size:1rem;line-height:1.8;color:#53634a;margin-top:1rem}
.button-ink{background:var(--ink);color:var(--paper);margin-top:1.5rem;font-size:.875rem;line-height:1.5;max-width:100%}
.button-ink:hover{background:#2e4722;transform:translateY(-2px)}.button-ink:focus-visible{outline-color:#386525}
.home-resource>.button{margin-top:0;flex-shrink:0}
.home-signup{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:start;background:var(--paper);color:var(--ink);border-top:1px solid #d2dccc}.home-signup h2{font-size:clamp(1.8rem,3vw,2.7rem);margin-top:1.25rem}.home-signup-copy>p:not(.eyebrow){max-width:36rem;font-size:1rem;line-height:1.8;color:#53634a;margin-top:1rem}.home-signup-note{font-size:.875rem!important;color:#6b7864!important;margin-top:1.25rem!important;border-left:2px solid var(--green);padding-left:1rem}.home-signup-card{background:#fff;border:1px solid #ccd6c3;padding:clamp(1.5rem,3vw,2.4rem);min-height:15.3rem}.home-signup-label{font-size:.75rem;font-weight:700;letter-spacing:.12em;color:#526149;margin-bottom:1.1rem}.home-signup-card .ml-embedded{min-height:8.5rem}
.brand-page-intro{max-width:var(--max);margin:auto;background:var(--ink);padding:3.8rem var(--gutter)}
.brand-page-intro h1{font-size:clamp(2rem,4.4vw,4.2rem);line-height:1.15;letter-spacing:-.06em;margin-top:1.5rem;overflow-wrap:break-word}
.brand-page-intro h1 span{color:var(--green)}.brand-page-intro>p:not(.eyebrow){font-size:1.0625rem;line-height:1.9;color:#bdcbb2;max-width:39rem;margin-top:1.5rem}
.journal-section{background:var(--paper);color:var(--ink);padding-top:2.75rem;padding-bottom:3.75rem}
.journal-heading{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;border-bottom:1px solid #c8d3c0;padding-bottom:1.5rem}
.journal-heading h2{font-size:1.35rem;letter-spacing:-.035em}.journal-heading>span{font-size:.75rem;color:#5a6a50}
.journal-empty{max-width:40rem;padding:3rem 0}.journal-empty h2{font-size:clamp(1.65rem,3vw,2.5rem);margin-top:1.25rem;line-height:1.2}
.journal-empty>p:not(.eyebrow){font-size:1rem;color:#52664a;line-height:1.9;margin-top:1.25rem;max-width:33rem}
.journal-resource{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-top:1px solid #c8d3c0;padding:1.6rem 0 0;color:#355327}
.journal-resource small{display:block;font-size:.75rem;letter-spacing:.06em;line-height:1.5;color:#5a6a50}.journal-resource strong{display:block;font-size:1.0625rem;line-height:1.5;margin-top:.6rem}.journal-resource:hover{color:#10140f}.journal-resource:focus-visible{outline-color:#386525}
.about-body{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(2rem,6vw,5rem);padding-top:3.75rem;padding-bottom:3.75rem}
.about-statement h2{font-size:clamp(1.9rem,3vw,2.8rem);margin-top:1.4rem;line-height:1.2}
.about-statement>p:not(.eyebrow){color:#55684b;font-size:1rem;line-height:1.9;margin-top:1.4rem}.about-statement em{font-style:normal}
.brand-values>div{padding:1.5rem 0;border-top:1px solid #c6d3bb}.brand-values>div:last-child{border-bottom:1px solid #c6d3bb}
.brand-values h3{font-size:1.4rem;letter-spacing:-.04em}.brand-values p{margin-top:.75rem;color:#566a4c;font-size:1rem;line-height:1.8}
.breadcrumbs{max-width:var(--max);margin:auto;padding:1.25rem var(--gutter) 0;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;color:#a9b99b;font-size:.75rem;line-height:1.7;background:var(--ink)}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:32px}.breadcrumbs a:hover{color:var(--green)}.breadcrumbs>span[aria-hidden]{color:#6e835d}.book-page .hero{padding-top:1.75rem}
@media(max-width:950px){.brand-header{gap:.5rem 2rem}.brand-header nav{gap:1.25rem}.brand-hero{gap:2rem}.brand-feature{padding:1.4rem}.feature-cover{width:77%}.brand-hero-copy>p:not(.eyebrow){font-size:1rem}.home-resource{align-items:flex-start;flex-direction:column;gap:1.5rem}.home-signup{gap:2rem}.footer-main{align-items:flex-start;flex-direction:column;gap:1rem}}
@media(max-width:700px){.brand-header{padding-top:1.25rem;padding-bottom:.875rem}.brand-header nav{width:100%;justify-content:space-between;gap:.25rem 1rem}.brand-header .wordmark{font-size:1.3125rem}.brand-hero{grid-template-columns:1fr;padding-top:2rem;padding-bottom:2.25rem;gap:2rem}.brand-hero h1{font-size:clamp(2.5rem,11vw,4.5rem);letter-spacing:-.065em;margin-top:1.35rem}.brand-hero-copy>p:not(.eyebrow){margin-top:1.4rem}.brand-hero-copy>.button{margin-top:1.5rem;font-size:.875rem}.feature-cover{width:63%;max-width:235px;margin:1.65rem auto}.feature-top{gap:.5rem 1rem}.brand-feature{padding:1.35rem}.home-resource{padding-top:2.5rem;padding-bottom:2.5rem}.home-resource h2{font-size:2rem}.home-resource>.button{flex-shrink:1}.home-signup{display:block}.home-signup h2{font-size:2rem}.home-signup-card{margin-top:2rem;padding:1.5rem}.brand-page-intro{padding-top:2.4rem;padding-bottom:2.6rem}.brand-page-intro h1{font-size:clamp(2rem,7.4vw,3rem)}.brand-page-intro>p:not(.eyebrow){font-size:1rem}.journal-section{padding-top:2rem;padding-bottom:2.5rem}.journal-empty{padding:2.3rem 0}.journal-empty h2{font-size:1.8rem}.about-body{grid-template-columns:1fr;padding-top:2.5rem;padding-bottom:2.5rem;gap:2.25rem}.about-statement h2{font-size:1.9rem}.brand-footer{padding-top:1.75rem;padding-bottom:1.5rem}.footer-main nav{gap:.25rem 1.25rem}.breadcrumbs{gap:.5rem}.book-page .hero{padding-top:1.5rem}}
@media(max-width:420px){.brand-header nav{display:grid;grid-template-columns:1.35fr 1fr;gap:0 1rem}.brand-header nav a{font-size:.875rem}.footer-main nav{display:grid;grid-template-columns:1.35fr 1fr;gap:0 1rem}}
@media(prefers-reduced-motion:reduce){.feature-cover{transition:none}}

/* Video listing and article */
.video-card{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center;padding:2.5rem 0}
.video-card-image{display:block;max-width:260px}.video-card-image img{display:block;width:100%;height:auto;border-radius:6px}
.video-card h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.2;max-width:24ch;margin:1rem 0}.video-card h2 a:hover{color:#355327}.video-card p:not(.eyebrow){font-size:1.0625rem;line-height:1.8;color:#52664a;max-width:40rem}
.video-article{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:clamp(2rem,6vw,5rem);background:var(--paper);color:var(--ink)}
.short-player{aspect-ratio:9/16;background:#000;width:100%;overflow:hidden;border-radius:6px}.short-player iframe{width:100%;height:100%;border:0;display:block}.watch-fallback{margin-top:1rem;font-size:.875rem;text-align:center}.watch-fallback a,.article-back{text-decoration:underline;text-underline-offset:4px;color:#355327}
.video-takeaway h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.2;margin:1rem 0 1.5rem}.video-takeaway p:not(.eyebrow),.video-takeaway li{font-size:1.0625rem;line-height:1.85;color:#45573e}.video-takeaway p:not(.eyebrow){margin-top:1rem}.video-takeaway h3{font-size:1.4rem;margin:2rem 0 1rem}.video-takeaway ol{padding-left:1.5rem}.video-takeaway li{padding-left:.25rem;margin-bottom:.8rem}.article-back{display:inline-block;margin-top:2rem;font-size:1rem}
@media(max-width:700px){.video-card,.video-article{grid-template-columns:1fr;gap:2rem}.video-card-image{max-width:280px}.video-watch{width:100%;max-width:360px;margin:auto}.video-card{padding:2rem 0}.video-card h2{font-size:2rem}}

.article-list-card{padding:2.5rem 0;border-bottom:1px solid #c8d3c0}.article-list-card h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.25;max-width:30ch;margin:1rem 0}.article-list-card p:not(.eyebrow){font-size:1.0625rem;line-height:1.8;max-width:45rem;color:#52664a}.blog-body{background:var(--paper);color:var(--ink)}.blog-body>p,.blog-body>h2,.blog-body>.blog-table{max-width:760px;margin-left:auto;margin-right:auto}.blog-body p{font-size:1.0625rem;line-height:1.9;margin-top:1.25rem}.blog-body .article-lead{font-size:1.3rem;line-height:1.7;margin-top:0}.blog-body h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.25;margin-top:2.75rem}.blog-body a,.video-takeaway p a{color:#315522;text-decoration:underline;text-underline-offset:3px}.blog-video{max-width:320px;margin:2rem auto}.blog-video figcaption{font-size:.875rem;line-height:1.6;text-align:center;margin-top:1rem}.blog-table{overflow-x:auto;margin-top:1.5rem}.blog-table table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.6}.blog-table th,.blog-table td{text-align:left;padding:1rem;border-bottom:1px solid #bac9b0;vertical-align:top}.blog-table th{background:#dce5d4}.brand-page-intro p a{text-decoration:underline}

.blog-body>h3{max-width:760px;margin:2rem auto 0;font-size:1.3rem;line-height:1.4}
