/* SmartFinClub FinTalks: editorial financial-publication design (2026-10-23) */
:root{--serif:Georgia,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif}
/* ---- masthead ---- */
.ft-mast{background:linear-gradient(120deg,#0b1a2b 0%,#12304a 60%,#14563a 130%);color:#fff;padding:3.2rem 0 3rem;margin-top:-1px;position:relative;overflow:hidden}
.ft-mast::after{content:"";position:absolute;inset:auto -10% -60% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(212,167,44,.22),transparent 65%)}
.ft-mast-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:2rem;align-items:center;position:relative;z-index:1}
.ft-mast .eyebrow{color:#f2d27a;letter-spacing:.14em}
.ft-mast h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.8rem,6vw,4.4rem);line-height:1;letter-spacing:-.02em;color:#fff;margin:.4rem 0 1rem}
.ft-mast .lead{color:#d3dee8;font-size:1.25rem;line-height:1.6;max-width:36em;margin:0}
.ft-mast-art{width:100%;height:auto;max-height:200px}
@media (max-width:820px){.ft-mast-grid{grid-template-columns:1fr}.ft-mast-art{display:none}}
.ft-index .breadcrumb{display:none}
/* the old narrow section after the masthead holds search + chips */
.ft-index .section{padding-top:2rem}
.ft-index .filter-chips .chip{font-weight:700;font-size:.9375rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem}
.ft-index .filter-chips .chip[aria-pressed="true"]{background:#0e1b2a;color:#fff;border-color:#0e1b2a}
/* ---- article grid ---- */
.ft-index .post-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:1.6rem}
.ft-index .post-card{padding:0;overflow:hidden;border-radius:12px;gap:0;border:1px solid var(--slate-200,#e1e7e3);background:#fff;box-shadow:0 1px 2px rgba(14,27,42,.05);display:flex;flex-direction:column}
.ft-index .post-card:hover{box-shadow:0 14px 30px -16px rgba(14,27,42,.35);transform:translateY(-3px);border-color:var(--slate-300,#c4d0ca)}
.pc-thumb{position:relative;display:grid;place-items:center;height:150px;background:linear-gradient(135deg,color-mix(in srgb,var(--fc) 88%,#000),color-mix(in srgb,var(--fc) 55%,#0e1b2a));overflow:hidden;flex:none}
.pc-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:26px 26px}
.pc-thumb::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-50px;bottom:-70px;background:rgba(255,255,255,.12)}
.pc-ic{width:64px;height:64px;color:#fff;stroke-width:1.4;position:relative;z-index:1}
.pc-body{display:flex;flex-direction:column;gap:.55rem;padding:1.1rem 1.25rem 1.25rem;flex:1}
.pc-cat{align-self:flex-start;font:700 .75rem/1 var(--font-sans,system-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--fc);filter:brightness(.78)}
.ft-index .post-card .post-meta{order:5;font-size:.8125rem;color:var(--slate-500,#66766e);margin-top:auto;padding-top:.35rem}
.ft-index .post-card h3{font-family:var(--serif);font-size:1.3125rem;line-height:1.25;font-weight:700;color:#0e1b2a;letter-spacing:-.005em}
.ft-index .post-card p{font-size:.9688rem;line-height:1.55;color:#3e4d47;flex:0 1 auto}
.ft-index .post-card .tool-card-go{order:6;font-size:.9375rem}
/* lead story */
@media (min-width:900px){
 .ft-index .post-list>.post-card:first-child{grid-column:1/-1;flex-direction:row}
 .ft-index .post-list>.post-card:first-child .pc-thumb{height:auto;min-height:300px;width:46%}
 .ft-index .post-list>.post-card:first-child .pc-ic{width:110px;height:110px}
 .ft-index .post-list>.post-card:first-child .pc-body{padding:2rem 2.2rem;justify-content:center;gap:.8rem}
 .ft-index .post-list>.post-card:first-child h3{font-size:2.05rem;line-height:1.15}
 .ft-index .post-list>.post-card:first-child p{font-size:1.1875rem;line-height:1.6}
 .ft-index .post-list>.post-card:first-child .post-meta{order:0;margin:0;padding:0}
}
/* ---- article pages ---- */
.ft-art .breadcrumb{padding-top:1rem}
.ft-cover{position:relative;display:grid;place-items:center;height:190px;border-radius:14px;overflow:hidden;margin:0 0 1.6rem;background:linear-gradient(135deg,color-mix(in srgb,var(--fc) 88%,#000),color-mix(in srgb,var(--fc) 50%,#0e1b2a))}
.ft-cover::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-80px;bottom:-130px;background:rgba(255,255,255,.12)}
.ft-cover-ic{width:84px;height:84px;color:#fff;stroke-width:1.3;position:relative;z-index:1}
.ft-art .eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;letter-spacing:.12em}
.ft-art .eyebrow .el-dot{width:.7rem;height:.7rem;margin:0}
.ft-art h1{font-family:var(--serif);font-weight:700;font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.12;letter-spacing:-.015em;color:#0e1b2a;margin:.6rem 0 1rem}
.ft-art .lead{font-family:var(--serif);font-size:1.3125rem;line-height:1.55;color:#3a4a44;font-style:italic}
.ft-art .post-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.9rem 0;margin:1.2rem 0 1.5rem;border-top:1px solid var(--slate-200,#e1e7e3);border-bottom:1px solid var(--slate-200,#e1e7e3);font-size:.9375rem;color:var(--slate-600,#4b5b54)}
.ft-art .avatar{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#0e1b2a;color:#f2d27a;font:700 .8125rem/1 var(--font-sans,system-ui);letter-spacing:.04em}
.ft-art .post-body{font-family:var(--serif);font-size:1.2rem;line-height:1.8;color:#1d2a26}
.ft-art .post-body p{margin:0 0 1.25em}
.ft-art .post-body>p:first-of-type::first-letter{float:left;font-size:3.6em;line-height:.9;padding:.08em .1em 0 0;font-weight:700;color:var(--fc,#0e1b2a)}
.ft-art .post-body h2{font-family:var(--font-sans,system-ui);font-size:1.65rem;line-height:1.25;margin:2.4em 0 .7em;padding-top:.8em;border-top:3px solid #0e1b2a;letter-spacing:-.01em;color:#0e1b2a;max-width:none}
.ft-art .post-body h3{font-family:var(--font-sans,system-ui);font-size:1.25rem;margin:1.8em 0 .5em}
.ft-art .post-body strong{color:#0e1b2a}
.ft-art .post-body a{color:var(--emerald-darker,#145c3d);text-decoration-thickness:1.5px;text-underline-offset:3px}
.ft-art .post-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;font-family:var(--font-sans,system-ui);font-size:.9688rem;margin:1.4em 0;background:#fff;border:1px solid var(--slate-200,#e1e7e3);border-radius:10px;overflow:hidden}
.ft-art .post-body th{background:#0e1b2a;color:#fff;text-align:left;font-weight:600;padding:.7rem .9rem}
.ft-art .post-body td{padding:.65rem .9rem;border-top:1px solid var(--slate-200,#e1e7e3)}
.ft-art .post-body tbody tr:nth-child(even) td{background:#f6f9f7}
.ft-art .post-body figure{margin:1.8em 0}
.ft-art .post-body figcaption{font-family:var(--font-sans,system-ui);font-size:.875rem;color:var(--slate-500,#66766e);margin-top:.6rem}
.ft-art .post-body ul,.ft-art .post-body ol{margin:0 0 1.25em;padding-left:1.4em}
.ft-art .post-body li{margin-bottom:.4em}
.ft-art .post-body blockquote{margin:1.6em 0;padding:.4em 0 .4em 1.2em;border-left:4px solid #d4a72c;font-style:italic;color:#33413c}

@media (max-width:640px){
  .ft-mast{padding:2rem 0 1.8rem}
  .ft-mast h1{font-size:2.3rem!important}
  .ft-mast .lead{font-size:1rem!important}
  .ft-index .post-list{gap:1rem}
  .pc-thumb{height:96px}.pc-ic{width:44px;height:44px}
  .pc-body{padding:.85rem 1rem 1rem}
  .ft-index .post-card h3{font-size:1.125rem}
  .ft-index .post-card p{font-size:.875rem}
  .ft-cover{height:110px;margin-bottom:1.1rem}.ft-cover-ic{width:54px;height:54px}
  .ft-art h1{font-size:1.75rem!important}
  .ft-art .lead{font-size:1.0625rem!important}
  .ft-art .post-body{font-size:1.0625rem;line-height:1.7}
  .ft-art .post-body>p:first-of-type::first-letter{font-size:2.8em}
  .ft-art .post-body h2{font-size:1.3rem!important;margin-top:1.8em}
  .ft-art .post-meta{font-size:.8125rem}
  .ft-art .avatar{width:32px;height:32px}
}