/* Ahmed Mahmoud Portfolio — consolidated static stylesheet
   Source files were reviewed and merged from the uploaded website.
   Keep reusable component styles here; responsive refinements live in responsive.css. */


/* ===== Base design system (migrated from styles-v38.css) ===== */
:root{--navy:#020617;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--paper:#f7f4ee;--gold:#fbbf24;--gold-soft:#fef3c7;--white:#fff;--radius:28px;--shadow:0 20px 55px rgba(15,23,42,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(20px,4vw,48px);background:rgba(2,6,23,.96);color:white;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:16px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-weight:900}.brand small{display:block;color:#cbd5e1;margin-top:3px;font-size:12px}.nav{display:flex;align-items:center;gap:24px;color:#cbd5e1;font-size:14px}.nav a:hover{color:white}.menu-btn{display:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:white;border-radius:999px;width:44px;height:44px;font-size:22px}.hero{position:relative;overflow:hidden;background:var(--navy);color:white;padding:clamp(64px,10vw,120px) clamp(20px,4vw,48px)}.hero:before{content:"";position:absolute;right:-160px;top:-180px;width:420px;height:420px;border-radius:50%;background:rgba(251,191,36,.18);filter:blur(40px)}.hero:after{content:"";position:absolute;left:-180px;bottom:-220px;width:460px;height:460px;border-radius:50%;background:rgba(59,130,246,.12);filter:blur(40px)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.hero>*{position:relative;z-index:1}.eyebrow{display:block;color:#d97706;text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:800;margin-bottom:14px}.pill{display:inline-flex;background:var(--gold-soft);color:#92400e;border-radius:999px;padding:9px 14px;text-transform:none;letter-spacing:0;font-size:14px}.hero h1,.section h2,.white-panel h2,.dark-panel h2,.wide-panel h2{font-size:clamp(36px,6vw,76px);line-height:.98;margin:0;letter-spacing:-.045em}.section h2,.white-panel h2,.dark-panel h2,.wide-panel h2{font-size:clamp(30px,4vw,48px)}.lead{font-size:18px;line-height:1.75;color:#cbd5e1;max-width:760px}.actions,.tag-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{border:0;border-radius:999px;padding:13px 20px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--gold);color:var(--navy)}.secondary{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:white}.dark{background:var(--navy);color:white}.copy{border:1px solid var(--line);background:white;color:var(--ink);width:100%;margin-top:16px}.full{width:100%}.tag-row span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#e2e8f0;border-radius:999px;padding:10px 14px;font-size:14px}.portrait-card{position:relative;max-width:520px;margin:auto;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);padding:16px;border-radius:32px;box-shadow:var(--shadow)}.portrait-card img{height:620px;width:100%;object-fit:cover;object-position:top;border-radius:24px;background:var(--paper)}.portrait-caption{position:absolute;left:32px;right:32px;bottom:32px;border:1px solid rgba(255,255,255,.1);background:rgba(2,6,23,.9);border-radius:22px;color:white;padding:18px}.portrait-caption small{color:#f59e0b;text-transform:uppercase;letter-spacing:.2em;font-weight:800}.portrait-caption strong,.portrait-caption span{display:block;margin-top:8px}.portrait-caption span{color:#cbd5e1;font-size:14px}.section,.section-tight{padding:clamp(56px,7vw,88px) clamp(20px,4vw,48px)}.section-tight{padding-top:40px;padding-bottom:24px}.section-head{max-width:820px;margin:0 auto 36px 0}.section-head p,.wide-panel p,.white-panel p,.dark-panel p,.cta-panel p{color:var(--muted);line-height:1.75;font-size:16px}.dark-panel p,.dark-head p{color:#cbd5e1}.stats,.cards,.sequence-grid,.planner-grid,.two-col-simple,.experience-grid{max-width:1180px;margin:0 auto;display:grid;gap:20px}.stats{grid-template-columns:repeat(4,1fr)}.stats article,.card,.white-panel,.wide-panel,.contact-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 8px 28px rgba(15,23,42,.06)}.stats strong{display:block;font-size:34px;margin-bottom:8px}.stats span,.card p{color:var(--muted);line-height:1.7;font-size:14px}.three{grid-template-columns:repeat(3,1fr)}.card h3{margin:0 0 12px;font-size:21px}.status{display:inline-block;background:var(--gold-soft);color:#92400e;border-radius:999px;padding:6px 11px;font-weight:800;font-size:12px;margin-bottom:14px}.project a{display:inline-block;margin-top:8px;font-weight:900}.experience-grid{grid-template-columns:.9fr 1.1fr}.dark-card,.dark-panel,.planner-inputs,.planner-output,.system-preview{background:var(--navy);color:white;border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.dark-card p{color:#cbd5e1;line-height:1.75}.mini-list{display:grid;gap:10px;margin-top:24px}.mini-list span{background:rgba(255,255,255,.06);border-radius:16px;padding:13px;color:#e2e8f0;font-size:14px}.timeline{display:grid;gap:24px}.timeline article{border-left:1px solid var(--line);padding-left:24px;position:relative}.timeline article:before{content:"";position:absolute;left:-7px;top:5px;width:13px;height:13px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 5px #fef3c7}.timeline span{color:#d97706;font-weight:800;font-size:14px}.timeline h3{margin:4px 0 6px}.timeline p{color:var(--muted);line-height:1.7}.contact-section{display:grid;grid-template-columns:1fr .55fr;gap:36px;background:var(--navy);color:white;margin:0 clamp(20px,4vw,48px) clamp(56px,7vw,88px);border-radius:32px}.contact-copy p{color:#cbd5e1;line-height:1.75}.contact-card{color:var(--ink)}.contact-card img{width:70px;height:70px;border-radius:18px;object-fit:cover;object-position:top;float:left;margin-right:14px}.contact-card span{display:block;color:#d97706;font-size:13px;font-weight:800;margin-top:4px}.footer{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;background:white;border-top:1px solid var(--line);padding:32px clamp(20px,4vw,48px)}.footer span{font-weight:900}.footer p{color:var(--muted);max-width:680px}.back-top{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:var(--shadow)}.system-preview{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:var(--paper);color:var(--ink);padding:22px;border-radius:24px}.panel-title h2{font-size:26px;margin:4px 0 0}.panel-title small{color:var(--muted);font-weight:800}.panel-title span{background:var(--navy);color:var(--gold);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.flow-list{counter-reset:item;list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}.flow-list li{background:white;color:var(--ink);border-radius:18px;padding:16px;display:flex;gap:12px;align-items:center}.flow-list li:before{counter-increment:item;content:counter(item);width:30px;height:30px;border-radius:50%;background:var(--gold-soft);color:#92400e;display:grid;place-items:center;font-weight:900}.two-col-simple{grid-template-columns:1fr 1fr}.white-panel,.dark-panel,.wide-panel{padding:32px}.dark-panel{background:var(--navy);color:white}.wide-panel{max-width:1180px;margin:0 auto}.dark-section{background:var(--navy);color:white}.dark-head h2{color:white}.planner-grid{grid-template-columns:.72fr 1.28fr}.planner-inputs,.planner-output{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.planner-inputs p,.planner-output p{color:#cbd5e1}.planner-inputs form{display:grid;gap:13px;margin-top:18px}.planner-inputs label{display:grid;gap:7px;color:#cbd5e1;font-size:13px;font-weight:800}.planner-inputs input,.planner-inputs select{width:100%;background:rgba(2,6,23,.7);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:white;padding:12px;outline:none}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search-results{display:grid;gap:7px}.search-results button{border:0;text-align:left;background:rgba(15,23,42,.78);color:white;border-radius:13px;padding:10px;cursor:pointer}.search-results small{display:block;color:#94a3b8;margin-top:2px}.output-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.output-head h3{margin:0}.output-head span{background:var(--gold);color:var(--navy);font-weight:900;border-radius:999px;padding:7px 10px;font-size:12px}.sequence-grid{grid-template-columns:1fr 1fr;margin-top:22px}.sequence-grid h4{color:#fcd34d;text-transform:uppercase;letter-spacing:.16em;font-size:13px}.sequence-list{display:grid;gap:12px}.stop{display:flex;gap:12px;align-items:center;background:rgba(2,6,23,.45);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px}.stop-num{width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.stop strong{display:block}.stop small{display:block;color:#94a3b8}.stop time{margin-left:auto;color:#fcd34d;font-weight:900}.summary-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:22px;background:white;color:var(--ink);border-radius:22px;padding:16px}.summary-row small{display:block;color:var(--muted);margin-bottom:5px}.summary-row a{font-weight:900;color:#0f172a}.message p{min-height:160px}.cta-panel{max-width:1180px;margin:0 auto clamp(56px,7vw,88px);background:white;border-radius:32px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;box-shadow:0 8px 28px rgba(15,23,42,.06)}.reveal{animation:rise .55s ease both}.delay{animation-delay:.12s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.hero-grid,.stats,.three,.experience-grid,.contact-section,.two-col-simple,.planner-grid,.sequence-grid,.summary-row,.cta-panel{grid-template-columns:1fr}.portrait-card img{height:520px}.nav{display:none;position:fixed;left:16px;right:16px;top:76px;background:rgba(2,6,23,.96);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:18px;flex-direction:column;align-items:stretch;box-shadow:0 32px 80px rgba(0,0,0,.2)}.nav.open{display:flex}.nav a{padding:14px;border-radius:16px}.nav a:hover,.nav a:focus-visible{background:rgba(255,255,255,.1);outline:none}.menu-btn{display:block}.contact-section{margin-left:20px;margin-right:20px}.hero h1{font-size:46px}.planner-grid{gap:24px}.planner-inputs,.planner-output{padding:24px}.entry-card{padding:18px;margin-bottom:10px}.entry-card-head{flex-wrap:wrap;gap:10px}.entry-card-actions button{min-width:60px}}@media(max-width:640px){.hero,.section{padding-left:18px;padding-right:18px}.hero h1{font-size:38px}.lead{font-size:16px}.portrait-card img{height:420px}.portrait-caption{position:static;margin-top:12px}.field-row{grid-template-columns:1fr}.actions .btn{width:100%}.footer{display:block;padding-bottom:80px}.stats article,.card,.white-panel,.dark-panel,.wide-panel,.planner-inputs,.planner-output{padding:20px}.planner-grid{gap:20px}.message-controls{flex-direction:column;gap:12px}.message-columns{grid-template-columns:1fr}.summary-row{padding:12px;gap:10px}}
/* InfraDispatch enhancements */
.summary-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));}
.entry-list{display:grid;gap:10px;}
.entry-card{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px;background:rgba(2,6,23,.48);}
.entry-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.entry-card h4{margin:0;font-size:14px;}
.entry-card button{border:1px solid rgba(255,255,255,.2);background:transparent;color:#e2e8f0;border-radius:999px;padding:4px 10px;cursor:pointer;}
.entry-card .field-row{margin-top:8px;}
.entry-card .field-row input,.entry-card .field-row select{padding:9px;}
.all-message-box{min-height:180px;white-space:pre-wrap;}
.message p{white-space:pre-wrap;}

/* Message hub UX refinement */
.message-hub{display:grid;gap:16px;}
.message-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;}
.lang-chips{display:flex;gap:8px;flex-wrap:wrap;}
.lang-chip{border:1px solid rgba(15,23,42,.15);background:#fff;color:#0f172a;border-radius:999px;padding:8px 12px;font-weight:700;cursor:pointer;}
.lang-chip.active{background:var(--gold);color:var(--navy);border-color:var(--gold);}
.all-message-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;min-height:240px;line-height:1.55;color:var(--ink);font-size:14px;}
#mapCopyLink,#mapLinkSplit{font-size:12px;color:#334155;word-break:break-all;}
@media(max-width:980px){
  .message-controls{align-items:stretch;}
  .message-controls .btn{width:100%;}
}

