/* TTM artikkelit (blogipostaukset): sama ilme kuin Oppaat (/blogi/), /varaosat/ ja /varaa/ (skilli ttm-look).
   Ladataan mu-pluginilla ttm-artikkeli.php vain yksittäisille postauksille (body.ttm-artikkeli).
   Postausten omat <style>-lohkot (.ttm-blog, .ttm-fork-*) jäävät, nämä säännöt ohittavat niiden ilmeen.
   Lukupalsta 760 px, Saira otsikoihin, Source Sans leipätekstiin, pyöristykset 18 / 14 / 10 px, ei versaaleja. */

body.ttm-artikkeli {
  --art-puna: #e51b24;
  --art-puna-tumma: #c8141c;
  --art-teksti: #15181d;
  --art-leipa: #2b323b;
  --art-harmaa: #59606b;
  --art-reuna: #edf0f3;
  --art-pohja: #f6f7f9;
  --art-palsta: 760px;
  --art-otsikko: "TTM Saira", "Saira", Arial, sans-serif;
  --art-varjo: 0 1px 2px rgba(15, 17, 20, .06), 0 8px 24px rgba(15, 17, 20, .08);
  background: #fff;
}

/* ---------- Otsikkoalue: otsikko ensin, kuva sen alla palstan levyisenä ---------- */
body.ttm-artikkeli article.post { display: flex; flex-direction: column; }
body.ttm-artikkeli article.post > .hero-section { order: -2; }
body.ttm-artikkeli article.post > .ct-featured-image { order: -1; }
body.ttm-artikkeli .hero-section {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: calc(var(--art-palsta) + 48px) !important;
  margin: 0 auto !important;
  padding: 52px 24px 8px !important;
  text-align: left !important;
}
body.ttm-artikkeli .hero-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: -140px;
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  background: linear-gradient(180deg, #f6f7f9 0%, #fff 100%);
}
body.ttm-artikkeli .hero-section .entry-header::before {
  content: "TTM Factory · Jousituksen oppaat";
  display: block;
  margin-bottom: 10px;
  font: 600 15px/1.3 var(--art-otsikko);
  color: #3d4652;
}
body.ttm-artikkeli--en .hero-section .entry-header::before { content: "TTM Factory · Suspension guides"; }
body.ttm-artikkeli .hero-section .page-title {
  margin: 0 !important;
  font-family: var(--art-otsikko) !important;
  font-style: italic;
  font-weight: 800 !important;
  font-size: clamp(30px, 4.2vw, 48px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.5px !important;
  text-transform: none !important;
  color: var(--art-teksti) !important;
  text-align: left !important;
}
body.ttm-artikkeli .hero-section .entry-meta { justify-content: flex-start !important; margin-top: 12px !important; font: 600 14px var(--art-otsikko) !important; color: var(--art-harmaa) !important; }
body.ttm-artikkeli .hero-section .entry-meta * { color: inherit !important; font: inherit !important; text-transform: none !important; letter-spacing: 0 !important; }
body.ttm-artikkeli article.post > .ct-featured-image {
  width: calc(100% - 48px) !important;
  max-width: calc(var(--art-palsta) + 160px) !important;
  margin: 28px auto 0 !important;
  padding: 0 !important; /* Blocksyn 50 px kuvaväli jätti valkoisen kaistan */
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--art-varjo);
}
body.ttm-artikkeli article.post > .ct-featured-image .ct-media-container { display: block; aspect-ratio: auto !important; height: auto !important; padding: 0 !important; }
body.ttm-artikkeli article.post > .ct-featured-image img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; object-fit: cover; }
body.ttm-artikkeli article.post > .ct-featured-image figcaption { display: none; }

