/* Version 1.2: opt-in delta over the existing article layout and Studio skin.
 * Never apply these rules to the protected ID203, legacy v1, or older Studio posts. */
body.motoshiru-article-v12 {
 --ms12-ink:#20292c; --ms12-text:#505b60; --ms12-muted:#626d72; --ms12-line:#dfe4e6;
 --ms12-red:#cb3c3b; --ms12-blue:#265dab; --ms12-green:#578a30; --ms12-yellow:#e4b800;
 --ms12-section-accent:var(--ms12-blue);
}
body.motoshiru-article-v12 .motoshiru-v12-section--diagnosis { --ms12-section-accent:var(--ms12-red); }
body.motoshiru-article-v12 .motoshiru-v12-section--procedure { --ms12-section-accent:var(--ms12-green); }
body.motoshiru-article-v12 .motoshiru-v12-section--reference { --ms12-section-accent:var(--ms12-yellow); }
/* Colors follow the section's role; never rotate through all four automatically. */
body.motoshiru-article-v12 .motoshiru-v1-rebuild section > .motoshiru-studio-kicker::before { background:var(--ms12-section-accent); }
body.motoshiru-article-v12 .motoshiru-v1-rebuild p,
body.motoshiru-article-v12 .motoshiru-v1-rebuild li { color:var(--ms12-text); }
body.motoshiru-article-v12 .motoshiru-v1-key-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)); }
body.motoshiru-article-v12 .motoshiru-v1-summary { box-shadow:none; border-color:var(--ms12-line); background:#f5f6f6; }
body.motoshiru-article-v12 .motoshiru-v1-summary--highlight { border-color:var(--ms12-line); background:#f5f6f6; box-shadow:none; }
body.motoshiru-article-v12 .motoshiru-v1-summary > h2 { border-bottom:1px solid var(--ms12-line); }
body.motoshiru-article-v12 .motoshiru-v1-key,
body.motoshiru-article-v12 .motoshiru-v1-compare > div:nth-child(n),
body.motoshiru-article-v12 .motoshiru-v1-check-card:nth-child(n),
body.motoshiru-article-v12 .motoshiru-v1-timeline > li:nth-child(n),
body.motoshiru-article-v12 .motoshiru-v1-steps > li,
body.motoshiru-article-v12 .motoshiru-v1-flow > div { border:1px solid var(--ms12-line); border-radius:5px; background:#fff; box-shadow:none; }
body.motoshiru-article-v12 .motoshiru-v1-compare > div:nth-child(n) h3 { color:var(--ms12-ink); }
body.motoshiru-article-v12 .motoshiru-v1-compare > div > span,
body.motoshiru-article-v12 .motoshiru-v1-check-card span { color:var(--ms12-muted); }
body.motoshiru-article-v12 .motoshiru-v1-steps > li > span,
body.motoshiru-article-v12 .motoshiru-v1-steps > li:nth-child(n)::after,
body.motoshiru-article-v12 .motoshiru-v1-timeline > li:nth-child(n)::after,
body.motoshiru-article-v12 .motoshiru-v1-flow > div:nth-child(n)::after { color:var(--ms12-green); }
body.motoshiru-article-v12 .motoshiru-v1-timeline > li:nth-child(n) strong { color:var(--ms12-ink); }
body.motoshiru-article-v12 .motoshiru-v1-note,
body.motoshiru-article-v12 .motoshiru-v1-warning { border:1px solid var(--ms12-line); border-left:3px solid var(--ms12-blue); background:#fafbfc; color:var(--ms12-ink); }
body.motoshiru-article-v12 .motoshiru-v1-warning { border-left-color:var(--ms12-yellow); background:#faf9f4; }
body.motoshiru-article-v12 .motoshiru-v1-warning--critical { border-left-color:var(--ms12-red); background:#fcf6f5; }
body.motoshiru-article-v12 .motoshiru-v1-toc a:hover,
body.motoshiru-article-v12 .motoshiru-v1-side-toc-list a:hover { color:var(--ms12-blue); }
/* Compact callout defaults preserve existing posts; size and count are editorial choices. */
body.motoshiru-article-v12 .motoshiru-mascot-callout { --ms12-illustration-size:96px; --ms12-illustration-mobile-size:72px; display:flex; align-items:center; gap:24px; margin:32px 0; padding:20px 0 0; border:0; border-top:1px solid var(--ms12-line); background:transparent; }
body.motoshiru-article-v12 .motoshiru-mascot-callout > div { flex:1; min-width:0; }
body.motoshiru-article-v12 .motoshiru-mascot-callout > figure { flex:0 1 var(--ms12-illustration-size); min-width:0; max-width:45%; margin:0; }
body.motoshiru-article-v12 .motoshiru-mascot-callout img { width:100%; height:auto; max-width:100%; object-fit:contain; }
body.motoshiru-article-v12 .motoshiru-mascot-callout--feature { --ms12-illustration-size:240px; --ms12-illustration-mobile-size:160px; }
body.motoshiru-article-v12 .motoshiru-mascot-callout--stacked { flex-direction:column; align-items:flex-start; }
body.motoshiru-article-v12 .motoshiru-mascot-callout--stacked > figure { flex:none; width:min(100%,480px); max-width:100%; align-self:center; }
body.motoshiru-article-v12 .motoshiru-mascot-callout p { font-size:14px; line-height:1.9; }
body.motoshiru-article-v12 .motoshiru-mascot-name { display:none; }
body.motoshiru-article-v12 .motoshiru-v1-table-wrap { max-width:100%; }
body.motoshiru-article-v12 .motoshiru-v1-table-wrap table { width:100%; table-layout:auto; }
body.motoshiru-article-v12 .motoshiru-v1-table-wrap th,
body.motoshiru-article-v12 .motoshiru-v1-table-wrap td { overflow-wrap:anywhere; }
@media(max-width:760px) {
 body.motoshiru-article-v12 .motoshiru-v1-key-grid { grid-template-columns:1fr; }
}
@media(max-width:600px) {
 body.motoshiru-article-v12 .motoshiru-mascot-callout { gap:16px; margin:24px 0; }
 body.motoshiru-article-v12 .motoshiru-mascot-callout > figure { flex-basis:var(--ms12-illustration-mobile-size); }
 body.motoshiru-article-v12 .motoshiru-mascot-callout--feature { flex-direction:column; align-items:stretch; }
 body.motoshiru-article-v12 .motoshiru-mascot-callout--feature > figure { flex:none; width:var(--ms12-illustration-mobile-size); max-width:100%; align-self:center; }
 body.motoshiru-article-v12 .motoshiru-mascot-callout--stacked > figure { flex:none; }
}