/* VGNC Insights — article page styles (same design tokens as the home page) */
:root{
  --ink:#191512; --oxblood:#CC281D; --oxblood-dark:#9E1E14; --parchment:#FFFFFF; --paper:#FFFFFF;
  --brass:#A07D2F; --slate:#5B5449; --rule:rgba(25,21,18,0.14);
  --serif:'IBM Plex Sans', sans-serif; --sans:'IBM Plex Sans', sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0; font-family:var(--sans); color:var(--ink); background:var(--paper); line-height:1.6; -webkit-font-smoothing:antialiased;}
a{color:inherit;}
img{max-width:100%; display:block;}
strong,b{font-weight:600;}
.wrap{max-width:1120px; margin:0 auto; padding:0 32px;}
.eyebrow{font-family:var(--sans); font-size:13px; letter-spacing:0.02em; color:var(--oxblood); font-weight:600; margin:0 0 14px;}
h1,h2,h3{font-family:var(--serif); font-weight:600; line-height:1.15; margin:0;}
.btn{display:inline-block; background:var(--oxblood); color:var(--paper); font-family:var(--sans); font-weight:500; font-size:15px; padding:13px 26px; text-decoration:none; border-radius:2px; transition:background .15s ease;}
.btn:hover{background:var(--oxblood-dark);}

/* Disclaimer / privacy overlays */
.disclaimer-overlay{position:fixed; inset:0; z-index:999; background:rgba(25,21,18,0.72); display:flex; align-items:center; justify-content:center; padding:24px;}
.disclaimer-overlay.hidden{display:none;}
body.disclaimer-locked{overflow:hidden;}
.disclaimer-card{background:var(--paper); max-width:640px; max-height:86vh; overflow-y:auto; padding:40px 40px 34px; border-radius:2px; box-shadow:0 24px 60px rgba(0,0,0,0.35);}
.disclaimer-card p{font-size:14.5px; color:var(--slate); line-height:1.65; margin:0 0 14px;}
.disclaimer-card ul{margin:0 0 22px; padding-left:20px; color:var(--slate); font-size:14px; line-height:1.6;}
.disclaimer-card li{margin-bottom:10px;}
.disclaimer-card .btn{font-family:var(--sans); font-size:14.5px;}
.privacy-card{max-height:85vh; overflow-y:auto;}

/* Header */
header{position:sticky; top:0; z-index:50; background:rgba(251,249,244,0.92); backdrop-filter:blur(6px); border-bottom:1px solid var(--rule);}
.nav{display:flex; align-items:center; justify-content:space-between; padding:18px 32px; max-width:1120px; margin:0 auto;}
.brand{font-family:var(--serif); font-weight:700; font-size:22px; letter-spacing:0.01em; color:var(--oxblood); text-decoration:none; display:flex; flex-direction:column; align-items:flex-start; gap:2px; line-height:1.1;}
.brand small{font-family:var(--serif); font-style:italic; font-weight:400; font-size:13px; color:var(--slate); letter-spacing:0; margin-left:1.6em;}
.navlinks{display:flex; gap:28px; font-size:14.5px;}
.navlinks a{text-decoration:none; color:var(--ink); position:relative; padding:4px 0;}
.navlinks a:hover{color:var(--oxblood);}
.navmenu-btn{display:none; background:none; border:1px solid var(--ink); border-radius:2px; padding:8px 12px; font-family:var(--sans); font-size:14px; color:var(--ink); cursor:pointer;}
@media (max-width:900px){
  .navlinks{display:none; position:absolute; top:100%; left:0; right:0; background:var(--paper); border-bottom:1px solid var(--rule); flex-direction:column; gap:0; padding:6px 0;}
  .navlinks.open{display:flex;}
  .navlinks a{padding:14px 32px; border-bottom:1px solid var(--rule);}
  .navmenu-btn{display:inline-block;}
}