/* ---------- Lukupalsta ja teksti ---------- */
body.ttm-artikkeli .entry-content { padding-top: 12px; }
body.ttm-artikkeli .ttm-art { padding: 28px 24px 40px; font-size: 18px; line-height: 1.7; color: var(--art-leipa); }
body.ttm-artikkeli .ttm-art > :not(.ttm-fork-height-article):not(.alignfull),
body.ttm-artikkeli .ttm-art .ttm-blog { max-width: var(--art-palsta) !important; margin-left: auto !important; margin-right: auto !important; }
body.ttm-artikkeli .ttm-art :is(p, li, td) { font-family: "Source Sans 3", Arial, sans-serif; font-size: 18px; font-weight: 400 !important; line-height: 1.7; color: var(--art-leipa); }
body.ttm-artikkeli .ttm-art :is(p, li) strong, body.ttm-artikkeli .ttm-art :is(p, li) b { font-weight: 700 !important; color: var(--art-teksti); }
body.ttm-artikkeli .ttm-art p { margin: 0 0 16px; }
body.ttm-artikkeli .ttm-art a:not([class]) { color: var(--art-puna-tumma); text-decoration: underline; text-underline-offset: 3px; }
body.ttm-artikkeli .ttm-art :is(h2, h3, h4, .ttm-heading, .ttm-fork-heading h2) {
  font-family: var(--art-otsikko) !important;
  text-transform: none !important;
  color: var(--art-teksti) !important;
}
body.ttm-artikkeli .ttm-art :is(h2, .ttm-heading, .ttm-fork-heading h2) {
  margin: 44px 0 14px !important;
  font-style: italic;
  font-weight: 800 !important;
  font-size: clamp(24px, 2.6vw, 32px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.3px !important;
}
body.ttm-artikkeli .ttm-art :is(h3, h4) { margin: 28px 0 10px !important; font-weight: 700 !important; font-size: 20px !important; line-height: 1.25 !important; letter-spacing: 0 !important; }
body.ttm-artikkeli .ttm-art .ttm-heading { display: flex; align-items: baseline; gap: 12px; }
body.ttm-artikkeli .ttm-art :is(.ttm-num, .ttm-fork-heading span) { font-family: var(--art-otsikko) !important; font-style: italic; font-weight: 800 !important; font-size: .9em !important; color: var(--art-puna) !important; }
body.ttm-artikkeli .ttm-art .ttm-intro { font-size: 20px !important; line-height: 1.6; color: var(--art-teksti) !important; border-bottom: 1px solid var(--art-reuna); padding-bottom: 24px; margin-bottom: 8px; }
body.ttm-artikkeli .ttm-art .ttm-intro * { font-size: inherit !important; }
body.ttm-artikkeli .ttm-art .ttm-subheading,
body.ttm-artikkeli .ttm-art .ttm-kicker { font: 700 13px var(--art-otsikko) !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--art-harmaa) !important; }
body.ttm-artikkeli .ttm-art .ttm-kicker::before { display: none; }
body.ttm-artikkeli .ttm-art :is(ul, ol):not([class*="ttm-etu"]) { padding-left: 22px; }
body.ttm-artikkeli .ttm-art li::marker { color: var(--art-puna); }
body.ttm-artikkeli .ttm-art img:not(.ttm-art-cta__kuva) { border-radius: 14px; }
/* Kuvien paikkamerkit ("Kuva 1: ...") ovat kirjoitusvaiheen ohjeita, eivät sisältöä. */
body.ttm-artikkeli .ttm-art .ttm-image-placeholder { display: none !important; }

