/* Suomi Journal · n8n article components. Shared class contract; no content changes.
   Scoped to article content. Specificity resolves the legacy theme's !important rules. */
article .n24-wrap {
  --n24-ink:var(--ink,#173137); --n24-muted:var(--muted,#526075);
  --n24-line:#cdd4cf; --n24-soft:#eeefe7; --n24-paper:#fffefa;
  --n24-accent:var(--green,#315943); --n24-serif:Georgia,'Times New Roman',serif;
  --n24-sans:Arial,Helvetica,sans-serif;
  color:var(--n24-ink); font:18px/1.75 var(--n24-sans); max-width:760px;
  margin:0 auto; overflow-wrap:break-word; container-type:inline-size;
}
article .n24-wrap *,article .n24-wrap *::before,article .n24-wrap *::after{box-sizing:border-box}
article .n24-wrap > *{max-width:100%;min-width:0}
article .n24-wrap > * + *{margin-top:26px}
article .n24-wrap p{margin:0 0 22px;line-height:1.75}
article .n24-wrap :is(h2,h3,h4){color:var(--n24-ink);font-family:var(--n24-serif);text-wrap:pretty;scroll-margin-top:125px}
article .n24-wrap h2{margin:44px 0 20px;font-size:30px;line-height:1.2}
article .n24-wrap h3{margin:30px 0 14px;font-size:24px;line-height:1.25}
article .n24-wrap a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
article .n24-wrap a:hover{text-decoration-thickness:2px}
article .n24-wrap :is(a,summary):focus-visible{outline:3px solid var(--n24-accent);outline-offset:4px;border-radius:2px}
article .n24-wrap :is(ul,ol){padding-left:1.4em;margin:16px 0 24px}
article .n24-wrap li{margin:9px 0;padding-left:3px;line-height:1.65}
article .n24-wrap li::marker{color:var(--n24-accent);font-weight:700}
article .n24-wrap :is(ul,ol) :is(ul,ol){margin:8px 0}
body.sj .sj-article .n24-wrap .n24-stats-line{
  margin:0 0 30px;padding:18px 22px!important;border:1px solid var(--n24-line)!important;
  border-top:3px solid var(--n24-ink)!important;border-radius:2px;
  background:var(--n24-soft)!important;color:var(--n24-muted);font-size:15px!important;line-height:1.8;box-shadow:none;
}
article .n24-wrap .n24-stats-line strong{color:var(--n24-ink)}
article .n24-wrap .n24-snapshot-block{margin:30px 0 34px;padding:22px;background:var(--n24-soft);border:1px solid var(--n24-line);border-top:3px solid var(--n24-ink);border-radius:2px}
body.sj .sj-article .n24-wrap .n24-snapshot-block > h2{margin:0 0 20px;font-size:28px!important;text-transform:none;letter-spacing:-.03em!important}
body.sj .sj-article .n24-wrap .n24-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px;align-items:stretch}
article .n24-wrap .n24-card{background:var(--n24-paper);border:1px solid var(--n24-line);border-radius:2px;min-width:0;box-shadow:none}
article .n24-wrap .n24-card-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--n24-line)}
article .n24-wrap .n24-card-num{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:2px;background:var(--n24-ink);color:#fff;font:700 13px/1 var(--n24-sans)}
article .n24-wrap .n24-card-title{font:700 16px/1.35 var(--n24-sans);color:var(--n24-ink)}
article .n24-wrap .n24-card-body{padding:14px 16px 18px;font-size:15px;line-height:1.65}
article .n24-wrap .n24-card-body :is(p,ul,ol){margin:0}
article .n24-wrap .n24-card-body li{margin:0 0 12px}
article .n24-wrap .n24-card-body li:last-child{margin-bottom:0}
article .n24-wrap :is(.n24-tip,.n24-note,.n24-warning,.n24-tldr,.n24-summary){padding:22px 24px;margin:28px 0;border:1px solid var(--n24-line);border-left:3px solid var(--n24-ink);border-radius:2px;background:var(--n24-soft);box-shadow:none}
article .n24-wrap .n24-tip{background:#edf2e9;border-left-color:#3c6548}
article .n24-wrap .n24-warning{background:#faf1df;border-color:#dccba6;border-left:3px solid #956012}
article .n24-wrap .n24-tldr{border-top:3px solid var(--n24-ink);border-left:1px solid var(--n24-line)}
article .n24-wrap .n24-summary{background:transparent;border:0;border-left:3px solid var(--n24-accent);font-size:17px;padding:5px 0 5px 20px}
article .n24-wrap .n24-tip-label{display:block;margin:0 0 10px;padding:0;color:var(--n24-ink);background:none;font:700 12px/1.4 var(--n24-sans);text-transform:uppercase;letter-spacing:.07em}
article .n24-wrap :is(.n24-tip,.n24-note,.n24-warning,.n24-tldr) > :last-child{margin-bottom:0}
article .n24-wrap .n24-clarity{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0}
article .n24-wrap .n24-clarity-col{padding:20px;background:var(--n24-paper);border:1px solid var(--n24-line);border-top:3px solid #41694b;border-radius:2px}
article .n24-wrap .n24-clarity-col:has(.n24-x){border-top-color:#a0474b;background:#fbf4ef}
body.sj .sj-article .n24-wrap .n24-clarity-col h3{margin:0 0 18px;font-size:23px!important}
article .n24-wrap :is(.n24-checks,.n24-x){list-style:none;padding:0;margin:0}
article .n24-wrap :is(.n24-checks,.n24-x) > li{position:relative;padding-left:26px;font-size:16px}
article .n24-wrap :is(.n24-checks,.n24-x) > li::before{content:'+';position:absolute;left:0;top:1px;color:#35593d;font-weight:700}
article .n24-wrap .n24-x > li::before{content:'−';color:#96373c}
body.sj .sj-article .n24-wrap table.n24-table{display:table;width:100%;border-collapse:collapse;table-layout:auto!important;margin:30px 0;border:1px solid var(--n24-line);border-radius:0;background:var(--n24-paper);box-shadow:none;white-space:normal}
body.sj .sj-article .n24-wrap .n24-table :is(th,td){padding:14px 16px;border:0;border-bottom:1px solid var(--n24-line);font-size:15px!important;line-height:1.55;vertical-align:top;text-align:left;overflow-wrap:break-word;hyphens:auto}
article .n24-wrap .n24-table th{background:var(--n24-soft);color:var(--n24-ink);font-weight:700;text-transform:none;letter-spacing:0}
article .n24-wrap .n24-table tr:nth-child(even) td{background:#f5f5ee}
article .n24-wrap .n24-table caption{caption-side:top;text-align:left;font-weight:700;padding:0 0 12px}
article .n24-wrap blockquote{margin:34px 0;padding:20px 24px;background:var(--n24-soft);border:0;border-left:3px solid var(--n24-accent);border-radius:0;font-family:var(--n24-serif);box-shadow:none}
body.sj .sj-article .n24-wrap blockquote p{font-size:22px!important;line-height:1.5;margin:0 0 14px}
article .n24-wrap blockquote cite{display:block;font:14px/1.6 var(--n24-sans);color:var(--n24-muted);font-style:normal}
article .n24-wrap .n24-faq-item{margin:0;border:1px solid var(--n24-line);border-bottom:0;padding:0;border-radius:0;background:var(--n24-paper);box-shadow:none}
article .n24-wrap .n24-faq-item:last-of-type{border-bottom:1px solid var(--n24-line)}
article .n24-wrap .n24-faq-item summary{display:block;position:relative;list-style:none;padding:20px 54px 20px 20px;font:700 17px/1.5 var(--n24-sans);cursor:pointer;min-height:60px}
article .n24-wrap .n24-faq-item summary::-webkit-details-marker{display:none}
article .n24-wrap .n24-faq-item summary::after{content:'+';position:absolute;right:18px;top:19px;width:24px;text-align:center;color:var(--n24-accent);font:24px/1 var(--n24-sans)}
article .n24-wrap .n24-faq-item[open] summary{background:var(--n24-soft)}
article .n24-wrap .n24-faq-item[open] summary::after{content:'−'}
article .n24-wrap .n24-faq-item > :not(summary){margin:0;padding:18px 20px;font-size:17px;line-height:1.75}
article .n24-wrap .n24-network-source{margin:30px 0;padding:18px 0;border-top:1px solid var(--n24-line);font-size:14px;color:var(--n24-muted)}
article .n24-wrap :is(img,figure){max-width:100%;border-radius:2px}
@container (max-width:560px){
  body.sj .sj-article .n24-wrap .n24-grid{grid-template-columns:minmax(0,1fr)!important}
  article .n24-wrap .n24-clarity{grid-template-columns:minmax(0,1fr)}
  article .n24-wrap .n24-snapshot-block{padding:16px}
  article .n24-wrap :is(.n24-tip,.n24-note,.n24-warning,.n24-tldr){padding:18px}
  body.sj .sj-article .n24-wrap table.n24-table:has(tr > :nth-child(4)){display:block;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
  body.sj .sj-article .n24-wrap .n24-table:has(tr > :nth-child(4)) :is(th,td){min-width:120px;padding:12px}
}
@media(max-width:600px){
  body.sj .sj-article .n24-wrap .n24-grid{grid-template-columns:minmax(0,1fr)!important}
  article .n24-wrap .n24-clarity{grid-template-columns:minmax(0,1fr)}
}
@media print{article .n24-wrap :is(.n24-card,.n24-clarity-col,blockquote){break-inside:avoid}body.sj .sj-article .n24-wrap table.n24-table{display:table!important}article .n24-wrap .n24-faq-item > :not(summary){display:block!important}}

body.sj .sj-article .n24-wrap{width:100%;max-width:none;margin:0;padding:0;background:transparent;color:var(--ink)} .sj-table-scroll{max-width:100%;overflow-x:auto;margin:20px 0}.sj-table-scroll table{margin:0}