/* ==========================================================================
   SmartFinClub — periodic.css (2026-10-22)
   The periodic table of financial calculators: family colours, element chips,
   the Calculators mega-menu, the nine-family footer and the homepage table.
   Additive: loaded after styles.css. The old card-suit rules stay in
   styles.css but nothing uses them any more.
   ========================================================================== */
:root{
  --f-mortgage:#1f6fe0; --f-debt:#d93a3a; --f-savings:#2e9e3e; --f-investing:#7a3fd1; --f-retire:#f08a00;
  --f-tax:#a8651a; --f-biz:#d6336c; --f-plan:#00a3b8; --f-insure:#52617a;
}
.f-mortgage{--fc:var(--f-mortgage)} .f-debt{--fc:var(--f-debt)} .f-savings{--fc:var(--f-savings)}
.f-investing{--fc:var(--f-investing)} .f-retire{--fc:var(--f-retire)} .f-tax{--fc:var(--f-tax)}
.f-biz{--fc:var(--f-biz)} .f-plan{--fc:var(--f-plan)} .f-insure{--fc:var(--f-insure)}

/* element chip (replaces the old card-rank chip) */
.el-chip{display:inline-flex;align-items:center;justify-content:center;min-width:2.2em;height:1.7em;padding:0 .4em;margin-right:.55em;
  border-radius:5px;border:1.5px solid var(--fc,#66766e);background:color-mix(in srgb,var(--fc,#66766e) 14%,#fff);
  color:#0e1b2a;font:700 .78rem/1 var(--font-sans,system-ui);letter-spacing:.01em;flex:none;white-space:nowrap}
.el-chip--all{--fc:#0e1b2a;background:#0e1b2a;color:#fff}
.el-chip--corner{position:absolute;top:14px;right:14px;margin:0;font-size:.9rem;height:1.9em;min-width:2.7em}
.eyebrow .el-chip{font-size:.8rem;margin-right:.6em}
.el-dot{display:inline-block;width:.7em;height:.7em;border-radius:2px;background:var(--fc,#66766e);margin-right:.5em;flex:none}
.el-mark{display:inline-flex;align-items:center;justify-content:center;min-width:1.9em;height:1.5em;margin-right:.4em;border-radius:4px;
  background:#0e1b2a;color:#fff;font:700 .72rem/1 var(--font-sans,system-ui)}
.tool-card{position:relative}
.breadcrumb .el-dot{margin-right:.45em}
.hc-h .el-chip{margin-right:.5em}
.hero .el-chip,.section--navy .el-chip{background:color-mix(in srgb,var(--fc,#66766e) 30%,#0e1b2a);color:#fff;border-color:var(--fc)}

/* ---------------- Calculators menu: family first, then its calculators ---------------- */
.nav-menu--pt{display:block;padding:0;overflow:hidden}
.nav-menu--pt[hidden]{display:none}
.nav-menu--pt ul{list-style:none;margin:0;padding:0}
.ptm-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.1rem;background:#0e1b2a;color:#fff;margin:0}
.ptm-title{font:700 1.0625rem/1.2 var(--font-sans,system-ui)}
.ptm-top a,.ptm-top a:visited{color:#f2d27a!important;font-weight:600;font-size:.9375rem;padding:0;min-height:0;background:none!important}
.ptm-top a:hover{text-decoration:underline;color:#fff!important}
.ptm{margin:0}
.ptm-btn{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;border:0;border-left:4px solid transparent;background:none;cursor:pointer;padding:.7rem 1.1rem;font:inherit;color:#0e1b2a;border-bottom:1px solid var(--slate-200,#e1e7e3)}
.ptm-btn .el-dot{width:.95rem;height:.95rem;border-radius:4px;margin:0;background:var(--fc)}
.ptm-name{display:flex;flex-direction:column;flex:1;min-width:0;gap:.1rem}
.ptm-name b{font-size:1.0625rem;font-weight:700;line-height:1.2}
.ptm-name small{font-size:.8125rem;color:var(--slate-500,#66766e);line-height:1.3}
.ptm-btn em{font-style:normal;font:700 .8125rem/1 var(--font-sans,system-ui);background:color-mix(in srgb,var(--fc) 16%,#fff);color:#0e1b2a;border-radius:999px;padding:.3rem .55rem}
.ptm-btn:hover,.ptm-fam.is-open>.ptm-btn{background:color-mix(in srgb,var(--fc) 9%,#fff);border-left-color:var(--fc)}
.ptm-btn:focus-visible{outline:3px solid #0e1b2a;outline-offset:-3px}
.ptm-list li{margin:0}
.ptm-head{padding:.8rem 1.1rem .5rem;font-size:1rem;border-bottom:2px solid var(--fc);margin-bottom:.4rem!important;color:#0e1b2a}
.ptm-head b{font-size:1.125rem}
.nav-menu--pt .ptm-list a{padding:.38rem 1.1rem;font-size:.9375rem;line-height:1.3;min-height:0}
.nav-menu--pt .el-chip{font-size:.7rem;min-width:2.2em;height:1.6em;margin-right:.55em}
@media (min-width:1024px){
  .nav-menu--pt{position:fixed;top:var(--header-h,72px);left:50%;right:auto;transform:translateX(-50%);width:min(980px,calc(100vw - 2rem));max-height:calc(100vh - var(--header-h,72px) - 1rem);overflow-y:auto}
  .nav-menu--pt .ptm-fams{display:grid;grid-template-columns:340px 1fr;grid-template-rows:repeat(9,auto) 1fr;align-items:start}
  .ptm-fam{display:contents}
  .ptm-fam>.ptm-btn{grid-column:1}
  .ptm-fam>.ptm-list{grid-column:2;grid-row:1/-1;align-self:stretch;column-count:2;column-gap:.5rem;padding:.2rem .5rem 1rem;border-left:1px solid var(--slate-200,#e1e7e3);background:#fbfcfb}
  .ptm-fam>.ptm-list[hidden]{display:none}
  .ptm-head{column-span:all}
  .nav-menu--pt:not(.has-pick) .ptm-fams::after{content:"Choose a family on the left to see its calculators.";grid-column:2;grid-row:1/-1;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--slate-500,#66766e);font-size:1.0625rem;border-left:1px solid var(--slate-200,#e1e7e3);background:#fbfcfb}
}
@media (max-width:1023px){
  .ptm-top{flex-direction:column;align-items:flex-start;gap:.3rem}
  .ptm-fam>.ptm-list{padding:0 0 .5rem 1rem;background:#fbfcfb;border-left:4px solid var(--fc)}
  .nav-menu--pt .ptm-list a{padding:.6rem 1rem;font-size:1rem}
}

/* ---------------- Footer: nine families ---------------- */
.footer-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.footer-families{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);margin-top:1rem;padding-top:1.5rem}
.footer-families-h{margin:0 0 1.25rem;font-size:1rem}
.footer-families-h a{color:#fff;text-decoration:none}
.footer-families-h a:hover{text-decoration:underline}
.footer-families-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:1.75rem 1.5rem}
.footer-fam h3{display:flex;align-items:center;gap:.5rem}
.footer-fam h3 a{color:inherit;text-decoration:none}
.footer-fam h3 i{width:.7rem;height:.7rem;border-radius:2px;background:var(--fc);flex:none}
.site-footer .footer-fam li{padding-left:0}
.site-footer .footer-fam li::before{content:none;display:none}
.site-footer .footer-fam li a{display:flex;align-items:center}
.site-footer .el-chip{background:color-mix(in srgb,var(--fc,#66766e) 28%,transparent);color:#fff;border-color:color-mix(in srgb,var(--fc,#66766e) 80%,#fff);font-size:.68rem;min-width:2.1em;height:1.55em}

/* ---------------- Homepage periodic table ---------------- */
.sfc-pt .pt-head{max-width:none;margin-bottom:1.25rem}
.sfc-pt .pt-head h2{margin:.25rem 0 .6rem;font-size:clamp(1.9rem,3.2vw,2.6rem)}
.sfc-pt .pt-head p{font-size:1.1875rem;line-height:1.65;color:var(--slate,#33413c);max-width:none;margin:0}
.pt-legend{display:flex;flex-wrap:wrap;gap:.55rem .65rem;margin-bottom:1.25rem}
.pt-fam{display:inline-flex;align-items:center;gap:.6rem;font:700 1.0625rem/1.2 var(--font-sans,system-ui);padding:.65rem 1rem .65rem .8rem;border:1.5px solid var(--slate-300,#c4d0ca);
  border-radius:8px;background:#fff;color:#0e1b2a;cursor:pointer}
.pt-fam i{width:1rem;height:1rem;border-radius:4px;background:var(--fc)}
.pt-fam small{font-weight:600;font-size:.9375rem;color:var(--slate-500,#66766e)}
.pt-fam[aria-pressed="true"]{border-color:var(--fc);box-shadow:inset 0 0 0 1.5px var(--fc);background:color-mix(in srgb,var(--fc) 8%,#fff)}
.pt-fam:focus-visible,.pt-tile:focus-visible{outline:3px solid #0e1b2a;outline-offset:2px}
.pt-wrap{overflow-x:auto}
.pt{display:grid;grid-template-columns:repeat(18,minmax(52px,1fr));gap:4px;max-width:1120px;margin:0 auto;min-width:0}
.pt-tile{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;min-height:66px;
  grid-row:var(--r);grid-column:var(--c);padding:4px 4px 4px;border-radius:6px;border:1px solid color-mix(in srgb,var(--fc) 65%,transparent);
  background:color-mix(in srgb,var(--fc) 13%,#fff);color:#0e1b2a;text-decoration:none;transition:transform .12s,box-shadow .12s,opacity .15s}
a.pt-tile:hover,a.pt-tile:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px -6px color-mix(in srgb,var(--fc) 70%,transparent);z-index:3;color:#0e1b2a}
.pt-tile .top{display:flex;justify-content:space-between;align-items:center;height:14px}
.pt-tile .n{font:400 8px/1 var(--font-mono,monospace);color:#4b5b54}
.pt-tile .ic{width:14px;height:14px;color:var(--fc);filter:brightness(.82)}
.pt-tile .sym{font:800 22px/1 var(--font-sans,system-ui);letter-spacing:-.01em;margin-top:1px}
.pt-tile .nm{font:500 8.6px/1.1 var(--font-sans,system-ui);overflow-wrap:anywhere;hyphens:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:auto}
.pt-tile.is-new{background:color-mix(in srgb,var(--fc) 34%,#fff);border:2.5px solid var(--fc);padding:2.5px}
.pt-ghost{--fc:#66766e;background:transparent;border:1px dashed #66766e;color:#4b5b54;cursor:default;min-height:54px}
.pt-ghost .sym{font-size:16px;font-weight:600}
.pt .dim{opacity:.16;filter:grayscale(1)}
.pt-key{grid-column:3/13;grid-row:1/4;display:flex;align-items:center;justify-content:center;gap:1.4rem;text-align:left;background:#fff;border:1px solid var(--slate-200,#e1e7e3);border-radius:12px;padding:1rem 1.6rem;min-width:0;overflow:hidden}
.pt-key .kl{font:700 .875rem/1.2 var(--font-sans,system-ui);letter-spacing:.06em;text-transform:uppercase;color:#4b5b54;margin-bottom:.35rem}
.pt-key h3{margin:0 0 .5rem;font:800 clamp(1.4rem,2.2vw,1.9rem)/1.1 var(--font-sans,system-ui)}
.pt-key p{margin:0;font-size:1.1875rem;line-height:1.5;color:#0e1b2a}
.pt-key:not(.is-on){flex-direction:column;align-items:center;text-align:center;gap:.4rem}
.pt-key:not(.is-on) h3{margin:0}
.pt-key .pk-badge{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;width:104px;height:104px;border-radius:14px;background:color-mix(in srgb,var(--fc) 16%,#fff);border:2.5px solid var(--fc);color:#0e1b2a}
.pt-key .pk-badge .ic{width:38px;height:38px;color:var(--fc);filter:brightness(.8)}
.pt-key .pk-badge span{font:800 1.75rem/1 var(--font-sans,system-ui)}
.pt-key .pk-body{min-width:0}
.pt-count{grid-column:13/18;grid-row:1;align-self:end;text-align:right;font:400 .8125rem/1.5 var(--font-sans,system-ui);color:#4b5b54}
.pt-count b{color:#0e1b2a}
.pt-rowlabel{grid-column:1/3;grid-row:var(--r);display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;padding-right:6px;font:700 .8125rem/1.2 var(--font-sans,system-ui)}
.pt-rowlabel small{font:400 .6875rem/1.3 var(--font-sans,system-ui);color:#4b5b54}
.pt-rowlabel[style*="--r:9"],.pt-ghost[style*="--r:9"]{margin-top:10px}
.pt-fam-h{display:none}
.pt-foot{margin-top:1rem;color:var(--slate-600,#4b5b54);font-size:1.0625rem}
@media (max-width:899px){
  .pt{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;max-width:none}
  .pt-key,.pt-count,.pt-rowlabel{display:none}
  .pt-tile{grid-row:auto;grid-column:auto;order:var(--o);min-height:72px;padding:6px 7px}
  .pt-tile .nm{-webkit-line-clamp:3}
  .pt-ghost[style*="--r:9"]{margin-top:0}
  .pt-fam-h{display:flex;align-items:center;gap:.5rem;grid-column:1/-1;order:var(--o);margin:.9rem 0 .1rem;font-size:1.15rem}
  .pt-fam-h::before{content:"";width:.9rem;height:.9rem;border-radius:3px;background:var(--fc,#66766e)}
  .sfc-pt .pt-head p{font-size:1.0625rem}
}
@media (prefers-reduced-motion:reduce){.pt-tile{transition:none}a.pt-tile:hover{transform:none}}
@media print{.pt-legend{display:none}}

/* ---------------- Homepage topics: nine families ---------------- */
.sfc-topics .topics-lead{font-size:1.1875rem;line-height:1.6;max-width:none;margin:.5rem 0 1.5rem}
.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}
.topic{background:#fff;border:1px solid var(--slate-200,#e1e7e3);border-top:4px solid var(--fc);border-radius:10px;padding:1rem 1.1rem 1rem;display:flex;flex-direction:column;gap:.5rem}
.topic h3{display:flex;align-items:center;gap:.6rem;margin:0;font-size:1.125rem}
.topic-ic{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:color-mix(in srgb,var(--fc) 16%,#fff);color:var(--fc)}
.topic-ic .ic{width:20px;height:20px;filter:brightness(.8)}
.topic p{margin:0;font-size:.9375rem;line-height:1.5;color:var(--slate,#33413c)}
.topic .topic-links{font-size:.9375rem}
.topic-all{margin-top:auto;font-weight:700;font-size:.9375rem;color:var(--emerald-darker,#145c3d);text-decoration:none}
.topic-all:hover{text-decoration:underline}
.topics-foot{margin-top:1.25rem}

.footer-newsletter h3,.footer-newsletter label,.footer-newsletter>p{color:#fff}.footer-newsletter .input{color:#0e1b2a}.hc-h .el-chip{font-size:.7rem}
.ic{width:1.1em;height:1.1em;flex:none}

/* ==========================================================================
   Mobile tuning (2026-10-23): smaller type, tighter spacing, compact cards
   ========================================================================== */
@media (max-width:640px){
  body{font-size:15.5px}
  h1{font-size:1.75rem!important;line-height:1.15!important}
  h2{font-size:1.4rem!important;line-height:1.2!important}
  h3{font-size:1.0625rem}
  .lead,.hero .hx-sub,p.lead{font-size:1.0rem!important;line-height:1.55!important}
  .prose p,.prose li,.section p{font-size:1rem;line-height:1.6}
  .section{padding-block:2.2rem}
  .section--tight{padding-block:1.4rem}
  .hero h1,.hero .hx-title{font-size:1.85rem!important}
  .hero .hx-sub{font-size:.975rem!important}
  .hx-suits span{font-size:.8125rem;padding:.3rem .55rem}
  .hero .btn,.btn{font-size:1rem}
  .result-value{font-size:1.75rem!important}
  /* periodic table section */
  .sfc-pt .pt-head h2{font-size:1.5rem!important}
  .sfc-pt .pt-head p{font-size:.9375rem;line-height:1.55}
  .pt-legend{gap:.4rem}
  .pt-fam{font-size:.8125rem;padding:.4rem .6rem .4rem .5rem;gap:.4rem;border-radius:6px}
  .pt-fam i{width:.7rem;height:.7rem}
  .pt-fam small{font-size:.75rem}
  .pt{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:5px}
  .pt-tile{min-height:62px;padding:4px 5px}
  .pt-tile .sym{font-size:19px}
  .pt-tile .nm{font-size:8.6px}
  .pt-fam-h{font-size:1rem!important;margin:.7rem 0 .05rem}
  .pt-foot{font-size:.9375rem}
  /* homepage topics */
  .sfc-topics .topics-lead{font-size:.9375rem}
  .topic{padding:.8rem .9rem}
  .topic h3{font-size:1rem}
  .topic p,.topic .topic-links,.topic-all{font-size:.875rem}
  /* tool cards in the all-calculators list */
  :is(#tool-results .grid,#featured-grid){gap:.6rem}
  :is(#tool-results,#featured-grid) .tool-card{padding:.75rem .85rem;gap:.35rem;flex-direction:row;flex-wrap:wrap;align-items:center}
  :is(#tool-results,#featured-grid) .tool-card-icon{width:32px;height:32px}
  :is(#tool-results,#featured-grid) .tool-card-icon svg{width:18px;height:18px}
  :is(#tool-results,#featured-grid) .tool-card h3{font-size:.9688rem;flex:1 1 0;min-width:0;padding-right:2.6rem}
  :is(#tool-results,#featured-grid) .tool-card p{flex:1 0 100%;font-size:.8125rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  :is(#tool-results,#featured-grid) .tool-card-go{display:none}
  :is(#tool-results,#featured-grid) .el-chip--corner{top:.75rem;right:.75rem;font-size:.75rem}
  #tool-results [data-tool-group] h3{font-size:1.125rem!important}
  .tool-card{padding:.9rem}
  .tool-card h3{font-size:1.0625rem}
  /* footer */
  .footer-families-grid{grid-template-columns:1fr 1fr;gap:1.2rem 1rem}
  .footer-fam li a{font-size:.8125rem}
  .footer-fam h3{font-size:.8125rem}
  .site-footer .el-chip{display:none}
  .site-footer p,.site-footer li{font-size:.875rem}
  /* menu */
  .ptm-name b{font-size:1rem}
  .nav-menu--pt .ptm-list a{font-size:.9375rem;padding:.5rem .8rem}
  .brand-name{font-size:1.15rem}
}
@media (max-width:640px){
  .calc-panel,.card{padding:1rem}
  .field label,label{font-size:.9375rem}
  .faq h3,.accordion button{font-size:1rem}
  .breadcrumb{font-size:.8125rem}
  .post-body{font-size:1rem}
}

/* ===== Condensed, defined calculator tiles (2026-10-23 r3) ===== */
@media (min-width:641px){
  :is(#tool-results .grid,#featured-grid){grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:.7rem;margin-top:.8rem}
  :is(#tool-results,#featured-grid) .tool-card{--fc:#52617a;position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:.8rem;row-gap:.15rem;align-items:start;padding:.8rem .9rem .8rem .8rem;border:2px solid color-mix(in srgb,var(--fc) 38%,#d6dfe0);border-left:6px solid var(--fc);border-radius:12px;background:#fff;box-shadow:0 1px 2px rgba(14,27,42,.06)}
  :is(#tool-results,#featured-grid) .tool-card:hover{border-color:var(--fc);border-left-color:var(--fc);box-shadow:0 6px 16px rgba(14,27,42,.12);transform:translateY(-1px)}
  :is(#tool-results,#featured-grid) .tool-card-icon{grid-row:1 / span 2;width:52px;height:52px;border-radius:12px;background:color-mix(in srgb,var(--fc) 13%,#fff)}
  :is(#tool-results,#featured-grid) .tool-card-icon svg{width:30px;height:30px;stroke:var(--fc);stroke-width:1.7}
  :is(#tool-results,#featured-grid) .tool-card h3{font-size:1rem;line-height:1.25;padding-right:2.4rem;margin:.05rem 0 0;grid-column:2}
  :is(#tool-results,#featured-grid) .tool-card p{grid-column:2;font-size:.84rem;line-height:1.4;color:#4b5b54;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:none}
  :is(#tool-results,#featured-grid) .tool-card-go{display:none}
  :is(#tool-results,#featured-grid) .el-chip--corner{top:.6rem;right:.6rem;font-size:.78rem;height:1.7em;min-width:2.3em}
  #tool-results [data-tool-group] h3[id^=family]{font-size:1.5rem}
  #tool-results .mt-10{margin-top:1.8rem}
}
:is(#tool-results,#featured-grid) .tool-card:has(.f-mortgage){--fc:#1f6fe0}:is(#tool-results,#featured-grid) .tool-card:has(.f-debt){--fc:#d93a3a}:is(#tool-results,#featured-grid) .tool-card:has(.f-savings){--fc:#2e9e3e}
:is(#tool-results,#featured-grid) .tool-card:has(.f-investing){--fc:#7a3fd1}:is(#tool-results,#featured-grid) .tool-card:has(.f-retire){--fc:#f08a00}:is(#tool-results,#featured-grid) .tool-card:has(.f-tax){--fc:#a8651a}
:is(#tool-results,#featured-grid) .tool-card:has(.f-biz){--fc:#d6336c}:is(#tool-results,#featured-grid) .tool-card:has(.f-plan){--fc:#00a3b8}:is(#tool-results,#featured-grid) .tool-card:has(.f-insure){--fc:#52617a}
@media (max-width:640px){
  :is(#tool-results,#featured-grid) .tool-card{--fc:#52617a;border:2px solid color-mix(in srgb,var(--fc) 38%,#d6dfe0);border-left:6px solid var(--fc)}
  :is(#tool-results,#featured-grid) .tool-card-icon{width:40px;height:40px;background:color-mix(in srgb,var(--fc) 13%,#fff)}
  :is(#tool-results,#featured-grid) .tool-card-icon svg{width:24px;height:24px;stroke:var(--fc)}
}

/* ===== Solid pictures instead of line icons (2026-10-23 r3) ===== */
svg.ic,svg.ab-ic,svg.ct-ic,svg.pc-ic,svg.ft-cover-ic,svg.ft-cover-ic *,.tool-card-icon svg,.topic-ic svg,.pk-badge svg{fill:currentColor;fill-opacity:.95;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.tool-card-icon svg{fill:var(--fc,#1f7a53);stroke:var(--fc,#1f7a53)!important;stroke-width:1.7}
:is(#tool-results,#featured-grid) .tool-card-icon svg{stroke-width:1.7;fill:var(--fc)}
.pt-tile{--ic-cut:#fff}
.pt-key{--ic-cut:var(--pk-bg,#fff)}
.pc-thumb,.ft-cover{--ic-cut:rgba(0,0,0,.35)}
.ct-quick,.ct-hero{--ic-cut:#12304a}
.ct-tip-ic{--ic-cut:color-mix(in srgb,var(--tc) 14%,#fff)}
.ab-icwrap{--ic-cut:#e4f2ea}
.ab-contact{--ic-cut:#f6f9f7}
.ct-card{--ic-cut:#fff}

@media (min-width:1000px){#featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}