/* ---------- Komponentit ---------- */
body.ttm-artikkeli .ttm-art :is(.ttm-notice, .ttm-fork-note, .ttm-fork-warning) {
  margin: 24px 0 !important;
  padding: 16px 20px !important;
  border: 1px solid #e3e7ec !important;
  border-radius: 14px !important;
  background: var(--art-pohja) !important;
  color: var(--art-teksti) !important;
  box-shadow: none !important;
}
body.ttm-artikkeli .ttm-art :is(.ttm-notice, .ttm-fork-note, .ttm-fork-warning) :is(p, li, span) { color: var(--art-teksti) !important; font-size: 17px; }
body.ttm-artikkeli .ttm-art .ttm-specs { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important; gap: 12px !important; margin: 24px 0 !important; background: none !important; }
body.ttm-artikkeli .ttm-art .ttm-spec-item { padding: 16px 18px !important; background: #fff !important; border: 1px solid var(--art-reuna) !important; border-radius: 14px !important; box-shadow: var(--art-varjo); text-align: left !important; }
body.ttm-artikkeli .ttm-art .ttm-spec-label { display: block; margin-bottom: 4px !important; font: 600 13px var(--art-otsikko) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--art-harmaa) !important; }
body.ttm-artikkeli .ttm-art .ttm-spec-value { display: block; font: italic 800 22px/1.15 var(--art-otsikko) !important; color: var(--art-teksti) !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-process-step, .ttm-highlight-card, .ttm-result-card, .ttm-fork-card, .ttm-summary, .ttm-fork-summary) {
  padding: 18px 20px !important;
  background: #fff !important;
  border: 1px solid var(--art-reuna) !important;
  border-radius: 14px !important;
  box-shadow: var(--art-varjo) !important;
  color: var(--art-leipa) !important;
}
body.ttm-artikkeli .ttm-art :is(.ttm-process-step, .ttm-highlight-card, .ttm-result-card, .ttm-fork-card) :is(h3, h4, strong) { color: var(--art-teksti) !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-table-wrap, .ttm-fork-table-wrap) { margin: 24px 0 !important; overflow-x: auto; border: 1px solid var(--art-reuna) !important; border-radius: 14px !important; box-shadow: none !important; }
body.ttm-artikkeli .ttm-art table { width: 100%; margin: 0 !important; border-collapse: collapse; }
body.ttm-artikkeli .ttm-art :is(th, td) { padding: 10px 14px !important; border: 0 !important; border-bottom: 1px solid var(--art-reuna) !important; text-align: left; font-size: 16px !important; }
body.ttm-artikkeli .ttm-art th { background: var(--art-pohja) !important; color: var(--art-teksti) !important; font: 700 14px var(--art-otsikko) !important; text-transform: none !important; letter-spacing: 0 !important; }
body.ttm-artikkeli .ttm-art .ttm-btn {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--art-puna) !important;
  color: #fff !important;
  font: 800 15px var(--art-otsikko) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
}
body.ttm-artikkeli .ttm-art .ttm-btn:hover { background: var(--art-puna-tumma) !important; }