/* Article */
.post-view{padding:56px 0 80px;}
.post-wrap{max-width:760px;}
.post-back{display:inline-block; font-size:14.5px; font-weight:600; color:var(--oxblood); text-decoration:none; margin-bottom:28px;}
.post-back-bottom{margin:40px 0 0;}
.insight-meta{font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--brass); font-weight:600; margin:0 0 12px; text-align:left;}
.post-title{font-family:var(--serif); font-size:clamp(26px,4vw,36px); line-height:1.2; margin:0 0 30px; color:var(--ink);}
.post-body{font-size:17px; line-height:1.75; color:var(--ink);}
.post-body p,.post-body li{margin:0 0 18px; text-align:justify; text-justify:inter-word; hyphens:auto; -webkit-hyphens:auto;}
.post-body h2{font-size:22px; margin:38px 0 14px; padding-top:18px; border-top:1px solid var(--rule); font-family:var(--serif); font-weight:600; line-height:1.15;}
.post-body h3{font-size:19px; margin:28px 0 12px;}
.post-body ul,.post-body ol{padding-left:22px; margin:0 0 18px;}
.post-body li{margin-bottom:12px;}
.post-body img{margin:24px auto; border-radius:2px;}
.post-body blockquote{margin:24px 0; padding:4px 0 4px 20px; border-left:3px solid var(--oxblood); color:var(--slate); font-style:italic;}
.post-body a{color:var(--oxblood);}
.post-body table{width:100%; border-collapse:collapse; margin:0 0 24px; font-size:15px;}
.post-body th,.post-body td{border:1px solid var(--rule); padding:10px 12px; text-align:left; vertical-align:top;}
.post-body th{background:#FBF7EE; font-weight:600;}

/* More insights strip */
.more-insights{padding:0 0 80px;}
.more-insights .section-head{max-width:64ch; margin-bottom:32px;}
.more-insights .section-head h2{font-size:1.5em;}
.insight-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:24px;}
.insight-card{display:block; text-decoration:none; color:inherit; border:1px solid var(--rule); border-top:3px solid var(--oxblood); padding:26px 26px 22px; transition:box-shadow .15s ease, transform .15s ease; background:var(--paper);}
.insight-card:hover{box-shadow:0 10px 28px rgba(25,21,18,.10); transform:translateY(-2px);}
.insight-card h3{font-size:21px; line-height:1.3; margin:0 0 12px; color:var(--ink);}
.insight-excerpt{font-size:15px; color:var(--slate); line-height:1.65; margin:0 0 16px; text-align:justify; hyphens:auto; -webkit-hyphens:auto;}
.insight-more{font-size:14.5px; font-weight:600; color:var(--oxblood);}

/* Footer */
footer{background:var(--paper); padding:52px 0 0; border-top:1px solid var(--rule);}
.footer-grid{display:grid; grid-template-columns:1.3fr 1fr; gap:60px; padding-bottom:40px;}
.footer-brand p{margin:6px 0 18px; font-size:14px; color:var(--slate); line-height:1.6;}
.footer-office-row{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.footer-head{font-size:12px; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; color:var(--oxblood); margin:0 0 6px;}
.footer-brand p a{color:var(--slate); text-decoration:none;}
.footer-brand p a:hover{color:var(--oxblood); text-decoration:underline;}
.footer-links{display:grid; grid-template-columns:1fr 1fr; gap:32px; padding-left:32px; margin-left:8px; border-left:1px solid var(--rule);}
.footer-col{display:flex; flex-direction:column;}
.footer-col a{color:var(--ink); text-decoration:none; font-size:15px; margin-bottom:16px;}
.footer-col a:hover{color:var(--oxblood); text-decoration:underline;}
.footer-bottom{display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:14px 32px; padding:24px 0; border-top:1px solid var(--rule);}
.footer-copy{font-family:var(--serif); font-weight:600; font-size:13.5px; color:var(--ink); letter-spacing:0.01em;}
.footer-copy a{color:inherit; text-decoration:underline;}
@media (max-width:900px){
  .footer-grid{grid-template-columns:1fr; row-gap:32px;}
  .footer-links{border-left:none; padding-left:0; margin-left:0; padding-top:24px; border-top:1px solid var(--rule);}
}
@media (max-width:640px){.footer-bottom{flex-direction:column; align-items:flex-start;}}
@media (max-width:560px){.wrap{padding:0 20px;}}
@media (max-width:480px){.footer-links{grid-template-columns:1fr; gap:8px;} .footer-office-row{grid-template-columns:1fr; gap:0;}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;}}