/* Team member single v2 (inc/team-single-v2.php, page-templates/tpl-team-single-v2.php). Shares the Company v2 base
   (.co2 tokens, pills, buttons - copied from team-v2.css / company-v2.css, keep in sync). The part above "below the fold"
   is inlined in <head> by ss_ts2_critical_css(). Reveal policy: nothing hidden, no entrances, UI transitions <= 150 ms.
   Navy = the industry-page tokens (--ss-navy-*), glow = the shared gold token (inc/ss-glow.php), never blue. */
.co2{--navy:var(--ss-navy-deep);--navy2:var(--ss-navy-deep);--navy3:var(--ss-navy);--navy-line:var(--ss-navy-line);--gold:var(--ss-gold);--gold-ink:var(--ss-navy);--gold-soft:var(--ss-gold-soft);--goldg:var(--ss-gold-grad);--ink:var(--ss-ink);--ink2:var(--ss-ink-2);--ink3:var(--ss-ink-3);--line:var(--ss-line);--ground:var(--ss-ground);--mist:var(--ss-mist);--on-navy:var(--ss-on-navy);--font:"Proxima Nova","Helvetica Neue",Arial,sans-serif;
  --hdr:57px;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
@media (min-width:768px){.co2{--hdr:67px}}
@media (min-width:1200px){.co2{--hdr:75px}}
body.co2-page{margin:0;background:var(--ss-navy-deep)}
body.co2-page .site-content{padding-top:0!important}
.co2 *,.co2 *:before,.co2 *:after{box-sizing:border-box}
.co2 :where(h1,h2,h3,h4){margin:0;font-family:var(--font);color:inherit;text-wrap:balance;letter-spacing:-.02em;text-transform:none}
.co2 :where(p,figure,blockquote,dl,dd){margin:0}
.co2 :where(ul,ol){margin:0;padding:0;list-style:none}
.co2 :where(img){max-width:100%;height:auto;display:block}
.co2 :where(a){color:inherit;text-decoration:none}
.co2 :where(b){font-weight:700}
.co2-w{max-width:1312px;margin:0 auto;padding-inline:64px;position:relative}
@media (max-width:900px){.co2-w{padding-inline:24px}}
@media (max-width:560px){.co2-w{padding-inline:16px}}
.co2-sec{padding-block:96px;position:relative}
@media (max-width:760px){.co2-sec{padding-block:64px}}
.co2-ground{background:var(--ground)}
.co2-pill{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy);font-size:13px;font-weight:700;line-height:1.2;padding:6px 15px;border-radius:999px;letter-spacing:.02em;justify-self:start}
.co2-pill--ghost{background:rgba(var(--ss-gold-rgb),.1);color:var(--gold);border:1px solid rgba(var(--ss-gold-rgb),.45)}
.co2-h2{font-size:clamp(30px,3.6vw,46px);font-weight:700;line-height:1.1}
.co2-h2 .hl{padding-bottom:.14em;margin-bottom:-.14em;padding-right:.06em;margin-right:-.06em;color:var(--ss-navy);background:var(--ss-blue-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.co2-lede{font-size:18px;color:var(--ink2);max-width:62ch}
.co2-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 16px/1 var(--font);border:0;border-radius:999px;padding:17px 28px;cursor:pointer;background:var(--goldg);color:var(--navy)!important;box-shadow:0 10px 24px rgba(var(--ss-gold-end-rgb),.25);white-space:nowrap;transition:filter .15s}
.co2-btn svg{width:16px;height:16px;flex:none}
.co2-btn--line{background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.4);box-shadow:none;transition:border-color .15s,color .15s}
.co2-btn--line:hover{border-color:var(--gold);color:var(--gold)!important;filter:none}
.co2-stars{color:var(--gold);letter-spacing:2px;font-size:14px;line-height:1}
.co2-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.co2-proof{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;font-size:15px;color:var(--mist);align-self:stretch}
.co2-proof b{color:#fff;font-weight:700}

/* ---------- hero: industry-page navy + the gold burst ---------- */
.ts2-hero{color:#fff;position:relative;overflow:hidden;padding-top:var(--hdr);background-color:var(--ss-navy-hero,var(--ss-navy-deep));background-image:var(--ss-glow-gold),var(--ss-glow-navy)}
.ts2-hero__in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:72px;align-items:center;padding-block:72px 80px}
.ts2-hero__copy{display:grid;justify-items:start;min-width:0}
.ts2-eyebrow{transition:border-color .15s}
.ts2-hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.02;font-weight:700;margin:22px 0 12px;letter-spacing:-.02em;color:#fff}
.ts2-hero h1 em{padding-bottom:.14em;margin-bottom:-.14em;padding-right:.06em;margin-right:-.06em;font-style:normal;color:var(--gold);background:var(--ss-gold-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ts2-role{font-size:20px;line-height:1.4;color:#fff;font-weight:600;max-width:40ch}
.ts2-bio{margin-top:12px;font-size:17px;line-height:1.6;color:var(--on-navy);max-width:56ch}
.ts2-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.ts2-chips li{display:flex;align-items:center;gap:12px;padding:10px 16px 10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-size:15px;line-height:1.3;color:#fff}
.ts2-chips .icon{font-size:22px;color:var(--gold);width:26px;text-align:center}
.ts2-chips small{display:block;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mist);font-weight:700}
.ts2-li svg{width:18px;height:18px}
.ts2-proof a{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;transition:color .15s}
.ts2-proof a svg{width:14px;height:14px}
.ts2-proof .co2-stars{margin-right:4px}
.ts2-hero__pic{position:relative;width:320px}
.ts2-hero__pic:before{content:"";position:absolute;inset:-18%;background-image:var(--ss-glow-gold-spot);pointer-events:none}
.ts2-portrait{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:394/426;background:var(--ss-navy-card,var(--ss-navy));border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.ts2-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.ts2-portrait__tag{position:absolute;left:-22px;bottom:22px;background:rgba(var(--ss-navy-deep-rgb),.9);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 15px;font-size:14px;line-height:1.35;color:#fff}
.ts2-portrait__tag b{display:block;color:var(--gold);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:1000px){.ts2-hero__in{grid-template-columns:1fr;gap:44px;padding-block:44px 64px}.ts2-hero__pic{width:260px;order:-1}}
@media (max-width:560px){
  .ts2-hero h1{font-size:44px;margin:18px 0 10px}
  .ts2-role{font-size:18px}
  .ts2-bio{font-size:16px}
  .ts2-hero__pic{width:200px}
  .ts2-portrait{border-radius:20px}
  .ts2-portrait__tag{left:auto;right:-86px;bottom:16px;font-size:13px;padding:8px 12px}
  .co2-ctas .co2-btn{flex:1 1 auto}
  .ts2-chips{gap:8px}
  .ts2-chips li{font-size:14px}
}
@media (max-width:360px){.ts2-portrait__tag{display:none}}
/* posts grid: above the fold on team members with no reviews / cases (Sam Chadson Ng: heading, then an unstyled 400px-per-image column until this sheet loaded; Matt 2026-09-29) */
.ts2-postgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
/* text-first blog cards (2026-10-01: no featured images): category + date, title, 2-line excerpt */
.ts2-postgrid a{display:grid;gap:8px;align-content:start;height:100%;padding:20px 22px 22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.ts2-postgrid__d{font-size:13px;color:var(--ink3)}
.ts2-postgrid__d b{color:var(--ss-blue-deep);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.ts2-postgrid__x{display:-webkit-box;overflow:hidden;color:var(--ink2);font-size:15px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ts2-postgrid__t{font-size:18px;font-weight:700;line-height:1.3;color:var(--ink);transition:color .15s}
@media (max-width:900px){.ts2-postgrid{grid-template-columns:1fr;gap:28px}}
/* every other post by the person (author box "N articles" lands here): compact two-column list under the cards */
.ts2-postlist{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
.ts2-postlist li{border-top:1px solid var(--line)}
.ts2-postlist a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:13px 0;align-items:baseline}
.ts2-postlist__t{font-size:16px;font-weight:600;line-height:1.35;color:var(--ink);transition:color .15s}
.ts2-postlist__d{font-size:13px;color:var(--ink3);white-space:nowrap}
@media (max-width:900px){.ts2-postlist{grid-template-columns:1fr}}
/* hero runs straight into the reviews band: no hairline, no double padding, heading on one line (Matt 2026-09-29) */
.ts2-hero:has(+ .ts2-reviews) .ts2-hero__in{padding-bottom:40px}
.ts2-reviews.co2-sec{padding-top:40px;border-top:0}
.ts2-reviews .co2-head{max-width:none}
/* ==== below the fold ==== */

/* ---------- section heads (stacked: pill, heading, intro) ---------- */
.co2-head{display:grid;gap:16px;margin-bottom:44px;max-width:1040px;justify-items:start} /* lede capped by .co2-lede 62ch */
.co2-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:2px;white-space:nowrap;transition:color .15s}
.co2-link svg{width:14px;height:14px;transition:transform .15s}
@media (max-width:640px){.co2-head{margin-bottom:32px}.co2-lede{font-size:16.5px}}
.ts2-more{margin-top:36px}
.ts2-more--row{display:flex;flex-wrap:wrap;gap:14px 30px}

/* ---------- Clients on <first name>: the homepage reviews-filter card, one style ---------- */
.ts2-reviews{color:#fff;background-color:var(--ss-navy-section,var(--ss-navy-deep));background-image:var(--ss-glow-gold-soft)}
.ts2-reviews .co2-h2 .hl{padding-bottom:.14em;margin-bottom:-.14em;padding-right:.06em;margin-right:-.06em;color:var(--gold);background:var(--ss-gold-shine);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ts2-rv-h2{font-size:clamp(34px,4.4vw,58px);line-height:1.04;letter-spacing:-.03em;color:#fff}
.ts2-reviews .co2-lede{color:var(--on-navy)}
.ts2-reviews .co2-link{color:#fff}
.ts2-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.ts2-card figure{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:24px 24px 26px;display:grid;grid-template-rows:auto 1fr;gap:16px;height:100%;transition:border-color .15s,background-color .15s}
.ts2-who{display:grid;grid-template-columns:56px minmax(0,1fr);gap:14px;align-items:center}
.ts2-av{position:relative;width:56px;height:56px}
.ts2-av>img,.ts2-av>.ts2-av__ini{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--ss-gold-soft);border:2px solid rgba(var(--ss-gold-rgb),.7)}
.ts2-av>.ts2-av__logo{object-fit:contain;background:var(--ss-navy-card,var(--ss-navy));padding:10px}
.ts2-av>.ts2-av__logo--light{background:#fff}
.ts2-av>.ts2-av__ini{display:grid;place-items:center;background:var(--ss-navy-card,var(--ss-navy));color:var(--gold);font-weight:700;font-size:18px;letter-spacing:.02em}
.ts2-src{position:absolute;right:-6px;bottom:-4px;width:24px;height:24px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.35)}
.ts2-src img{width:15px;height:15px;object-fit:contain}
.ts2-stars{color:var(--gold);letter-spacing:2px;font-size:14px;line-height:1}
.ts2-who b{display:block;font-size:16px;line-height:1.25;margin-top:6px}
.ts2-who small{display:block;font-size:13px;color:var(--mist);line-height:1.3;overflow-wrap:anywhere}
.ts2-q{color:var(--ss-line-strong);font-size:15.5px;line-height:1.6;padding:0;border:0;font-style:normal;overflow-wrap:break-word}
.ts2-q mark{background:none;color:var(--gold);font-weight:700;padding:0}
@media (min-width:1200px){.ts2-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ts2-card figure{padding:22px 20px 24px}.ts2-q{font-size:15px}}
@media (max-width:1199px){.ts2-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ts2-cards{grid-template-columns:1fr;gap:14px}.ts2-card figure{padding:20px}}

/* "On the account" reviews (client had the person on the team, review does not name them): same card, small tag */
.ts2-tag{justify-self:start;align-self:end;font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--mist);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 11px}
.ts2-moreset{margin-top:20px}
.ts2-moreset>summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;font-size:15px;color:#fff;border-bottom:2px solid var(--gold);padding-bottom:2px;list-style:none;transition:color .15s}
.ts2-moreset>summary::-webkit-details-marker{display:none}
.ts2-moreset[open]>summary{margin-bottom:20px}
/* ---------- case studies + talks: full-bleed native scroll rails (edge to edge; at rest the first card sits on the
   content column: padding / scroll-padding = the column offset, measured on the rail's own width (100%, not 100vw, so a
   desktop scrollbar does not shift it) - same pattern as .tls-rail__track on the talk pages) ---------- */
.ts2-rail{--pad:max(64px,calc((100% - 1184px) / 2));display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);padding:4px var(--pad) 18px;scrollbar-width:none}
.ts2-rail::-webkit-scrollbar{display:none}
.ts2-cases__top{display:flex;flex-direction:column;align-items:center;gap:0} /* centred head; the rail under it is the shared full-bleed .ss-bleed (assets/css/ss-rail.css), arrows on its edges */
.co2-center{text-align:center;justify-items:center;margin-inline:auto}
.ts2-cases__top .co2-head{margin-bottom:24px}
.ts2-railwrap.is-static .ts2-rail{justify-content:center} /* everything fits: the row is centred under the centred head */
.ts2-cases .ts2-more,.ts2-talks .ts2-more,.ts2-team .ts2-more{text-align:center;justify-content:center}
.ts2-rail__ctl{display:flex;gap:10px;margin-bottom:28px;flex:none}
.ts2-rail__arr{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(var(--ss-navy-deep-rgb),.2);background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer;padding:0;transition:border-color .15s,background-color .15s,color .15s}
.ts2-rail__arr:disabled{opacity:.35;cursor:default}
.ts2-rail__arr:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media (max-width:640px){.ts2-rail__ctl{display:none}}
.ts2-rail>li{flex:0 0 260px;scroll-snap-align:start}
.ts2-case{display:grid;gap:6px}
.ts2-case__img{width:100%;aspect-ratio:1160/1400;object-fit:cover;border-radius:18px;background:var(--ss-snow);margin-bottom:6px;transition:box-shadow .15s}
.ts2-case__ind{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);font-weight:700}
.ts2-case__b{font-size:17px;font-weight:700;line-height:1.25;color:var(--ink);transition:color .15s}
.ts2-case__h{font-size:14px;line-height:1.45;color:var(--ink2)}
.ts2-cases .ts2-more{margin-top:24px}
@media (max-width:900px){.ts2-rail{--pad:24px}}
@media (max-width:560px){.ts2-rail{--pad:16px;gap:14px}.ts2-rail>li{flex-basis:62vw}}
/* talks & podcasts rail: 16:9 posters (card = the talk pages' .tls-card) */
.ts2-rail--talks>li{flex-basis:340px}
.ts2-talk{display:grid;gap:6px;align-content:start;color:var(--ink)}
.ts2-talk__media{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:var(--navy2,var(--ss-navy));margin-bottom:6px;transition:box-shadow .15s}
.ts2-talk__img{width:100%;height:100%;object-fit:cover}
.ts2-talk__play{position:absolute;left:12px;bottom:12px;width:38px;height:38px;border-radius:50%;background:rgba(var(--ss-navy-deep-rgb),.8);color:#fff;display:grid;place-items:center;transition:background-color .15s,color .15s}
.ts2-talk__play svg{margin-left:2px}
.ts2-talk__meta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);font-weight:700}
.ts2-talk__t{font-size:17px;font-weight:700;line-height:1.3;color:var(--ink);transition:color .15s}
.ts2-talk__ev{font-size:14px;line-height:1.45;color:var(--ink2)}
.ts2-talk:hover .ts2-talk__play{background:var(--gold);color:var(--navy)}
.ts2-talks.co2-sec{padding-bottom:24px} /* the posts band below is white too: no double gap */
.ts2-talks .ts2-more{margin-top:24px}
@media (max-width:560px){.ts2-rail--talks>li{flex-basis:78vw}}

/* ---------- get to know: facts card + Q&A (all answers visible) ---------- */
.ts2-know__in{display:grid;grid-template-columns:minmax(0,900px);justify-content:center;gap:0}
.ts2-know__head{text-align:center;justify-items:center;margin-bottom:26px}
.ts2-know.co2-sec{padding-block:72px 84px}
/* tighter posts band (Mike 2026-09-28: "remove eyebrow and tighten") */
.ts2-posts.co2-sec{padding-block:56px 64px}
.ts2-posts .co2-head{margin-bottom:28px}
.ts2-cases.co2-sec{padding-bottom:64px}
.ts2-int--row{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ts2-int--row li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);font-size:14px}
.ts2-int--row .icon{font-size:20px;color:var(--gold)}
.ts2-know .ts2-certs,.ts2-know .ts2-social{display:flex;flex-wrap:wrap;gap:8px 18px}
.ts2-know__main{min-width:0}
.ts2-facts{position:sticky;top:calc(var(--hdr) + 24px);display:grid;gap:14px;padding:26px;border-radius:22px;background:var(--ss-navy-card,var(--ss-navy));color:#fff}
.ts2-facts h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:700}
.ts2-facts h3:not(:first-child){margin-top:10px}
.ts2-int{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ts2-int li{display:grid;justify-items:center;gap:8px;text-align:center;padding:14px 6px;border-radius:14px;background:rgba(255,255,255,.06);font-size:13.5px;line-height:1.25}
.ts2-int .icon{font-size:30px;color:var(--gold)}
.ts2-int__img{width:32px;height:32px;object-fit:contain}
/* exactly 4 off-the-clock tiles (Jolene Lim, 2026-09-29): one row of 4, 2 x 2 on phones - never 3 + an orphan */
.ts2-int:has(> li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:560px){.ts2-int:has(> li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.ts2-certs,.ts2-social{display:flex;flex-wrap:wrap;gap:8px}
.ts2-certs li,.ts2-social a{font-size:13.5px;line-height:1.25;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.2)}
.ts2-social a{display:block;transition:border-color .15s,color .15s}
.ts2-pet{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:10px;padding:14px 16px;border-radius:16px;background:rgba(var(--ss-gold-rgb),.1);border:1px solid rgba(var(--ss-gold-rgb),.4);font-weight:700;transition:border-color .15s,background-color .15s}
.ts2-pet .icon{font-size:26px;color:var(--gold)}
.ts2-pet small{display:block;font-size:12.5px;font-weight:600;color:#4a5a6a} /* was --on-navy (1.6:1 on the gold card); #4a5a6a = 6.2:1 (Anastasiia 2026-09-29) */
.ts2-pet svg{width:14px;height:14px;color:var(--gold)}
.ts2-story{font-size:17px;color:var(--ink2);margin-bottom:36px;max-width:70ch}
.ts2-story :where(h2,h3,h4){font-size:22px;font-weight:700;color:var(--ink);margin:0 0 10px}.ts2-story h2{font-weight:700}
.ts2-story p{margin:0 0 14px}
/* personal Q&A = the shared FAQ rows panel (template-parts/ss-faq.php, assets/css/ss-faq.css) */
/* ss_content_images = press badges on the founders' pages: a logo row, mono at rest, colour on hover */
.ts2-sub{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);font-weight:700;margin-top:36px}
.ts2-gallery{display:flex;flex-wrap:wrap;align-items:center;gap:20px 36px;margin-top:16px}
.ts2-gallery img{height:40px;width:auto;max-width:180px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .15s,opacity .15s}
.ts2-video{margin-top:28px;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:var(--navy)}
.ts2-video iframe{width:100%;height:100%;border:0;display:block}
@media (max-width:1000px){.ts2-know__in{grid-template-columns:1fr}}
@media (max-width:700px){.ts2-gallery img{height:32px}}

/* ---------- blog posts ---------- */

/* ---------- teammates: the Meet the Team headshot card (team-v2.css) ---------- */
.tm2-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}
.tm2-card{position:relative;min-width:0}
.tm2-card__a{display:grid;gap:3px}
.tm2-card__img,.tm2-card__ph{display:block;width:100%;aspect-ratio:394/426;object-fit:cover;object-position:50% 20%;border-radius:16px;background:var(--ground);margin-bottom:10px}
.tm2-card__n{font-size:15.5px;font-weight:700;line-height:1.25;color:var(--ink);transition:color .15s}
.tm2-card__t{font-size:13px;color:var(--ink3);line-height:1.35}
.tm2-card__li{position:absolute;right:8px;top:8px;width:30px;height:30px;border-radius:8px;background:#fff;color:#0a66c2;display:grid;place-items:center;box-shadow:0 2px 8px rgba(var(--ss-navy-deep-rgb),.18)}
.tm2-card__li svg{width:16px;height:16px}
@media (max-width:1100px){.tm2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.tm2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.tm2-card__n{font-size:15px}}
@media (prefers-reduced-motion:reduce){.co2 *{transition:none!important}}