/* ── DDO SHARED STYLES ── datadrivenops.co ── */

/* ── SELF-HOSTED FONTS ── */

/* DM Sans */
@font-face{font-family:'DM Sans';src:url('/fonts/dm-sans-v17-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DM Sans';src:url('/fonts/dm-sans-v17-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

/* Source Serif 4 */
@font-face{font-family:'Source Serif 4';src:url('/fonts/source-serif-4-v14-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('/fonts/source-serif-4-v14-latin-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('/fonts/source-serif-4-v14-latin-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url('/fonts/source-serif-4-v14-latin-500italic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}

/* Playfair Display */
@font-face{font-family:'Playfair Display';src:url('/fonts/playfair-display-v40-latin-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/fonts/playfair-display-v40-latin-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/fonts/playfair-display-v40-latin-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/fonts/playfair-display-v40-latin-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/fonts/playfair-display-v40-latin-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/fonts/playfair-display-v40-latin-500italic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/fonts/playfair-display-v40-latin-700italic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --cream:#faf7f2;--cream2:#f2ede5;--cream3:#e8e0d4;
  --green:#2d4a3e;--green2:#3d6454;--green3:#4a7a62;
  --text:#1c1a17;--muted:#6b6560;--dim:#9a9490;
  --border:#ddd5c8;--border2:#c8bfb2;
}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--text);font-family:'Source Serif 4',serif;font-size:16px;line-height:1.7;overflow-x:hidden}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,247,242,0.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:0 2.5rem;display:flex;align-items:center;justify-content:space-between;height:58px}
.logo{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-0.3px}
.logo em{font-style:italic;color:var(--green)}
.nav-links{display:flex;gap:2rem;align-items:center}
.nav-links a{font-family:'DM Sans',sans-serif;font-size:12px;color:var(--muted);text-decoration:none;letter-spacing:0.5px;text-transform:uppercase;transition:color 0.15s}
.nav-links a:hover,.nav-links a.active{color:var(--green)}
.nav-cta{font-family:'DM Sans',sans-serif;font-size:12px;background:var(--green);color:var(--cream) !important;padding:7px 16px;text-decoration:none;letter-spacing:0.5px;text-transform:uppercase;transition:background 0.15s}
.nav-cta:hover{background:var(--green2) !important}

/* SHARED */
section{padding:5rem 2.5rem}
.container{max-width:1080px;margin:0 auto}
.section-rule{width:40px;height:2px;background:var(--green);margin-bottom:1.25rem}
.eyebrow{font-family:'DM Sans',sans-serif;font-size:11px;color:var(--green);letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem}
h2{font-family:'Playfair Display',serif;font-size:clamp(32px,4vw,48px);font-weight:900;line-height:1.05;color:var(--text);margin-bottom:1.5rem;letter-spacing:-0.5px}
h2 em{font-style:italic;color:var(--green)}
h3{font-family:'Playfair Display',serif;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.15;color:var(--text);margin-bottom:1rem}
.btn{background:var(--green);color:var(--cream);padding:12px 28px;font-family:'DM Sans',sans-serif;font-weight:500;font-size:13px;letter-spacing:0.5px;text-decoration:none;display:inline-block;transition:background 0.15s;border:none;cursor:pointer}
.btn:hover{background:var(--green2)}
.btn-outline{background:transparent;color:var(--green);padding:11px 26px;font-family:'DM Sans',sans-serif;font-weight:500;font-size:13px;letter-spacing:0.5px;text-decoration:none;display:inline-block;border:1px solid var(--green);transition:all 0.15s}
.btn-outline:hover{background:var(--green);color:var(--cream)}
.btn-ghost{font-family:'Source Serif 4',serif;font-size:15px;color:var(--green);border-bottom:1px solid var(--green);padding-bottom:1px;text-decoration:none;font-style:italic;transition:color 0.15s}
.btn-ghost:hover{color:var(--green2)}
.tag{border:1px solid var(--border2);color:var(--dim);font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:4px 10px}
.pill{font-family:'DM Sans',sans-serif;font-size:9px;color:var(--dim);border:1px solid var(--border);padding:3px 7px;letter-spacing:0.5px}
.pills{display:flex;flex-wrap:wrap;gap:5px}
.read-more{font-family:'Source Serif 4',serif;font-size:13px;color:var(--green);font-style:italic;text-decoration:none;border-bottom:1px solid var(--green);padding-bottom:1px;transition:color 0.15s}
.read-more:hover{color:var(--green2)}

/* BREADCRUMB */
.breadcrumb{font-family:'DM Sans',sans-serif;font-size:11px;color:var(--dim);letter-spacing:0.5px;margin-bottom:1.5rem;display:flex;align-items:center;gap:6px}
.breadcrumb a{color:var(--green);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span{color:var(--dim)}

/* PAGE HERO (subpages) */
.page-hero{padding:8rem 2.5rem 4rem;border-bottom:1px solid var(--border);background:var(--cream)}
.page-hero-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:end}
.page-hero h1{font-family:'Playfair Display',serif;font-size:clamp(42px,5.5vw,68px);font-weight:900;line-height:0.97;color:var(--text);letter-spacing:-2px;margin-bottom:1.25rem}
.page-hero h1 em{font-style:italic;color:var(--green)}
.page-hero-sub{font-size:16px;color:var(--muted);line-height:1.8;font-style:italic;max-width:440px}
.page-hero-meta{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}
.page-hero-stat{display:flex;flex-direction:column}
.page-hero-stat-n{font-family:'Playfair Display',serif;font-size:40px;font-weight:700;color:var(--green);line-height:1}
.page-hero-stat-l{font-family:'DM Sans',sans-serif;font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:1.5px;margin-top:3px}

/* METRIC BLOCKS */
.metric-row{display:flex;flex-wrap:wrap;gap:6px}
.metric{background:var(--cream2);border:1px solid var(--border2);padding:10px 16px;display:flex;flex-direction:column;align-items:center;min-width:90px}
.metric-v{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--green);line-height:1}
.metric-l{font-family:'DM Sans',sans-serif;font-size:9px;color:var(--dim);letter-spacing:1px;text-transform:uppercase;margin-top:3px;text-align:center}

/* FOOTER */
footer{background:var(--cream3);border-top:1px solid var(--border);padding:2rem 2.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-logo{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--text);text-decoration:none}
.footer-logo em{font-style:italic;color:var(--green)}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.footer-links{display:flex;gap:1.25rem}
.footer-links a{font-family:'DM Sans',sans-serif;font-size:11px;color:var(--dim);text-decoration:none;letter-spacing:0.3px}
.footer-links a:hover{color:var(--green)}
.footer-copy{font-family:'DM Sans',sans-serif;font-size:11px;color:var(--dim)}

@media(max-width:900px){
  .page-hero-inner{grid-template-columns:1fr}
  .nav-links{gap:1rem}
}
@media(max-width:600px){
  section{padding:3.5rem 1.5rem}
  nav{padding:0 1.5rem}
  .page-hero{padding:7rem 1.5rem 3rem}
  .nav-links{display:none}
}


/* ── CASE STUDY PAGES ── */

/* CASE HEADER */
.case-header{padding:3.5rem 2.5rem 2.5rem;max-width:1080px;margin:0 auto}
.case-meta{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:13px;color:var(--dim);margin-bottom:1.5rem;font-family:'Source Serif 4',serif;font-style:italic}
.case-meta strong{color:var(--text);font-style:normal}
.case-meta a{color:var(--green);font-style:normal}
.case-sub{font-size:17px;color:var(--muted);line-height:1.75;max-width:640px;font-style:italic;margin-top:1rem}
/* STATS BAR */
.stats-bar{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:1080px;margin:0 auto}
.stat{flex:1;padding:1.5rem 2rem;border-right:1px solid var(--border);text-align:center}
.stat:last-child{border-right:none}
.stat-n{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--green);display:block;line-height:1}
.stat-l{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px;display:block}
/* CONTENT GRID */
.content-grid{display:grid;grid-template-columns:1fr 300px;gap:4rem;padding:3rem 2.5rem;max-width:1080px;margin:0 auto;align-items:start}
.main-content h2{margin:2.5rem 0 .75rem}
.main-content h2:first-child{margin-top:0}
.main-content p{color:var(--muted);margin-bottom:1.25rem;line-height:1.8;font-size:15px}
.main-content p strong{color:var(--text)}
blockquote{border-left:3px solid var(--green);padding:1rem 1.5rem;margin:2rem 0;background:var(--cream2)}
blockquote p{font-family:'Playfair Display',serif;font-size:18px;font-style:italic;color:var(--text) !important;line-height:1.5;margin:0 !important}
.tags-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}
/* SIDEBAR */
.sidebar-card{background:var(--cream2);border:1px solid var(--border);padding:1.5rem;margin-bottom:1rem}
.sidebar-card h4{font-family:'Playfair Display',serif;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim);margin-bottom:1rem;font-weight:700;font-style:normal}
.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:13px}
.detail-row:last-child{border-bottom:none}
.detail-row .label{color:var(--muted)}
.detail-row .value{color:var(--text);font-weight:600;text-align:right}
.related-link{display:block;padding:.75rem 0;border-bottom:1px solid var(--border);font-size:13px;line-height:1.4}
.related-link:last-child{border-bottom:none}
.related-link:hover{color:var(--green)}
.related-link .cat{font-size:10px;color:var(--green);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:3px}
.pillar-link{display:block;margin-top:1rem;padding:10px 14px;border:1px solid var(--green);color:var(--green);font-size:13px;text-align:center;font-family:'Source Serif 4',serif;font-style:italic;transition:background .15s}
.pillar-link:hover{background:var(--green);color:#fff}
/* IMPACT BOX */
.impact-box{background:var(--cream2);border:1px solid var(--border);border-left:3px solid var(--green);padding:1.5rem;margin:1.5rem 0}
.impact-box h4{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--dim);margin-bottom:1rem}
.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.impact-item .val{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--green)}
.impact-item .lab{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}
/* PROCESS STEPS / TIERS / STAGES */
.steps-list,.tier-list,.stage-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);margin:1.5rem 0}
.step,.tier,.stage{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);background:var(--cream)}
.step:last-child,.tier:last-child,.stage:last-child{border-bottom:none}
.step:hover,.tier:hover,.stage:hover{background:var(--cream2)}
.step-num{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--green);margin-bottom:4px}
.step-title,.tier-title,.stage-title{font-family:'Playfair Display',serif;font-weight:700;font-size:15px;margin-bottom:4px}
.step-desc,.tier-desc,.stage-desc{font-size:13px;color:var(--muted);line-height:1.65}
.tier-label,.stage-label{font-size:10px;color:var(--green);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
/* PILLAR GRID (for tyco page) */
.pillar-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin:1.5rem 0}
.pillar-item{background:var(--cream);padding:1.25rem;transition:background .15s}
.pillar-item:hover{background:var(--cream2)}
.pillar-item h4{font-family:'Playfair Display',serif;font-weight:700;font-size:15px;margin-bottom:6px}
.pillar-item p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}
/* BLOG */
.blog-header{padding:3.5rem 2.5rem 2rem;max-width:760px;margin:0 auto}
.blog-body{padding:2rem 2.5rem 4rem;max-width:760px;margin:0 auto}
.blog-body p{color:var(--muted);margin-bottom:1.5rem;line-height:1.85;font-size:16px}
.blog-body p strong{color:var(--text)}
.blog-body h2{margin:3rem 0 .75rem}
.blog-body h3{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;margin:2rem 0 .5rem}
.post-meta{display:flex;gap:1.5rem;font-size:13px;color:var(--dim);margin-top:.75rem;padding-bottom:2rem;border-bottom:1px solid var(--border);font-family:'Source Serif 4',serif;font-style:italic}
/* CHECKLIST */
.checklist{display:flex;flex-direction:column;gap:6px;margin:1.25rem 0}
.check-item{display:flex;gap:10px;padding:12px 14px;background:var(--cream2);border:1px solid var(--border);align-items:flex-start}
.check-box{width:16px;height:16px;border:1.5px solid var(--green);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--green)}
.check-item p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}
.check-item p strong{color:var(--text)}
/* METRIC CARDS */
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:1.5rem 0}
.metric-card{background:var(--cream2);border:1px solid var(--border);border-left:3px solid var(--green);padding:1.25rem}
.metric-card h4{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--green);margin-bottom:6px}
.metric-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.55}
/* TIMELINE */
.timeline{display:flex;flex-direction:column;margin:1.5rem 0}
.tl-item{display:grid;grid-template-columns:80px 1fr;gap:0}
.tl-date{padding:16px 12px 16px 0;font-size:11px;font-weight:600;color:var(--green);text-align:right;border-right:2px solid var(--border);font-family:'DM Sans',sans-serif;line-height:1.4}
.tl-content{padding:14px 0 14px 20px}
.tl-content h4{font-family:'Playfair Display',serif;font-weight:700;margin-bottom:4px;font-size:15px}
.tl-content p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}
/* FIELD TABLE */
.field-table{width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:13px;border:1px solid var(--border)}
.field-table th{text-align:left;padding:10px 14px;background:var(--cream2);color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}
.field-table td{padding:10px 14px;border-bottom:1px solid var(--border);color:var(--muted);vertical-align:top;line-height:1.5}
.field-table td:first-child{color:var(--text);font-weight:600}
.field-table tr:last-child td{border-bottom:none}
/* FOOTER */
footer{padding:28px 48px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);margin-top:0}
.footer-logo{font-family:'Playfair Display',serif;font-weight:700;font-size:18px}
.footer-logo em{font-style:italic;color:var(--green)}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.footer-links{display:flex;gap:24px}
.footer-links a{font-size:13px;color:var(--muted)}
.footer-links a:hover{color:var(--green)}
.footer-copy{font-size:12px;color:var(--dim);font-family:'Source Serif 4',serif;font-style:italic}
@media(max-width:900px){
  nav{padding:16px 20px}.nav-links{gap:16px}
  .content-grid{grid-template-columns:1fr;padding:2rem 1.25rem}
  .case-header,.blog-header,.blog-body{padding-left:1.25rem;padding-right:1.25rem}
  .stats-bar{flex-wrap:wrap}.stat{flex:1 1 50%}
  .impact-grid,.metric-grid,.pillar-grid{grid-template-columns:1fr}
  footer{padding:20px 24px;flex-direction:column;gap:12px;align-items:flex-start}
  .footer-right{align-items:flex-start}
  .breadcrumb{padding:10px 20px}
}


