:root{--bg:#0A1A2F;--bg2:#071422;--bg3:#0D1F38;--surface:#102444;--accent:#FF6F30;--accent-lt:#FF8C57;--text:#F4F1EC;--text2:#8A9AAD;--text3:#3D5069;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.13);--r:14px;--max:740px;
    /* hyphenated aliases — keep the "polish" rules below in sync with main.css / blog.css tokens */
    --bg-2:#071422;--bg-3:#0D1F38;--s2:#152D50;--text-2:#8A9AAD;--text-3:#3D5069;--border-2:rgba(255,255,255,0.13);--accent-dim:rgba(255,111,48,0.10)}

    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif;font-size:1rem;line-height:1.7;min-height:100vh}

    /* Scroll progress bar */
    #bar{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--accent);z-index:1000;transition:width 0.1s linear}

    /* Nav */
    .site-nav{position:sticky;top:0;z-index:900;background:rgba(10,26,47,0.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px}
    .nav-logo{font-size:1.05rem;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:-0.02em}
    .nav-logo span{color:var(--accent)}
    .nav-back{font-size:0.82rem;font-weight:600;color:var(--text2);text-decoration:none;letter-spacing:0.02em;transition:color 0.15s}
    .nav-back:hover{color:var(--accent-lt)}

    /* Breadcrumb */
    .breadcrumb{max-width:var(--max);margin:1.5rem auto 0;padding:0 1.5rem;display:flex;flex-wrap:wrap;gap:0.35rem;align-items:center;font-size:0.78rem;color:var(--text3)}
    .breadcrumb a{color:var(--text2);text-decoration:none;transition:color 0.15s}
    .breadcrumb a:hover{color:var(--accent-lt)}
    .breadcrumb span.sep{color:var(--text3)}
    .breadcrumb span.current{color:var(--text2)}

    /* Article wrapper */
    .article-wrap{max-width:var(--max);margin:0 auto;padding:2rem 1.5rem 4rem}

    /* Category badge */
    .cat-badge{display:inline-block;font-size:0.72rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;padding:0.3rem 0.75rem;border-radius:100px;margin-bottom:1.25rem}

    /* Title */
    .article-title{font-size:clamp(1.65rem,4vw,2.25rem);font-weight:800;line-height:1.2;letter-spacing:-0.03em;color:var(--text);margin-bottom:1rem}

    /* Meta row */
    .article-meta{display:flex;flex-wrap:wrap;gap:0.75rem 1.5rem;font-size:0.82rem;color:var(--text2);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
    .article-meta span{display:flex;align-items:center;gap:0.35rem}

    /* Article body typography */
    .article-body h2{font-size:1.35rem;font-weight:700;letter-spacing:-0.02em;color:var(--text);margin:2.25rem 0 0.85rem;line-height:1.3}
    .article-body h3{font-size:1.05rem;font-weight:700;color:var(--text);margin:1.5rem 0 0.6rem}
    .article-body p{margin-bottom:1.1rem;color:var(--text)}
    .article-body ul,.article-body ol{margin:0.75rem 0 1.25rem 1.5rem;color:var(--text)}
    .article-body li{margin-bottom:0.45rem}
    .article-body strong{color:var(--text);font-weight:700}
    .article-body blockquote{border-left:3px solid var(--accent);padding:0.85rem 1.25rem;background:var(--surface);border-radius:0 var(--r) var(--r) 0;margin:1.5rem 0;font-style:italic;color:var(--text2)}

    /* Callout */
    .callout{background:var(--surface);border:1px solid var(--border2);border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0;padding:1rem 1.25rem;margin:1.75rem 0}
    .callout-label{font-size:0.7rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:0.5rem}
    .callout p{margin-bottom:0;color:var(--text2);font-size:0.95rem}

    /* Scenario table */
    .scenario-table{width:100%;border-collapse:collapse;margin:1.75rem 0;font-size:0.9rem;border-radius:var(--r);overflow:hidden}
    .scenario-table th{background:var(--surface);color:var(--text2);font-size:0.75rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:0.75rem 1rem;text-align:left;border-bottom:1px solid var(--border2)}
    .scenario-table td{padding:0.85rem 1rem;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text)}
    .scenario-table tr:last-child td{border-bottom:none}
    .scenario-table tr:nth-child(even) td{background:rgba(16,36,68,0.4)}
    .scen-label{font-weight:700;font-size:0.82rem;display:block;margin-bottom:0.25rem}
    .scen-base{color:#4CAF82}
    .scen-alt{color:#E8A838}
    .scen-tail{color:#FF6F30}

    /* FAQ */
    .faq-section{margin-top:3rem;border-top:1px solid var(--border);padding-top:2rem}
    .faq-section h2{font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:1.5rem}
    .faq-item{border:1px solid var(--border);border-radius:var(--r);padding:1.25rem;margin-bottom:1rem;background:var(--surface)}
    .faq-q-text{font-weight:700;color:var(--text);font-size:0.95rem;margin-bottom:0.6rem}
    .faq-a-text{color:var(--text2);font-size:0.9rem;line-height:1.6}

    /* CTA box */
    .cta-box{background:linear-gradient(135deg,var(--surface) 0%,rgba(255,111,48,0.07) 100%);border:1px solid rgba(255,111,48,0.25);border-radius:var(--r);padding:2rem;margin:2.5rem 0;text-align:center}
    .cta-box h3{font-size:1.2rem;font-weight:800;color:var(--text);margin-bottom:0.6rem}
    .cta-box p{color:var(--text2);font-size:0.9rem;margin-bottom:1.5rem}
    .cta-btns{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center}
    .btn{display:inline-flex;align-items:center;padding:0.7rem 1.5rem;border-radius:100px;font-size:0.85rem;font-weight:700;letter-spacing:0.02em;text-decoration:none;transition:all 0.18s;cursor:pointer}
    .btn-primary{background:var(--accent);color:#fff}
    .btn-primary:hover{background:var(--accent-lt)}
    .btn-ghost{border:1px solid var(--border2);color:var(--text2)}
    .btn-ghost:hover{border-color:var(--accent-lt);color:var(--accent-lt)}

    /* Related */
    .related{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}
    .related-label{font-size:0.75rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--text3);margin-bottom:1rem}
    .related-links{display:flex;flex-direction:column;gap:0.6rem}
    .related-link{display:flex;align-items:center;gap:0.5rem;color:var(--text2);text-decoration:none;font-size:0.88rem;font-weight:600;transition:color 0.15s}
    .related-link::before{content:"→";color:var(--accent);flex-shrink:0}
    .related-link:hover{color:var(--accent-lt)}

    /* Footer */
    .site-footer{background:var(--bg2);border-top:1px solid var(--border);padding:2.5rem 1.5rem;margin-top:4rem;text-align:center}
    .disc-text{max-width:680px;margin:0 auto 1.5rem;font-size:0.78rem;color:var(--text3);line-height:1.6}
    .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem 1.5rem;margin-bottom:1.25rem}
    .footer-links a{font-size:0.82rem;color:var(--text2);text-decoration:none;transition:color 0.15s}
    .footer-links a:hover{color:var(--accent-lt)}
    .footer-copy{font-size:0.78rem;color:var(--text3)}

    /* Scroll to top */
    #scrolltop{position:fixed;bottom:1.75rem;right:1.75rem;width:42px;height:42px;border-radius:50%;background:var(--surface);border:1px solid var(--border2);color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.2s,background 0.15s;z-index:800}
    #scrolltop.show{opacity:1;pointer-events:auto}
    #scrolltop:hover{background:var(--accent);color:#fff;border-color:transparent}

    @media(max-width:600px){
      .article-wrap{padding:1.5rem 1rem 3rem}
      .cta-btns{flex-direction:column;align-items:center}
    }

/* ASSET GRID (stagflation / allocation posts) */
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
  body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}
  a{color:var(--accent-lt);text-decoration:none}
  a:hover{text-decoration:underline}
  /* NAV */
  .site-nav{position:sticky;top:0;z-index:100;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:rgba(10,26,47,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
  .nav-logo{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.nav-logo span{color:var(--accent-lt)}
  .nav-back{font-size:0.82rem;color:var(--text2);display:flex;align-items:center;gap:0.4rem}
  .nav-back:hover{color:var(--text);text-decoration:none}
  /* PROGRESS */
  #bar{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-lt));z-index:9999;pointer-events:none;transition:width .08s linear}
  /* BREADCRUMB */
  .breadcrumb{max-width:var(--max);margin:0 auto;padding:1.2rem 2rem 0;font-size:0.74rem;color:var(--text3);display:flex;gap:0.5rem;align-items:center}
  .breadcrumb a{color:var(--text3)}.breadcrumb a:hover{color:var(--text2);text-decoration:none}
  /* ARTICLE */
  .article-wrap{max-width:var(--max);margin:0 auto;padding:2.5rem 2rem 5rem}
  .cat-badge{display:inline-block;font-size:0.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.28rem .85rem;border-radius:999px;margin-bottom:1.2rem}
  .cat-badge.cat-risk    { background:rgba(255,111,48,0.12);  color:#FF6F30; }
  .cat-badge.cat-market  { background:rgba(91,155,213,0.12);  color:#5B9BD5; }
  .cat-badge.cat-options { background:rgba(44,181,160,0.12);  color:#2CB5A0; }
  .cat-badge.cat-macro   { background:rgba(155,114,207,0.12); color:#9B72CF; }
  .cat-badge.cat-strat   { background:rgba(232,168,56,0.12);  color:#E8A838; }
  .article-title{font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text);margin-bottom:1rem}
  .article-meta{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:0.78rem;color:var(--text3);margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
  /* BODY */
  .article-body{font-size:1.02rem;color:var(--text);line-height:1.82}
  .article-body p{margin-bottom:1.4rem}
  .article-body h2{font-size:1.3rem;font-weight:700;letter-spacing:-.025em;color:var(--text);margin:2.5rem 0 .9rem;line-height:1.2}
  .article-body h3{font-size:1.05rem;font-weight:700;color:var(--accent-lt);margin:1.8rem 0 .6rem}
  .article-body ul,ol{padding-left:1.4rem;margin-bottom:1.4rem}
  .article-body li{margin-bottom:.45rem;color:var(--text2)}
  .article-body strong{color:var(--text);font-weight:700}
  .article-body blockquote{border-left:3px solid var(--accent);padding:.8rem 1.2rem;margin:1.8rem 0;background:var(--bg3);border-radius:0 var(--r) var(--r) 0;font-style:italic;color:var(--text2)}
  /* CALLOUT BOX */
  .callout{background:var(--surface);border:1px solid var(--border2);border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0;padding:1.2rem 1.4rem;margin:2rem 0}
  .callout-label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}
  .callout p{margin:0;font-size:.92rem;color:var(--text2);font-style:italic}
  /* ASSET GRID */
  .asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0 2rem}
  @media(max-width:560px){.asset-grid{grid-template-columns:1fr}}
  .asset-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem}
  .asset-card-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:.45rem}
  .asset-card-label.positive{color:#4CAF82}
  .asset-card-label.negative{color:#E8534A}
  .asset-card ul{margin:0;padding-left:1.1rem;font-size:.88rem;color:var(--text2)}
  .asset-card li{margin-bottom:.25rem}
  /* SCENARIO TABLE */
  .scenario-table{width:100%;border-collapse:collapse;margin:1.8rem 0;font-size:.88rem}
  .scenario-table th{background:var(--surface);padding:.75rem 1rem;text-align:left;font-size:.67rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border2)}
  .scenario-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:top}
  .scenario-table tr:last-child td{border-bottom:none}
  .label-base{color:#4CAF82;font-weight:700}
  .label-alt{color:#5B9BD5;font-weight:700}
  .label-tail{color:#E8534A;font-weight:700}
  /* FAQ */
  .faq-section{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--border)}
  .faq-section h2{font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:1.5rem;letter-spacing:-.02em}
  .faq-item{border-bottom:1px solid var(--border);padding:1.1rem 0}
  .faq-item:last-child{border-bottom:none}
  .faq-q-text{font-size:.95rem;font-weight:600;color:var(--text);margin-bottom:.55rem}
  .faq-a-text{font-size:.88rem;color:var(--text2);line-height:1.72}
  /* CTA BOX */
  .cta-box{background:var(--bg3);border:1px solid var(--border2);border-top:2px solid var(--accent);border-radius:var(--r);padding:2rem;margin-top:3rem;text-align:center}
  .cta-box h3{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:.6rem;letter-spacing:-.02em}
  .cta-box p{font-size:.9rem;color:var(--text2);margin-bottom:1.4rem}
  .btn{display:inline-flex;align-items:center;padding:.6rem 1.4rem;border-radius:999px;font-size:.87rem;font-weight:700;cursor:pointer;border:none;font-family:inherit;letter-spacing:-.01em;transition:all .2s;white-space:nowrap;text-decoration:none}
  .btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 16px rgba(255,111,48,.3)}.btn-primary:hover{background:#e85d20;transform:translateY(-1px);text-decoration:none}
  .btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border2);margin-left:.6rem}.btn-ghost:hover{color:var(--text);border-color:rgba(255,255,255,.26);text-decoration:none}
  /* RELATED */
  .related{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}
  .related h3{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:1rem}
  .related-links{display:flex;flex-direction:column;gap:.6rem}
  .related-link{font-size:.9rem;color:var(--text2);padding:.6rem 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
  .related-link::before{display:none}
  .related-link:hover{color:var(--text);text-decoration:none}
  .related-link:last-child{border-bottom:none}
  /* FOOTER */
  .site-footer{background:var(--bg2);border-top:1px solid var(--border);padding:2.5rem 2rem;text-align:center}
  .disc-text{font-size:.72rem;color:var(--text3);max-width:640px;margin:0 auto 1rem;line-height:1.7}
  .footer-links{display:flex;justify-content:center;gap:1.4rem;flex-wrap:wrap;font-size:.8rem;color:var(--text3);margin-bottom:.85rem}
  .footer-links a{color:var(--text3)}.footer-links a:hover{color:var(--text2)}
  .footer-copy{font-size:.72rem;color:var(--text3)}
  /* SCROLL TOP */
  #scrolltop{position:fixed;bottom:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--border2);color:var(--text2);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(8px);transition:all .25s;pointer-events:none}
  #scrolltop.show{opacity:1;pointer-events:all;transform:translateY(0)}
  #scrolltop:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
  @media(max-width:640px){.article-wrap{padding:1.5rem 1.2rem 4rem}.site-nav{padding:0 1.2rem}.article-title{font-size:1.6rem}.scenario-table{font-size:.8rem}.scenario-table th,.scenario-table td{padding:.55rem .7rem}}


/* ─── ARTICLE PAGE SYNC + POLISH ─── */
.post-site-nav {
  position: sticky; top: 0; z-index: 500;
  height: 76px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 0 2.5rem;
  background: rgba(10,26,47,0.94);
  backdrop-filter: blur(28px) saturate(200%);
  -webkit-backdrop-filter: blur(28px) saturate(200%);
  border-bottom: 1px solid var(--border);
}
.post-site-nav .logo { display:flex; align-items:center; gap:.7rem; text-decoration:none; }
.post-site-nav .logo-icon {
  width: 44px; height: 44px;
  object-fit: contain; display: block;
  transition: transform .25s, filter .25s;
}
.post-site-nav .logo:hover .logo-icon { transform: scale(1.05); filter: drop-shadow(0 0 12px rgba(255,140,87,.45)); }
.post-site-nav .logo-text { font-size:1.15rem; font-weight:800; color:var(--text); letter-spacing:-.03em; }
.post-site-nav .logo-text span { color: var(--accent-lt); }
.post-site-nav .nav-links { list-style:none; display:flex; gap:.2rem; margin:0; padding:0; }
.post-site-nav .nav-links a {
  padding:.44rem .85rem; border-radius:7px;
  font-size:.835rem; font-weight:500;
  color:var(--text-2); text-decoration:none;
  transition: color .15s, background .15s;
  white-space:nowrap;
}
.post-site-nav .nav-links a:hover { color:var(--text); background: rgba(255,255,255,.06); }
.post-site-nav .nav-links a.active { color: var(--accent-lt); }
.post-site-nav .btn-primary {
  background: var(--accent); color:#fff;
  padding:.55rem 1.1rem; border-radius:8px;
  font-size:.82rem; font-weight:600;
  text-decoration:none;
  transition: background .18s, transform .18s;
}
.post-site-nav .btn-primary:hover { background: var(--accent-lt); transform: translateY(-1px); }

@media (max-width: 820px) {
  .post-site-nav { padding: 0 1.35rem; }
  .post-site-nav .nav-links { display:none; }
  .post-site-nav .logo-text { font-size:1rem; }
}

/* footer */
.post-site-footer {
  background: var(--bg-2);
  border-top: 1px solid var(--border);
  padding: 3rem 2rem 2.5rem;
  margin-top: 4rem;
}
.post-site-footer .footer-inner {
  max-width: 1160px; margin: 0 auto;
  display: flex; flex-direction: column; gap: 1.25rem; align-items: center;
  text-align: center;
}
.post-site-footer .footer-logo { font-size:1.05rem; font-weight:800; color:var(--text); letter-spacing:-.03em; }
.post-site-footer .footer-logo span { color: var(--accent-lt); }
.post-site-footer .footer-links {
  display:flex; gap:1.5rem; flex-wrap:wrap; justify-content:center;
}
.post-site-footer .footer-links a {
  font-size:.82rem; color:var(--text-2); text-decoration:none;
  transition: color .15s;
}
.post-site-footer .footer-links a:hover { color: var(--accent-lt); }
.post-site-footer .disc-text {
  max-width: 600px; font-size:.78rem; color:var(--text-3); line-height:1.7;
}
.post-site-footer .footer-copy { font-size:.72rem; color: var(--text-3); }

/* article body polish */
.article-wrap { padding-top: 3.5rem; }
.article-title {
  font-size: clamp(2rem, 4vw, 3.2rem);
  letter-spacing: -.04em;
  line-height: 1.08;
  margin: 1rem 0 1.25rem;
  text-wrap: balance;
}
.article-meta { color: var(--text-3); font-size:.82rem; letter-spacing:.02em; }
.article-body p { font-size: 1.06rem; line-height: 1.82; }
.article-body h2 {
  font-size: 1.6rem; letter-spacing:-.025em;
  margin-top: 2.8rem; margin-bottom: 1rem;
  text-wrap: balance;
}
.article-body blockquote {
  border-left: 3px solid var(--accent);
  padding: .25rem 0 .25rem 1.25rem;
  margin: 2rem 0;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: 1.2rem;
  color: var(--accent-lt);
  line-height: 1.5;
}
.article-body ul li { margin: .55rem 0; line-height: 1.75; }
.callout {
  background: linear-gradient(180deg, var(--surface) 0%, var(--bg-3) 100%);
  border: 1px solid rgba(255,111,48,.18);
  border-radius: 14px;
  padding: 1.5rem 1.6rem;
  margin: 2.25rem 0;
}
.callout-label {
  font-size: .65rem; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--accent-lt);
  margin-bottom: .55rem;
}
.scenario-table {
  width: 100%; border-collapse: collapse;
  margin: 1.75rem 0;
  font-size: .9rem;
  border: 1px solid var(--border-2);
  border-radius: 12px; overflow: hidden;
}
.scenario-table th, .scenario-table td {
  padding: .85rem 1rem;
  text-align: left;
  border-bottom: 1px solid var(--border);
}
.scenario-table thead th {
  background: var(--bg-3);
  font-size: .72rem; letter-spacing:.1em;
  text-transform: uppercase;
  color: var(--accent-lt);
}
.scenario-table tbody tr:last-child td { border-bottom: none; }
.scenario-table tbody tr:hover td { background: var(--bg-3); }

/* CTA box */
.cta-box {
  background: linear-gradient(135deg, var(--surface), var(--bg-3));
  border: 1px solid rgba(255,111,48,.22);
  border-radius: 16px;
  padding: 2.25rem 2rem;
  margin: 3rem 0 2rem;
  text-align: center;
}
.cta-box h3 {
  font-size: 1.35rem; letter-spacing:-.025em;
  margin-bottom: .6rem;
}
.cta-box p { color: var(--text-2); margin-bottom: 1.25rem; max-width: 480px; margin-left:auto; margin-right:auto; }
.cta-box .btn { margin: .25rem .35rem; }

/* related */
.related { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--border); }
.related h3 { font-size: .72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--accent-lt); margin-bottom: 1.1rem; }
.related-links { display: grid; gap: .55rem; }
.related-link {
  display: flex; justify-content: space-between; align-items: center;
  padding: 1rem 1.2rem;
  background: var(--bg-3);
  border: 1px solid var(--border);
  border-radius: 12px;
  color: var(--text); text-decoration: none;
  font-size: .92rem;
  transition: border-color .2s, transform .2s, color .2s;
}
.related-link span { color: var(--accent-lt); transition: transform .2s; }
.related-link:hover { border-color: rgba(255,111,48,.3); color: var(--accent-lt); transform: translateX(3px); }
.related-link:hover span { transform: translateX(4px); }

/* faq section */
.faq-section { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--border); }
.faq-section h2 { font-size: 1.5rem; margin-bottom: 1.25rem; }
.faq-item {
  padding: 1.1rem 0;
  border-bottom: 1px solid var(--border);
}
.faq-q-text { font-weight: 700; color: var(--text); margin-bottom: .5rem; font-size: .98rem; }
.faq-a-text { color: var(--text-2); line-height: 1.7; font-size: .92rem; }

/* breadcrumb refine */
.breadcrumb {
  max-width: 760px; margin: 0 auto;
  padding: 1.25rem 2rem 0;
  font-size: .78rem; color: var(--text-3);
}
.breadcrumb a { color: var(--text-2); text-decoration:none; transition: color .15s; }
.breadcrumb a:hover { color: var(--accent-lt); }
.breadcrumb .current { color: var(--text); }
.breadcrumb span { margin: 0 .4rem; opacity: .5; }

/* scroll bar accent */
#bar { height: 3px; }

#scrolltop { z-index: 600; }


/* article FAQ accordion (matches landing) */
.faq-section .faq-list { display:flex; flex-direction:column; gap:.65rem; margin-top: 1.25rem; }
.faq-section .faq-row {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
  transition: border-color .25s, background .25s;
}
.faq-section .faq-row:hover { border-color: rgba(255,111,48,.28); }
.faq-section .faq-row.open {
  border-color: rgba(255,111,48,.42);
  background: linear-gradient(180deg, var(--surface) 0%, var(--bg-3) 100%);
}
.faq-section .faq-q {
  width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1.1rem 1.3rem;
  background: transparent; border: none;
  color: var(--text);
  font-family: inherit; font-size: .98rem; font-weight: 600;
  text-align: left; cursor: pointer;
  transition: color .2s;
}
.faq-section .faq-q:hover, .faq-section .faq-row.open .faq-q { color: var(--accent-lt); }
.faq-section .faq-row.open .faq-q { padding-bottom: .65rem; }
.faq-section .faq-ico {
  flex-shrink: 0; width: 26px; height: 26px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%; background: rgba(255,111,48,.1);
  color: var(--accent-lt);
  font-size: 1.1rem; line-height: 1;
  transition: transform .35s cubic-bezier(.4,0,.2,1), background .25s;
}
.faq-section .faq-row.open .faq-ico { transform: rotate(45deg); background: var(--accent); color: #fff; }
.faq-section .faq-a {
  display: grid; grid-template-rows: 0fr;
  transition: grid-template-rows .35s cubic-bezier(.4,0,.2,1);
}
.faq-section .faq-row.open .faq-a { grid-template-rows: 1fr; }
.faq-section .faq-a-inner {
  overflow: hidden; padding: 0 1.3rem;
  color: var(--text-2); font-size: .92rem; line-height: 1.7;
}
.faq-section .faq-row.open .faq-a-inner { padding: 0 1.3rem 1.2rem; }


/* ─────────────────────────────
   MOBILE UI/UX REFINEMENT v3
───────────────────────────── */

/* Hide wordmark on small phones — logo mark alone */
@media (max-width: 480px) {
  .logo-text { display: none; }
  .logo-icon { width: 38px !important; height: 38px !important; }
  nav, .post-site-nav { padding: 0 1.1rem !important; height: 64px !important; }
  html { scroll-padding-top: 64px; }
}

/* Comfortable tap targets everywhere */
@media (max-width: 760px) {
  .btn, .filter-btn, .post-read-btn, .nav-back, .footer-links a, .related-link, .faq-q {
    min-height: 44px;
  }

  /* Hero — tighter type, balanced */
  .hero h1 {
    font-size: clamp(2rem, 9vw, 2.6rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
  }
  .hero p, .hero-sub {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }
  .hero-cta {
    margin-top: 1.8rem !important;
    width: 100%;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .7rem !important;
  }
  .hero-cta .btn { width: 100%; justify-content: center; padding: .95rem 1.1rem; font-size: .92rem; }
  .hero-cta-note { text-align: center; margin-top: .15rem; }

  /* Section spacing tightened */
  section { padding: 4rem 0 !important; }
  .inner { padding: 0 1.35rem; }
  .sec-title { font-size: clamp(1.55rem, 6.5vw, 2rem) !important; line-height: 1.15 !important; }
  .sec-sub { font-size: .94rem !important; line-height: 1.65; }

  /* Recent calls — full-width stacked */
  .calls-list { border-radius: 14px; }
  .call-row {
    padding: 1.15rem 1.1rem !important;
    gap: .85rem !important;
  }
  .call-date { padding-right: .85rem !important; margin-right: 0 !important; }
  .call-thesis { font-size: .88rem !important; }

  /* Why cards */
  .why-track { padding: 1.6rem 1.4rem; }
  .why-num { font-size: 2.4rem !important; }
  .why-card { padding: 1.4rem 1.3rem; }

  /* Voices */
  .voice { padding: 1.4rem 1.3rem; }
  .voice blockquote p { font-size: 1rem; }

  /* CTA / form */
  .cta-wrap input, .cta-wrap select, .cta-wrap textarea, .subscribe-input {
    font-size: 16px !important; /* prevent iOS zoom */
    padding: .95rem 1rem !important;
  }
  .cta-wrap .btn { width: 100%; }

  /* Footer */
  footer .footer-inner, .post-site-footer .footer-inner {
    text-align: center;
  }
  .footer-links { justify-content: center; gap: 1rem 1.25rem !important; }

  /* Scroll-to-top — bigger touch target, repositioned */
  #scrolltop {
    width: 46px !important; height: 46px !important;
    right: 1rem !important; bottom: 1rem !important;
  }

  /* Tables horizontally scrollable inside articles */
  .scenario-table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* Article content tighter */
  .article-wrap { padding: 1.5rem 1.35rem 0 !important; }
  .article-title { margin-top: .5rem !important; }
  .article-body p { font-size: 1rem !important; }
  .article-body h2 { font-size: 1.35rem !important; margin-top: 2.25rem !important; }
  .article-body blockquote { font-size: 1.05rem !important; padding-left: 1rem !important; margin: 1.5rem 0 !important; }
  .callout { padding: 1.2rem 1.25rem !important; margin: 1.75rem 0 !important; }
  .cta-box { padding: 1.6rem 1.3rem !important; margin: 2.25rem 0 1rem !important; }
  .cta-box .btn { display: block; margin: .5rem 0 !important; }

  /* Breadcrumb — single-line, scrollable */
  .breadcrumb { padding: 1rem 1.35rem 0 !important; }
  .breadcrumb ol { display: flex; gap: .5rem; flex-wrap: nowrap; overflow-x: auto; }
  .breadcrumb ol::-webkit-scrollbar { display: none; }

  /* Blog hero on phone */
  .blog-hero { padding: 2.5rem 1.35rem 2rem !important; }
  .blog-hero h1 { font-size: clamp(1.8rem, 7.5vw, 2.4rem) !important; line-height: 1.1 !important; }
  .blog-hero p { font-size: .98rem !important; }

  /* Blog featured card on phone */
  .post-card.featured { border-radius: 16px !important; }
  .post-card.featured .post-body { padding: 1.5rem 1.3rem !important; }
  .featured-pull {
    font-size: 1.05rem !important;
    padding-left: .85rem !important;
    margin-bottom: 1rem !important;
  }
  .featured-byline { padding: .7rem 0 !important; margin-bottom: .8rem !important; }
  .featured-pick { font-size: .55rem !important; padding: .22rem .55rem !important; }

  /* Post cards: tighter */
  .post-card { border-radius: 16px !important; }
  .post-body { padding: 1.4rem 1.3rem !important; }
  .post-card:not(.featured) .post-card-img { height: 168px !important; }
  .post-title { font-size: 1.05rem !important; }
  .post-excerpt { font-size: .85rem !important; line-height: 1.6 !important; }

  /* Filter pills row scroll */
  .filters-pills { -webkit-overflow-scrolling: touch; padding-bottom: .15rem; }

  /* Email subscribe */
  .blog-subscribe h2 { font-size: 1.5rem !important; }
  .blog-subscribe p { font-size: .92rem !important; }
  .subscribe-form { gap: .55rem !important; }
  .subscribe-input { width: 100%; min-width: 0 !important; }
  .subscribe-btn { width: 100%; }

  /* Related links */
  .related-link { padding: .85rem 1rem !important; font-size: .9rem !important; }

  /* FAQ tighter */
  .faq-q { padding: 1.05rem 1.15rem !important; font-size: .94rem !important; gap: .85rem !important; }
  .faq-a-inner { font-size: .9rem !important; padding: 0 1.15rem !important; }
  .faq-row.open .faq-a-inner { padding: 0 1.15rem 1.15rem !important; }
  .faq-ico { width: 26px !important; height: 26px !important; }
}

/* Phone — tightest */
@media (max-width: 380px) {
  .hero h1 { font-size: 1.85rem !important; }
  .sec-title { font-size: 1.45rem !important; }
  .post-card.featured .post-title { font-size: 1.15rem !important; }
  nav, .post-site-nav { padding: 0 .9rem !important; }
}

/* Honor reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition-duration: .001ms !important; }
  .fi { opacity: 1 !important; transform: none !important; }
}