/* V41 article ending cleanup: fixes legacy Continue / Keep exploring / footer CTAs */
body.article-page .v14-article-cta{
  margin:48px 0 28px!important;
  padding:0!important;
  background:#fff!important;
  color:#071527!important;
  border:1px solid #dfe7f0!important;
  border-radius:28px!important;
  box-shadow:0 20px 52px rgba(7,21,39,.08)!important;
  overflow:hidden!important;
}
body.article-page .v14-article-cta h2{
  margin:0!important;
  padding:26px 28px 8px!important;
  color:#071527!important;
  font-size:clamp(1.45rem,2.2vw,2rem)!important;
  line-height:1.12!important;
}
body.article-page .v14-article-cta p{
  margin:0!important;
  padding:0 28px 22px!important;
  color:#52616b!important;
  max-width:880px!important;
}
body.article-page .v14-article-cta a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 0 26px 28px!important;
  min-height:44px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  border:1px solid #d8e1eb!important;
  background:#071527!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900!important;
}
body.article-page .v14-article-cta a + a{
  margin-left:8px!important;
  background:#fff!important;
  color:#071527!important;
}
body.article-page .related-insights{
  display:block!important;
  margin:42px 0 0!important;
  padding:28px!important;
  background:#f8fafc!important;
  border:1px solid #dfe7f0!important;
  border-radius:28px!important;
  box-shadow:0 16px 42px rgba(7,21,39,.06)!important;
}
body.article-page .related-insights-header{
  margin:0 0 18px!important;
  max-width:820px!important;
}
body.article-page .related-insights-kicker{
  display:inline-flex!important;
  margin-bottom:8px!important;
  color:#8a6a10!important;
  font-size:.76rem!important;
  font-weight:950!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
body.article-page .related-insights h2{
  margin:0 0 8px!important;
  color:#071527!important;
  font-size:clamp(1.6rem,2.5vw,2.4rem)!important;
}
body.article-page .related-insights-header p{
  color:#52616b!important;
}
body.article-page .related-insights-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.article-page .related-insight-card{
  display:grid!important;
  gap:8px!important;
  background:#fff!important;
  border:1px solid #dfe7f0!important;
  border-radius:20px!important;
  padding:18px!important;
  color:#071527!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(7,21,39,.05)!important;
}
body.article-page .related-insight-topic{
  color:#8a6a10!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
body.article-page .related-insight-description{
  color:#52616b!important;
  font-size:.92rem!important;
  line-height:1.55!important;
}
body.article-page .article-resource-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px solid #dfe7f0!important;
}
body.article-page .article-resource-label{
  color:#8a6a10!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.1em!important;
  font-size:.72rem!important;
}
body.article-page .article-resource-links a{
  border:1px solid #d8e1eb!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  background:#fff!important;
  color:#071527!important;
  text-decoration:none!important;
}
body.article-page .v14-mobile-cta{
  left:50%!important;
  right:auto!important;
  bottom:14px!important;
  width:min(560px,calc(100% - 24px))!important;
  transform:translateX(-50%)!important;
  border-radius:16px!important;
}
@media(max-width:760px){
  body.article-page .related-insights-grid{grid-template-columns:1fr!important}
  body.article-page .v14-article-cta a{
    display:flex!important;
    margin:0 18px 10px!important;
  }
  body.article-page .v14-article-cta a:last-child{margin-bottom:22px!important}
}
@media(max-width:640px){
  .lang-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .lang-chip{text-align:center;padding:10px 8px;}
  .all-message-box{min-height:280px;font-size:13px;padding:14px;}
}

/* Route link cleanup */
.summary-row #mapLink,.summary-row #mapLinkSplit{display:inline-block;margin:2px 0 8px 0;}
.summary-row #copyMainRouteBtn,.summary-row #copySplitRouteBtn{width:auto;display:inline-flex;margin:0 8px 8px 0;padding:8px 12px;}
.summary-row #copyMainRouteBtn[disabled],.summary-row #copySplitRouteBtn[disabled]{opacity:.55;cursor:not-allowed;}

/* Enhanced planner blocks */
.two-infra{grid-template-columns:1fr 1fr;margin-top:18px;}
.score-badge{display:inline-flex;margin-top:8px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#e2e8f0;color:#0f172a;}
.score-badge.score-good{background:#dcfce7;color:#166534;}
.score-badge.score-acceptable{background:#fef9c3;color:#854d0e;}
.score-badge.score-watch{background:#ffedd5;color:#9a3412;}
.score-badge.score-risky{background:#fee2e2;color:#991b1b;}
.dispatch-options{display:grid;gap:10px;}
.dispatch-option{border:1px solid var(--line);border-radius:14px;padding:12px;}
.dispatch-option.recommended{border-color:#f59e0b;background:#fffbeb;}
.dispatch-option-head{display:flex;justify-content:space-between;gap:10px;align-items:center;}
.dispatch-option-head h4{margin:0;font-size:14px;}
.dispatch-option-head span{font-size:11px;padding:4px 8px;border-radius:999px;background:#e2e8f0;font-weight:700;}
.dispatch-option-routes{display:grid;gap:6px;}
.dispatch-option-routes a{font-size:13px;color:#1d4ed8;text-decoration:underline;word-break:break-all;}
.risk-list{margin:0;padding-left:18px;display:grid;gap:8px;}
.risk-list li{color:var(--muted);line-height:1.5;}
@media(max-width:980px){.two-infra{grid-template-columns:1fr;}}

/* Admin database manager */
.admin-section{background:#eef2ff;border-top:1px solid #c7d2fe;border-bottom:1px solid #c7d2fe;}
.admin-form{display:grid;gap:10px;}
.admin-form input{width:100%;}
.admin-locations{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px;}
.admin-location-row{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;display:grid;gap:8px;}
.admin-location-row strong{font-size:14px;}
.admin-location-meta{font-size:12px;color:var(--muted);}
.admin-location-actions{display:flex;gap:8px;flex-wrap:wrap;}
.admin-location-actions button{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:6px 10px;cursor:pointer;font-size:12px;}

/* Operations flow additions */
.entry-card-actions{display:flex;gap:6px;align-items:center;}
.entry-card-actions button{padding:4px 8px;}
.manifest-summary{white-space:pre-wrap;line-height:1.6;border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fafc;}
#adminDb[hidden]{display:none !important;}

/* Three-column message output */
.message-columns{grid-template-columns:repeat(3,1fr);}
.message-col .all-message-box{min-height:260px;margin:0;}
.message-col .actions .btn{width:100%;}
.all-message-ops{margin-top:10px;min-height:180px;}
@media(max-width:980px){
  .message-columns{grid-template-columns:1fr;}
  .message-col .all-message-box{min-height:220px;}
}

/* Global layout consistency pass */
:root{--content-max:1180px;--content-narrow:980px;}
.hero-grid,.stats,.cards,.sequence-grid,.planner-grid,.two-col-simple,.experience-grid,.wide-panel,.cta-panel,.section-head{max-width:var(--content-max);margin-left:auto;margin-right:auto;}
.section-head{max-width:var(--content-narrow);}
.section{padding-top:64px;padding-bottom:64px;}
.wide-panel,.card,.planner-output,.planner-inputs{border-radius:22px;}
.card h3{line-height:1.25;}
.summary-row{align-items:start;}
.summary-row > div{min-height:74px;}
.message-hub{gap:20px;}
.message-columns .card{display:flex;flex-direction:column;gap:12px;}
.message-col .all-message-box{flex:1;min-height:280px;}
.message-col .actions{margin-top:auto;}
.actions{align-items:stretch;}
.actions .btn{justify-content:center;}
.manifest-status{font-size:13px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;padding:10px 12px;border-radius:10px;}
.manifest-summary{font-size:14px;}
.entry-card small,.stop small{line-height:1.4;}
.output-head{margin-bottom:4px;}

/* Better spacing for planner forms */
.planner-inputs form{gap:14px;}
.planner-inputs label{line-height:1.35;}
.planner-inputs input,.planner-inputs select{min-height:44px;}

/* Mobile-first refinements */
@media(max-width:980px){
  .section{padding-top:48px;padding-bottom:48px;}
  .summary-row > div{min-height:unset;}
  .message-col .all-message-box{min-height:210px;}
  .cards.three{grid-template-columns:1fr;}
  .cards.two-infra{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .site-header{padding:12px 16px;}
  .hero,.section{padding-left:14px;padding-right:14px;}
  .wide-panel,.card,.planner-output,.planner-inputs{padding:16px;}
  .message-controls{gap:10px;}
  .lang-chips{grid-template-columns:1fr 1fr;}
  .summary-row{padding:12px;gap:10px;}
  .summary-row small{font-size:12px;}
  .summary-row strong{font-size:14px;line-height:1.4;}
  .btn{min-height:42px;padding:10px 14px;}
}

/* Appearance cleanup pass */
.summary-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.summary-row strong{display:block;margin-top:4px;line-height:1.35;}
.summary-row-compact{margin-top:12px;}
.route-actions{display:grid;gap:8px;align-content:start;}
.route-actions a,.route-actions button{width:100%;margin:0;}
.route-actions .btn.copy{background:#fff;border:1px solid var(--line);}
.ops-detail{margin-top:16px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:12px;}
.ops-detail>summary{cursor:pointer;font-weight:800;color:#0f172a;padding:4px 2px;}
.ops-detail[open]{box-shadow:0 6px 18px rgba(15,23,42,.06);}
.manifest-summary{min-height:160px;}
.dispatch-option-routes a{word-break:break-word;}

@media(max-width:980px){
  .summary-row{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .summary-row{grid-template-columns:1fr;gap:10px;}
  .ops-detail{padding:10px;}
  .manifest-summary{min-height:120px;}
}

/* Premium product visual pass */
:root{
  --premium-navy:#0a1733;
  --premium-gold:#d4a017;
  --premium-gold-soft:#f8ebc4;
  --premium-ink:#0f1b3d;
  --premium-surface:#ffffff;
  --premium-surface-2:#f8f9fc;
  --premium-border:#dbe2ef;
}
body{background:linear-gradient(180deg,#f5f7fc 0%,#eef3fb 100%);color:var(--premium-ink);}
.site-header{background:linear-gradient(120deg,#07142d 0%,#0d1d40 100%);border-bottom:1px solid rgba(255,255,255,.18);}
.brand-mark{background:linear-gradient(145deg,#f0c340,#c89210);box-shadow:0 4px 12px rgba(212,160,23,.35);}
.hero{background:linear-gradient(140deg,#06112a 0%,#10224a 70%,#142a59 100%);}
.pill{background:rgba(248,235,196,.98);color:#845f00;font-weight:700;}
.section-head h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.03em;line-height:1.05;}
.section-head p{font-size:16px;max-width:80ch;}

.wide-panel,.card,.planner-output,.planner-inputs,.ops-detail{background:var(--premium-surface);border:1px solid var(--premium-border);box-shadow:0 10px 28px rgba(19,35,73,.08);}
.planner-output{background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);}

.btn{font-weight:800;letter-spacing:.01em;transition:all .2s ease;}
.btn.primary{background:linear-gradient(145deg,#e6b52d,#c68d0e);color:#0a1733;border:0;box-shadow:0 8px 16px rgba(198,141,14,.24);}
.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(198,141,14,.3);}
.btn.secondary{background:#fff;color:#0f1b3d;border:1px solid #cfd8ea;}
.btn.secondary:hover{background:#f7f9ff;}
.btn.copy{background:#fff;border:1px solid #cfd8ea;color:#10224a;}

.output-head h3,.card h3{font-size:20px;color:#10224a;letter-spacing:-.01em;}
.summary-row{background:var(--premium-surface-2);border:1px solid var(--premium-border);}
.summary-row small{text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#64748b;}
.summary-row strong{font-size:15px;color:#0f1b3d;font-weight:800;}

.route-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #cfd8ea;font-weight:700;color:#10224a;}
.route-actions a:hover{background:#f8faff;}
.score-badge{font-weight:900;letter-spacing:.03em;}

.stop{background:#fff;border:1px solid #dbe2ef;}
.stop-num{background:linear-gradient(145deg,#ebbf43,#c89210);box-shadow:0 4px 10px rgba(200,146,16,.25);}
.stop time{font-size:13px;background:#fff7df;border:1px solid #f4dda1;border-radius:999px;padding:5px 10px;color:#7a5600;}

.message-col .all-message-box,.manifest-summary{background:#fff;border:1px solid #dbe2ef;}
.message-col h3{font-size:18px;}
.manifest-status{background:#eef4ff;border-color:#d2e3ff;color:#1e3a8a;font-weight:600;}

.ops-detail>summary{font-size:15px;color:#10224a;}
.dispatch-option{background:#fff;border:1px solid #dbe2ef;}
.dispatch-option.recommended{background:linear-gradient(180deg,#fff9ea 0%,#fff 100%);border-color:#f2d58a;}
.dispatch-option-head span{background:#eef2ff;color:#1f2a53;}
.risk-list li{font-size:14px;}

.footer{background:#fff;border-top:1px solid #dbe2ef;}
.back-top{background:linear-gradient(145deg,#ebbf43,#c89210);color:#0a1733;}

@media(max-width:640px){
  .section-head h2{font-size:30px;}
  .output-head h3,.card h3{font-size:18px;}
  .summary-row strong{font-size:14px;}
  .btn{font-size:14px;}
}

/* InfraDispatch database coverage enhancement */
.coverage-section{background:linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%);}
.product-direction-panel{position:relative;overflow:hidden;}
.product-direction-panel:after{content:"";position:absolute;right:-60px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:rgba(212,160,23,.12);filter:blur(18px);}
.db-dashboard{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch;}
.db-stat,.db-wide{background:#fff;border:1px solid #dbe2ef;border-radius:18px;padding:18px;box-shadow:0 8px 20px rgba(19,35,73,.06);}
.db-stat small,.db-wide small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:900;color:#64748b;margin-bottom:8px;}
.db-stat strong{display:block;font-size:34px;line-height:1;color:#10224a;letter-spacing:-.04em;}
.db-wide{grid-column:span 5;}
.db-wide p{margin:0;color:#475569;line-height:1.6;font-size:14px;}
.db-chips{display:flex;flex-wrap:wrap;gap:8px;}
.db-chips span{display:inline-flex;align-items:center;border:1px solid #dbe2ef;background:#f8fbff;color:#10224a;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800;}
.db-mini-card{border:1px solid rgba(251,191,36,.45);background:linear-gradient(180deg,rgba(251,191,36,.14),rgba(255,255,255,.04));border-radius:16px;padding:14px;display:grid;gap:6px;color:white;}
.db-mini-card strong{color:#fcd34d;font-size:14px;}
.db-mini-card span{color:#dbeafe;font-size:13px;line-height:1.45;}
.db-mini-card b{color:#fff;}
@media(max-width:980px){.db-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));}.db-wide{grid-column:span 2;}}
@media(max-width:640px){.db-dashboard{grid-template-columns:1fr;}.db-wide{grid-column:span 1;}.db-stat strong{font-size:30px;}}

/* Unified planner panel styling: input and output use one visual system */
.planner-inputs,.planner-output{background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%) !important;color:#0f1b3d;border:1px solid var(--premium-border);}
.planner-inputs h3,.planner-output h3{color:#10224a;}
.planner-inputs p,.planner-inputs label,.planner-output p{color:#475569;}
.planner-inputs input,.planner-inputs select{
  background:#fff;
  border:1px solid #cfd8ea;
  color:#0f1b3d;
}
.planner-inputs input::placeholder{color:#94a3b8;}
.planner-inputs input:focus,.planner-inputs select:focus{
  border-color:#93b2e8;
  box-shadow:0 0 0 3px rgba(147,178,232,.22);
}
.planner-inputs .btn.primary{width:100%;}
#addMorePickupBtn,#addMoreDropoffBtn{margin-top:6px;}
#dropoffBlock[hidden]{display:none !important;}

/* Output and message readability pass */
.planner-grid{align-items:start;gap:20px;}
.planner-output .card{border-radius:16px;}
.manifest-summary{background:#fff;line-height:1.7;font-size:14px;}
.message-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.message-col{display:flex;flex-direction:column;min-height:100%;}
.message-col .all-message-box{
  min-height:320px;
  max-height:420px;
  overflow:auto;
  line-height:1.65;
  font-size:14px;
  border-radius:14px;
}
.message-col .actions{margin-top:10px;}

/* Better desktop behavior in Chrome widths */
@media(max-width:1200px){
  .planner-grid{grid-template-columns:1fr;}
}
@media(max-width:980px){
  .message-columns{grid-template-columns:1fr;}
  .message-col .all-message-box{min-height:240px;max-height:none;}
}

/* A4 print safety for manifest and key planner cards */
@page{
  size:A4;
  margin:12mm;
}
@media print{
  body{background:#fff !important;}
  .site-header,.menu-btn,.back-top,.actions,.route-actions,.lang-chips,.message-controls{display:none !important;}
  .section,.card,.planner-output,.planner-inputs,.ops-detail,.manifest-summary{
    break-inside:avoid;
    page-break-inside:avoid;
    box-shadow:none !important;
  }
  .planner-grid,.sequence-grid,.summary-row,.message-columns{
    display:block !important;
  }
}


/* Final launch polish pass - Chrome, desktop, mobile, and A4 */
html,body{width:100%;max-width:100%;overflow-x:hidden;}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
main{width:100%;}
.site-header{min-height:74px;}
.brand{min-width:0;}
.brand span:last-child{min-width:0;}
.brand strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px;}
.section,.hero{scroll-margin-top:86px;}
.hero-grid,.planner-grid,.cards,.stats,.sequence-grid,.two-col-simple,.experience-grid,.wide-panel,.cta-panel{width:min(100%,1180px);}
.hero-grid{margin-left:auto;margin-right:auto;}
.dark-section{padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px);}
.planner-grid{grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);}
.planner-inputs,.planner-output,.card,.wide-panel{min-width:0;}
.planner-inputs{position:sticky;top:92px;max-height:calc(100vh - 112px);overflow:auto;}
.planner-inputs::-webkit-scrollbar,.all-message-box::-webkit-scrollbar{width:9px;height:9px;}
.planner-inputs::-webkit-scrollbar-thumb,.all-message-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
.field-row{grid-template-columns:repeat(2,minmax(0,1fr));}
.planner-inputs input,.planner-inputs select{font-size:15px;}
.search-results button{background:#f8fbff;color:#10224a;border:1px solid #dbe2ef;}
.entry-card{background:#fff;border:1px solid #dbe2ef;border-radius:16px;padding:14px;display:grid;gap:12px;}
.entry-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.entry-card-head strong{color:#10224a;}
.entry-card-actions{display:flex;flex-wrap:wrap;gap:8px;}
.entry-card-actions button{border:1px solid #dbe2ef;background:#f8fbff;border-radius:999px;padding:7px 10px;font-weight:800;color:#10224a;cursor:pointer;}
.entry-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.entry-card-grid label{font-size:12px;color:#475569;}
.entry-card-grid input,.entry-card-grid select{min-height:40px;}
.sequence-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.stop{min-width:0;align-items:flex-start;}
.stop div{min-width:0;}
.stop strong,.stop small{overflow-wrap:anywhere;}
.stop time{white-space:nowrap;margin-left:0;}
.summary-row{grid-template-columns:repeat(3,minmax(0,1fr));}
.summary-row>div{min-width:0;overflow-wrap:anywhere;}
.route-actions a,.route-actions button,.btn{min-width:0;white-space:normal;text-align:center;}
.all-message-box,.manifest-summary{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;}
.message-hub{width:min(100%,1180px);}
.message-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.lang-chips{display:flex;flex-wrap:wrap;gap:8px;}
.lang-chip{border:1px solid #dbe2ef;background:#fff;border-radius:999px;padding:9px 12px;font-weight:800;color:#10224a;cursor:pointer;}
.lang-chip.active{background:#10224a;color:#fff;border-color:#10224a;}
@media(max-width:1200px){
  .planner-grid{grid-template-columns:1fr;}
  .planner-inputs{position:relative;top:auto;max-height:none;overflow:visible;}
}
@media(max-width:780px){
  .site-header{min-height:64px;padding:10px 14px;}
  .brand small{max-width:190px;}
  .nav{position:absolute;left:14px;right:14px;top:64px;display:none;grid-template-columns:1fr;background:#07142d;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:12px;box-shadow:0 18px 40px rgba(0,0,0,.25);}
  .nav.open{display:grid;}
  .menu-btn{display:grid;place-items:center;flex:0 0 auto;}
  .hero-grid,.two-col-simple,.sequence-grid,.field-row,.entry-card-grid,.summary-row{grid-template-columns:1fr;}
  .hero{padding-top:54px;padding-bottom:54px;}
  .hero h1{font-size:clamp(34px,10vw,48px);line-height:1.02;}
  .lead{font-size:16px;}
  .planner-inputs,.planner-output{padding:16px;border-radius:20px;}
  .section{padding-top:42px;padding-bottom:42px;}
  .message-controls{align-items:stretch;}
  .message-controls .btn{width:100%;}
  .lang-chips{display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .actions{width:100%;}
  .actions .btn,.actions a{width:100%;}
}
@media(max-width:420px){
  .brand-mark{width:38px;height:38px;border-radius:14px;}
  .brand strong{max-width:180px;}
  .brand small{max-width:180px;}
  .hero,.section{padding-left:12px;padding-right:12px;}
  .wide-panel,.card,.planner-inputs,.planner-output{padding:14px;border-radius:18px;}
  .lang-chips{grid-template-columns:1fr;}
}

/* Hide everything except print-window content when user prints a generated manifest page. */
@media print{
  a[href]:after{content:none !important;}
  .manifest-summary,.all-message-box{white-space:pre-wrap;overflow:visible;max-height:none;}
}


/* N5 logo + final UX enhancement pass */
.brand-logo{height:48px;width:auto;max-width:min(360px,68vw);display:block;object-fit:contain;}
.site-header .brand{min-width:0;}
.site-header{box-shadow:0 10px 28px rgba(0,0,0,.18);}
@media(max-width:780px){.brand-logo{height:42px;max-width:245px;}.site-header{min-height:64px;}}
@media(max-width:420px){.brand-logo{height:38px;max-width:210px;}}

/* Full-width planner input workspace: no short internal panel scroll */
.planner-grid{grid-template-columns:1fr !important;max-width:1280px !important;gap:24px !important;}
.planner-inputs{position:relative !important;top:auto !important;max-height:none !important;overflow:visible !important;}
.planner-inputs,.planner-output{border-radius:26px !important;}
@media(min-width:1000px){
  .planner-inputs form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;align-items:end;}
  .planner-inputs form>label{grid-column:span 2;}
  .planner-inputs form>.field-row{grid-column:span 4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;}
  .planner-inputs form>.field-row>label{min-width:0;}
  #pickupSearch,#dropoffSearch{font-size:16px;}
  #pickupResults,#dropoffResults,#pickupEntries,#dropoffBlock{grid-column:span 4;}
  #addMorePickupBtn,#addMoreDropoffBtn{grid-column:span 2;}
  #generatePlanBtn,#resetPlan,#clearPlanBtn{grid-column:span 2;min-height:52px;font-size:15px;}
  .entry-list{grid-template-columns:repeat(2,minmax(0,1fr));}
  .planner-output>.sequence-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(min-width:1280px){
  .planner-inputs form>.field-row{grid-template-columns:repeat(4,minmax(0,1fr));}
  .entry-list{grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Cleaner final page ending after scope */
#scope{padding-bottom:88px;}

/* Better button/field visual contrast */
.planner-inputs input,.planner-inputs select{box-shadow:inset 0 1px 0 rgba(255,255,255,.7);}
.btn.primary{box-shadow:0 10px 22px rgba(212,160,23,.22);}
.btn.secondary{background:#10224a;color:#fff;border:1px solid rgba(255,255,255,.14);}
.planner-output .btn.secondary,.message-hub .btn.secondary{background:#10224a;color:#fff;}
.copy{margin-top:0;}

/* 5-minute timing clarity */
.sequence-list .stop time{font-variant-numeric:tabular-nums;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.35);border-radius:999px;padding:5px 8px;}

/* A4 print hardening */
@media print{
  @page{size:A4;margin:12mm;}
  html,body{overflow:visible !important;background:#fff !important;color:#111827 !important;}
  .site-header,.hero,.two-col-simple,.product-direction-panel,#adminDb,#messages,#scope,.footer,.back-top,.actions,.route-actions,.message-controls,.lang-chips{display:none !important;}
  #planner,.dark-section{background:#fff !important;color:#111827 !important;padding:0 !important;}
  .planner-grid,.planner-output,.summary-row,.sequence-grid{display:block !important;width:100% !important;max-width:100% !important;}
  .planner-inputs{display:none !important;}
  .planner-output,.card,.manifest-summary,.ops-detail{box-shadow:none !important;border:1px solid #d1d5db !important;background:#fff !important;color:#111827 !important;break-inside:avoid;page-break-inside:avoid;}
  .manifest-summary{font-size:11.5pt;line-height:1.45;white-space:pre-wrap;overflow:visible;}
  .stop{background:#fff !important;color:#111827 !important;border:1px solid #d1d5db !important;break-inside:avoid;}
  .stop small{color:#374151 !important;}
  .sequence-grid>div{margin-bottom:10mm;}
}


/* Operational enhancement pass: selected light improvements */
.how-section{background:#fbfaf7;}
.step-cards .step-card{position:relative;overflow:hidden;}
.step-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:16px;background:#10224a;color:#fbbf24;font-weight:900;margin-bottom:16px;box-shadow:0 12px 24px rgba(16,34,74,.14)}
.real-ops-panel{background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);}
.ops-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;}
.ops-proof-grid span{border:1px solid #dbe2ef;background:#fff;border-radius:999px;padding:11px 13px;color:#10224a;font-weight:800;font-size:13px;text-align:center;}
.demo-badge,.whatsapp-ready-label{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(251,191,36,.45);background:rgba(251,191,36,.12);color:#f8fafc;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900;margin:0 0 18px;}
.demo-badge:before,.whatsapp-ready-label:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fbbf24;color:#020617;font-size:12px;}
.whatsapp-ready-label{background:#ecfdf5;color:#065f46;border-color:#a7f3d0;margin-top:10px;}
.whatsapp-ready-label:before{background:#10b981;color:#fff;}
.btn.ghost{background:#fff;color:#10224a;border:1px solid #dbe2ef;box-shadow:none;}
.output-helper{margin:6px 0 0;color:#64748b;font-size:14px;line-height:1.5;}
.route-narrative,.top-reason-strip{margin:16px 0 0;border:1px solid #dbe2ef;background:#f8fbff;border-radius:16px;padding:14px 16px;color:#10224a;line-height:1.55;font-size:14px;}
.route-narrative strong{color:#020617;}
.top-reason-strip{background:#fff7ed;border-color:#fed7aa;color:#7c2d12;}
.database-section{background:#fff;}
.db-stats{margin-bottom:22px;}
.database-note-card{margin-top:22px;}
.db-category-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0;}
.db-category-chips span{border:1px solid #dbe2ef;background:#f8fbff;color:#10224a;border-radius:999px;padding:8px 11px;font-weight:800;font-size:12px;}
.zone-line{font-size:14px;}
.faq-section{background:#fbfaf7;}
.faq-grid{margin-bottom:22px;}
.disclaimer-panel{border-color:#fed7aa;background:#fff7ed;}
.disclaimer-panel p{color:#7c2d12;font-weight:650;}
.message-col h3:after{content:"WhatsApp-ready";display:inline-flex;margin-left:10px;padding:4px 8px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:11px;vertical-align:middle;}
@media(min-width:1000px){
  .planner-inputs form>.ops-fields{grid-column:span 4;grid-template-columns:repeat(4,minmax(0,1fr));}
  #clearPlanBtn{grid-column:span 4;min-height:48px;}
}
@media(max-width:900px){.ops-proof-grid{grid-template-columns:1fr 1fr;}.db-stats{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.ops-proof-grid,.db-stats{grid-template-columns:1fr;}.message-col h3:after{display:flex;width:max-content;margin:8px 0 0;}}
@media print{
  .route-narrative,.top-reason-strip,.database-section,.faq-section,.real-ops-section,.how-section{display:none !important;}
}

.empty-state{border:1px dashed #cbd5e1;background:#f8fbff;color:#64748b;border-radius:14px;padding:16px;font-weight:700;text-align:center;}


/* === Insights + Article enhancement layer === */
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:18px;top:18px;width:auto;height:auto;z-index:999;background:#fff;color:#020617;padding:10px 14px;border-radius:999px;font-weight:800}.site-header .nav a[href="insights.html"]{font-weight:800}.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}.enhanced-footer{padding:28px clamp(20px,4vw,48px);display:block}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:1180px;margin:auto}.footer-inner p{margin:.35rem 0 0;color:#cbd5e1}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px;color:#cbd5e1}.footer-links a:hover{color:#fff}.contact-linkedin{background:#fff;color:#020617;border-color:#fff}.insights-home{background:#fff}.featured-insight-card{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:stretch;background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);padding:28px}.featured-insight-copy h3{font-size:clamp(28px,4vw,48px);line-height:1;margin:14px 0 12px;letter-spacing:-.04em}.featured-insight-copy p{font-size:18px;line-height:1.75;color:#475569}.insight-tags{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}.insight-tags span{border:1px solid #e2e8f0;background:#fff7ed;color:#92400e;border-radius:999px;padding:8px 12px;font-weight:800;font-size:13px}.insight-visual-card{border-radius:24px;background:#020617;color:white;padding:28px;display:grid;place-items:center;text-align:center;min-height:280px;position:relative;overflow:hidden}.insight-visual-card:before{content:"";position:absolute;inset:auto -80px -90px auto;width:260px;height:260px;background:rgba(251,191,36,.16);border-radius:50%;filter:blur(20px)}.quality-score{width:124px;height:124px;border-radius:50%;display:grid;place-items:center;background:#fbbf24;color:#020617;font-size:52px;font-weight:900;box-shadow:0 24px 60px rgba(251,191,36,.25);position:relative;z-index:1}.insight-visual-card p{position:relative;z-index:1;color:#e5e7eb;font-weight:800}.mini-bars{width:100%;display:grid;gap:10px;position:relative;z-index:1}.mini-bars span{display:block;height:11px;background:#fbbf24;border-radius:999px}.insights-hero{min-height:560px;display:flex;align-items:center}.insight-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:22px}.insight-card-main img{border-radius:20px;margin-bottom:18px;border:1px solid #e2e8f0}.muted-card{background:#f8fafc}.status.coming{background:#e2e8f0;color:#334155}.article-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#020617 0%,#071527 55%,#172554 100%);color:white;padding:72px 0 52px}.article-hero:before{content:"";position:absolute;right:-120px;top:-130px;width:360px;height:360px;border-radius:50%;background:rgba(251,191,36,.18);filter:blur(35px)}.article-hero .container{position:relative;z-index:1}.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:#cbd5e1;margin-bottom:28px;font-size:14px}.breadcrumb a{color:#fff}.article-hero h1{font-size:clamp(42px,7vw,86px);line-height:.95;margin:0 0 18px;letter-spacing:-.055em}.hero-lead{font-size:clamp(18px,2.2vw,23px);line-height:1.65;color:#dbeafe;max-width:900px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.tag{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#e2e8f0;border-radius:999px;padding:9px 13px;font-weight:800;font-size:13px}.tag.gold{background:#fbbf24;color:#020617;border-color:#fbbf24}.article-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;align-items:start}.article-map{position:sticky;top:94px;border:1px solid #e2e8f0;background:#fff;border-radius:22px;padding:18px;box-shadow:0 18px 38px rgba(15,23,42,.08)}.article-map b{display:block;margin-bottom:10px;color:#020617}.article-map a{display:block;color:#475569;padding:8px 0;border-top:1px solid #f1f5f9;font-size:14px}.article-map a:hover{color:#d97706}.article-body{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:clamp(22px,4vw,48px);box-shadow:0 24px 58px rgba(15,23,42,.08)}.article-body section{scroll-margin-top:110px}.article-body h2{font-size:clamp(28px,4vw,46px);line-height:1.05;letter-spacing:-.04em;margin:10px 0 16px;color:#0f172a}.article-body h3{font-size:24px;line-height:1.15;margin:8px 0 10px;color:#0f172a}.article-body p{font-size:17px;line-height:1.85;color:#475569}.lead-paragraph{font-size:20px!important;color:#334155!important}.figure-card{margin:28px 0;border:1px solid #e2e8f0;background:#f8fafc;border-radius:24px;overflow:hidden}.figure-card img{width:100%;height:auto}.figure-card figcaption{padding:13px 16px;color:#64748b;font-size:14px;border-top:1px solid #e2e8f0}.pillar-card{margin:30px 0;padding:28px;border:1px solid #e2e8f0;border-radius:26px;background:linear-gradient(180deg,#fff,#fffaf0)}.pillar-top{display:flex;gap:16px;align-items:center;margin-bottom:12px}.pillar-num{width:58px;height:58px;border-radius:20px;background:#fbbf24;color:#020617;display:grid;place-items:center;font-weight:900;font-size:24px;flex:0 0 auto}.observe{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.observe>div{background:#fff;border:1px solid #fde68a;border-radius:20px;padding:16px}.observe b{color:#0f172a}.observe p{font-size:15px;line-height:1.65;margin:.4rem 0 0}.story-box{position:relative;background:#020617;color:#fff;border-radius:22px;padding:22px 22px 22px 86px;margin:18px 0}.story-box .person{position:absolute;left:20px;top:22px;width:48px;height:48px;border-radius:16px;background:#fbbf24;color:#020617;display:grid;place-items:center;font-weight:900}.story-box strong{color:#fbbf24}.story-box h3{color:#fff}.story-box p{color:#cbd5e1}.lesson{border-left:5px solid #fbbf24;background:#fffbeb;border-radius:16px;padding:16px 18px;color:#78350f;font-weight:700}.lesson span{font-weight:900;color:#92400e}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.kpi{background:#020617;color:white;border-radius:22px;padding:20px}.kpi b{display:block;font-size:34px;color:#fbbf24}.kpi span{display:block;color:#cbd5e1;line-height:1.55;margin-top:8px}.score-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;margin:18px 0;background:#fff}.score-table th,.score-table td{text-align:left;padding:14px 16px;border-bottom:1px solid #e2e8f0}.score-table th{background:#020617;color:#fff}.score-table tr:last-child td{border-bottom:0}.cta-panel{background:linear-gradient(135deg,#020617,#111827);border-radius:28px;padding:30px;color:#dbeafe;margin-top:32px}.cta-panel p{color:#cbd5e1}.serif{font-family:Georgia,serif}.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.24)}.progress{position:fixed;left:0;top:0;height:4px;background:#fbbf24;width:0;z-index:99}.quality-connection .wide-panel{background:linear-gradient(135deg,#020617,#111827);color:white}.quality-connection .wide-panel p{color:#cbd5e1}.article-page .section{padding-top:52px}
@media(max-width:900px){.featured-insight-card,.article-layout,.observe{grid-template-columns:1fr}.article-map{position:relative;top:auto;order:2}.insight-grid{grid-template-columns:1fr}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{justify-content:flex-start}.kpi-row{grid-template-columns:1fr 1fr}.story-box{padding-left:22px;padding-top:86px}.article-body{padding:22px}.site-header .nav.open{display:flex}}
@media(max-width:640px){.container{width:min(100% - 28px,1120px)}.article-hero{padding:48px 0 34px}.kpi-row{grid-template-columns:1fr}.featured-insight-card{padding:18px}.pillar-card{padding:20px}.article-map{display:none}.insight-visual-card{min-height:230px}.footer-links{display:grid;gap:10px}.article-body p{font-size:16px}.score-table{font-size:14px}.score-table th,.score-table td{padding:10px}}


/* Corporate artifact refresh: cleaner, less decorative article visuals */
.article-page{background:#f8fafc;}
.article-hero{background:linear-gradient(135deg,#0B1F33 0%,#123456 100%);}
.article-hero:before{background:rgba(37,99,235,.18);}
.article-hero h1{letter-spacing:-.045em;}
.tag.gold{background:#2563EB;color:#fff;border-color:#2563EB;}
.progress{background:#2563EB;}
.article-body{border-radius:24px;box-shadow:0 18px 42px rgba(15,23,42,.07);}
.figure-card{background:#ffffff;border:1px solid #dbe3ee;border-radius:18px;box-shadow:0 14px 32px rgba(15,23,42,.06);}
.figure-card img{display:block;background:#f8fafc;}
.figure-card figcaption{background:#fff;color:#475569;font-weight:650;}
.pillar-card{background:#ffffff;border-color:#dbe3ee;box-shadow:0 10px 28px rgba(15,23,42,.045);}
.pillar-num{background:#2563EB;color:#fff;border-radius:16px;}
.observe>div{border-color:#dbe3ee;background:#f8fafc;}
.story-box{background:#0B1F33;}
.story-box .person{background:#2563EB;color:#fff;}
.story-box strong{color:#93c5fd;}
.lesson{border-left-color:#2563EB;background:#eff6ff;color:#1e3a8a;}
.lesson span{color:#1d4ed8;}
.kpi{background:#0B1F33;}
.kpi b{color:#93c5fd;}
.score-table th{background:#0B1F33;}
.cta-panel{background:linear-gradient(135deg,#0B1F33,#123456);}
.article-map a:hover{color:#2563EB;}
.insight-tags span{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.insight-visual-card{background:#0B1F33;}
.quality-score{background:#2563EB;color:#fff;box-shadow:0 24px 60px rgba(37,99,235,.25);}
.mini-bars span{background:#2563EB;}


/* No-AI visual rebuild: credible corporate article artifacts */
.article-page{background:#f6f8fb;}
.article-hero{background:linear-gradient(135deg,#0b1f33 0%,#123456 100%);}
.article-body{background:#fff;border-color:#d9e2ec;box-shadow:0 18px 42px rgba(11,31,51,.07);}
.article-body h2{color:#102a43;}
.pillar-card{background:#fff;border-color:#d9e2ec;box-shadow:0 10px 28px rgba(11,31,51,.05);}
.pillar-num{background:#1f6feb;color:#fff;border-radius:14px;}
.story-box{background:#102a43;border-left:6px solid #1f6feb;}
.story-box .person{background:#e7f0ff;color:#1f6feb;border-radius:14px;}
.story-box strong{color:#90cdf4;}
.lesson{border-left-color:#2f855a;background:#f0fff4;color:#276749;}
.lesson span{color:#22543d;}
.kpi{background:#102a43;}
.kpi b{color:#90cdf4;}
.score-table th{background:#102a43;}
.editorial-note{margin:24px 0 6px;padding:16px 18px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:16px;font-size:15px;line-height:1.6;}
.artifact-card{margin:30px 0;border:1px solid #d9e2ec;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 14px 34px rgba(11,31,51,.07);}
.artifact-head{padding:20px 22px;border-bottom:1px solid #e6edf5;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);}
.artifact-head span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:#64748b;margin-bottom:6px;}
.artifact-head strong{display:block;font-size:22px;line-height:1.25;color:#102a43;letter-spacing:-.02em;}
.artifact-card figcaption{padding:13px 18px;color:#52616b;background:#f8fafc;border-top:1px solid #e6edf5;font-size:14px;line-height:1.5;}
.process-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:22px;background:#fff;}
.process-strip>div{position:relative;min-height:164px;padding:16px 12px 14px;border:1px solid #d9e2ec;border-right:0;background:#fff;}
.process-strip>div:first-child{border-radius:14px 0 0 14px;}
.process-strip>div:last-child{border-right:1px solid #d9e2ec;border-radius:0 14px 14px 0;}
.process-strip>div:not(:last-child):after{content:"";position:absolute;right:-8px;top:50%;width:14px;height:14px;border-top:1px solid #d9e2ec;border-right:1px solid #d9e2ec;background:#fff;transform:translateY(-50%) rotate(45deg);z-index:2;}
.process-strip b,.pillar-framework-grid b{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:10px;background:#e7f0ff;color:#1f6feb;font-size:13px;font-weight:900;margin-bottom:14px;}
.process-strip strong,.pillar-framework-grid strong{display:block;color:#102a43;font-size:15px;line-height:1.25;margin-bottom:8px;}
.process-strip small,.pillar-framework-grid small{display:block;color:#64748b;line-height:1.45;font-size:13px;}
.pillar-framework-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:22px;background:#fff;}
.pillar-framework-grid>div{display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:start;border:1px solid #d9e2ec;border-radius:14px;padding:14px;background:#fbfdff;}
.pillar-framework-grid b{grid-row:span 2;margin:0;}
.story-ladder{display:grid;gap:12px;padding:22px;background:#fff;}
.story-ladder>div{display:grid;grid-template-columns:48px 160px 1fr;align-items:center;gap:16px;border:1px solid #d9e2ec;border-radius:14px;padding:16px 18px;background:#fbfdff;}
.story-ladder em{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1f6feb;color:#fff;font-style:normal;font-weight:900;}
.story-ladder strong{font-size:20px;color:#102a43;}
.story-ladder small{color:#64748b;line-height:1.5;}
.matrix-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px;background:#fff;}
.matrix-grid>div{border:1px solid #d9e2ec;border-radius:16px;background:#fbfdff;padding:18px;}
.matrix-grid strong{font-size:20px;color:#102a43;}
.matrix-grid p{font-size:15px!important;line-height:1.75!important;margin:.65rem 0 0!important;color:#52616b!important;}
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 22px 0;background:#fff;}
.dashboard-kpis>div{border:1px solid #d9e2ec;border-radius:16px;padding:16px;background:#fbfdff;}
.dashboard-kpis small{display:block;color:#64748b;text-transform:uppercase;font-weight:800;letter-spacing:.08em;}
.dashboard-kpis strong{display:block;font-size:34px;line-height:1.05;color:#102a43;margin:8px 0;letter-spacing:-.04em;}
.dashboard-kpis span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#ecfdf5;color:#047857;font-weight:800;font-size:12px;}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px;background:#fff;}
.chart-panel,.bar-panel{border:1px solid #d9e2ec;border-radius:16px;background:#fbfdff;padding:18px;}
.chart-panel h4,.bar-panel h4,.tracking-columns h4{margin:0 0 14px;color:#102a43;font-size:18px;}
.chart-panel svg{width:100%;height:auto;}
.chart-panel path{fill:none;stroke:#cbd5e1;stroke-width:3;}
.chart-panel polyline{fill:none;stroke:#1f6feb;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;}
.chart-panel circle{fill:#fff;stroke:#1f6feb;stroke-width:4;}
.bar-panel p{display:grid;grid-template-columns:90px 1fr 34px;align-items:center;gap:10px;margin:12px 0!important;font-size:14px!important;color:#334155!important;}
.bar-panel b{display:block;height:10px;background:#1f6feb;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);}
.bar-panel em{font-style:normal;font-weight:800;color:#102a43;}
.scorecard-table-wrap{padding:22px 22px 0;overflow-x:auto;background:#fff;}
.artifact-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;}
.artifact-table th{background:#102a43;color:#fff;text-align:left;padding:12px;border:1px solid #102a43;white-space:nowrap;}
.artifact-table td{padding:12px;border:1px solid #d9e2ec;color:#334155;}
.artifact-score-summary{margin:18px 22px 22px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:14px;padding:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.artifact-score-summary strong{color:#102a43;}
.artifact-score-summary span{color:#1e3a8a;font-weight:700;}
.tracking-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:22px;background:#fff;}
.tracking-columns>div{border:1px solid #d9e2ec;border-radius:16px;padding:18px;background:#fbfdff;}
.tracking-columns ul{margin:0;padding-left:18px;color:#52616b;line-height:1.8;}
@media(max-width:980px){.process-strip{grid-template-columns:1fr}.process-strip>div,.process-strip>div:first-child,.process-strip>div:last-child{border-radius:14px;border-right:1px solid #d9e2ec;margin-bottom:10px;min-height:auto}.process-strip>div:after{display:none}.dashboard-kpis{grid-template-columns:1fr 1fr}.dashboard-grid,.tracking-columns,.pillar-framework-grid,.matrix-grid{grid-template-columns:1fr}.story-ladder>div{grid-template-columns:42px 1fr}.story-ladder small{grid-column:2}.artifact-head strong{font-size:19px;}}
@media(max-width:640px){.dashboard-kpis{grid-template-columns:1fr}.artifact-card{border-radius:16px}.artifact-head,.process-strip,.pillar-framework-grid,.story-ladder,.matrix-grid,.dashboard-kpis,.dashboard-grid,.tracking-columns,.scorecard-table-wrap{padding:16px}.bar-panel p{grid-template-columns:1fr}.artifact-table{font-size:13px}.artifact-score-summary{margin:14px 16px 16px}.process-strip strong{font-size:16px}}


/* V37 rebuild: homepage experience and operations article case design */
.experience-redesign-v37{padding-top:84px;padding-bottom:84px;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);}
.experience-v37-wrap{max-width:1180px;margin:0 auto;}
.experience-v37-head{max-width:820px;margin-bottom:28px;}
.experience-v37-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:24px;align-items:start;}
.experience-v37-feature{position:sticky;top:92px;background:linear-gradient(135deg,#071527 0%,#123456 100%);color:#fff;border-radius:28px;padding:30px;box-shadow:0 24px 70px rgba(7,21,39,.18);overflow:hidden;}
.experience-v37-feature:after{content:"";position:absolute;right:-80px;bottom:-100px;width:240px;height:240px;border-radius:50%;background:rgba(251,191,36,.12);}
.experience-v37-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(251,191,36,.12);color:#fbbf24;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;margin-bottom:14px;}
.experience-v37-feature h3{font-size:28px;line-height:1.15;margin:0 0 14px;color:#fff;}
.experience-v37-feature p{color:#dbeafe;line-height:1.75;margin:0 0 18px;}
.experience-v37-tags{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:2;}
.experience-v37-tags span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#eff6ff;font-size:13px;font-weight:700;}
.experience-v37-timeline{display:grid;gap:16px;}
.experience-v37-item{position:relative;background:#fff;border:1px solid #d9e2ec;border-radius:24px;padding:24px 24px 24px 30px;box-shadow:0 14px 34px rgba(7,21,39,.06);}
.experience-v37-item:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:5px;border-radius:0 999px 999px 0;background:#2563eb;}
.experience-v37-item.current:before{background:#f59e0b;}
.experience-v37-date{display:inline-flex;margin-bottom:10px;padding:6px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:900;letter-spacing:.04em;}
.experience-v37-item.current .experience-v37-date{background:#fffbeb;color:#b45309;}
.experience-v37-item h3{margin:0 0 6px;color:#071527;font-size:22px;line-height:1.25;}
.experience-v37-item .company{margin:0 0 10px!important;color:#334155!important;font-weight:800!important;}
.experience-v37-item p{color:#52616b;line-height:1.72;margin:0;}
.ops-real-case-v37{margin:22px 0 8px;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#ffffff);border-radius:22px;padding:22px;box-shadow:0 14px 34px rgba(37,99,235,.07);}
.ops-case-label{display:inline-flex;margin-bottom:10px;padding:7px 10px;border-radius:999px;background:#071527;color:#fbbf24;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;}
.ops-real-case-v37 h3{margin:0 0 14px!important;color:#071527!important;font-size:22px!important;line-height:1.25!important;}
.ops-case-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.ops-case-columns p{margin:0!important;background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:14px!important;color:#334155!important;font-size:15px!important;line-height:1.62!important;}
.ops-case-columns strong{color:#1d4ed8;display:block;margin-bottom:4px;}
.ops-role-flow-v37{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:26px 0;}
.ops-role-flow-v37 article{position:relative;background:#fff;border:1px solid #d9e2ec;border-radius:22px;padding:20px 20px 18px 76px;box-shadow:0 12px 30px rgba(7,21,39,.06);min-height:145px;}
.ops-role-flow-v37 span{position:absolute;left:18px;top:20px;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#071527;color:#fbbf24;font-weight:900;}
.ops-role-flow-v37 h3{margin:0 0 8px!important;color:#071527!important;font-size:21px!important;}
.ops-role-flow-v37 p{margin:0!important;color:#52616b!important;line-height:1.65!important;font-size:15px!important;}
.ops-role-flow-v37 b{color:#102a43;}
.ops-role-summary-v37{margin:24px 0;border:1px solid #fde68a;background:#fffbeb;border-radius:20px;padding:20px 22px;}
.ops-role-summary-v37 strong{display:block;color:#92400e;margin-bottom:8px;font-size:18px;}
.ops-role-summary-v37 p{margin:0!important;color:#78350f!important;line-height:1.7!important;}
.ops-internal-link-v37{border-left:5px solid #2563eb;background:#eff6ff;padding:18px 20px!important;border-radius:16px;color:#1e3a8a!important;}
.ops-internal-link-v37 a{font-weight:900;color:#1d4ed8!important;}
@media(max-width:980px){.experience-v37-grid{grid-template-columns:1fr}.experience-v37-feature{position:relative;top:auto}.ops-case-columns,.ops-role-flow-v37{grid-template-columns:1fr}.ops-role-flow-v37 article{min-height:auto}.role-journey-map{grid-template-columns:1fr!important}}
@media(max-width:640px){.experience-redesign-v37{padding-top:56px;padding-bottom:56px}.experience-v37-feature{padding:24px;border-radius:22px}.experience-v37-feature h3{font-size:24px}.experience-v37-item{padding:22px}.ops-real-case-v37{padding:18px}.ops-role-flow-v37 article{padding:18px 18px 18px 68px}}


/* V39 update: homepage insight grouping + improved Experience Summary */
.aqo-home-insights-v39{align-items:start}.aqo-quality-stack-v39{display:grid;gap:16px}.experience-command-v39{background:linear-gradient(180deg,#fff 0%,#f7f4ee 100%);padding-top:84px;padding-bottom:84px}.experience-command-wrap-v39{max-width:1180px;margin:0 auto}.experience-command-head-v39{max-width:900px;margin-bottom:32px}.experience-command-grid-v39{display:grid;grid-template-columns:.95fr 1.25fr;gap:24px;align-items:stretch}.experience-profile-card-v39{background:linear-gradient(145deg,#071527,#123250);color:#fff;border-radius:30px;padding:32px;box-shadow:0 26px 60px rgba(7,21,39,.22);position:relative;overflow:hidden}.experience-profile-card-v39:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:999px;background:rgba(251,191,36,.15);filter:blur(6px)}.experience-v39-kicker{display:inline-flex;background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.34);color:#fbbf24;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.experience-profile-card-v39 h3{font-size:clamp(28px,3vw,42px);line-height:1.05;margin:18px 0 14px;color:#fff}.experience-profile-card-v39 p{color:#dbe7f2;line-height:1.75}.experience-stat-grid-v39{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.experience-stat-grid-v39 span{display:block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;color:#cbd5e1;font-size:13px;line-height:1.4}.experience-stat-grid-v39 strong{display:block;color:#fbbf24;font-size:26px;line-height:1;margin-bottom:5px}.experience-capability-grid-v39{display:grid;grid-template-columns:1fr 1fr;gap:16px}.experience-capability-grid-v39 article{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:22px;box-shadow:0 16px 36px rgba(7,21,39,.07)}.experience-capability-grid-v39 span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#fff7ed;color:#b45309;font-weight:900;margin-bottom:14px}.experience-capability-grid-v39 h3{margin:0 0 8px;color:#071527;font-size:20px;line-height:1.25}.experience-capability-grid-v39 p{margin:0;color:#52616b;line-height:1.65}.experience-timeline-v39{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.experience-timeline-v39 article{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(7,21,39,.06);position:relative;overflow:hidden}.experience-timeline-v39 article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#2563eb}.experience-timeline-v39 article.current:before{background:#f59e0b}.experience-timeline-v39 span{display:inline-flex;margin-bottom:10px;padding:6px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:900;letter-spacing:.04em}.experience-timeline-v39 article.current span{background:#fffbeb;color:#b45309}.experience-timeline-v39 h3{margin:0 0 9px;color:#071527;font-size:18px;line-height:1.3}.experience-timeline-v39 p{margin:0;color:#52616b;line-height:1.68;font-size:14.5px}@media(max-width:980px){.experience-command-grid-v39,.experience-timeline-v39{grid-template-columns:1fr}.experience-capability-grid-v39{grid-template-columns:1fr 1fr}}@media(max-width:620px){.experience-command-v39{padding-top:58px;padding-bottom:58px}.experience-profile-card-v39{padding:24px;border-radius:24px}.experience-stat-grid-v39,.experience-capability-grid-v39{grid-template-columns:1fr}.experience-timeline-v39 article{padding:20px}}


/* V40 update: homepage Insights section uses the same command-card design language as Experience Summary */
.insight-command-v40{background:linear-gradient(180deg,#fff 0%,#f7f4ee 100%);padding-top:84px;padding-bottom:84px}.insight-command-wrap-v40{max-width:1180px;margin:0 auto}.insight-command-head-v40{max-width:940px;margin-bottom:32px}.insight-command-grid-v40{display:grid;grid-template-columns:.95fr 1.25fr;gap:24px;align-items:stretch}.insight-profile-card-v40{background:linear-gradient(145deg,#071527,#123250);color:#fff;border-radius:30px;padding:32px;box-shadow:0 26px 60px rgba(7,21,39,.22);position:relative;overflow:hidden}.insight-profile-card-v40:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:999px;background:rgba(251,191,36,.15);filter:blur(6px)}.insight-v40-kicker{display:inline-flex;background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.34);color:#fbbf24;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.insight-profile-card-v40 h3{font-size:clamp(28px,3vw,42px);line-height:1.05;margin:18px 0 14px;color:#fff}.insight-profile-card-v40 p{color:#dbe7f2;line-height:1.75}.insight-stat-grid-v40{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.insight-stat-grid-v40 span{display:block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;color:#cbd5e1;font-size:13px;line-height:1.4}.insight-stat-grid-v40 strong{display:block;color:#fbbf24;font-size:26px;line-height:1;margin-bottom:5px}.insight-article-rail-v40{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:20px 0}.insight-article-rail-v40 a{display:grid;place-items:center;min-height:38px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#e2e8f0;font-weight:900;text-decoration:none}.insight-article-rail-v40 a:hover{background:#fbbf24;color:#071527}.insight-capability-grid-v40{display:grid;grid-template-columns:1fr 1fr;gap:16px}.insight-capability-grid-v40 article{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:22px;box-shadow:0 16px 36px rgba(7,21,39,.07)}.insight-capability-grid-v40 span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:14px;background:#fff7ed;color:#b45309;font-weight:900;margin-bottom:14px}.insight-capability-grid-v40 h3{margin:0 0 8px;color:#071527;font-size:20px;line-height:1.25}.insight-capability-grid-v40 p{margin:0;color:#52616b;line-height:1.65}.insight-operation-head-v40{max-width:880px;margin:42px 0 20px}.insight-operation-head-v40 h3{font-size:clamp(26px,3vw,38px);line-height:1.1;margin:10px 0;color:#071527}.insight-operation-head-v40 p{color:#52616b;line-height:1.7;margin:0}.insight-timeline-v40{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.insight-timeline-v40 article{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(7,21,39,.06);position:relative;overflow:hidden}.insight-timeline-v40 article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#2563eb}.insight-timeline-v40 article.current:before{background:#f59e0b}.insight-timeline-v40 span{display:inline-flex;margin-bottom:10px;padding:6px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:900;letter-spacing:.04em}.insight-timeline-v40 article.current span{background:#fffbeb;color:#b45309}.insight-timeline-v40 h3{margin:0 0 9px;color:#071527;font-size:18px;line-height:1.3}.insight-timeline-v40 p{margin:0 0 14px;color:#52616b;line-height:1.68;font-size:14.5px}.insight-timeline-v40 a{font-weight:900;color:#1d4ed8;text-decoration:none}.insight-timeline-v40 a:hover{text-decoration:underline}@media(max-width:980px){.insight-command-grid-v40,.insight-timeline-v40{grid-template-columns:1fr}.insight-capability-grid-v40{grid-template-columns:1fr 1fr}}@media(max-width:620px){.insight-command-v40{padding-top:58px;padding-bottom:58px}.insight-profile-card-v40{padding:24px;border-radius:24px}.insight-stat-grid-v40,.insight-capability-grid-v40{grid-template-columns:1fr}.insight-article-rail-v40{grid-template-columns:repeat(4,1fr)}.insight-timeline-v40 article{padding:20px}}


/* ===== Quotation masterclass additions ===== */
/* Quotation Masterclass v12 - publication-ready article layer */
.qm-article{background:#f7f9fc;color:#0f172a}.qm-article .site-header{background:rgba(6,16,30,.96);backdrop-filter:blur(12px)}
.qm-hero{background:radial-gradient(circle at top right,rgba(201,162,74,.22),transparent 28%),linear-gradient(135deg,#06101e 0%,#0b1f3a 52%,#102a4c 100%);color:#fff;padding:86px 0 54px;border-bottom:1px solid rgba(255,255,255,.08)}
.qm-wrap{width:min(1120px,92vw);margin:0 auto}.qm-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:center}.qm-eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f7d88d;background:rgba(255,255,255,.08);border:1px solid rgba(247,216,141,.35);border-radius:999px;padding:8px 12px;margin-bottom:18px}.qm-hero h1{font-size:clamp(2.25rem,5vw,4.65rem);line-height:1.02;margin:.1rem 0 1rem;letter-spacing:-.045em}.qm-lead{font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.65;color:#dbeafe;max-width:820px}.qm-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.qm-meta span{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.075);border-radius:999px;padding:8px 12px;color:#e2e8f0;font-weight:700;font-size:.88rem}.qm-side-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:24px;box-shadow:0 22px 60px rgba(0,0,0,.24)}.qm-side-card h3{margin-top:0;color:#fff}.qm-side-card ul{padding-left:18px;color:#e2e8f0;line-height:1.65}.qm-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;margin:42px auto}.qm-toc{position:sticky;top:96px;align-self:start;background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 12px 35px rgba(15,23,42,.07)}.qm-toc h2{font-size:1rem;margin:0 0 12px}.qm-toc a{display:block;text-decoration:none;color:#334155;padding:9px 0;border-bottom:1px solid #edf2f7;font-size:.94rem}.qm-toc a:hover{color:#b8871f}.qm-content{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:clamp(24px,4vw,50px);box-shadow:0 20px 65px rgba(15,23,42,.075)}.qm-content h2{font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.025em;margin-top:2.2rem;color:#0b1f3a}.qm-content h3{font-size:1.25rem;margin-top:1.8rem;color:#102a4c}.qm-content p,.qm-content li{font-size:1.04rem;line-height:1.78;color:#334155}.qm-content strong{color:#0f172a}.qm-content a{color:#9a6b0f;font-weight:800}.qm-callout{border-left:5px solid #c9a24a;background:#fffbeb;border-radius:16px;padding:18px 20px;margin:24px 0}.qm-callout.blue{border-left-color:#2563eb;background:#eff6ff}.qm-callout.green{border-left-color:#16a34a;background:#f0fdf4}.qm-callout.red{border-left-color:#dc2626;background:#fef2f2}.qm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.qm-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:20px}.qm-card h3{margin-top:0}.qm-table{width:100%;border-collapse:collapse;margin:20px 0;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;display:table}.qm-table th{background:#0b1f3a;color:#fff;text-align:left}.qm-table th,.qm-table td{padding:14px 15px;border-bottom:1px solid #e5e7eb;vertical-align:top}.qm-table tr:nth-child(even) td{background:#f8fafc}.qm-formula{font-size:1.15rem;font-weight:900;background:#0f172a;color:#f8fafc;border-radius:16px;padding:16px 18px;margin:18px 0;overflow:auto}.qm-series{background:#0b1f3a;color:#fff;border-radius:26px;padding:24px;margin:34px 0}.qm-series h2{color:#fff;margin-top:0}.qm-series ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;padding-left:22px}.qm-series a{color:#f7d88d}.qm-resource-box{background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #dbeafe;border-radius:24px;padding:24px;margin:34px 0}.qm-resource-box h2{margin-top:0}.qm-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.qm-next a{display:block;text-decoration:none;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;color:#0f172a;box-shadow:0 12px 30px rgba(15,23,42,.05)}.qm-next span{display:block;color:#64748b;font-size:.88rem;margin-bottom:6px}.qm-footer-cta{background:#06101e;color:#fff;border-radius:28px;padding:30px;margin-top:36px}.qm-footer-cta h2{color:#fff;margin-top:0}.qm-footer-cta p{color:#dbeafe}.qm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.qm-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 16px;font-weight:900;text-decoration:none;border:1px solid transparent}.qm-btn.primary{background:#c9a24a;color:#06101e}.qm-btn.secondary{border-color:rgba(255,255,255,.25);color:#fff}.qm-content .qm-btn.secondary{border-color:#cbd5e1;color:#0f172a}.qm-note{font-size:.92rem;color:#64748b;border-top:1px solid #e5e7eb;margin-top:34px;padding-top:18px}.qm-checklist li{margin-bottom:10px}.qm-breadcrumb{font-size:.92rem;color:#cbd5e1;margin-bottom:16px}.qm-breadcrumb a{color:#f7d88d;text-decoration:none}.qm-pill-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.qm-pill-list span{background:#eef2ff;color:#1e3a8a;border:1px solid #dbeafe;border-radius:999px;padding:7px 10px;font-weight:800;font-size:.86rem}.qm-content blockquote{margin:26px 0;padding:18px 22px;border-left:5px solid #0b1f3a;background:#f8fafc;border-radius:16px;color:#334155;font-size:1.1rem;line-height:1.7}.qm-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.qm-kpi div{background:#0b1f3a;color:#fff;border-radius:20px;padding:18px}.qm-kpi strong{display:block;color:#f7d88d;font-size:1.55rem}.qm-kpi span{color:#dbeafe;font-size:.92rem}.qm-quote-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:22px;padding:22px;margin:24px 0}.qm-quote-box p{margin:.5rem 0}.qm-downloads{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.qm-downloads a{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:10px 12px;text-decoration:none;color:#0f172a;font-weight:900}
@media (max-width:900px){.qm-hero-grid,.qm-layout{grid-template-columns:1fr}.qm-toc{position:relative;top:0}.qm-series ol,.qm-next,.qm-grid,.qm-kpi{grid-template-columns:1fr}.qm-hero{padding-top:58px}.qm-content{border-radius:22px}}
@media print{.site-header,.qm-toc,.qm-actions,.qm-next,.qm-footer-cta{display:none!important}.qm-layout{display:block}.qm-content{box-shadow:none;border:none}.qm-hero{background:#fff;color:#000}.qm-lead,.qm-hero h1{color:#000}}


/* Real website integration: Quotation Masterclass cards and footer consistency */
.qm-article .footer{margin-top:0}
.qm-article .qm-breadcrumb a{color:#fde68a;text-decoration:none}
.qm-article .qm-breadcrumb{color:#cbd5e1;margin-bottom:18px;font-weight:700}
.qm-article .qm-side-card .btn{display:inline-flex;margin-top:10px}
.qm-resource-bridge{background:linear-gradient(135deg,#fff7ed,#ffffff);border:1px solid #fed7aa;border-radius:24px;padding:24px;margin:28px 0}
.qm-resource-bridge h3{margin-top:0}
.masterclass-highlight{background:linear-gradient(135deg,#06101e,#0b1f3a);color:#fff;border-radius:32px;padding:34px;box-shadow:0 24px 70px rgba(2,6,23,.22)}
.masterclass-highlight p{color:#dbeafe}
.masterclass-list{display:grid;gap:14px;margin-top:22px}
.masterclass-item{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.masterclass-item strong{color:#fde68a}
.masterclass-item a{color:#fff;text-decoration:none}
@media(max-width:760px){.masterclass-item{grid-template-columns:1fr}.qm-hero{padding-top:58px}.qm-layout{grid-template-columns:1fr}.qm-toc{position:relative;top:auto}}


/* Final publication polish */
.insights-two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.insight-feature{background:#fff;border:1px solid rgba(11,31,53,.12);border-radius:24px;padding:28px;box-shadow:0 18px 44px rgba(11,31,53,.08)}
.insight-feature h3{font-size:1.45rem;margin:.35rem 0 .7rem}.insight-feature .btn{margin-top:12px}.insight-feature .mini-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.insight-feature .mini-list span{background:#eef4fa;border-radius:999px;padding:7px 10px;font-size:.82rem;color:#21364b}
.edu-figure{margin:36px 0;padding:0;border-radius:26px;overflow:hidden;border:1px solid rgba(184,137,50,.25);box-shadow:0 18px 45px rgba(6,16,30,.12);background:#06101e}.edu-figure img{display:block;width:100%;height:auto}.edu-figure figcaption{padding:13px 18px;color:#dce8f3;font-size:.92rem;background:#06101e}
.qm-content p{line-height:1.85}.qm-content h2{scroll-margin-top:90px}.qm-content h3{margin-top:28px}.qm-note{border-left:5px solid #b88932;background:#fff8ea;padding:18px 20px;border-radius:16px;margin:24px 0}.qm-case{background:#f4f8fc;border:1px solid #dce7f1;border-radius:18px;padding:22px;margin:24px 0}.qm-case strong{color:#0b1f35}.cv-download-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
@media(max-width:800px){.insights-two-grid{grid-template-columns:1fr}}


/* V13 homepage insights and long-form article polish */
.insights-home.v13-insights{position:relative;overflow:hidden;padding-top:90px;padding-bottom:90px;background:linear-gradient(135deg,#07182d 0%,#0b2543 48%,#102f56 100%);color:#fff;border-radius:0;margin:0 calc(50% - 50vw);padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2));}
.insights-home.v13-insights:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(217,171,94,.28),transparent 28%),radial-gradient(circle at 85% 85%,rgba(73,142,194,.20),transparent 30%);pointer-events:none;}
.insights-home.v13-insights .section-head{position:relative;max-width:850px;margin-bottom:34px}.insights-home.v13-insights .section-head h2{color:#fff;font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.04em}.insights-home.v13-insights .section-head p{color:#c9d7e8;font-size:1.08rem}.insights-home.v13-insights .eyebrow{color:#f1c879}.insights-showcase{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch}.insight-premium-card{position:relative;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);backdrop-filter:blur(12px);border-radius:28px;padding:30px;box-shadow:0 30px 90px rgba(0,0,0,.26);overflow:hidden}.insight-premium-card.primary{background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,.06));min-height:430px}.insight-premium-card h3{color:#fff;font-size:clamp(1.6rem,2.8vw,2.55rem);line-height:1.05;margin:16px 0 14px}.insight-premium-card p{color:#dce8f5;line-height:1.75}.insight-badge{display:inline-flex;gap:8px;align-items:center;background:rgba(242,201,125,.14);color:#ffe0a3;border:1px solid rgba(242,201,125,.32);padding:8px 12px;border-radius:999px;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.insight-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.insight-metrics span{display:block;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);border-radius:18px;padding:14px;color:#cfe0f1}.insight-metrics strong{display:block;color:#fff;font-size:1.35rem;margin-bottom:4px}.insight-link-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.insight-link-row a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;padding:12px 18px;font-weight:900}.insight-link-row .gold{background:#d9ab5e;color:#07182d}.insight-link-row .ghost{border:1px solid rgba(255,255,255,.25);color:#fff}.insight-secondary-stack{display:grid;gap:24px}.insight-mini-card{position:relative;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);border-radius:26px;padding:26px;min-height:190px}.insight-mini-card h3{font-size:1.55rem;color:#fff}.insight-mini-card .small-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.insight-mini-card .small-list span{border-radius:999px;background:rgba(255,255,255,.10);color:#dce8f5;padding:7px 10px;font-size:.82rem}.insight-path{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:24px}.insight-path a{display:block;text-align:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#eaf3ff;border-radius:14px;padding:10px 6px;text-decoration:none;font-weight:800;font-size:.8rem}.insight-path a:hover{background:rgba(217,171,94,.18);color:#fff}.cards.project-grid-v13{grid-template-columns:repeat(3,minmax(0,1fr))}.project .project-meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.project .project-meta span{background:#eef4fb;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800;color:#1b3d5e}.v13-article{background:#f7f9fc}.v13-article .article-hero{background:linear-gradient(135deg,#07182d,#12375e);color:#fff;padding:80px 24px 52px}.v13-article .article-hero-inner{max-width:980px;margin:auto}.v13-article .article-hero h1{font-size:clamp(2.1rem,4vw,4rem);line-height:1.02;letter-spacing:-.04em;margin:14px 0}.v13-article .article-intro{font-size:1.15rem;line-height:1.8;color:#dce8f5;max-width:900px}.v13-article .article-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.v13-article .article-meta span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;color:#eaf3ff;background:rgba(255,255,255,.08);font-size:.86rem}.v13-article .article-layout{max-width:1180px;margin:38px auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:34px;padding:0 24px}.v13-article .article-toc{position:sticky;top:92px;align-self:start;background:#fff;border:1px solid #e1e8f0;border-radius:24px;padding:20px;box-shadow:0 18px 50px rgba(8,33,58,.07)}.v13-article .article-toc h2{font-size:1rem;margin:0 0 12px}.v13-article .article-toc a{display:block;color:#34526f;text-decoration:none;padding:9px 0;border-top:1px solid #eef2f6;font-size:.92rem}.v13-article .article-content{background:#fff;border:1px solid #e1e8f0;border-radius:30px;padding:clamp(24px,5vw,56px);box-shadow:0 22px 70px rgba(8,33,58,.08)}.v13-article .article-content h2{font-size:clamp(1.65rem,2.4vw,2.25rem);margin:46px 0 16px;color:#102f56;letter-spacing:-.02em}.v13-article .article-content p{font-size:1.04rem;line-height:1.9;color:#20384f;margin:0 0 18px}.v13-article .article-content ul,.v13-article .article-content ol{color:#20384f;line-height:1.8}.v13-callout{background:#f5efe4;border:1px solid #ead5ad;border-left:5px solid #d9ab5e;border-radius:18px;padding:20px;margin:24px 0;color:#382a12}.v13-case{background:#f3f8fd;border:1px solid #d6e8f7;border-radius:20px;padding:22px;margin:28px 0}.v13-case h3{margin-top:0;color:#12375e}.article-visual{margin:34px 0;background:#07182d;border-radius:24px;overflow:hidden;border:1px solid #e1e8f0;box-shadow:0 18px 40px rgba(8,33,58,.10)}.article-visual img{display:block;width:100%;height:auto}.article-visual figcaption{background:#fff;color:#4b6075;padding:12px 18px;font-size:.9rem}.faq-block{margin-top:48px;border-top:1px solid #e6edf5;padding-top:26px}.faq-item{border:1px solid #e2e9f1;border-radius:18px;padding:18px;margin:14px 0;background:#fbfdff}.faq-item h3{margin:0 0 8px;color:#12375e}.article-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px}.article-links a{display:block;text-decoration:none;color:#102f56;background:#f7f9fc;border:1px solid #e1e8f0;border-radius:18px;padding:16px;font-weight:800}.article-links a:hover{background:#f5efe4;border-color:#d9ab5e}.article-disclaimer{font-size:.93rem;color:#66788a;background:#f7f9fc;border-radius:16px;padding:16px;margin-top:30px}.qm-series-grid-v13{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:26px 0}.qm-series-grid-v13 a{background:#fff;border:1px solid #e1e8f0;border-radius:18px;padding:16px;text-decoration:none;color:#102f56;font-weight:800;box-shadow:0 10px 26px rgba(8,33,58,.06)}.qm-series-grid-v13 a span{display:block;color:#d09b43;font-size:.82rem;margin-bottom:6px}.qm-master-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.qm-master-visual div{background:#fff;border:1px solid #e1e8f0;border-radius:18px;padding:18px}.qm-master-visual strong{display:block;color:#102f56;margin-bottom:6px}@media(max-width:900px){.insights-showcase,.v13-article .article-layout{grid-template-columns:1fr}.v13-article .article-toc{position:relative;top:auto}.insight-path,.qm-series-grid-v13{grid-template-columns:repeat(2,1fr)}.insight-metrics,.qm-master-visual{grid-template-columns:1fr}.article-links{grid-template-columns:1fr}.cards.project-grid-v13{grid-template-columns:1fr}}


/* ===== Frontend polish additions ===== */
/* V14 Front-End Polish: global design system, editorial layout, mobile-first UX */
:root{
  --v14-navy:#071526; --v14-navy-2:#0d2238; --v14-navy-3:#123250;
  --v14-gold:#c8a45d; --v14-gold-2:#f4ead6; --v14-gold-3:#9d7b33;
  --v14-bg:#f6f8fb; --v14-surface:#ffffff; --v14-surface-2:#eef3f8;
  --v14-text:#172033; --v14-muted:#64748b; --v14-border:#dde5ef;
  --v14-success:#0f766e; --v14-warning:#b45309; --v14-danger:#b91c1c;
  --v14-shadow:0 22px 60px rgba(7,21,38,.12); --v14-soft-shadow:0 14px 32px rgba(7,21,38,.08);
  --v14-radius:24px; --v14-radius-sm:14px; --v14-max:1180px;
  --v14-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
  body{font-family:var(--v14-font); background:var(--v14-bg); color:var(--v14-text); line-height:1.65;}
a{color:inherit} img{max-width:100%; height:auto} 
.site-header{position:sticky; top:0; z-index:90; backdrop-filter:blur(18px); background:rgba(255,255,255,.92)!important; border-bottom:1px solid rgba(221,229,239,.9); box-shadow:0 8px 22px rgba(7,21,38,.04);}
.brand{gap:12px}.brand-mark{background:linear-gradient(135deg,var(--v14-navy),var(--v14-navy-3)); color:#fff; border:1px solid rgba(200,164,93,.45); box-shadow:0 10px 25px rgba(7,21,38,.16)}.brand small{color:var(--v14-muted)}
.nav{align-items:center}.nav a{border-radius:999px; padding:9px 13px; font-weight:700; color:var(--v14-navy); transition:.2s ease}.nav a:hover,.nav a[aria-current="page"]{background:var(--v14-gold-2); color:var(--v14-navy)}.nav .nav-cv{background:var(--v14-navy)!important; color:#fff!important; border:1px solid var(--v14-navy); box-shadow:0 10px 25px rgba(7,21,38,.16)}.nav .nav-cv:hover{background:var(--v14-gold)!important;color:var(--v14-navy)!important}
.menu-btn{border:1px solid var(--v14-border); border-radius:12px; background:#fff; color:var(--v14-navy)}
.section,.hero,.section-tight{max-width:var(--v14-max); margin-left:auto; margin-right:auto}.section{padding:86px 22px}.section-tight{padding:30px 22px}.hero{border-radius:0 0 36px 36px; padding:88px 22px 74px}.hero-grid{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr); gap:46px; align-items:center}.hero-copy h1{font-size:clamp(42px,6vw,76px); line-height:.95; letter-spacing:-.055em; color:var(--v14-navy); margin:18px 0}.hero-copy .lead,.lead{font-size:clamp(18px,2vw,22px); color:#42526a; max-width:760px}.hero .pill,.pill,.eyebrow{letter-spacing:.08em; font-weight:800; text-transform:uppercase}.pill{background:var(--v14-gold-2); color:#765c20; border:1px solid #ead6a5; border-radius:999px; padding:8px 13px; display:inline-flex}.actions{gap:12px; flex-wrap:wrap}.btn,.actions a,.card a.gold,.insight-link-row a.gold{display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:12px 18px; border-radius:999px; font-weight:800; text-decoration:none; border:1px solid transparent; transition:.22s ease}.btn.primary,.btn.dark,.gold,.actions a.btn.primary{background:linear-gradient(135deg,var(--v14-gold),#e1c37b); color:var(--v14-navy)!important; border-color:rgba(157,123,51,.2); box-shadow:0 16px 32px rgba(200,164,93,.25)}.btn.secondary,.btn.ghost,.ghost,.actions a.btn.secondary{background:#fff; color:var(--v14-navy)!important; border-color:var(--v14-border)}.btn:hover,.actions a:hover,.card a:hover{transform:translateY(-2px); box-shadow:var(--v14-soft-shadow)}
.portrait-card,.system-preview,.dark-card{border-radius:var(--v14-radius); overflow:hidden; box-shadow:var(--v14-shadow); border:1px solid rgba(200,164,93,.16)}.portrait-card{background:#fff}.portrait-caption{background:linear-gradient(145deg,var(--v14-navy),#0d2742); color:#fff; padding:22px}.portrait-caption small{color:var(--v14-gold)}
.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}.stats article{background:#fff; border:1px solid var(--v14-border); border-radius:20px; padding:22px; box-shadow:var(--v14-soft-shadow)}.stats strong{font-size:30px; color:var(--v14-navy); display:block}.stats span{color:var(--v14-muted)}
.section-head{max-width:760px; margin:0 auto 34px; text-align:center}.section-head h2{font-size:clamp(34px,4vw,54px); line-height:1.05; letter-spacing:-.04em; color:var(--v14-navy); margin:10px 0}.section-head p{color:var(--v14-muted); font-size:18px}.cards{display:grid; gap:22px}.cards.three,.project-grid-v13{grid-template-columns:repeat(3,1fr)}.card{background:#fff; border:1px solid var(--v14-border); border-radius:var(--v14-radius); padding:26px; box-shadow:var(--v14-soft-shadow); position:relative; overflow:hidden}.card:before{content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg,var(--v14-gold),transparent)}.card h3{font-size:25px; line-height:1.16; margin:12px 0; color:var(--v14-navy)}.card p{color:#46586d}.status,.insight-badge,.series-label,.article-badge{display:inline-flex; align-items:center; gap:7px; background:var(--v14-gold-2); border:1px solid #ead6a5; color:#765c20; padding:7px 11px; border-radius:999px; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.07em}.status.coming{background:#edf4ff; color:#1e4f82; border-color:#d7e8ff}.project-meta,.tag-row,.small-list{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px}.project-meta span,.tag-row span,.small-list span{background:var(--v14-surface-2); color:var(--v14-navy); padding:7px 10px; border-radius:999px; font-size:13px; font-weight:700}.project.card{min-height:100%; display:flex; flex-direction:column}.project.card>a{margin-top:auto; align-self:flex-start; color:var(--v14-navy); font-weight:900; border-bottom:2px solid var(--v14-gold); text-decoration:none}
/* Homepage insights editorial section */
.insights-home{position:relative}.insights-home:before{content:""; position:absolute; inset:40px 22px; background:linear-gradient(135deg,#08172a,#123250); border-radius:34px; z-index:-1; opacity:1}.insights-home .section-head h2,.insights-home .section-head p{color:#fff}.insights-home .eyebrow{color:var(--v14-gold)}.v14-insights-board{display:grid; grid-template-columns:1.2fr .8fr; gap:22px}.v14-feature-card,.v14-side-card{background:#fff; border:1px solid rgba(200,164,93,.18); border-radius:30px; padding:30px; box-shadow:0 26px 70px rgba(0,0,0,.20)}.v14-feature-card h3{font-size:clamp(31px,4vw,47px); line-height:1.02; margin:16px 0; letter-spacing:-.035em}.v14-feature-card p,.v14-side-card p{color:#46586d; font-size:17px}.v14-feature-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:22px 0}.v14-feature-grid span{background:var(--v14-bg); border:1px solid var(--v14-border); border-radius:16px; padding:14px; font-size:14px}.v14-feature-grid strong{display:block; font-size:22px; color:var(--v14-navy)}.v14-article-rail{display:grid; grid-template-columns:repeat(7,1fr); gap:8px; margin-top:22px}.v14-article-rail a{display:flex; align-items:center; justify-content:center; min-height:42px; border-radius:12px; background:var(--v14-navy); color:#fff; font-weight:900; text-decoration:none}.v14-article-rail a:hover{background:var(--v14-gold); color:var(--v14-navy)}.v14-side-stack{display:grid; gap:18px}.v14-side-card h3{font-size:26px}.v14-side-card.highlight{background:linear-gradient(145deg,#fff,var(--v14-gold-2))}
/* Audience pathways and start here */
.v14-pathways{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:28px}.v14-path-card{background:#fff; border:1px solid var(--v14-border); border-radius:22px; padding:22px; box-shadow:var(--v14-soft-shadow); text-decoration:none}.v14-path-card small{color:var(--v14-gold-3); font-weight:900; text-transform:uppercase}.v14-path-card h3{margin:8px 0; color:var(--v14-navy)}.v14-path-card p{color:var(--v14-muted); margin:0}.v14-path-card:hover{transform:translateY(-3px); box-shadow:var(--v14-shadow)}
/* Articles */
body.v13-article,body.article-page{background:#f8fafc}.article-progress{position:fixed; top:0; left:0; height:4px; background:linear-gradient(90deg,var(--v14-gold),#fff); width:0; z-index:999}.breadcrumb{max-width:980px; margin:28px auto -24px; padding:0 22px; color:var(--v14-muted); font-size:14px}.breadcrumb a{color:var(--v14-navy); font-weight:800; text-decoration:none}.article-hero{background:linear-gradient(135deg,var(--v14-navy),#123250)!important; color:#fff; padding:76px 22px 52px; border-radius:0 0 34px 34px; margin-bottom:46px}.article-hero-inner{max-width:980px; margin:0 auto}.article-hero h1{font-size:clamp(38px,6vw,68px)!important; line-height:1.02!important; letter-spacing:-.055em; margin:18px 0}.article-intro{font-size:20px!important; color:#dbe7f2!important; max-width:860px}.article-meta{display:flex; flex-wrap:wrap; gap:10px; margin-top:22px}.article-meta span{background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:8px 11px; font-size:13px}.article-shell{max-width:1180px; margin:0 auto 70px; padding:0 22px; display:grid; grid-template-columns:250px minmax(0,780px); gap:46px; align-items:start}.article-toc{position:sticky; top:92px; background:#fff; border:1px solid var(--v14-border); border-radius:20px; padding:18px; box-shadow:var(--v14-soft-shadow)}.article-toc h2,.article-toc h3{font-size:14px; margin:0 0 12px; color:var(--v14-navy); text-transform:uppercase; letter-spacing:.08em}.article-toc a{display:block; padding:8px 0; color:var(--v14-muted); text-decoration:none; border-bottom:1px solid #f0f3f7; font-size:14px}.article-toc a:hover{color:var(--v14-gold-3)}.article-body,.article-content{background:#fff; border:1px solid var(--v14-border); border-radius:28px; padding:44px; box-shadow:var(--v14-soft-shadow); max-width:800px; font-size:18px; line-height:1.78}.article-body h2,.article-content h2{font-size:31px; line-height:1.18; letter-spacing:-.03em; margin:56px 0 18px; color:var(--v14-navy)}.article-body h3,.article-content h3{font-size:23px; margin-top:32px; color:#183550}.article-body p,.article-content p{margin:0 0 22px; color:#334155}.article-body ul,.article-content ul{padding-left:23px; margin-bottom:26px}.article-body li,.article-content li{margin:8px 0}.article-body a,.article-content a{color:#0d4b80; font-weight:800; text-decoration-thickness:2px; text-decoration-color:var(--v14-gold)}.article-visual,.article-body figure,.article-content figure{margin:34px 0; background:linear-gradient(135deg,#f8fafc,#fff); border:1px solid var(--v14-border); border-radius:24px; padding:18px; box-shadow:0 12px 24px rgba(7,21,38,.06)}.article-body img,.article-content img{border-radius:18px; box-shadow:0 12px 24px rgba(7,21,38,.08)}.callout,.key-takeaway,.v14-callout{background:var(--v14-gold-2); border:1px solid #ead6a5; border-radius:20px; padding:22px; margin:30px 0; color:#402f0e}.faq-section,.article-faq{margin-top:50px; padding-top:28px; border-top:1px solid var(--v14-border)}.faq-section h2,.article-faq h2{margin-top:0}.faq-section details,.article-faq details{background:var(--v14-bg); border:1px solid var(--v14-border); border-radius:16px; padding:16px 18px; margin:12px 0}.faq-section summary,.article-faq summary{font-weight:900; color:var(--v14-navy); cursor:pointer}.related-insights{margin-top:34px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px}.related-insights a{background:var(--v14-bg); border:1px solid var(--v14-border); border-radius:16px; padding:16px; text-decoration:none; color:var(--v14-navy)}.related-insights small{display:block; color:var(--v14-gold-3); font-weight:900; text-transform:uppercase}.v14-article-cta{margin-top:36px; border-radius:24px; padding:26px; background:linear-gradient(135deg,var(--v14-navy),#123250); color:#fff}.v14-article-cta p{color:#d9e5f1}.v14-article-cta a{color:#fff; border-bottom:2px solid var(--v14-gold); text-decoration:none; margin-right:16px}
/* Masterclass / insight pages */
.masterclass-highlight,.masterclass-card{background:#fff; border:1px solid var(--v14-border); border-radius:28px; padding:32px; box-shadow:var(--v14-soft-shadow)}.masterclass-list{display:grid; gap:12px; margin-top:24px}.masterclass-item{display:grid; grid-template-columns:54px 1fr; gap:12px; align-items:center; border:1px solid var(--v14-border); border-radius:16px; padding:14px; background:#f8fafc}.masterclass-item strong{background:var(--v14-navy); color:#fff; border-radius:12px; padding:10px; text-align:center}.masterclass-item a{text-decoration:none; font-weight:900; color:var(--v14-navy)}
/* Footer / mobile CTA */
.enhanced-footer{background:var(--v14-navy)!important; color:#fff; padding:44px 22px}.footer-inner{max-width:var(--v14-max); margin:auto; display:grid; grid-template-columns:1.2fr 1fr auto; gap:28px; align-items:start}.footer-inner p{color:#c7d3df}.footer-links{display:grid; gap:10px}.footer-links a{color:#fff; text-decoration:none}.footer-links a:hover{color:var(--v14-gold)}.back-top{background:var(--v14-gold); color:var(--v14-navy); width:44px; height:44px; display:grid; place-items:center; border-radius:999px; text-decoration:none; font-weight:900}.v14-mobile-cta{display:none; position:fixed; left:12px; right:12px; bottom:12px; z-index:100; background:rgba(7,21,38,.96); border:1px solid rgba(200,164,93,.35); border-radius:18px; padding:9px; box-shadow:0 20px 50px rgba(0,0,0,.35); gap:8px}.v14-mobile-cta a{flex:1; min-height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:13px; color:#fff; text-decoration:none; font-weight:900}.v14-mobile-cta a:first-child{background:var(--v14-gold); color:var(--v14-navy)}.v14-mobile-cta a:nth-child(2){background:rgba(255,255,255,.1)}.v14-mobile-cta a:nth-child(3){background:rgba(255,255,255,.1)}
/* Experience/contact polish */
.experience-grid,.contact-section{display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start}.dark-card{background:linear-gradient(145deg,var(--v14-navy),#123250); color:#fff; padding:34px}.dark-card p{color:#d9e5f1}.timeline article,.contact-card{background:#fff; border:1px solid var(--v14-border); border-radius:22px; padding:22px; box-shadow:var(--v14-soft-shadow); margin-bottom:16px}.timeline span{color:var(--v14-gold-3); font-weight:900}.contact-card img{border-radius:20px; width:120px}
@media (max-width:980px){.hero-grid,.experience-grid,.contact-section,.v14-insights-board,.article-shell{grid-template-columns:1fr}.article-toc{position:relative; top:auto; order:-1}.stats,.cards.three,.project-grid-v13,.v14-pathways{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr}.article-body,.article-content{padding:30px}.nav{display:none}.nav.open{display:flex; position:absolute; top:76px; left:12px; right:12px; flex-direction:column; background:#fff; border:1px solid var(--v14-border); border-radius:22px; padding:18px; box-shadow:var(--v14-shadow)}.menu-btn{display:block!important}}
@media (max-width:680px){body{padding-bottom:74px}.hero{padding-top:58px}.hero-copy h1{font-size:42px}.stats,.cards.three,.project-grid-v13,.v14-pathways,.v14-feature-grid,.related-insights{grid-template-columns:1fr}.v14-article-rail{grid-template-columns:repeat(4,1fr)}.section{padding:58px 18px}.article-hero{padding:54px 18px 38px}.article-shell{padding:0 16px}.article-body,.article-content{padding:24px; font-size:17px}.article-body h2,.article-content h2{font-size:26px}.v14-mobile-cta{display:flex}.footer-inner{padding-bottom:40px}.site-header{min-height:72px}.brand small{display:none}}


/* ===== Premium component styles ===== */
/* ============================================================
   Ahmed Quality Ops — Premium V15 Design Upgrade
   Role: Overlay on styles.css + front-end-polish-v14.css
   Scope: Global tokens, homepage, insights, projects, articles,
          navigation, footer, mobile. Pure CSS, no new HTML required.
   ============================================================ */

/* ─── 1. DESIGN TOKEN OVERRIDE ──────────────────────────── */
:root {
  /* Core palette */
  --p-navy:    #06112a;
  --p-navy-2:  #0c1f42;
  --p-navy-3:  #1a3560;
  --p-gold:    #c9a44a;
  --p-gold-lt: #f5e9c8;
  --p-gold-dk: #8a6b20;
  --p-bg:      #f4f6fb;
  --p-bg-2:    #eef2f8;
  --p-white:   #ffffff;
  --p-ink:     #111c30;
  --p-muted:   #5a6b84;
  --p-border:  #dde4ef;
  --p-shadow:  0 20px 56px rgba(6,17,42,.11);
  --p-shadow-s:0 10px 28px rgba(6,17,42,.07);
  /* Typography */
  --p-font: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
  /* Radius */
  --p-r: 24px;
  --p-r-sm: 14px;
  --p-r-lg: 34px;
}

/* ─── 2. BASE ────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--p-font);
  background: var(--p-bg);
  color: var(--p-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  line-height: 1.65;
  margin: 0;
}
a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; display: block; }

/* ─── 3. NAVIGATION ─────────────────────────────────────── */
.site-header {
  position: sticky;
  top: 0;
  z-index: 90;
  background: rgba(6, 17, 42, 0.97) !important;
  border-bottom: 1px solid rgba(255,255,255,.1);
  backdrop-filter: blur(20px);
  box-shadow: 0 2px 20px rgba(0,0,0,.22);
  padding: 0 clamp(18px,4vw,48px);
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: white;
  flex-shrink: 0;
}
.brand-mark {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--p-gold), #a87b1a);
  color: var(--p-navy);
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 15px;
  flex-shrink: 0;
  box-shadow: 0 6px 16px rgba(201,164,74,.35);
}
.brand strong { display: block; color: #fff; font-size: 15px; }
.brand small { display: block; color: #94a3b8; font-size: 11.5px; margin-top: 2px; }

.nav {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
}
.nav a {
  color: #cbd5e1;
  font-size: 13.5px;
  font-weight: 600;
  padding: 8px 11px;
  border-radius: 8px;
  transition: background .18s, color .18s;
  white-space: nowrap;
}
.nav a:hover { background: rgba(255,255,255,.09); color: #fff; }
.nav .nav-cv {
  background: var(--p-gold) !important;
  color: var(--p-navy) !important;
  font-weight: 800;
  border-radius: 999px;
  padding: 9px 16px;
  margin-left: 6px;
  transition: all .18s;
}
.nav .nav-cv:hover { background: #dbbf6a !important; transform: translateY(-1px); }

.menu-btn {
  display: none;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  color: white;
  font-size: 20px;
  cursor: pointer;
  place-items: center;
}

/* ─── 4. HERO ────────────────────────────────────────────── */
.hero {
  background: linear-gradient(140deg, #04101f 0%, #071a3a 55%, #0e2453 100%);
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  right: -140px; top: -120px;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201,164,74,.22) 0%, transparent 70%);
  pointer-events: none;
}
.hero::after {
  content: "";
  position: absolute;
  left: -160px; bottom: -200px;
  width: 480px; height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(37,99,235,.15) 0%, transparent 70%);
  pointer-events: none;
}

.hero-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 52px;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: clamp(72px,10vw,120px) clamp(22px,4vw,52px);
  max-width: 1180px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}

.hero-copy .eyebrow.pill {
  display: inline-flex;
  background: rgba(201,164,74,.15);
  color: #f0d380;
  border: 1px solid rgba(201,164,74,.35);
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.hero h1 {
  font-size: clamp(40px, 6vw, 70px);
  line-height: .97;
  letter-spacing: -.05em;
  color: #fff;
  margin: 0 0 20px;
}
.hero .lead {
  font-size: clamp(16px, 1.8vw, 19px);
  line-height: 1.75;
  color: #94afc8;
  max-width: 660px;
}
.hero .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}
.hero .tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}
.hero .tag-row span {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: #b8ccdc;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12.5px;
  font-weight: 600;
}

/* Portrait card */
.portrait-card {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.05);
  box-shadow: 0 32px 90px rgba(0,0,0,.35);
}
.portrait-card img {
  width: 100%;
  height: 580px;
  object-fit: cover;
  object-position: top center;
  display: block;
}
.portrait-caption {
  position: absolute;
  left: 20px; right: 20px; bottom: 20px;
  background: rgba(6,17,42,.92);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 20px;
  padding: 16px 18px;
  backdrop-filter: blur(8px);
}
.portrait-caption small { color: var(--p-gold); font-size: 10.5px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; display: block; }
.portrait-caption strong { display: block; color: #fff; font-size: 14.5px; line-height: 1.35; margin-top: 7px; }
.portrait-caption span { display: block; color: #8ea8bf; font-size: 13px; margin-top: 5px; }

/* ─── 5. BUTTONS ─────────────────────────────────────────── */
.btn, .actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 14px;
  padding: 12px 20px;
  min-height: 46px;
  text-decoration: none;
  border: 1px solid transparent;
  transition: all .2s ease;
  cursor: pointer;
  line-height: 1.2;
  white-space: nowrap;
}
.btn.primary, .btn.dark, button.btn.primary {
  background: linear-gradient(135deg, var(--p-gold), #a87b1a);
  color: var(--p-navy);
  border-color: transparent;
  box-shadow: 0 12px 30px rgba(201,164,74,.3);
}
.btn.primary:hover { transform: translateY(-2px); box-shadow: 0 16px 36px rgba(201,164,74,.4); }
.hero .btn.secondary {
  background: rgba(255,255,255,.07);
  color: #e2e8f0;
  border: 1px solid rgba(255,255,255,.2);
}
.hero .btn.secondary:hover { background: rgba(255,255,255,.14); }
.btn.secondary:not(.hero *) {
  background: #fff;
  color: var(--p-ink);
  border: 1px solid var(--p-border);
}
.btn.secondary:not(.hero *):hover { background: #f7f9ff; transform: translateY(-1px); }

/* ─── 6. SECTION LAYOUT ─────────────────────────────────── */
.section {
  padding: clamp(64px, 8vw, 96px) clamp(22px, 4vw, 52px);
  max-width: 1180px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.section-head {
  max-width: 780px;
  margin: 0 auto 40px;
  text-align: center;
}
.section-head .eyebrow {
  display: block;
  color: var(--p-gold-dk);
  font-size: 11.5px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .18em;
  margin-bottom: 12px;
}
.section-head h2 {
  font-size: clamp(30px, 4vw, 50px);
  line-height: 1.06;
  letter-spacing: -.04em;
  color: var(--p-navy);
  margin: 0 0 14px;
}
.section-head p {
  color: var(--p-muted);
  font-size: 16.5px;
  line-height: 1.7;
}

/* ─── 7. STATS BAR ───────────────────────────────────────── */
.stats.section-tight {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 clamp(22px,4vw,52px);
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 16px;
  box-sizing: border-box;
}
.stats article {
  background: #fff;
  border: 1px solid var(--p-border);
  border-radius: 20px;
  padding: 22px 20px;
  box-shadow: var(--p-shadow-s);
  position: relative;
  overflow: hidden;
}
.stats article::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--p-gold), transparent);
}
.stats strong {
  display: block;
  font-size: 30px;
  font-weight: 900;
  color: var(--p-navy);
  letter-spacing: -.03em;
  margin-bottom: 7px;
}
.stats span { color: var(--p-muted); font-size: 13.5px; line-height: 1.55; }

/* ─── 8. CARDS ───────────────────────────────────────────── */
.card {
  background: #fff;
  border: 1px solid var(--p-border);
  border-radius: var(--p-r);
  padding: 26px;
  box-shadow: var(--p-shadow-s);
  position: relative;
  overflow: hidden;
}
.card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--p-gold), transparent);
}
.card h3 {
  font-size: 19px;
  line-height: 1.2;
  color: var(--p-navy);
  margin: 12px 0 10px;
  letter-spacing: -.015em;
}
.card p { color: var(--p-muted); font-size: 14.5px; line-height: 1.7; }

.cards.three, .project-grid-v13 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* ─── 9. PROJECTS SECTION ───────────────────────────────── */
#projects .section-head { text-align: left; margin-left: 0; }
.card.project {
  display: flex;
  flex-direction: column;
  border-left: 4px solid transparent;
  transition: border-color .2s, box-shadow .2s, transform .2s;
}
.card.project:hover {
  border-left-color: var(--p-gold);
  box-shadow: var(--p-shadow);
  transform: translateY(-3px);
}
.card.project::before { display: none; }
.card.project .status {
  background: rgba(201,164,74,.12);
  color: var(--p-gold-dk);
  border: 1px solid rgba(201,164,74,.3);
  border-radius: 999px;
  padding: 5px 11px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  display: inline-flex;
  align-self: flex-start;
  margin-bottom: 12px;
}
.card.project .status.coming {
  background: #eef4ff;
  color: #1e4b8e;
  border-color: #c7deff;
}
.card.project h3 {
  font-size: 22px;
  margin: 0 0 12px;
  color: var(--p-navy);
}
.card.project p { color: #46587a; font-size: 14.5px; line-height: 1.68; }
.card.project .project-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}
.card.project .project-meta span {
  background: var(--p-bg-2);
  color: var(--p-navy);
  border: 1px solid var(--p-border);
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
}
.card.project > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding-top: 16px;
  color: var(--p-navy);
  font-weight: 800;
  font-size: 14px;
  text-decoration: none;
  border-top: 1px solid var(--p-border);
}
.card.project > a::after { content: "→"; }
.card.project > a:hover { color: var(--p-gold-dk); }

/* ─── 10. PATHWAYS SECTION ───────────────────────────────── */
.v14-pathways-home {
  background: var(--p-white);
  border-top: 1px solid var(--p-border);
  border-bottom: 1px solid var(--p-border);
}
.v14-pathways {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.v14-path-card {
  background: #fff;
  border: 1px solid var(--p-border);
  border-radius: 20px;
  padding: 22px;
  text-decoration: none;
  transition: all .2s;
  position: relative;
  overflow: hidden;
  display: block;
}
.v14-path-card::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; height: 3px;
  background: linear-gradient(90deg, var(--p-gold), transparent);
  opacity: 0;
  transition: opacity .2s;
}
.v14-path-card:hover { transform: translateY(-3px); box-shadow: var(--p-shadow); }
.v14-path-card:hover::before { opacity: 1; }
.v14-path-card small {
  display: block;
  font-size: 10.5px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--p-gold-dk);
  margin-bottom: 8px;
}
.v14-path-card h3 { font-size: 17px; color: var(--p-navy); margin: 0 0 8px; }
.v14-path-card p { color: var(--p-muted); font-size: 13.5px; margin: 0; line-height: 1.55; }

/* ─── 11. INSIGHTS SECTION (HOMEPAGE) ───────────────────── */
.section.insights-home.v14-insights {
  position: relative;
  background: none;
  padding-top: 0;
  padding-bottom: 0;
  max-width: 100%;
  overflow: hidden;
}
.section.insights-home.v14-insights::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(140deg, #06112a 0%, #0c2040 55%, #122d56 100%);
  z-index: 0;
}
.section.insights-home.v14-insights::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 10% 20%, rgba(201,164,74,.22) 0%, transparent 35%),
    radial-gradient(ellipse at 90% 80%, rgba(37,99,235,.14) 0%, transparent 35%);
  z-index: 0;
  pointer-events: none;
}

/* Inner content wrapper for insights */
.v14-insights-inner {
  position: relative;
  z-index: 1;
  padding: clamp(64px,8vw,96px) clamp(22px,4vw,52px);
  max-width: 1180px;
  margin: 0 auto;
  box-sizing: border-box;
}
.insights-home .section-head { text-align: center; }
.insights-home .section-head h2 { color: #fff; }
.insights-home .section-head p { color: #8aa8c5; font-size: 17px; }
.insights-home .section-head .eyebrow { color: var(--p-gold); }

.v14-insights-board {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
  gap: 22px;
  margin-top: 32px;
}

/* Feature card */
.v14-feature-card {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 28px;
  padding: 32px;
  backdrop-filter: blur(10px);
  box-shadow: 0 30px 80px rgba(0,0,0,.3);
  position: relative;
  z-index: 1;
}
.v14-feature-card h3 {
  font-size: clamp(26px, 3.5vw, 42px);
  line-height: 1.04;
  letter-spacing: -.04em;
  color: #fff;
  margin: 16px 0;
}
.v14-feature-card p { color: #94b0c8; font-size: 16px; line-height: 1.7; }

.v14-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 20px 0;
}
.v14-feature-grid span {
  background: rgba(0,0,0,.2);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 14px;
  padding: 14px;
  font-size: 13.5px;
  color: #8aa8c5;
}
.v14-feature-grid strong { display: block; font-size: 22px; color: #fff; margin-bottom: 3px; }

/* Article rail */
.v14-article-rail {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 7px;
  margin-top: 20px;
}
.v14-article-rail a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border-radius: 10px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.12);
  color: #dbeafe;
  font-weight: 900;
  font-size: 13px;
  text-decoration: none;
  transition: all .18s;
}
.v14-article-rail a:hover { background: var(--p-gold); color: var(--p-navy); }

/* Side stack */
.v14-side-stack { display: grid; gap: 18px; }
.v14-side-card {
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  padding: 26px;
  backdrop-filter: blur(8px);
  position: relative;
  z-index: 1;
}
.v14-side-card h3 { color: #fff; font-size: 22px; margin: 12px 0 10px; line-height: 1.15; }
.v14-side-card p { color: #94b0c8; font-size: 14.5px; line-height: 1.65; }
.v14-side-card.highlight {
  background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.06));
  border-color: rgba(201,164,74,.3);
}
.v14-side-card .insight-badge {
  background: rgba(201,164,74,.18);
  border: 1px solid rgba(201,164,74,.3);
  color: #f5e0a8;
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
  display: inline-flex;
}
.v14-side-card .small-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}
.v14-side-card .small-list span {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  color: #c0d5e8;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12.5px;
  font-weight: 700;
}

/* ─── 12. EXPERIENCE SECTION ─────────────────────────────── */
#experience .experience-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 26px;
  align-items: start;
  max-width: 1180px;
  margin: 0 auto;
}
.dark-card {
  background: linear-gradient(145deg, var(--p-navy), #0e2248);
  color: #fff;
  border-radius: var(--p-r);
  padding: 32px;
  box-shadow: var(--p-shadow);
}
.dark-card .eyebrow { color: var(--p-gold); }
.dark-card h2 { color: #fff; font-size: clamp(26px, 3vw, 36px); margin: 10px 0 14px; }
.dark-card p { color: #94afc8; line-height: 1.75; }
.mini-list { display: grid; gap: 9px; margin-top: 22px; }
.mini-list span {
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 12px 14px;
  color: #c0d4e4;
  font-size: 13.5px;
}

.timeline { display: grid; gap: 0; }
.timeline article {
  border-left: 2px solid var(--p-border);
  padding: 0 0 26px 24px;
  position: relative;
}
.timeline article:last-child { padding-bottom: 0; }
.timeline article::before {
  content: "";
  position: absolute;
  left: -7px; top: 6px;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--p-gold);
  box-shadow: 0 0 0 4px rgba(201,164,74,.2);
}
.timeline span { color: var(--p-gold-dk); font-weight: 800; font-size: 12.5px; display: block; margin-bottom: 5px; }
.timeline h3 { margin: 0 0 5px; font-size: 17px; color: var(--p-navy); }
.timeline p { color: var(--p-muted); font-size: 14px; line-height: 1.6; margin: 0; }

/* ─── 13. CONTACT SECTION ────────────────────────────────── */
.contact-section {
  display: grid;
  grid-template-columns: 1fr 0.55fr;
  gap: 32px;
  background: linear-gradient(145deg, var(--p-navy), #0e2248);
  color: #fff;
  border-radius: var(--p-r-lg);
  padding: 44px;
  max-width: calc(1180px - 44px);
  margin: 0 auto clamp(64px,8vw,96px);
  box-shadow: var(--p-shadow);
}
.contact-copy .eyebrow { color: var(--p-gold); }
.contact-copy h2 { color: #fff; font-size: clamp(26px, 3.5vw, 42px); line-height: 1.08; margin: 10px 0 14px; }
.contact-copy p { color: #8aa8c5; line-height: 1.75; }
.contact-card {
  background: #fff;
  border-radius: 22px;
  padding: 26px;
  color: var(--p-ink);
  box-shadow: 0 20px 50px rgba(0,0,0,.2);
}
.contact-card img {
  width: 64px; height: 64px;
  border-radius: 16px;
  object-fit: cover;
  object-position: top;
  float: left;
  margin: 0 14px 12px 0;
}
.contact-card strong { display: block; font-size: 16px; color: var(--p-navy); }
.contact-card > div span { display: block; font-size: 12px; color: var(--p-gold-dk); font-weight: 800; margin-top: 2px; }
.contact-card p { color: var(--p-muted); font-size: 13.5px; line-height: 1.6; margin: 6px 0; clear: both; }
.contact-card a { color: var(--p-navy); font-weight: 700; }
.contact-card .actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px; }
.contact-card .btn.dark {
  background: var(--p-navy);
  color: #fff;
  border: none;
  font-size: 13.5px;
  padding: 10px 16px;
  min-height: 42px;
}

/* ─── 14. FOOTER ─────────────────────────────────────────── */
.footer.enhanced-footer {
  background: var(--p-navy) !important;
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 48px clamp(22px,4vw,52px);
}
.footer-inner {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 32px;
  align-items: start;
}
.footer-inner strong { color: #fff; font-size: 16px; display: block; margin-bottom: 8px; }
.footer-inner p { color: #64748b; font-size: 13.5px; line-height: 1.65; margin: 0; }
.footer-links {
  display: grid;
  gap: 9px;
}
.footer-links a {
  color: #94a3b8;
  font-size: 13.5px;
  text-decoration: none;
  transition: color .15s;
}
.footer-links a:hover { color: var(--p-gold); }
.back-top {
  position: fixed;
  right: 20px;
  bottom: 76px;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--p-gold), #a87b1a);
  color: var(--p-navy);
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 18px;
  box-shadow: 0 10px 24px rgba(201,164,74,.35);
  text-decoration: none;
  z-index: 50;
}

/* ─── 15. ARTICLE PAGES ──────────────────────────────────── */
body.article-page, body.v13-article {
  background: #f4f6fb;
}

.article-hero {
  background: linear-gradient(140deg, #04101f 0%, #0a1f3e 55%, #102e5a 100%) !important;
  padding: 76px 0 52px;
  position: relative;
  overflow: hidden;
  border-radius: 0 0 30px 30px;
  margin-bottom: 0;
}
.article-hero::before {
  content: "";
  position: absolute;
  right: -120px; top: -100px;
  width: 420px; height: 420px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201,164,74,.2) 0%, transparent 70%);
  pointer-events: none;
}
.article-hero .container, .article-hero-inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 clamp(22px, 4vw, 48px);
  position: relative;
  z-index: 1;
}
.article-hero h1, .v13-article .article-hero h1 {
  font-size: clamp(36px, 5.5vw, 64px) !important;
  line-height: 1.02 !important;
  letter-spacing: -.048em;
  color: #fff;
  margin: 18px 0;
}
.article-hero .hero-lead, .article-intro {
  font-size: clamp(16px, 1.8vw, 20px) !important;
  line-height: 1.7;
  color: #8aa8c5 !important;
  max-width: 820px;
}
.article-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 24px;
}
.article-meta span, .article-meta .tag {
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  padding: 8px 13px;
  color: #c0d5e8;
  font-size: 13px;
  font-weight: 700;
}

/* Article shell / layout */
.article-shell, .v13-article .article-layout {
  max-width: 1120px;
  margin: 36px auto 72px;
  padding: 0 clamp(22px, 4vw, 48px);
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 36px;
  align-items: start;
  box-sizing: border-box;
}
.article-toc, .qm-toc {
  position: sticky;
  top: 88px;
  background: #fff;
  border: 1px solid var(--p-border);
  border-radius: 20px;
  padding: 20px;
  box-shadow: var(--p-shadow-s);
}
.article-toc h2, .article-toc h3, .qm-toc h2 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--p-muted);
  margin: 0 0 12px;
  font-weight: 900;
}
.article-toc a, .qm-toc a {
  display: block;
  padding: 7px 0;
  color: #4a5e74;
  font-size: 13.5px;
  border-bottom: 1px solid #f0f4f8;
  text-decoration: none;
  line-height: 1.4;
}
.article-toc a:last-child, .qm-toc a:last-child { border-bottom: none; }
.article-toc a:hover, .qm-toc a:hover { color: var(--p-gold-dk); }

/* Article body */
.article-body, .article-content, .qm-content {
  background: #fff;
  border: 1px solid var(--p-border);
  border-radius: 26px;
  padding: clamp(26px, 4vw, 52px);
  box-shadow: var(--p-shadow-s);
  max-width: 820px;
  font-size: 17px;
  line-height: 1.8;
}
.article-body h2, .article-content h2, .qm-content h2 {
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.1;
  letter-spacing: -.03em;
  color: var(--p-navy);
  margin: 52px 0 16px;
}
.article-body h2:first-child, .article-content h2:first-child { margin-top: 0; }
.article-body h3, .article-content h3, .qm-content h3 {
  font-size: 20px;
  color: #1a3560;
  margin: 34px 0 12px;
}
.article-body p, .article-content p, .qm-content p {
  color: #334155;
  line-height: 1.85;
  margin: 0 0 20px;
  font-size: 16.5px;
}
.article-body a, .article-content a, .qm-content a {
  color: #0d4b80;
  font-weight: 700;
  text-underline-offset: 2px;
  text-decoration-color: rgba(201,164,74,.5);
}

/* Callout boxes */
.v14-callout, .callout, .key-takeaway, .editorial-note {
  background: rgba(201,164,74,.08);
  border: 1px solid rgba(201,164,74,.3);
  border-left: 4px solid var(--p-gold);
  border-radius: 16px;
  padding: 20px 22px;
  margin: 28px 0;
  color: #3d2e0e;
  font-size: 15.5px;
}
.v13-callout {
  background: #fffbef;
  border: 1px solid #e8d5a0;
  border-left: 4px solid var(--p-gold);
  border-radius: 16px;
  padding: 18px 20px;
  margin: 24px 0;
  color: #3d2c0c;
}

/* Figure cards */
.artifact-card, .figure-card, .article-visual {
  margin: 32px 0;
  border: 1px solid var(--p-border);
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: var(--p-shadow-s);
}
.artifact-head {
  padding: 18px 22px;
  border-bottom: 1px solid var(--p-border);
  background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}
.artifact-head span {
  display: block;
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--p-muted);
  font-weight: 900;
  margin-bottom: 4px;
}
.artifact-head strong {
  display: block;
  font-size: 19px;
  color: var(--p-navy);
  letter-spacing: -.02em;
}
.artifact-card figcaption, .figure-card figcaption {
  padding: 12px 18px;
  font-size: 13px;
  color: var(--p-muted);
  background: #f8fbff;
  border-top: 1px solid var(--p-border);
  line-height: 1.5;
}

/* Pillar cards */
.pillar-card {
  margin: 28px 0;
  padding: 28px;
  border: 1px solid var(--p-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--p-shadow-s);
  scroll-margin-top: 100px;
}
.pillar-top { display: flex; gap: 16px; align-items: center; margin-bottom: 14px; }
.pillar-num {
  width: 52px; height: 52px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--p-gold), #a87b1a);
  color: var(--p-navy);
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 20px;
  flex-shrink: 0;
}
.pillar-top .eyebrow { color: var(--p-gold-dk); font-size: 10.5px; }
.pillar-top h2 { margin: 4px 0 0; font-size: 22px; color: var(--p-navy); }

/* Story boxes */
.story-box {
  background: var(--p-navy);
  border-radius: 18px;
  padding: 22px 22px 22px 76px;
  position: relative;
  margin: 22px 0;
}
.story-box .person {
  position: absolute;
  left: 18px; top: 22px;
  width: 44px; height: 44px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--p-gold), #a87b1a);
  color: var(--p-navy);
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 14px;
}
.story-box strong { color: var(--p-gold); display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; }
.story-box h3 { color: #fff; font-size: 16px; margin: 6px 0 8px; }
.story-box p { color: #8aa8c5; font-size: 14.5px; line-height: 1.65; margin: 0; }

/* Lesson box */
.lesson {
  border-left: 4px solid var(--p-gold);
  background: rgba(201,164,74,.06);
  border-radius: 14px;
  padding: 14px 18px;
  color: #3d2e0e;
  font-weight: 700;
  font-size: 14.5px;
  margin: 18px 0;
}
.lesson span { color: var(--p-gold-dk); font-weight: 900; }

/* KPI row */
.kpi-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 22px 0;
}
.kpi {
  background: var(--p-navy);
  border-radius: 18px;
  padding: 18px;
}
.kpi b { display: block; font-size: 30px; color: var(--p-gold); margin-bottom: 6px; letter-spacing: -.03em; }
.kpi span { color: #8aa8c5; font-size: 13px; line-height: 1.5; }

/* Article CTA / related */
.v14-article-cta {
  margin-top: 38px;
  border-radius: 22px;
  padding: 28px;
  background: linear-gradient(140deg, var(--p-navy), #122d56);
  color: #fff;
}
.v14-article-cta h2 { color: #fff; font-size: 22px; margin: 0 0 10px; }
.v14-article-cta p { color: #8aa8c5; font-size: 15px; }
.v14-article-cta a { color: #fff; font-weight: 800; margin-right: 18px; text-decoration-color: var(--p-gold); }

.related-insights {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 32px;
}
.related-insights a {
  background: var(--p-bg-2);
  border: 1px solid var(--p-border);
  border-radius: 16px;
  padding: 14px 16px;
  text-decoration: none;
  color: var(--p-navy);
  font-size: 14px;
  font-weight: 700;
  transition: all .18s;
}
.related-insights a:hover { background: #fff; box-shadow: var(--p-shadow-s); transform: translateY(-2px); }
.related-insights small { display: block; color: var(--p-gold-dk); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 5px; }

/* Article progress bar */
.article-progress, .progress {
  position: fixed;
  top: 0; left: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--p-gold), #dbbf6a);
  z-index: 999;
}

/* FAQ in articles */
.faq-block, .faq-section { margin-top: 44px; border-top: 1px solid var(--p-border); padding-top: 24px; }
.faq-item {
  border: 1px solid var(--p-border);
  border-radius: 16px;
  padding: 18px 20px;
  margin: 12px 0;
  background: #fff;
}
.faq-item h3 { margin: 0 0 8px; color: var(--p-navy); font-size: 16px; }
.faq-item p { color: var(--p-muted); font-size: 14.5px; margin: 0; }

/* ─── 16. INSIGHTS PAGE ───────────────────────────────────── */
.masterclass-highlight {
  background: linear-gradient(140deg, #04101f 0%, #0a1f3e 55%, #102e5a 100%);
  border-radius: 28px;
  padding: 36px;
  color: #fff;
  box-shadow: var(--p-shadow);
  border: 1px solid rgba(255,255,255,.07);
}
.masterclass-highlight h2 { color: #fff; margin: 0 0 14px; font-size: clamp(24px, 3vw, 36px); }
.masterclass-highlight p { color: #8aa8c5; }
.masterclass-list { display: grid; gap: 11px; margin-top: 22px; }
.masterclass-item {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 14px;
  align-items: center;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  padding: 14px 16px;
}
.masterclass-item strong {
  background: var(--p-gold);
  color: var(--p-navy);
  border-radius: 10px;
  padding: 8px 0;
  text-align: center;
  font-size: 13px;
  font-weight: 900;
  display: block;
}
.masterclass-item a {
  color: #fff;
  font-weight: 700;
  font-size: 14.5px;
  text-decoration: none;
}
.masterclass-item a:hover { color: var(--p-gold); }

/* ─── 17. MOBILE BOTTOM CTA ──────────────────────────────── */
.v14-mobile-cta {
  display: none;
  position: fixed;
  left: 12px; right: 12px; bottom: 12px;
  z-index: 100;
  background: rgba(6,17,42,.96);
  border: 1px solid rgba(201,164,74,.28);
  border-radius: 16px;
  padding: 8px;
  gap: 7px;
  box-shadow: 0 20px 50px rgba(0,0,0,.4);
}
.v14-mobile-cta a {
  flex: 1;
  min-height: 42px;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  color: #fff;
}
.v14-mobile-cta a:first-child { background: var(--p-gold); color: var(--p-navy); }
.v14-mobile-cta a:nth-child(2) { background: rgba(255,255,255,.09); }
.v14-mobile-cta a:nth-child(3) { background: rgba(255,255,255,.09); }

/* ─── 18. BREADCRUMBS ────────────────────────────────────── */
.breadcrumb {
  max-width: 1000px;
  margin: 28px auto -16px;
  padding: 0 clamp(22px, 4vw, 48px);
  font-size: 13.5px;
  color: #64748b;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.breadcrumb a { color: var(--p-navy); font-weight: 700; }
.breadcrumb a:hover { color: var(--p-gold-dk); }

/* ─── 19. INSIGHT BADGE ──────────────────────────────────── */
.insight-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(201,164,74,.12);
  border: 1px solid rgba(201,164,74,.3);
  color: var(--p-gold-dk);
  padding: 7px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.article-hero .insight-badge { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); color: #f0e0b0; }

/* ─── 20. OBSERVE GRIDS ──────────────────────────────────── */
.observe {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin: 18px 0;
}
.observe > div {
  background: #f8fbff;
  border: 1px solid var(--p-border);
  border-radius: 16px;
  padding: 16px;
}
.observe b { display: block; color: var(--p-navy); font-size: 14px; margin-bottom: 6px; }
.observe p { color: var(--p-muted); font-size: 14px; line-height: 1.65; margin: 0; }

/* ─── 21. EYEBROW SHARED ─────────────────────────────────── */
.eyebrow {
  display: block;
  color: var(--p-gold-dk);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .18em;
  margin-bottom: 10px;
}

/* ─── 22. CERTIFICATIONS SECTION ─────────────────────────── */
#certifications .section-head { text-align: left; margin-left: 0; }

/* ─── 23. RESPONSIVE ─────────────────────────────────────── */
@media (max-width: 1100px) {
  .article-shell, .v13-article .article-layout {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 26px;
  }
}

@media (max-width: 980px) {
  .hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .portrait-card { max-width: 460px; margin: 0 auto; }
  .portrait-card img { height: 460px; }
  .stats.section-tight { grid-template-columns: repeat(2, 1fr); }
  .cards.three, .project-grid-v13 { grid-template-columns: repeat(2, 1fr); }
  .v14-pathways { grid-template-columns: repeat(2, 1fr); }
  .v14-insights-board { grid-template-columns: 1fr; }
  #experience .experience-grid { grid-template-columns: 1fr; }
  .contact-section { grid-template-columns: 1fr; padding: 32px; }
  .footer-inner { grid-template-columns: 1fr; gap: 22px; }
  .kpi-row { grid-template-columns: repeat(2, 1fr); }
  .article-shell, .v13-article .article-layout {
    grid-template-columns: 1fr;
  }
  .article-toc { position: relative; top: auto; }
  .related-insights { grid-template-columns: 1fr 1fr; }
  .nav {
    display: none;
    position: absolute;
    top: 70px; left: 12px; right: 12px;
    background: rgba(6,17,42,.97);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    padding: 14px;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 24px 60px rgba(0,0,0,.3);
    z-index: 89;
  }
  .nav.open { display: flex; }
  .nav a { padding: 12px 14px; border-radius: 12px; font-size: 15px; }
  .menu-btn { display: grid !important; }
}

@media (max-width: 680px) {
  body { padding-bottom: 72px; }
  .hero-grid { padding: 58px 18px 48px; }
  .portrait-card img { height: 360px; }
  .portrait-caption { position: static; margin-top: 0; border-radius: 0 0 24px 24px; }
  .section { padding-left: 18px; padding-right: 18px; }
  .stats.section-tight { grid-template-columns: 1fr; padding-left: 18px; padding-right: 18px; }
  .cards.three, .project-grid-v13 { grid-template-columns: 1fr; }
  .v14-pathways { grid-template-columns: 1fr; }
  .v14-insights-board { padding-left: 18px !important; padding-right: 18px !important; }
  .insights-home > .section-head { padding-left: 18px !important; padding-right: 18px !important; }
  .v14-feature-grid { grid-template-columns: 1fr; }
  .v14-article-rail { grid-template-columns: repeat(4, 1fr); }
  .contact-section { padding: 24px; margin-left: 16px; margin-right: 16px; }
  .footer-inner { padding: 0; }
  .kpi-row { grid-template-columns: 1fr; }
  .observe { grid-template-columns: 1fr; }
  .related-insights { grid-template-columns: 1fr; }
  .article-body, .article-content, .qm-content { padding: 22px 18px; font-size: 16px; }
  .article-body h2, .article-content h2 { font-size: 24px; margin-top: 38px; }
  .v14-mobile-cta { display: flex; }
  .pillar-card { padding: 20px 18px; }
  .story-box { padding: 80px 18px 18px 18px; }
  .story-box .person { top: 18px; }
}

@media (max-width: 400px) {
  .brand small { display: none; }
  .hero h1 { font-size: 36px; }
}

/* ─── 24. ANIMATION ─────────────────────────────────────── */
@keyframes rise {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
.reveal { animation: rise .5s ease both; }
.delay { animation-delay: .12s; }

/* ─── 25. PRINT ─────────────────────────────────────────── */
@media print {
  .site-header, .menu-btn, .back-top, .v14-mobile-cta,
  .article-toc, .nav, .actions, .v14-article-cta,
  .related-insights, .breadcrumb, .footer { display: none !important; }
  body { background: #fff !important; color: #111 !important; }
  .article-body, .article-content { box-shadow: none; border: none; padding: 0; }
}

/* ─── 26. SMALL FIXES / OVERRIDES ───────────────────────── */

/* Fix v14 white nav override on home */
.site-header { background: rgba(6, 17, 42, 0.97) !important; }

/* Insight badge in article header matches navy hero */
.article-hero .insight-badge, .qm-eyebrow {
  background: rgba(201,164,74,.15) !important;
  border-color: rgba(201,164,74,.35) !important;
  color: #f5e0a8 !important;
}

/* Masterclass page article toc fix */
.qm-layout {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 34px;
  max-width: 1120px;
  margin: 40px auto 72px;
  padding: 0 clamp(22px,4vw,48px);
  align-items: start;
  box-sizing: border-box;
}
@media (max-width: 900px) {
  .qm-layout { grid-template-columns: 1fr; }
  .qm-toc { position: relative; top: auto; }
}

/* Make section headings left-aligned on non-home sections */
#projects .section-head,
#certifications .section-head,
#experience .section-head,
#contact .section-head {
  text-align: left;
}

/* Smooth hover states on all interactive items */
a, button { transition: color .15s, background .15s, box-shadow .18s, transform .18s, border-color .15s; }

/* Reading measure for article body */
.article-body > *, .article-content > * { max-width: 72ch; }
.article-body figure, .article-content figure,
.article-body .artifact-card, .article-content .artifact-card,
.article-body .observe, .article-content .observe,
.article-body .kpi-row, .article-content .kpi-row,
.article-body .story-box, .article-content .story-box,
.article-body .pillar-card, .article-content .pillar-card { max-width: 100%; }

/* Article links section */
.article-links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  margin-top: 32px;
}
.article-links a {
  display: block;
  background: var(--p-bg-2);
  border: 1px solid var(--p-border);
  border-radius: 16px;
  padding: 15px 16px;
  font-weight: 800;
  font-size: 13.5px;
  color: var(--p-navy);
  text-decoration: none;
}
.article-links a:hover { background: #fff; border-color: var(--p-gold); }
@media (max-width: 640px) { .article-links { grid-template-columns: 1fr; } }


/* ===== Interaction and component enhancements ===== */
/* ============================================================
   Ahmed Quality Ops — V17 Enhancement Layer
   Layers cleanly over premium-v15.css. No HTML changes needed.
   Focus: visual rhythm, signature element, micro-interactions,
          typography refinement, footer, section contrast.
   ============================================================ */

/* ─── 1. HERO: OPERATIONS-GRID BACKGROUND ────────────────── */
/* The signature element: a faint dot-grid pattern that nods to
   dispatch planning grids — ops-minded, distinctive, subtle.   */
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(201,164,74,.18) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
  z-index: 0;
  mask-image: linear-gradient(to bottom right, transparent 0%, rgba(0,0,0,.5) 40%, rgba(0,0,0,.9) 70%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom right, transparent 0%, rgba(0,0,0,.5) 40%, rgba(0,0,0,.9) 70%, transparent 100%);
}
/* Keep radial gold glow as second layer */
.hero::after {
  content: "";
  position: absolute;
  right: -100px; top: -80px;
  width: 520px; height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201,164,74,.2) 0%, transparent 65%);
  pointer-events: none;
  z-index: 0;
}
/* Ensure hero content sits above both */
.hero > *, .hero-grid { position: relative; z-index: 1; }

/* InfraDispatch hero same treatment */
.hero.hero-grid::before {
  background-image: radial-gradient(circle, rgba(201,164,74,.14) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(to bottom right, transparent 0%, rgba(0,0,0,.4) 40%, rgba(0,0,0,.8) 70%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom right, transparent 0%, rgba(0,0,0,.4) 40%, rgba(0,0,0,.8) 70%, transparent 100%);
}

/* ─── 2. HERO LEAD TEXT: more contrast ───────────────────── */
.hero .lead {
  color: #b0c8de !important;
  font-size: clamp(16px, 1.75vw, 18.5px) !important;
}

/* ─── 3. SECTION RHYTHM: alternating backgrounds ─────────── */
/* Sections alternate: bg (#f4f6fb) → white → bg to prevent
   the page feeling like one uniform flat scroll.               */
.section:nth-of-type(even) {
  background: #fff;
}
/* Named sections that should always be white */
#projects, #certifications {
  background: #fff;
}
/* Stats section: white pill on bg */
.stats.section-tight {
  background: transparent;
}

/* ─── 4. SECTION-HEAD H2: tighter, more decisive ─────────── */
.section-head h2 {
  font-size: clamp(28px, 3.8vw, 46px) !important;
  letter-spacing: -.045em !important;
  line-height: 1.04 !important;
}

/* ─── 5. CARD IMPROVEMENTS ───────────────────────────────── */
/* All cards: smooth gold-border reveal on hover */
.card {
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.card:not(.project):hover {
  transform: translateY(-3px);
  box-shadow: 0 20px 50px rgba(6,17,42,.12) !important;
  border-color: rgba(201,164,74,.4) !important;
}
/* Remove the generic top-gradient line from non-project cards —
   it was overused. Use border-color shift instead (above).      */
.card:not(.project)::before {
  display: none;
}
/* Step cards: numbered circle styled properly */
.step-card span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #c9a44a, #8a6b20);
  color: #06112a;
  font-weight: 900;
  font-size: 14px;
  margin-bottom: 14px;
  box-shadow: 0 6px 16px rgba(201,164,74,.3);
}

/* ─── 6. PATHWAYS SECTION ────────────────────────────────── */
/* Each path card gets a stronger visual identity */
.v14-path-card {
  border-radius: 22px !important;
  padding: 24px !important;
  border: 1px solid #dde4ef !important;
  background: #fff !important;
  position: relative;
  transition: all .22s ease !important;
}
.v14-path-card::after {
  content: "→";
  position: absolute;
  right: 20px;
  bottom: 22px;
  font-size: 18px;
  font-weight: 900;
  color: rgba(201,164,74,.35);
  transition: color .2s, transform .2s;
}
.v14-path-card:hover::after {
  color: #8a6b20;
  transform: translateX(4px);
}
.v14-path-card:hover {
  border-color: rgba(201,164,74,.5) !important;
  box-shadow: 0 16px 40px rgba(6,17,42,.1) !important;
  transform: translateY(-3px) !important;
}
.v14-path-card small {
  font-size: 10px !important;
  color: #8a6b20 !important;
}
.v14-path-card h3 {
  font-size: 18px !important;
  margin-bottom: 10px !important;
}
/* Pathways section itself: soft border top+bottom, white bg */
.v14-pathways-home {
  background: #fff !important;
  position: relative;
}

/* ─── 7. STATS: animated count + accent top line ─────────── */
.stats article {
  overflow: hidden;
  transition: transform .2s, box-shadow .2s;
}
.stats article:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 36px rgba(6,17,42,.1);
}
.stats article::before {
  display: block !important;
  height: 3px !important;
  background: linear-gradient(90deg, #c9a44a, transparent) !important;
  opacity: 1 !important;
}
.stats strong {
  font-variant-numeric: tabular-nums;
  font-size: 32px !important;
}

/* ─── 8. PROJECTS: stronger left-border hover ─────────────── */
.card.project {
  transition: transform .22s ease, box-shadow .22s ease, border-left-color .22s ease !important;
}
.card.project:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 56px rgba(6,17,42,.14) !important;
}

/* ─── 9. SCROLL PROGRESS BAR ─────────────────────────────── */
/* Already in HTML as .progress — just refine styling */
.progress {
  height: 3px !important;
  background: linear-gradient(90deg, #c9a44a, #dbbf6a) !important;
  box-shadow: 0 0 10px rgba(201,164,74,.5);
}

/* ─── 10. FOOTER IMPROVEMENTS ────────────────────────────── */
.footer.enhanced-footer {
  position: relative;
  overflow: hidden;
}
/* Subtle dot pattern also in footer */
.footer.enhanced-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
}
.footer-inner {
  position: relative;
  z-index: 1;
  padding-bottom: 10px;
}
/* Footer brand name styling */
.footer-inner > div:first-child strong {
  font-size: 17px !important;
  letter-spacing: -.02em;
  margin-bottom: 10px !important;
}
/* Footer bottom divider */
.footer.enhanced-footer::after {
  content: "";
  position: absolute;
  bottom: 0; left: clamp(22px,4vw,52px); right: clamp(22px,4vw,52px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201,164,74,.4), transparent);
}
/* Footer link columns: vertical layout with hover gold */
.footer-links a {
  font-size: 13px !important;
  color: #64748b !important;
  padding: 3px 0;
  display: block;
}
.footer-links a:hover {
  color: #c9a44a !important;
  padding-left: 4px;
  transition: padding-left .15s, color .15s;
}

/* ─── 11. NAVIGATION: active page indicator ──────────────── */
/* Subtle underline on the currently active nav item */
.nav a[aria-current="page"],
.site-header .nav a[href="insights.html"],
.site-header .nav a.active {
  color: #fff !important;
  background: rgba(255,255,255,.1) !important;
}

/* ─── 12. INFRADISPATCH: DB STATS SECTION ─────────────────── */
.database-section .stats.db-stats {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px;
}
.db-stats article {
  text-align: center;
  padding: 28px 20px !important;
}
.db-stats article::before {
  display: block !important;
  height: 3px !important;
  background: linear-gradient(90deg, #c9a44a, transparent) !important;
}
.db-stats strong {
  font-size: 36px !important;
  display: block;
  margin-bottom: 6px;
  color: #06112a;
}
.db-stats span {
  color: #5a6b84;
  font-size: 13px;
  line-height: 1.5;
}

/* ─── 13. INFRADISPATCH PLANNER SECTION: dark section bg ─── */
.dark-section {
  position: relative;
  overflow: hidden;
}
/* Dot grid in dark planner section */
.dark-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(201,164,74,.08) 1px, transparent 1px);
  background-size: 32px 32px;
  pointer-events: none;
  z-index: 0;
}
.dark-section > * { position: relative; z-index: 1; }

/* ─── 14. INSIGHTS PAGE HERO ─────────────────────────────── */
.insights-page-hero {
  position: relative;
  overflow: hidden;
}
.insights-page-hero::before {
  background-image: radial-gradient(circle, rgba(201,164,74,.12) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  filter: none !important;
}
.insights-page-hero::after {
  content: "";
  position: absolute;
  right: -100px; top: -80px;
  width: 500px; height: 500px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(201,164,74,.18) 0%, transparent 65%);
  pointer-events: none;
}

/* ─── 15. SECTION DIVIDERS: gold gradient line between key areas */
.section + .section {
  border-top: 1px solid #eef2f8;
}
.hero + .section,
.hero + * + .section {
  border-top: none;
}

/* ─── 16. GENERAL POLISH ─────────────────────────────────── */
/* Better link underline in body text */
a:not(.btn):not(.nav a):not(.footer-links a):not(.v14-path-card):not(.card) {
  text-underline-offset: 2px;
}
/* Smooth page-load: avoid flash */
body {
  transition: background .2s;
}
/* Tag rows on hero: slightly more readable */
.hero .tag-row span {
  font-size: 12px !important;
  letter-spacing: .01em;
}
/* Eyebrow on white sections: stronger contrast */
.section .eyebrow:not(.pill) {
  color: #8a6b20 !important;
  letter-spacing: .2em !important;
}
/* Dark panel eyebrow stays gold */
.dark-card .eyebrow,
.dark-panel .eyebrow,
.wide-panel .eyebrow,
.insights-home .eyebrow,
.contact-section .eyebrow {
  color: #c9a44a !important;
}

/* ─── 18. PATHWAYS SECTION BG: distinguish from adjacent sections */
.v14-pathways-home {
  background: #f4f6fb !important;
  border-top: 1px solid #dde4ef !important;
  border-bottom: 1px solid #dde4ef !important;
}
.v14-pathways-home .section-head h2 {
  color: #06112a;
}

/* ─── 19. HERO H1: accent treatment for key phrase ───────── */
.hero-copy h1 em,
.hero h1 em {
  font-style: normal;
  background: linear-gradient(135deg, #c9a44a, #f0d380);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ─── 20. WIDE PANELS: refined ───────────────────────────── */
.wide-panel.real-ops-panel,
.wide-panel.product-direction-panel {
  background: linear-gradient(145deg, #06112a, #0e2248);
  color: white;
  border: none;
}
.wide-panel.real-ops-panel p,
.wide-panel.product-direction-panel p { color: #8aa8c5; }
.wide-panel.real-ops-panel h2,
.wide-panel.product-direction-panel h2 { color: white; }

/* ─── 21. OPS-PROOF GRID inside panel ────────────────────── */
.ops-proof-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.ops-proof-grid span {
  background: rgba(201,164,74,.12);
  border: 1px solid rgba(201,164,74,.25);
  color: #f0d380;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 700;
}

/* ─── 22. CONTACT SECTION: subtle dot pattern ────────────── */
.contact-section {
  position: relative;
  overflow: hidden;
}
.contact-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(201,164,74,.07) 1px, transparent 1px);
  background-size: 24px 24px;
  pointer-events: none;
  z-index: 0;
}
.contact-section > * { position: relative; z-index: 1; }

@media (max-width: 680px) {
  .database-section .stats.db-stats {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .v14-path-card::after { display: none; }
  .section + .section { border-top: none; }
}


/* ===== Article readability styles ===== */
/* V22 Article Wide Reading Fix
   Scope: All 8 article pages only. Keeps current colours and design direction while removing nested/tiny article columns. */
body.article-page{background:#f8fafc;}
body.article-page .breadcrumb{max-width:min(96vw,1540px)!important;}
body.article-page .article-hero .container,
body.article-page .article-hero-inner{max-width:min(92vw,1280px)!important;}
body.article-page .article-hero h1{max-width:1180px;}
body.article-page .hero-lead,
body.article-page .article-intro{max-width:1040px!important;}
body.article-page .article-shell{
  width:min(96vw,1540px)!important;
  max-width:min(96vw,1540px)!important;
  margin:0 auto 82px!important;
  padding:0 22px!important;
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  gap:34px!important;
  align-items:start!important;
}
body.article-page .article-toc,
body.article-page .article-map{
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
  background:#fff!important;
  border:1px solid #e1e8f0!important;
  border-radius:24px!important;
  padding:20px!important;
  box-shadow:0 18px 50px rgba(8,33,58,.07)!important;
  max-height:calc(100vh - 120px);
  overflow:auto;
}
body.article-page .article-toc h2,
body.article-page .article-toc h3,
body.article-page .article-map b{
  display:block;
  font-size:.88rem!important;
  margin:0 0 12px!important;
  color:#071527!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
body.article-page .article-toc a,
body.article-page .article-map a{
  display:block!important;
  color:#34526f!important;
  text-decoration:none!important;
  padding:9px 0!important;
  border-top:1px solid #eef2f6!important;
  font-size:.92rem!important;
  line-height:1.35!important;
}
body.article-page .article-toc a:hover,
body.article-page .article-map a:hover{color:#b9822e!important;}
body.article-page .article-content,
body.article-page .guide-quality-content{
  max-width:none!important;
  width:100%!important;
  min-width:0!important;
  background:#fff!important;
  border:1px solid #e1e8f0!important;
  border-radius:32px!important;
  padding:clamp(34px,4.2vw,72px)!important;
  box-shadow:0 24px 74px rgba(8,33,58,.08)!important;
  font-size:18px!important;
  line-height:1.82!important;
}
body.article-page .article-body,
body.article-page .qm-content{max-width:none!important;width:100%!important;}
body.article-page .article-content > *,
body.article-page .article-body > *,
body.article-page .qm-content > *{max-width:none!important;}
body.article-page .article-content p,
body.article-page .guide-quality-content p,
body.article-page .article-body p{
  font-size:18px!important;
  line-height:1.88!important;
  color:#20384f!important;
}
body.article-page .article-content h2,
body.article-page .guide-quality-content h2,
body.article-page .article-body h2{
  font-size:clamp(2rem,3.2vw,3rem)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  margin:58px 0 20px!important;
  color:#102f56!important;
}
body.article-page .article-content h2:first-child,
body.article-page .guide-quality-content h2:first-child{margin-top:0!important;}
body.article-page .article-content h3,
body.article-page .guide-quality-content h3,
body.article-page .article-body h3{font-size:clamp(1.35rem,2vw,1.8rem)!important;color:#12375e!important;}
body.article-page .article-content pre,
body.article-page .guide-quality-content pre,
body.article-page .article-body pre{
  white-space:pre-wrap!important;
  word-break:break-word!important;
  overflow:auto!important;
  border-radius:22px!important;
  padding:22px!important;
  background:#071527!important;
  color:#eaf3ff!important;
  border:1px solid rgba(255,255,255,.1)!important;
}
body.article-page .article-content code,
body.article-page .guide-quality-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;}
body.article-page .v13-callout,
body.article-page .callout,
body.article-page .key-takeaway,
body.article-page .v14-callout,
body.article-page .editorial-note,
body.article-page .lesson{
  border-radius:22px!important;
  padding:22px 24px!important;
  margin:30px 0!important;
}
body.article-page .article-visual,
body.article-page .artifact-card,
body.article-page .figure-card{
  width:100%!important;
  max-width:none!important;
  border-radius:28px!important;
}
body.article-page .article-links,
body.article-page .related-insights{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:38px!important;
}
body.article-page .related-insights{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body.article-page .article-links a,
body.article-page .related-insights a{
  border-radius:20px!important;
  padding:18px!important;
  background:#f7f9fc!important;
  border:1px solid #e1e8f0!important;
}
body.article-page .v14-article-cta{margin-top:40px!important;border-radius:28px!important;}
@media(max-width:1100px){
  body.article-page .article-shell{grid-template-columns:1fr!important;width:min(94vw,940px)!important;max-width:min(94vw,940px)!important;}
  body.article-page .article-toc,body.article-page .article-map{position:relative!important;top:auto!important;max-height:none!important;}
}
@media(max-width:720px){
  body.article-page .article-shell{padding:0 14px!important;width:100%!important;max-width:100%!important;}
  body.article-page .article-content,body.article-page .guide-quality-content{padding:24px 18px!important;border-radius:24px!important;}
  body.article-page .article-content p,body.article-page .guide-quality-content p{font-size:16.5px!important;line-height:1.82!important;}
  body.article-page .article-links,body.article-page .related-insights{grid-template-columns:1fr!important;}
}


/* ===== Article readability refinements ===== */
/* V30 Final Article Reading Width + Arsha-inspired publication polish
   Scope: article pages only. Keeps current website colours/design; improves reading width and prevents tiny/nested columns. */
body.article-page{background:#f8fafc!important;}
body.article-page .breadcrumb,
body.article-page .article-hero .container,
body.article-page .article-hero-inner{
  width:min(96vw,1680px)!important;
  max-width:min(96vw,1680px)!important;
}
body.article-page .article-hero h1{max-width:1320px!important;}
body.article-page .hero-lead,
body.article-page .article-intro{max-width:1220px!important;}
body.article-page .article-shell{
  width:min(98vw,1680px)!important;
  max-width:min(98vw,1680px)!important;
  margin:0 auto 88px!important;
  padding:0 18px!important;
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  gap:26px!important;
  align-items:start!important;
}
body.article-page .article-toc,
body.article-page .article-map{
  position:sticky!important;
  top:88px!important;
  align-self:start!important;
  background:#fff!important;
  border:1px solid #e1e8f0!important;
  border-radius:22px!important;
  padding:18px!important;
  box-shadow:0 18px 50px rgba(8,33,58,.07)!important;
  max-height:calc(100vh - 118px)!important;
  overflow:auto!important;
}
body.article-page .article-content,
body.article-page .article-content-wide,
body.article-page .guide-quality-content,
body.article-page .article-body,
body.article-page .qm-content{
  max-width:none!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.article-page .article-content,
body.article-page .article-content-wide,
body.article-page .guide-quality-content{
  background:#fff!important;
  border:1px solid #e1e8f0!important;
  border-radius:30px!important;
  padding:clamp(34px,3.5vw,64px)!important;
  box-shadow:0 24px 74px rgba(8,33,58,.08)!important;
  font-size:18px!important;
  line-height:1.82!important;
}
body.article-page .article-content > *,
body.article-page .article-content-wide > *,
body.article-page .article-body > *,
body.article-page .qm-content > *,
body.article-page .guide-quality-content > *{
  max-width:none!important;
}
body.article-page .article-content p,
body.article-page .article-content li,
body.article-page .guide-quality-content p,
body.article-page .guide-quality-content li,
body.article-page .article-body p,
body.article-page .article-body li{
  font-size:18px!important;
  line-height:1.88!important;
  color:#20384f!important;
}
body.article-page .article-content h2,
body.article-page .guide-quality-content h2,
body.article-page .article-body h2{
  font-size:clamp(2rem,3vw,3rem)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  margin:60px 0 20px!important;
  color:#102f56!important;
}

body.article-page .article-content h3,
body.article-page .guide-quality-content h3,
body.article-page .article-body h3{
  font-size:clamp(1.35rem,1.8vw,1.85rem)!important;
  color:#12375e!important;
  margin-top:34px!important;
}

body.article-page .article-visual,
body.article-page .artifact-card,
body.article-page .figure-card,
body.article-page .v13-callout,
body.article-page .callout,
body.article-page .key-takeaway,
body.article-page .v14-callout,
body.article-page .editorial-note,
body.article-page .lesson{
  max-width:none!important;
  width:100%!important;
  box-sizing:border-box!important;
}





@media(max-width:1180px){
  body.article-page .article-shell{
    grid-template-columns:1fr!important;
    width:min(96vw,1060px)!important;
    max-width:min(96vw,1060px)!important;
  }
  body.article-page .article-toc,
  body.article-page .article-map{position:relative!important;top:auto!important;max-height:none!important;}
}
@media(max-width:720px){
  body.article-page .article-shell{padding:0 12px!important;width:100%!important;max-width:100%!important;}
  body.article-page .article-content,
  body.article-page .article-content-wide,
  body.article-page .guide-quality-content{padding:24px 18px!important;border-radius:24px!important;}
  body.article-page .article-content p,
  body.article-page .article-content li,
  body.article-page .guide-quality-content p,
  body.article-page .guide-quality-content li{font-size:16.5px!important;line-height:1.82!important;}
  body.article-page .article-links,
  body.article-page .related-insights{grid-template-columns:1fr!important;}
}


/* ===== Migrated page-specific styles (previously inline) ===== */


/* article-destination-experience-journey-map.html — migrated inline block 1 */
.destination-hero{background:radial-gradient(circle at 80% 10%,rgba(251,191,36,.22),transparent 28%),linear-gradient(135deg,#071527 0%,#0f172a 48%,#172554 100%);color:#fff;padding:clamp(72px,10vw,120px) 24px 62px;position:relative;overflow:hidden}.destination-hero .container{position:relative;z-index:1;max-width:1180px}.destination-hero h1{font-size:clamp(38px,7vw,78px);line-height:.96;letter-spacing:-.055em;margin:12px 0 22px;color:#fff}.destination-hero .hero-lead{font-size:clamp(18px,2vw,23px);line-height:1.65;color:#dbeafe;max-width:920px}.flagline{display:inline-flex;gap:10px;align-items:center;background:rgba(251,191,36,.13);border:1px solid rgba(251,191,36,.35);color:#fbbf24;border-radius:999px;padding:9px 14px;font-weight:900;font-size:12px;letter-spacing:.09em;text-transform:uppercase}.destination-content{max-width:1000px}.destination-content p{font-size:17px;line-height:1.86;color:#27364a}.destination-content h2{margin-top:58px;font-size:clamp(28px,4vw,42px);letter-spacing:-.035em}.destination-content h3{margin-top:32px;font-size:24px}.destination-content hr{border:0;border-top:1px solid #e2e8f0;margin:38px 0}.article-list{margin:16px 0 28px;padding-left:24px}.article-list li{margin:8px 0;line-height:1.7}.table-scroll{overflow-x:auto;margin:24px 0 36px}.aqo-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(15,23,42,.06)}.aqo-table th{background:#071527;color:#fff;text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.08em;padding:16px;white-space:nowrap}.aqo-table td{padding:16px;border-top:1px solid #e2e8f0;vertical-align:top;font-size:15px;line-height:1.6}.aqo-table tr:nth-child(even) td{background:#f8fafc}.journey-visual-block{background:linear-gradient(135deg,#071527,#0f172a);border-radius:30px;padding:14px;margin:28px 0 42px;box-shadow:0 24px 70px rgba(15,23,42,.22)}.journey-visual-block img{display:block;width:100%;border-radius:22px;background:#fff}.journey-visual-block figcaption{color:#dbeafe;font-weight:800;text-align:center;margin:12px 0 2px;font-size:14px}.related-context{border:1px solid #f8d87a;background:#fffbeb;border-radius:22px;padding:20px 22px;margin:28px 0}.related-context span{display:block;color:#92400e;text-transform:uppercase;letter-spacing:.12em;font-weight:900;font-size:12px;margin-bottom:8px}.related-context p{margin:0 0 14px;font-size:15px;color:#5b3b08}.mini-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mini-link-grid a{display:block;background:#fff;border:1px solid #fde68a;border-radius:14px;padding:12px 14px;color:#071527;text-decoration:none;font-weight:900;font-size:14px}.mini-link-grid a:hover{background:#fbbf24}.framework-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:24px 0}.framework-strip div{background:#071527;color:#fff;border-radius:16px;padding:16px 10px;text-align:center;font-weight:900;font-size:13px}.framework-strip div:nth-child(even){background:#0f2a46}.final-thought-card{background:linear-gradient(135deg,#071527 0%,#172554 100%);color:#fff;border-radius:30px;padding:34px;margin:34px 0;box-shadow:0 24px 60px rgba(15,23,42,.22)}.final-thought-card h2{color:#fff;margin-top:0}.final-thought-card p{color:#dbeafe}.explore-connected{margin:50px 0 10px;background:#fff;border:1px solid #e2e8f0;border-radius:30px;box-shadow:0 20px 60px rgba(15,23,42,.08);overflow:hidden}.explore-connected-head{background:linear-gradient(135deg,#071527,#0f172a);padding:28px;color:#fff}.explore-connected-head h2{color:#fff;margin:0 0 8px}.explore-connected-head p{color:#dbeafe;margin:0;max-width:780px}.explore-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.explore-cards a{padding:24px;border-right:1px solid #e2e8f0;color:#071527;text-decoration:none;min-height:150px}.explore-cards a:last-child{border-right:0}.explore-cards small{display:block;color:#d97706;letter-spacing:.12em;text-transform:uppercase;font-weight:900;margin-bottom:9px}.explore-cards strong{display:block;font-size:21px;line-height:1.15;margin-bottom:9px}.explore-cards span{display:block;color:#64748b;font-size:14px;line-height:1.55}.ai-summary{background:#f8fafc;border:1px solid #dbeafe;border-radius:24px;padding:24px;margin:28px 0}.ai-summary h2{margin-top:0;font-size:26px}.ai-summary ul{margin:0;padding-left:20px}.toc-compact a{font-size:13px}.article-content a{font-weight:850}@media(max-width:960px){.mini-link-grid,.explore-cards{grid-template-columns:1fr}.explore-cards a{border-right:0;border-top:1px solid #e2e8f0}.framework-strip{grid-template-columns:repeat(2,1fr)}.aqo-table{min-width:720px}.destination-hero{padding-top:84px}}

.reading-card-v51{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;background:#f8fafc;border:1px solid #dbeafe;border-radius:24px;padding:22px 24px;margin:0 0 30px;box-shadow:0 10px 32px rgba(15,23,42,.06)}
.reading-card-v51 .read-min{background:#071527;color:#fbbf24;border-radius:18px;padding:18px 20px;text-align:center;min-width:110px;font-weight:950;line-height:1}.reading-card-v51 .read-min strong{display:block;font-size:32px;color:#fff}.reading-card-v51 h2{margin:0 0 6px!important;font-size:24px!important}.reading-card-v51 p{margin:0!important;font-size:15px!important;color:#475569!important;line-height:1.65!important}.destination-map-panel-v51{background:#f8fafc;border:1px solid #dbeafe;border-radius:28px;padding:24px;margin:34px 0;box-shadow:0 16px 40px rgba(15,23,42,.07)}.destination-map-panel-v51 h2{margin-top:0!important}.destination-map-panel-v51 p{font-size:16px!important;color:#475569!important}.journey-visual-block{background:linear-gradient(135deg,#071527,#172554)!important;border-radius:30px!important;padding:16px!important;margin:22px 0 12px!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important}.journey-visual-block img{display:block;width:100%;border-radius:22px;background:#fff}.journey-visual-block figcaption{color:#dbeafe!important;font-weight:800!important;text-align:center!important;margin:12px 0 2px!important;font-size:14px!important}.article-panel-v51{background:#f8fafc;border:1px solid #dbeafe;border-radius:26px;padding:28px;margin:34px 0;box-shadow:0 14px 42px rgba(15,23,42,.07)}.article-panel-v51 h2{margin-top:0!important;font-size:clamp(26px,3vw,36px)!important}.article-panel-v51 p{font-size:16px!important;color:#334155!important}.article-panel-v51 .panel-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.article-panel-v51 .panel-actions a{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 16px;background:#071527;color:#fff;text-decoration:none;font-weight:900}.article-panel-v51 .panel-actions a.secondary{background:#fff;color:#071527;border:1px solid #cbd5e1}.role-note-v51{background:#fff7ed;border-left:5px solid #f59e0b;border-radius:18px;padding:18px 20px;margin:20px 0}.role-note-v51 p{margin:0!important;font-size:15px!important;color:#7c2d12!important}.role-note-v51 a{color:#92400e!important;font-weight:950!important}.source-note-v51{font-size:13px!important;color:#64748b!important;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px 16px}.source-note-v51 a{font-weight:900!important}.toc-compact a[href="#destination-experience-journey-map-visual"]{font-weight:950;color:#d97706}.destination-content a{font-weight:900;text-decoration-thickness:2px;text-underline-offset:3px}@media(max-width:700px){.reading-card-v51{grid-template-columns:1fr}.reading-card-v51 .read-min{max-width:150px}.destination-map-panel-v51{padding:18px}}


.calm-map-v52{background:#ffffff!important;border:1px solid #dbeafe!important;box-shadow:0 18px 48px rgba(15,23,42,.08)!important;padding:12px!important}.calm-map-v52 figcaption{color:#475569!important}.compact-grid-v52{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0}.compact-grid-v52 div{background:#f8fafc;border:1px solid #dbeafe;border-radius:18px;padding:16px}.compact-grid-v52 strong{display:block;color:#071527;font-size:15px;margin-bottom:7px}.compact-grid-v52 span{display:block;color:#475569;font-size:14px;line-height:1.55}.insight-box-v52{background:#f8fafc;border:1px solid #dbeafe;border-radius:26px;padding:28px;margin:34px 0;box-shadow:0 14px 42px rgba(15,23,42,.07)}.insight-box-v52 h2{margin-top:6px!important}.insight-box-v52 p{font-size:16px!important;color:#334155!important}.box-kicker-v52{display:inline-flex;background:#071527;color:#fbbf24;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.connected-card-grid-v52{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.connected-card-grid-v52 a{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;text-decoration:none;color:#071527;box-shadow:0 8px 24px rgba(15,23,42,.05)}.connected-card-grid-v52 a strong{display:block;font-size:17px;margin-bottom:6px}.connected-card-grid-v52 a span{display:block;color:#64748b;font-size:14px;line-height:1.5}@media(max-width:760px){.compact-grid-v52,.connected-card-grid-v52{grid-template-columns:1fr}}


/* article-rfi-rfq-rfp-erfp-nda-tourism-sales.html — migrated inline block 1 */
.rfp-table-wrap{overflow-x:auto;margin:28px 0;border-radius:22px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 14px 30px rgba(15,23,42,.06)}
.rfp-table{width:100%;border-collapse:collapse;min-width:760px;font-size:15px}
.rfp-table th{background:#071527;color:#fbbf24;text-align:left;padding:16px;font-weight:900}
.rfp-table td{padding:15px 16px;border-top:1px solid #e2e8f0;vertical-align:top;color:#334155}
.article-body section:first-of-type h2{margin-top:0}
.article-body section{scroll-margin-top:100px}
.email-label-v42{display:inline-flex;gap:8px;align-items:center;background:#fff7ed;color:#b45309;border:1px solid #fed7aa;border-radius:999px;padding:7px 11px;font-weight:900;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.article-hero .article-intro strong{color:#fbbf24}
@media(max-width:760px){.rfp-table{min-width:680px}}

.rfp-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0}
.rfp-compact-card{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:18px;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.rfp-compact-card h3{margin:0 0 10px;color:#071527;font-size:16px}.rfp-compact-card p{margin:0;color:#475569;font-size:14px;line-height:1.65}
.scenario-flow-figure{margin:30px 0;border:1px solid #dbeafe;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#fff);padding:18px;box-shadow:0 18px 40px rgba(15,23,42,.08)}
.scenario-flow-figure img{display:block;width:100%;height:auto;border-radius:18px}.scenario-flow-figure figcaption{margin-top:12px;color:#64748b;font-size:14px;line-height:1.6}
.article-inline-link{border:1px solid #bfdbfe;background:#eff6ff;border-radius:18px;padding:16px 18px;margin:22px 0;color:#1e3a8a}.article-inline-link a{font-weight:900;color:#0f4c81;text-decoration:none}.article-inline-link a:hover{text-decoration:underline}
@media(max-width:860px){.rfp-compact-grid{grid-template-columns:1fr}.scenario-flow-figure{padding:12px}}


/* article-tourism-operations-roles-real-difference.html — migrated inline block 1 */
.role-journey-map {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 28px 0 18px;
}
.role-journey-card {
  position: relative;
  background: linear-gradient(135deg, #f8fafc, #ffffff);
  border: 1px solid #e2e8f0;
  border-radius: 22px;
  padding: 20px 20px 18px 72px;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .06);
}
.role-journey-card::before {
  content: attr(data-step);
  position: absolute;
  left: 18px;
  top: 20px;
  width: 38px;
  height: 38px;
  border-radius: 14px;
  background: #071527;
  color: #fbbf24;
  display: grid;
  place-items: center;
  font-weight: 900;
  font-size: 14px;
}
.role-journey-card strong {
  display: block;
  color: #071527;
  font-size: 1.05rem;
  margin-bottom: 6px;
}
.role-journey-card span {
  display: inline-flex;
  width: fit-content;
  border-radius: 999px;
  padding: 5px 9px;
  background: #fff7ed;
  color: #92400e;
  border: 1px solid #fed7aa;
  font-weight: 800;
  font-size: .78rem;
  margin-bottom: 10px;
}
.role-journey-card p {
  margin: 0 !important;
  color: #334155 !important;
  line-height: 1.65 !important;
  font-size: .98rem !important;
}
.role-quality-link {
  background: linear-gradient(135deg, #071527, #123250);
  color: #fff;
  border-radius: 22px;
  padding: 24px;
  margin: 28px 0;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 40px rgba(7, 21, 39, .14);
}
.role-quality-link p { color: #dbeafe !important; margin-bottom: 16px !important; }
.role-quality-link strong { color: #fbbf24; }
.role-quality-link a { color: #fff !important; text-decoration-color: #fbbf24 !important; }
@media (max-width: 760px) {
  .role-journey-map { grid-template-columns: 1fr; }
  .role-journey-card { padding-left: 68px; }
}


/* article-tourism-operations-roles-real-difference.html — migrated inline block 2 */
.ops-real-case-v37{margin:26px 0 18px;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#ffffff);border-radius:22px;padding:24px;box-shadow:0 14px 34px rgba(37,99,235,.07)}
.ops-case-label{display:inline-flex;align-items:center;gap:8px;background:#071527;color:#fbbf24;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px;border-radius:999px;padding:10px 16px;margin-bottom:18px}
.ops-real-case-v37 h3{margin:0 0 16px!important;color:#123b67!important;font-size:28px!important;line-height:1.2!important}
.ops-case-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ops-case-columns p{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:18px 18px!important;margin:0!important;line-height:1.75!important;color:#24364d!important}
.ops-case-columns strong{display:block;color:#2454df;font-size:18px;margin-bottom:8px}
@media(max-width:900px){.ops-case-columns{grid-template-columns:1fr}.ops-real-case-v37 h3{font-size:23px!important}}


/* index.html — migrated inline block 1 */
.flagship-home-v50{padding-top:40px}.flagship-home-card-v50{max-width:1180px;margin:0 auto;background:linear-gradient(135deg,#071527 0%,#0f172a 55%,#172554 100%);border-radius:34px;padding:clamp(24px,4vw,44px);display:grid;grid-template-columns:1fr 1.08fr;gap:30px;align-items:center;box-shadow:0 30px 90px rgba(15,23,42,.22);overflow:hidden}.flagship-home-card-v50 h2{color:#fff;font-size:clamp(34px,5vw,62px);line-height:.96;letter-spacing:-.055em;margin:8px 0 18px}.flagship-home-card-v50 .lead{color:#dbeafe;font-size:18px;line-height:1.75;max-width:620px}.flagship-tags-v50{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 24px}.flagship-tags-v50 span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#e2e8f0;border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px}.flagship-visual-v50{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:12px}.flagship-visual-v50 img{width:100%;display:block;border-radius:18px;background:#fff}@media(max-width:980px){.flagship-home-card-v50{grid-template-columns:1fr}.flagship-visual-v50{order:-1}}


/* Insights library components */
.insights-redesign-v51{background:#f8fafc}.insights-redesign-v51 .wrap{max-width:1180px;margin:0 auto;padding:70px 24px}.insights-hero-v51{background:radial-gradient(circle at 90% 10%,rgba(251,191,36,.22),transparent 28%),linear-gradient(135deg,#071527,#172554);color:#fff;padding:96px 24px 72px}.insights-hero-v51 .inner{max-width:1180px;margin:0 auto}.insights-hero-v51 h1{font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-.055em;color:#fff;margin:14px 0}.insights-hero-v51 p{color:#dbeafe;font-size:19px;line-height:1.7;max-width:890px}.ins-card-v51{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:28px;box-shadow:0 12px 36px rgba(15,23,42,.07)}.ins-grid-v51{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.ins-flagship-v51{background:linear-gradient(135deg,#071527,#172554);color:#fff;border-radius:34px;padding:38px;box-shadow:0 24px 70px rgba(15,23,42,.18)}.ins-flagship-v51 h2{color:#fff;font-size:clamp(32px,4vw,54px);line-height:1.03;margin:12px 0}.ins-flagship-v51 p{color:#dbeafe;font-size:17px;line-height:1.75}.ins-badge-v51{display:inline-flex;border-radius:999px;background:#fffbeb;color:#92400e;border:1px solid #fde68a;padding:8px 12px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.ins-tags-v51{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.ins-tags-v51 span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:850}.ins-section-title-v51{margin:0 0 26px}.ins-section-title-v51 h2{font-size:clamp(30px,4vw,46px);margin:8px 0;letter-spacing:-.04em}.ins-section-title-v51 p{color:#64748b;font-size:16px;line-height:1.7;max-width:820px}.article-grid-v51{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card-v51{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px;box-shadow:0 8px 24px rgba(15,23,42,.05);min-height:250px}.article-card-v51 h3{font-size:20px;line-height:1.2;margin:0}.article-card-v51 p{color:#64748b;font-size:14px;line-height:1.65;margin:0;flex:1}.article-card-v51 a{font-weight:950;color:#d97706;text-decoration:none}.learning-paths-v51{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.path-v51{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:26px}.path-v51 h3{margin:10px 0}.path-v51 p{color:#64748b;line-height:1.7}.quick-menu-v51{display:grid;gap:12px}.quick-menu-v51 a{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:16px 18px;color:#071527;text-decoration:none;font-weight:900}.quick-menu-v51 a:hover{background:#fffbeb;border-color:#fde68a}.ins-note-v51{background:#fff7ed;border:1px solid #fed7aa;border-radius:24px;padding:24px;color:#7c2d12;line-height:1.7}@media(max-width:980px){.ins-grid-v51,.article-grid-v51,.learning-paths-v51{grid-template-columns:1fr}.insights-hero-v51{padding-top:86px}}


/* ===== Cleanup and accessibility utilities ===== */
:root {
  --focus-ring: 0 0 0 4px rgba(214, 161, 31, .28);
}
html { scroll-behavior: smooth; }
body { overflow-x: clip; }
.skip-link {
  position: fixed;
  left: 1rem;
  top: -4rem;
  z-index: 9999;
  padding: .75rem 1rem;
  border-radius: .75rem;
  background: #071527;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(7,21,39,.24);
  transition: top .18s ease;
}
.skip-link:focus { top: 1rem; }
:where(a, button, input, select, textarea):focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
.section-cta-title { color: #fff; margin-top: 0; }
.metric-fill-93 { width: 93%; }
.metric-fill-92 { width: 92%; }
.metric-fill-90 { width: 90%; }
.metric-fill-84 { width: 84%; }
.qm-wrap--spaced { margin: 44px auto; }


/* ===== Article enhancements: audio, copy prompt, connectivity visuals ===== */
.article-copy-button {
  min-height: 42px;
  border: 1px solid transparent;
  border-radius: 999px;
  padding: 10px 15px;
  color: #fff;
  background: #071527;
  font: inherit;
  font-size: 14px;
  font-weight: 850;
  cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.article-copy-button:hover { transform: translateY(-1px); box-shadow: 0 9px 18px rgba(7, 21, 39, .17); }
.article-copy-status { min-height: 18px; color: #6f531d !important; font-weight: 750; }

.article-prompt {
  margin: 30px 0;
  overflow: hidden;
  border: 1px solid #d9e4ee;
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(7, 21, 39, .07);
}
.article-prompt-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 24px 24px 20px;
  background: linear-gradient(135deg, #f8fbff 0%, #fff8e8 100%);
  border-bottom: 1px solid #d9e4ee;
}
.article-prompt-header > div { min-width: 0; }
.article-prompt-header p { max-width: 720px; }
.article-copy-button { flex: 0 0 auto; }
.article-copy-button.is-copied { background: #1b6d54; }
.article-prompt .article-copy-status { margin: 0 24px !important; }
.article-prompt pre { margin: 18px 24px 24px !important; max-height: 560px; border-radius: 18px !important; }

.air-connectivity-feature { padding: 0 !important; overflow: hidden; }
.air-connectivity-feature > img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: center 46%; }
.air-connectivity-flow { padding: 0 !important; overflow: hidden; background: #071527 !important; }
.air-connectivity-flow > img { display: block; width: 100%; height: auto; }
.air-connectivity-visual figcaption,
.destination-montage figcaption {
  padding: 13px 18px;
  color: #4e6378;
  background: #fff;
  border-top: 1px solid #e1e8f0;
  font-size: 13px;
  line-height: 1.55;
}
.visual-credit { display: block; margin-top: 5px; color: #75879a; font-size: 12px; }
.visual-credit a { color: inherit !important; font-weight: 750 !important; }
.destination-montage { padding: 12px !important; overflow: hidden; }
.destination-montage-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr .9fr .9fr;
  gap: 10px;
  min-height: 320px;
}
.destination-montage-grid img {
  width: 100%;
  height: 100%;
  min-height: 320px;
  object-fit: cover;
  border-radius: 15px;
  box-shadow: none !important;
}
.destination-montage-grid img:first-child { grid-row: span 1; object-position: center; }
.destination-montage-grid img:last-child { object-position: center; }

.article-table-wrap,
.air-connectivity-table-wrap {
  margin: 28px 0 34px;
  overflow-x: auto;
  border: 1px solid #d9e4ee;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(7, 21, 39, .06);
  -webkit-overflow-scrolling: touch;
}
.article-data-table,
.air-connectivity-table { width: 100%; min-width: 760px; border-collapse: collapse; color: #2c4359; }
.article-data-table caption,
.air-connectivity-table caption { padding: 17px 18px; color: #071527; background: #f8fbff; font-size: 15px; font-weight: 850; text-align: left; }
.article-data-table th,
.article-data-table td,
.air-connectivity-table th,
.air-connectivity-table td { padding: 15px 18px; border-top: 1px solid #e5edf4; text-align: left; vertical-align: top; line-height: 1.55; }
.article-data-table thead th,
.air-connectivity-table thead th { color: #fff; background: #071527; border-top: 0; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.article-data-table tbody th,
.air-connectivity-table tbody th { width: 22%; color: #123b63; background: #fcfdff; font-size: 14px; font-weight: 850; }
.article-data-table tbody tr:nth-child(even) td,
.article-data-table tbody tr:nth-child(even) th,
.air-connectivity-table tbody tr:nth-child(even) td,
.air-connectivity-table tbody tr:nth-child(even) th { background: #f8fbff; }

@media (max-width: 720px) {
  .article-prompt-header { align-items: flex-start; flex-direction: column; gap: 14px; padding: 20px 18px 18px; }
  .article-copy-button { width: 100%; }
  .article-prompt .article-copy-status { margin-inline: 18px !important; }
  .article-prompt pre { margin: 16px 18px 20px !important; padding: 16px !important; max-height: 440px; font-size: 13px !important; }
  .destination-montage-grid { grid-template-columns: repeat(2, 1fr); min-height: 0; }
  .destination-montage-grid img { min-height: 190px; }
  .destination-montage-grid img:first-child { grid-column: span 2; min-height: 260px; }
  .article-table-wrap,
  .air-connectivity-table-wrap { border-radius: 18px; }
}

/* Fleet Control Tower article visuals */
.fleet-control-tower-article .article-hero{background:linear-gradient(135deg,#06112a 0%,#0c3152 60%,#12375e 100%)}
.fleet-control-tower-article .article-visual img{border-color:#b8cde2}.fleet-control-tower-article .article-visual figcaption{color:#536a83}.fleet-control-tower-article .article-quote{border-left-color:#d8b65c;background:linear-gradient(90deg,#fdf9ea,#f7fafc)}

/* Assignment Engine article visuals */
.assignment-engine-article .article-hero{background:linear-gradient(135deg,#071527 0%,#0c3152 56%,#174c70 100%)}
.assignment-engine-article .article-visual figcaption{color:#536a83}.assignment-engine-article .article-quote{border-left-color:#f3c765;background:linear-gradient(90deg,#fff9e6,#f7fafc)}
body.article-page .article-content h4{color:#1e405f;font-size:20px;line-height:1.35;margin:28px 0 12px;font-weight:800}


/* ===== Website audit pass: shared article reading, table and related-insight patterns ===== */
body.article-page .article-content :is(h2,h3,h4),
body.article-page .guide-quality-content :is(h2,h3,h4),
body.article-page .article-body :is(h2,h3,h4) { scroll-margin-top: 104px; }

body.article-page .content-table-wrap,
body.article-page .article-table-wrap,
body.article-page .air-connectivity-table-wrap,
body.article-page .table-scroll,
body.article-page .scorecard-table-wrap,
body.article-page .rfp-table-wrap {
  max-width: 100%;
  margin: 30px 0 36px;
  overflow-x: auto;
  border: 1px solid #d9e4ee;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(7, 21, 39, .06);
  -webkit-overflow-scrolling: touch;
}
body.article-page .content-table-wrap:focus-visible,
body.article-page .article-table-wrap:focus-visible,
body.article-page .air-connectivity-table-wrap:focus-visible,
body.article-page .table-scroll:focus-visible,
body.article-page .scorecard-table-wrap:focus-visible,
body.article-page .rfp-table-wrap:focus-visible { box-shadow: 0 0 0 4px rgba(214, 161, 31, .28); }
body.article-page table.content-table {
  width: 100%;
  border-collapse: collapse;
  color: #2c4359;
  background: #fff;
}
body.article-page table.content-table:not(.table--two-column) { min-width: 640px; }
body.article-page table.content-table.table--two-column { table-layout: fixed; }
body.article-page table.content-table caption {
  caption-side: top;
  padding: 15px 18px;
  border-bottom: 1px solid #e5edf4;
  background: #f8fbff;
  color: #12375e;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.45;
  text-align: left;
}
body.article-page table.content-table th,
body.article-page table.content-table td {
  padding: 14px 16px;
  border-top: 1px solid #e5edf4;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
  line-height: 1.55;
}
body.article-page table.content-table thead th {
  position: static;
  color: #fff;
  background: #0b2946;
  border-top: 0;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .065em;
  text-transform: uppercase;
}
body.article-page table.content-table tbody th {
  color: #123b63;
  background: #fcfdff;
  font-weight: 850;
}
body.article-page table.content-table tbody tr:nth-child(even) :is(th,td) { background: #f8fbff; }
body.article-page table.content-table .table-number {
  text-align: right;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

body.article-page .related-insights {
  margin-top: 42px;
  padding-top: 32px;
  border-top: 1px solid #d9e4ee;
}
body.article-page .related-insights-header { max-width: 740px; margin-bottom: 18px; }
body.article-page .related-insights-kicker {
  display: inline-block;
  color: #a56d19;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
body.article-page .related-insights h2 {
  margin: 6px 0 8px !important;
  color: #071527 !important;
  font-size: clamp(1.7rem, 3vw, 2.25rem) !important;
  line-height: 1.12 !important;
}
body.article-page .related-insights-header p { margin: 0 !important; color: #5a6f84 !important; }
body.article-page .related-insights-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
body.article-page a.related-insight-card {
  display: flex;
  flex-direction: column;
  min-height: 172px;
  padding: 18px;
  border: 1px solid #d9e4ee;
  border-radius: 18px;
  background: #f8fbff;
  color: #071527 !important;
  text-decoration: none;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
body.article-page a.related-insight-card:hover {
  background: #fff;
  box-shadow: 0 14px 30px rgba(7, 21, 39, .09);
  transform: translateY(-2px);
}
body.article-page .related-insight-topic {
  display: block;
  margin-bottom: 8px;
  color: #a56d19;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
body.article-page .related-insight-card strong { display: block; font-size: 16px; line-height: 1.32; }
body.article-page .related-insight-description { display: block; margin-top: 9px; color: #5b7085; font-size: 13px; line-height: 1.55; }
body.article-page .article-resource-links {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 12px;
  align-items: center;
  margin-top: 18px;
}
body.article-page .article-resource-label { color: #5b7085; font-size: 13px; font-weight: 850; }
body.article-page .article-resource-links a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid #d9e4ee;
  border-radius: 999px;
  background: #fff;
  color: #0b477d !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}
body.article-page .article-link-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 34px 0 8px;
}
body.article-page .article-link-strip a {
  display: block;
  min-height: 92px;
  padding: 15px 16px;
  border: 1px solid #d9e4ee;
  border-radius: 16px;
  background: #f8fbff;
  color: #071527 !important;
  text-decoration: none;
}
body.article-page .article-link-strip a:hover,
body.article-page .article-link-strip a:focus-visible {
  background: #fff;
  box-shadow: 0 12px 26px rgba(7, 21, 39, .08);
}
body.article-page .article-link-label {
  display: block;
  margin-bottom: 7px;
  color: #a56d19;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
body.article-page .article-link-strip strong {
  display: block;
  font-size: 14px;
  line-height: 1.35;
}
body.article-page .aviation-source-note {
  margin: 30px 0 0;
  padding: 17px 18px;
  border: 1px solid #d7e3ec;
  border-left: 4px solid #bf8c28;
  border-radius: 14px;
  background: #f8fbff;
}
body.article-page .aviation-source-note p { margin: 0 !important; color: #486075 !important; font-size: 14px !important; line-height: 1.65 !important; }
body.article-page .aviation-source-note a { color: #0b477d !important; }

@media (max-width: 900px) {
  body.article-page .related-insights-grid { grid-template-columns: 1fr; }
  body.article-page a.related-insight-card { min-height: auto; }
  body.article-page .article-link-strip { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  body.article-page .content-table-wrap,
  body.article-page .article-table-wrap,
  body.article-page .air-connectivity-table-wrap,
  body.article-page .table-scroll,
  body.article-page .scorecard-table-wrap,
  body.article-page .rfp-table-wrap { margin: 24px 0 30px; border-radius: 16px; }
  body.article-page table.content-table { font-size: 14px; }
  body.article-page table.content-table th,
  body.article-page table.content-table td { padding: 12px 13px; }
  body.article-page table.content-table thead th { font-size: 11px; }
  body.article-page table.content-table.table--two-column { min-width: 0; }
  body.article-page table.content-table.table--two-column th,
  body.article-page table.content-table.table--two-column td { width: auto; }
  body.article-page .article-link-strip { grid-template-columns: 1fr; gap: 10px; }
  body.article-page .article-link-strip a { min-height: auto; }
  body.article-page .related-insights { margin-top: 34px; padding-top: 26px; }
  body.article-page .article-resource-links { align-items: flex-start; flex-direction: column; }
}

/* ===== Final mobile QA corrections ===== */
@media (max-width: 640px) {
  .contact-section {
    width: auto;
    max-width: none;
    margin-left: 16px;
    margin-right: 16px;
  }

  body.article-page .article-hero-inner {
    max-width: 100%;
  }
}

/* V41 final override: article ending cards */
body.article-page .v14-article-cta{
  margin:48px 0 28px!important;
  padding:0!important;
  background:#fff!important;
  color:#071527!important;
  border:1px solid #dfe7f0!important;
  border-radius:28px!important;
  box-shadow:0 20px 52px rgba(7,21,39,.08)!important;
  overflow:hidden!important;
}
body.article-page .v14-article-cta h2{
  margin:0!important;
  padding:26px 28px 8px!important;
  color:#071527!important;
  font-size:clamp(1.45rem,2.2vw,2rem)!important;
}
body.article-page .v14-article-cta p{
  margin:0!important;
  padding:0 28px 22px!important;
  color:#52616b!important;
}
body.article-page .v14-article-cta a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 0 26px 28px!important;
  min-height:44px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  border:1px solid #d8e1eb!important;
  background:#071527!important;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900!important;
}
body.article-page .v14-article-cta a + a{
  margin-left:8px!important;
  background:#fff!important;
  color:#071527!important;
}
body.article-page .related-insights{
  display:block!important;
  grid-template-columns:none!important;
  margin:42px 0 0!important;
  padding:28px!important;
  background:#f8fafc!important;
  border:1px solid #dfe7f0!important;
  border-radius:28px!important;
  box-shadow:0 16px 42px rgba(7,21,39,.06)!important;
}
body.article-page .related-insights-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
body.article-page .related-insight-card{
  display:grid!important;
  gap:8px!important;
  background:#fff!important;
  border:1px solid #dfe7f0!important;
  border-radius:20px!important;
  padding:18px!important;
  color:#071527!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(7,21,39,.05)!important;
}
body.article-page .related-insights-kicker,
body.article-page .related-insight-topic,
body.article-page .article-resource-label{
  color:#8a6a10!important;
  font-weight:950!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  font-size:.72rem!important;
}
body.article-page .related-insight-description{
  color:#52616b!important;
  font-size:.92rem!important;
  line-height:1.55!important;
}
body.article-page .article-resource-links{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  align-items:center!important;
  margin-top:18px!important;
  padding-top:18px!important;
  border-top:1px solid #dfe7f0!important;
}
body.article-page .article-resource-links a{
  border:1px solid #d8e1eb!important;
  border-radius:999px!important;
  padding:9px 13px!important;
  background:#fff!important;
  color:#071527!important;
  text-decoration:none!important;
}
body.article-page .v14-mobile-cta{
  left:50%!important;
  right:auto!important;
  bottom:14px!important;
  width:min(560px,calc(100% - 24px))!important;
  transform:translateX(-50%)!important;
  border-radius:16px!important;
}
@media(max-width:760px){
  body.article-page .related-insights-grid{grid-template-columns:1fr!important}
  body.article-page .v14-article-cta a{
    display:flex!important;
    margin:0 18px 10px!important;
  }
  body.article-page .v14-article-cta a:last-child{margin-bottom:22px!important}
}