.smai-card{border:1px solid #d6e4dc;border-top:3px solid #358268;border-radius:12px;background:#fff;padding:22px 24px;margin:22px 0;color:#203a32;font-size:16px;line-height:1.7;box-sizing:border-box}
.smai-card *{box-sizing:border-box}
.smai-kicker{font-size:12px;font-weight:800;letter-spacing:.04em;color:#23725a}
.smai-answer{font-size:22px!important;line-height:1.55!important;font-weight:800;color:#163c32;letter-spacing:-.015em;margin:7px 0 22px!important}
.smai-process{padding:17px 18px 16px;background:#f5f8f6;border-radius:9px}
.smai-subhead{font-size:13px;font-weight:800;color:#526e60;margin:0 0 13px}
.smai-steps{margin:0!important;padding:0!important;list-style:none!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.smai-steps--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.smai-steps--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.smai-steps--4 .smai-step{font-size:13px;padding:12px 10px}
.smai-steps--4 .smai-step:not(:last-child)::after{right:-15px}
.smai-step{position:relative;min-width:0;background:#fff;border:1px solid #dce7df;border-radius:8px;padding:15px 16px;min-height:117px;display:flex;flex-direction:column;gap:7px;line-height:1.55;font-size:15px;font-weight:650}
.smai-step-label{font-size:12px;font-weight:850;color:#2c7b62}
.smai-card--sequence .smai-step:not(:last-child)::after,.smai-card--feedback_loop .smai-step:not(:last-child)::after,.smai-card--accumulation .smai-step:not(:last-child)::after{content:"→";font-size:21px;font-weight:800;position:absolute;right:-24px;top:50%;transform:translateY(-50%);color:#32795e}
.smai-card--parallel .smai-steps{gap:14px}
.smai-card--parallel .smai-step{border-top:3px solid #81b59a}
.smai-card--accumulation .smai-step:nth-child(2){background:#ecf5ee}
.smai-card--accumulation .smai-step:nth-child(3){background:#e2f1e7}
.smai-card--accumulation .smai-step:nth-child(4){background:#d7eadd}
.smai-cycle{display:flex;gap:12px;align-items:flex-start;background:#e4f1e9;border-left:4px solid #287357;border-radius:7px;margin-top:16px;padding:15px 16px;color:#174d3a}
.smai-cycle-symbol{font-size:26px;line-height:1.1;font-weight:800}
.smai-cycle strong{display:block;font-size:13px;line-height:1.3;margin-bottom:5px;color:#287257}
.smai-cycle p{font-size:16px;font-weight:750;line-height:1.7;margin:0!important}
.smai-solution{border-top:1px solid #e0e9e3;margin-top:20px;padding-top:17px}
.smai-solution-label{font-size:12px;font-weight:800;color:#247258;margin:0 0 5px}
.smai-solution-main{font-size:16px;font-weight:750;line-height:1.65;margin:0!important}
.smai-example{font-size:14px;color:#53675a;margin:9px 0 0!important;line-height:1.75}
.smai-example b{font-weight:750;color:#376752}
@media(max-width:600px){
 .smai-card{padding:18px 16px;margin:18px 0}
 .smai-answer{font-size:19px!important;line-height:1.6!important;margin:6px 0 18px!important}
 .smai-process{padding:14px 12px}
 .smai-subhead{font-size:13px;margin-bottom:10px}
 .smai-steps,.smai-steps--2,.smai-steps--4{grid-template-columns:minmax(0,1fr);gap:0;border-left:2px solid #9bc8b2;margin-left:7px!important;padding:0 0 0 17px!important}
 .smai-steps--4 .smai-step,.smai-step{background:transparent;min-height:0;border:0!important;padding:6px 0 15px!important;font-size:15px;gap:3px}
 .smai-step:last-child{padding-bottom:3px!important}
 .smai-step::before{content:"";position:absolute;left:-23px;top:13px;width:10px;height:10px;border-radius:50%;background:#358568;border:2px solid #edf6ef}
 .smai-card--feedback_loop .smai-step:not(:last-child)::after,.smai-card--sequence .smai-step:not(:last-child)::after,.smai-card--accumulation .smai-step:not(:last-child)::after{content:none}
 .smai-step-label{font-size:12px}
 .smai-cycle{padding:12px 11px;margin-top:15px;gap:8px}
 .smai-cycle-symbol{font-size:21px}
 .smai-cycle p{font-size:15px}
 .smai-solution{margin-top:16px;padding-top:14px}
 .smai-solution-main{font-size:15px}
 .smai-example{font-size:13px}
}
/* Parallel factors have no causal arrow or implied timeline on mobile. */
@media(max-width:600px){
 .smai-card--parallel .smai-steps{border-left:0;margin-left:0!important;padding-left:0!important;gap:8px}
 .smai-card--parallel .smai-step{border:1px solid #dce7df!important;border-top:3px solid #81b59a!important;background:#fff;padding:12px!important;border-radius:7px}
 .smai-card--parallel .smai-step::before{content:none}
}

/* v0.1.2: mobile readability, approved on two pilot articles (2026-10-18). */
.smai-card{padding:20px;border-color:#dee8e2}
.smai-kicker,.smai-solution-label{display:inline-block;background:#eef5f1;color:#247257;padding:2px 9px;border-radius:20px}
.smai-answer{font-size:19px!important;line-height:1.65!important;font-weight:780!important;margin:11px 0 17px!important;letter-spacing:0}
.smai-process{background:#f7faf8;padding:16px 14px}
.smai-subhead{color:#526e60}
.smai-step{font-size:15px;font-weight:550;line-height:1.65;min-height:0}
.smai-step-label{font-size:12px;font-weight:800;color:#2c7b62}
.smai-card--accumulation .smai-step:nth-child(2),.smai-card--accumulation .smai-step:nth-child(3),.smai-card--accumulation .smai-step:nth-child(4){background:#fff}
.smai-cycle{background:#eaf4ed;padding:13px 14px}
.smai-cycle p{font-size:15px;font-weight:700;line-height:1.72}
.smai-solution{margin-top:16px;padding-top:15px}
.smai-solution-label{margin-bottom:8px}
.smai-solution-main{font-size:15px;font-weight:650;line-height:1.75}
.smai-example{font-size:13px;line-height:1.75}
.sm-article-nav.is-soft{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:600px){
.smai-card{padding:17px 15px;margin:18px 0}
.smai-answer{font-size:18px!important;line-height:1.65!important;margin:10px 0 16px!important}
.smai-process{padding:14px 12px}
.smai-subhead{font-size:13px;margin-bottom:9px}
.smai-step{font-size:14px;font-weight:520;line-height:1.7;gap:4px;padding-top:5px!important;padding-bottom:13px!important}
.smai-step-label{font-size:12px}
.smai-card--accumulation .smai-step:nth-child(2),.smai-card--accumulation .smai-step:nth-child(3),.smai-card--accumulation .smai-step:nth-child(4){background:transparent}
.smai-cycle{padding:12px 11px;margin-top:13px}
.smai-cycle strong{font-size:13px}
.smai-cycle p{font-size:14px;font-weight:680;line-height:1.7}
.smai-solution{margin-top:14px;padding-top:13px}
.smai-solution-main{font-size:14px;font-weight:650;line-height:1.75}
.smai-example{font-size:12px}
}
/* Hide SWELL's floating arrow only while an approved insight is on-screen on mobile. */
@media(max-width:600px){html.smai-insight-in-view #pagetop{opacity:0!important;visibility:hidden!important;pointer-events:none!important}}

/* v0.1.3: unobtrusive taxonomy-driven structure-label link after the advice. */
.smai-structure{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:3px 9px;margin-top:12px;font-size:12px;line-height:1.8}
.smai-structure-caption{color:#66786e;font-weight:400}
.smai-structure a{color:#256d54;font-weight:650;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.smai-structure a:hover{color:#164f3a}
.smai-structure a:focus-visible{outline:2px solid #256d54;outline-offset:3px;border-radius:2px}
@media(max-width:600px){.smai-structure{margin-top:10px;gap:3px 7px;font-size:12px}}

/* v0.1.7 reader-first presentation — all four approved forms, unchanged stored diagrams. */
.smai-card--reader-first{
  --smai-reader-accent:#2859ab;--smai-reader-ink:#243448;--smai-reader-muted:#536477;
  background:#fff;border:1px solid #d9e2ed;border-radius:15px;border-top:3px solid #376fc0;
  box-shadow:0 5px 22px rgba(30,60,95,.055);padding:23px 25px 20px;color:var(--smai-reader-ink);
  margin:24px 0;font-size:15px;line-height:1.7
}
.smai-card--reader-first .smai-kicker{display:block;width:fit-content;background:transparent;
  border:0;border-radius:0;padding:0;font-size:12px;font-weight:800;color:var(--smai-reader-accent);
  letter-spacing:.055em}
.smai-card--reader-first .smai-answer{font-size:19px!important;line-height:1.72!important;
  font-weight:760!important;letter-spacing:0;color:#162d4b;margin:8px 0 20px!important;
  padding-left:15px;border-left:3px solid #86acd9}
.smai-card--reader-first .smai-reader-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:15px;align-items:stretch}
.smai-card--reader-first .smai-reader-process{min-width:0;padding:17px 18px;background:#f5f8fc;border:1px solid #e2eaf5;border-radius:11px}
.smai-card--reader-first .smai-subhead{font-size:14px;color:#23496f;font-weight:800;line-height:1.6;margin:0 0 14px}
.smai-card--reader-first .smai-steps,.smai-card--reader-first .smai-steps--4{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;
 border-left:2px solid #c2d4ec!important;margin:0 0 0 12px!important;
 padding:0 0 0 18px!important;list-style:none!important;counter-reset:smai-reader-step}
.smai-card--reader-first .smai-step,.smai-card--reader-first .smai-steps--4 .smai-step{
 position:relative;counter-increment:smai-reader-step;display:flex;flex-direction:column;gap:3px;
 border:0!important;background:transparent!important;min-height:0;padding:0 0 15px!important;
 border-radius:0;font-size:13px;line-height:1.65;font-weight:470;color:var(--smai-reader-muted)}
.smai-card--reader-first .smai-step:last-child{padding-bottom:0!important}
.smai-card--reader-first .smai-step::before{content:counter(smai-reader-step);position:absolute;
 top:0;left:-30px;width:22px;height:22px;border:2px solid #f5f8fc;border-radius:50%;
 background:var(--smai-reader-accent);color:#fff;font-size:11px;font-weight:800;
 line-height:18px;text-align:center;box-sizing:border-box}
.smai-card--reader-first .smai-step::after{content:none!important}
.smai-card--reader-first .smai-step-label{font-size:13px;font-weight:800;color:#274c7e;line-height:1.6}
.smai-card--reader-first .smai-reader-advice{display:flex;flex-direction:column;gap:13px;min-width:0}
.smai-card--reader-first .smai-cycle{border:1px solid #e5e9f0;border-left:3px solid #7c91ac;
 background:#f9fafc;border-radius:10px;display:block;margin:0;padding:16px 17px;color:var(--smai-reader-ink)}
.smai-card--reader-first .smai-cycle strong{font-size:13px;line-height:1.6;color:#455c76;margin:0 0 7px}
.smai-card--reader-first .smai-cycle p{font-size:14px;font-weight:550;line-height:1.8;color:#394c5d}
.smai-card--reader-first .smai-solution{border:1px solid #d8e9df;background:#f2faf5;
 border-radius:10px;flex:1;margin:0;padding:16px 17px}
.smai-card--reader-first .smai-solution-label{display:block;width:fit-content;color:#23604b;
 background:transparent;border-radius:0;padding:0;font-size:13px;line-height:1.5;font-weight:800;margin:0 0 9px}
.smai-card--reader-first .smai-solution-main{font-size:14px;line-height:1.78;font-weight:630;color:#224b3c;margin:0!important}
.smai-card--reader-first .smai-example{font-size:12px;line-height:1.75;color:#4d675c;
 border-top:1px solid #d3e5da;padding-top:9px;margin:11px 0 0!important}
.smai-card--reader-first .smai-example b{font-weight:800;color:#31624c}
.smai-card--reader-first .smai-structure{margin-top:13px;font-size:11.5px}
.smai-card--reader-first .smai-structure a{color:#285c86}
@media(max-width:700px){
 .smai-card--reader-first{padding:18px 15px 16px;margin:18px 0;border-radius:12px}
 .smai-card--reader-first .smai-answer{font-size:17px!important;line-height:1.7!important;
  margin:8px 0 16px!important;padding-left:12px}
 .smai-card--reader-first .smai-reader-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 .smai-card--reader-first .smai-reader-process{padding:14px 14px 15px}
 .smai-card--reader-first .smai-subhead{font-size:13px;margin-bottom:14px}
 .smai-card--reader-first .smai-step,.smai-card--reader-first .smai-steps--4 .smai-step{
  font-size:13px;gap:3px;padding:0 0 16px!important}
 .smai-card--reader-first .smai-step-label{font-size:13px}
 .smai-card--reader-first .smai-cycle,.smai-card--reader-first .smai-solution{padding:14px 14px}
 .smai-card--reader-first .smai-cycle p,.smai-card--reader-first .smai-solution-main{font-size:13.5px;line-height:1.8}
 .smai-card--reader-first .smai-example{font-size:12px}
}

/* Factor views must not imply chronology or a 1→2→3 causal chain. */
.smai-card--reader-first .smai-steps--unordered{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;border-left:0!important;
  margin:0!important;padding:0!important;gap:9px!important;counter-reset:none!important;
}
.smai-card--reader-first .smai-steps--unordered .smai-step,
.smai-card--reader-first .smai-steps--4.smai-steps--unordered .smai-step{
  border:1px solid #dfe7f0!important;background:#fff!important;border-radius:8px!important;
  padding:10px 12px 10px 17px!important;font-size:13px!important;
  box-shadow:none!important;gap:2px!important;
}
.smai-card--reader-first .smai-steps--unordered .smai-step::before{
  content:none!important;counter-increment:none!important;
}
.smai-card--reader-first .smai-steps--unordered .smai-step::after{content:none!important}
.smai-card--reader-first.smai-card--accumulation .smai-steps--unordered .smai-step{border-left:3px solid #6a92c2!important}
.smai-card--reader-first.smai-card--parallel .smai-steps--unordered .smai-step{border-left:3px solid #96a9c4!important}