/* ── PILLAR / SUBPAGE HERO ── */

/* HERO */
.pillar-hero{border-bottom:1px solid var(--border)}
.hero-sub{font-size:17px;color:var(--muted);font-style:italic;max-width:560px;margin-bottom:2rem;line-height:1.75}
.hero-stats{display:flex;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:2rem}
.hero-stat{background:var(--cream);flex:1;padding:1.25rem 1.5rem;text-align:center}
.hero-stat-n{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;color:var(--green);display:block;line-height:1}
.hero-stat-l{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px;display:block}
/* PERSPECTIVE */
.perspective{background:var(--cream2);border-bottom:1px solid var(--border)}
.perspective-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;align-items:start}
.perspective-body{font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:1.25rem}
.pull-quote{font-family:'Playfair Display',serif;font-size:19px;font-style:italic;color:var(--text);line-height:1.45;border-left:3px solid var(--green);padding-left:1.25rem;margin-bottom:1.5rem}
.skill-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:1.5rem}
/* SUBCATEGORIES */
.subcats{border-bottom:1px solid var(--border)}
.subcat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:2.5rem}
.subcat{background:var(--cream2);padding:2rem}
.subcat-num{font-family:'Playfair Display',serif;font-size:13px;font-style:italic;color:var(--green3);margin-bottom:.75rem}
.subcat-title{font-family:'Playfair Display',serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:.6rem;line-height:1.25}
.subcat-desc{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:1.25rem}
.subcat-posts{display:flex;flex-direction:column;gap:6px}
.subcat-post{font-size:13px;padding:8px 12px;background:var(--cream);border:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:8px}
.subcat-post a{color:var(--text);font-weight:500;line-height:1.35;flex:1}
.subcat-post a:hover{color:var(--green)}
.subcat-post.coming{opacity:.6}
.subcat-post.coming span{font-size:10px;color:var(--dim);white-space:nowrap;font-style:italic}
/* FEATURED CASE STUDY */
.featured-case{background:var(--cream2);border-bottom:1px solid var(--border)}
.featured-inner{background:var(--cream);border:1px solid var(--border);border-top:3px solid var(--green);padding:2.5rem;margin-top:2.5rem}
.featured-label{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}
.featured-desc{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:1.5rem}
.featured-metrics{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1.5rem}
.feat-metric{background:var(--cream2);border:1px solid var(--border2);padding:8px 14px;display:flex;flex-direction:column;align-items:center}
.feat-metric-v{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:var(--green);line-height:1}
.feat-metric-l{font-size:9px;color:var(--dim);letter-spacing:1px;text-transform:uppercase;margin-top:2px}
/* ALL POSTS */
.all-posts{border-bottom:1px solid var(--border)}
.posts-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2rem}
.posts-count{font-family:'Source Serif 4',serif;font-size:13px;font-style:italic;color:var(--dim)}
.posts-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border)}
.post-row{background:var(--cream);padding:1.25rem 1.5rem;display:grid;grid-template-columns:140px 1fr auto;gap:1.5rem;align-items:start;text-decoration:none;transition:background .15s}
.post-row:hover{background:var(--cream2)}
.post-row.coming{opacity:.55;cursor:default}
.post-cat{font-size:10px;color:var(--green);text-transform:uppercase;letter-spacing:1px;padding-top:2px}
.post-title{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px;line-height:1.3}
.post-desc{font-size:13px;color:var(--muted);line-height:1.55}
.post-meta{font-size:11px;color:var(--dim);text-align:right;white-space:nowrap;font-style:italic;font-family:'Source Serif 4',serif;padding-top:2px}
/* RELATED */
.related{background:var(--cream2)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:2rem}
.related-item{background:var(--cream2);padding:1.5rem;text-decoration:none;transition:background .15s;display:block}
.related-item:hover{background:var(--cream3)}
.related-num{font-family:'Playfair Display',serif;font-size:12px;font-style:italic;color:var(--green3);margin-bottom:6px}
.related-title{font-family:'Playfair Display',serif;font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.25}
.related-desc{font-size:12px;color:var(--muted)}
footer{padding:28px 48px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border)}
.footer-logo{font-family:'Playfair Display',serif;font-weight:700;font-size:18px}
.footer-logo em{font-style:italic;color:var(--green)}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.footer-links{display:flex;gap:24px}
.footer-links a{font-size:13px;color:var(--muted)}
.footer-links a:hover{color:var(--green)}
.footer-copy{font-size:12px;color:var(--dim);font-family:'Source Serif 4',serif;font-style:italic}
@media(max-width:900px){
  nav{padding:16px 20px}.nav-links{gap:16px}.breadcrumb{padding:10px 20px}
  .perspective-grid{grid-template-columns:1fr}
  .subcat-grid,.related-grid{grid-template-columns:1fr}
  .post-row{grid-template-columns:1fr;gap:.5rem}
  .post-meta{text-align:left}
  .hero-stats{flex-wrap:wrap}.hero-stat{flex:1 1 50%}
  footer{padding:20px 24px;flex-direction:column;gap:12px;align-items:flex-start}
  .footer-right{align-items:flex-start}
  .container{padding:3rem 1.25rem}
}


a.il{color:var(--green);text-decoration:underline;text-decoration-color:rgba(45,90,61,.3);text-underline-offset:3px}
a.il:hover{text-decoration-color:var(--green)}
.further-reading{background:var(--cream2);border:1px solid var(--border);border-left:3px solid var(--green);padding:1.25rem 1.5rem;margin:2rem 0}
.further-reading h4{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--green);margin-bottom:.75rem}
.further-reading ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.further-reading ul li{font-size:13px;color:var(--muted)}
.further-reading ul li a{color:var(--green);text-decoration:underline;text-decoration-color:rgba(45,90,61,.3)}
.further-reading ul li a:hover{text-decoration-color:var(--green)}