/* Keulan korkeus -artikkeli (.ttm-fork-*): oma hero ja tummat osiot samaan vaaleaan palstaan */
body.ttm-artikkeli .ttm-art .ttm-fork-height-article { background: none !important; }
body.ttm-artikkeli .ttm-art .ttm-fork-hero {
  position: relative;
  isolation: isolate;
  max-width: calc(var(--art-palsta) + 48px);
  margin: -28px auto 0;
  padding: 52px 24px 24px !important;
  background: none !important;
  color: var(--art-teksti) !important;
  min-height: 0 !important;
}
body.ttm-artikkeli .ttm-art .ttm-fork-hero::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); background: linear-gradient(180deg, #f6f7f9 0%, #fff 100%); }
body.ttm-artikkeli .ttm-art .ttm-fork-hero__inner { max-width: none !important; padding: 0 !important; }
body.ttm-artikkeli .ttm-art .ttm-fork-hero h1 {
  margin: 8px 0 14px !important;
  font-family: var(--art-otsikko) !important;
  font-style: italic;
  font-weight: 800 !important;
  font-size: clamp(30px, 4.2vw, 48px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.5px !important;
  text-transform: none !important;
  color: var(--art-teksti) !important;
}
body.ttm-artikkeli .ttm-art .ttm-fork-hero p { font-size: 20px !important; font-weight: 400 !important; color: var(--art-leipa) !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-fork-intro, .ttm-fork-section, .ttm-fork-section--dark) { padding: 8px 0 !important; background: none !important; color: var(--art-leipa) !important; }
body.ttm-artikkeli .ttm-art .ttm-fork-wrap { max-width: var(--art-palsta) !important; margin: 0 auto !important; padding: 0 !important; }
body.ttm-artikkeli .ttm-art .ttm-fork-section--dark .ttm-fork-wrap { padding: 4px 24px 20px !important; background: var(--art-pohja); border-radius: 18px; }
body.ttm-artikkeli .ttm-art .ttm-fork-section--dark :is(p, li, h2, h3) { color: var(--art-teksti) !important; }
body.ttm-artikkeli .ttm-art .ttm-fork-heading { display: flex !important; align-items: baseline; gap: 12px !important; margin: 0 !important; }
body.ttm-artikkeli .ttm-art .ttm-fork-grid { gap: 12px !important; }

/* ---------- Wow: CTA-paneeli WP PRO -kuvituksella (hehku kuten portaalin säätökortti) ---------- */
body.ttm-artikkeli .ttm-art :is(.ttm-art-cta, .ttm-cta) {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 200px;
  align-items: center;
  gap: 24px;
  max-width: calc(var(--art-palsta) + 80px) !important;
  margin: 56px auto 8px !important;
  padding: 28px 28px 28px 32px;
  overflow: hidden;
  border: 1px solid rgba(229, 27, 36, .35);
  border-radius: 18px;
  color: #fff;
  background: radial-gradient(circle at 85% 20%, rgba(229, 27, 36, .3), transparent 55%), #101114;
  box-shadow: 0 18px 50px rgba(229, 27, 36, .2), 0 8px 24px rgba(15, 17, 20, .2);
}
body.ttm-artikkeli .ttm-art :is(.ttm-art-cta, .ttm-cta)::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 20px;
  padding: 2px;
  background: linear-gradient(120deg, transparent 20%, rgba(255, 90, 96, .95) 45%, transparent 70%);
  background-size: 300% 100%;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  animation: ttm-art-reuna 2.4s ease-in-out .4s 1 both;
  animation-timeline: view();
  animation-range: entry 40% cover 60%;
}
body.ttm-artikkeli .ttm-art .ttm-art-cta__kicker { margin: 0 0 6px !important; font: 600 14px var(--art-otsikko) !important; color: rgba(255, 255, 255, .7) !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-art-cta, .ttm-cta) :is(h2, h3) { margin: 0 0 10px !important; font-style: italic; font-weight: 800 !important; font-size: clamp(22px, 2.4vw, 28px) !important; line-height: 1.15 !important; color: #fff !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-art-cta, .ttm-cta) p:not(.ttm-art-cta__kicker), body.ttm-artikkeli .ttm-art :is(.ttm-art-cta, .ttm-cta) li { margin: 0 0 18px !important; font-size: 16px !important; color: rgba(255, 255, 255, .82) !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-art-cta, .ttm-cta) :is(strong, b) { color: #fff !important; }
/* Postauksen oma CTA saa kuvituksen taustaksi (ei img-elementtiä) */
body.ttm-artikkeli .ttm-art .ttm-cta { display: block; padding-right: 250px !important; background: url("kuvitus/iskari.svg") no-repeat right 8px center / 230px auto, radial-gradient(circle at 85% 20%, rgba(229, 27, 36, .3), transparent 55%), #101114 !important; }
body.ttm-artikkeli .ttm-art .ttm-cta .ttm-btn + .ttm-btn, body.ttm-artikkeli .ttm-art .ttm-cta :is(.ttm-btn-dark, .ttm-btn--light) { margin-left: 8px; background: transparent !important; border: 1px solid rgba(255, 255, 255, .3) !important; }
body.ttm-artikkeli .ttm-art .ttm-art-cta__napit { display: flex; flex-wrap: wrap; gap: 10px; }
body.ttm-artikkeli .ttm-art .ttm-art-nappi { display: inline-flex; align-items: center; min-height: 48px; padding: 0 20px; border-radius: 10px; font: 800 15px var(--art-otsikko); text-decoration: none !important; transition: background .15s ease, border-color .15s ease; }
body.ttm-artikkeli .ttm-art .ttm-art-nappi--puna { background: var(--art-puna); color: #fff !important; }
body.ttm-artikkeli .ttm-art .ttm-art-nappi--puna:hover { background: var(--art-puna-tumma); }
body.ttm-artikkeli .ttm-art .ttm-art-nappi--reuna { border: 1px solid rgba(255, 255, 255, .3); color: #fff !important; }
body.ttm-artikkeli .ttm-art .ttm-art-nappi--reuna:hover { border-color: #fff; }
body.ttm-artikkeli .ttm-art .ttm-art-cta__kuva { width: 200px; height: auto; border-radius: 0; filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .5)); }
@keyframes ttm-art-reuna { 0% { opacity: 0; background-position: 100% 0; } 15% { opacity: 1; } 85% { opacity: 1; } 100% { opacity: 0; background-position: 0 0; } }

/* Varoitukset ja laskurit */
body.ttm-artikkeli .ttm-art .ttm-caution { margin: 24px 0 !important; padding: 18px 20px !important; border: 1px solid rgba(229, 27, 36, .22) !important; border-radius: 14px !important; background: #fdf1f1 !important; color: var(--art-teksti) !important; }
body.ttm-artikkeli .ttm-art .ttm-caution :is(h3, h4) { margin: 0 0 6px !important; color: var(--art-puna-tumma) !important; font-style: normal; }
body.ttm-artikkeli .ttm-art .ttm-caution :is(p, li) { color: var(--art-teksti) !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-calculator, .ttm-tool, .ttm-crosslinks, .ttm-process) { margin: 28px 0 !important; padding: 22px !important; background: #fff !important; border: 1px solid var(--art-reuna) !important; border-top: 1px solid var(--art-reuna) !important; border-radius: 18px !important; box-shadow: var(--art-varjo) !important; color: var(--art-leipa) !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-calculator, .ttm-tool) :is(input, select) { min-height: 46px; border: 1px solid #d4dbe3 !important; border-radius: 10px !important; padding: 0 12px !important; font: inherit; font-size: 16px; background: #fff !important; color: var(--art-teksti) !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-calculator, .ttm-tool) :is(input, select):focus { outline: none; border-color: var(--art-puna) !important; box-shadow: 0 0 0 3px rgba(229, 27, 36, .15); }
body.ttm-artikkeli .ttm-art :is(.ttm-calculator, .ttm-tool, .ttm-results, .ttm-tool-result) :is(span, label) { text-transform: none !important; letter-spacing: 0 !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-results, .ttm-tool-result, .ttm-result-warning) { border-radius: 14px !important; background: var(--art-pohja) !important; color: var(--art-teksti) !important; border: 0 !important; }
/* Vianhakutyökalun tulos (säätötaulukko-postaus): vaalea paneeli, kortit erillään, kokeiltava muutos korostettuna */
body.ttm-artikkeli .ttm-art .ttm-tool-header h2 { color: var(--art-teksti) !important; }
body.ttm-artikkeli .ttm-art .ttm-tool-header p { color: var(--art-leipa) !important; }
body.ttm-artikkeli .ttm-art .ttm-tool-controls { gap: 12px !important; margin-bottom: 0 !important; }
body.ttm-artikkeli .ttm-art .ttm-tool-controls label span { color: var(--art-harmaa) !important; font: 600 13px var(--art-otsikko) !important; margin-bottom: 6px !important; }
body.ttm-artikkeli .ttm-art .ttm-tool-result { margin-top: 18px !important; padding: 20px !important; box-shadow: none !important; }
body.ttm-artikkeli .ttm-art .ttm-result-top { padding: 0 0 14px !important; }
body.ttm-artikkeli .ttm-art .ttm-result-top span { display: block; margin: 0 0 2px !important; color: var(--art-puna) !important; font: 600 13px var(--art-otsikko) !important; }
body.ttm-artikkeli .ttm-art .ttm-result-top h3 { margin: 0 !important; color: var(--art-teksti) !important; font: italic 800 24px/1.15 var(--art-otsikko) !important; }
body.ttm-artikkeli .ttm-art .ttm-result-grid { gap: 10px !important; background: none !important; border: 0 !important; }
body.ttm-artikkeli .ttm-art .ttm-result-card { padding: 14px 16px !important; border-radius: 12px !important; box-shadow: none !important; }
body.ttm-artikkeli .ttm-art .ttm-result-card span { margin-bottom: 4px !important; color: var(--art-harmaa) !important; font: 600 13px var(--art-otsikko) !important; }
body.ttm-artikkeli .ttm-art .ttm-result-card p { color: var(--art-teksti) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.5 !important; }
body.ttm-artikkeli .ttm-art .ttm-result-card.result-action { background: #fff6f6 !important; border-color: rgba(229, 27, 36, .28) !important; }
body.ttm-artikkeli .ttm-art .ttm-result-card.result-action span { color: var(--art-puna) !important; }
body.ttm-artikkeli .ttm-art .ttm-result-card.result-action p { font-weight: 700 !important; }
body.ttm-artikkeli .ttm-art .ttm-result-warning { margin: 0 !important; padding: 14px 2px 0 !important; background: none !important; border-radius: 0 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.55 !important; color: var(--art-leipa) !important; }
body.ttm-artikkeli .ttm-art .ttm-result-warning:empty { display: none; }
body.ttm-artikkeli .ttm-art .ttm-crosslink { border-radius: 14px !important; border: 1px solid var(--art-reuna) !important; background: #fff !important; text-decoration: none !important; }
/* Paksut punaiset yläreunat ja tummat kortit 1.0-ajalta pois */
body.ttm-artikkeli .ttm-art :is(.ttm-fork-lead, .ttm-fork-card, .ttm-fork-balance > div, .ttm-fork-steps > div, .ttm-fork-safety, .ttm-highlight-card, .ttm-process-step) { border: 1px solid var(--art-reuna) !important; border-radius: 14px !important; background: #fff !important; box-shadow: var(--art-varjo) !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-fork-lead, .ttm-fork-card, .ttm-fork-balance > div, .ttm-fork-steps > div, .ttm-fork-safety) :is(p, li, h3, h4) { color: var(--art-leipa) !important; }
body.ttm-artikkeli .ttm-art :is(.ttm-fork-card, .ttm-fork-steps > div, .ttm-fork-balance > div) h3 { color: var(--art-teksti) !important; }
body.ttm-artikkeli .ttm-art .ttm-kicker { font: 600 15px var(--art-otsikko) !important; letter-spacing: 0 !important; text-transform: none !important; color: #3d4652 !important; }

/* Blocksyn alaosan postausnavigaatio ja jakopalkit pois: CTA ja Oppaat-linkki korvaavat ne */
body.ttm-artikkeli .post-navigation { display: none !important; }

/* ---------- Mobiili ---------- */
@media (max-width: 760px) {
  body.ttm-artikkeli .hero-section { padding: 32px 18px 4px !important; }
  body.ttm-artikkeli article.post > .ct-featured-image { width: calc(100% - 36px) !important; margin-top: 20px !important; border-radius: 14px; }
  body.ttm-artikkeli .ttm-art { padding: 20px 18px 96px; }
  body.ttm-artikkeli .ttm-art :is(p, li, td) { font-size: 17px; }
  body.ttm-artikkeli .ttm-art .ttm-intro { font-size: 18px !important; }
  body.ttm-artikkeli .ttm-art .ttm-fork-hero { padding: 32px 18px 16px !important; margin-top: -20px; }
  body.ttm-artikkeli .ttm-art :is(.ttm-art-cta, .ttm-cta) { grid-template-columns: 1fr; padding: 24px 20px !important; }
  body.ttm-artikkeli .ttm-art .ttm-cta { background: radial-gradient(circle at 85% 20%, rgba(229, 27, 36, .3), transparent 55%), #101114 !important; }
  body.ttm-artikkeli .ttm-art .ttm-art-cta__kuva { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.ttm-artikkeli .ttm-art :is(.ttm-art-cta, .ttm-cta)::before { animation: none; }
}

/* Aiheeseen liittyvät -kortit (Blocksy): ei punaista yläreunaa, kuten muissakaan korteissa (12.10.2026) */
.ct-related-posts-items > article { border-top: 0 !important; }