/* MotoShiru記事テンプレート Version 1.1 (compatible v1 classes).
 * 外枠・ヒーロー・サイド目次・画像・標準表の基本表示は、既存 article-prototype.css を再利用する。
 * ここにはID203本文から共通化できる部品だけを置く。 */
body.motoshiru-article-v1 .motoshiru-v1-rebuild { max-width:100%; color:#202522; line-height:1.9; }
body.motoshiru-article-v1 .moto-article-content { padding:2.5rem 4rem 4rem !important; }
/* A legacy empty Gutenberg group must not leave a colored border above v1 content. */
body.motoshiru-article-v1 .moto-article-content > .wp-block-group:empty { display:none; }
body.motoshiru-article-v1 .motoshiru-v1-rebuild > section { margin:4rem 0 0; scroll-margin-top:2rem; }
body.motoshiru-article-v1 .motoshiru-v1-rebuild > section:not(.motoshiru-v1-summary) > h2 { margin:2.7rem 0 1.2rem !important; padding:.1rem 0 .1rem .85rem !important; border:0 !important; border-left:3px solid #176b73 !important; color:#1d2b30; font-size:clamp(1.45rem,2.5vw,1.9rem); line-height:1.45; }
body.motoshiru-article-v1 .motoshiru-v1-rebuild h3 { margin:1.7rem 0 .55rem; color:#202522; font-size:1.12rem; line-height:1.55; }
body.motoshiru-article-v1 .motoshiru-v1-rebuild p { margin:0 0 1.25rem; color:#46504b; }
body.motoshiru-article-v1 .motoshiru-v1-rebuild > ul,
body.motoshiru-article-v1 .motoshiru-v1-rebuild > ol,
body.motoshiru-article-v1 .motoshiru-v1-rebuild section > ul,
body.motoshiru-article-v1 .motoshiru-v1-rebuild section > ol { margin:0 0 1.25rem; color:#46504b; line-height:1.9; }
body.motoshiru-article-v1 .motoshiru-v1-lead { font-size:1.05rem; }

body.motoshiru-article-v1 .motoshiru-v1-note,
body.motoshiru-article-v1 .motoshiru-v1-warning { margin:1.75rem 0; padding:1rem 1.2rem; border-left:4px solid #1d6b70; border-radius:8px; background:#eef3f2; color:#202522; }
body.motoshiru-article-v1 .motoshiru-v1-note strong,
body.motoshiru-article-v1 .motoshiru-v1-warning strong { display:block; margin-bottom:.2rem; }
body.motoshiru-article-v1 .motoshiru-v1-warning { border-color:#80652f; background:#f5f1e8; }
body.motoshiru-article-v1 .motoshiru-v1-warning--critical { border-color:#b74343; background:#fff1ee; color:#542d2d; }

/* ID203の「この記事の結論」を、項目数可変の共通部品にしたもの。 */
body.motoshiru-article-v1 .motoshiru-v1-summary { margin:4rem 0 0; padding:1.8rem; border:1px solid #dfe3e0; border-radius:14px; background:#f6f7f6; }
/* Opt-in emphasis for an article whose conclusion should lead the page. */
body.motoshiru-article-v1 .motoshiru-v1-summary.motoshiru-v1-summary--highlight { border-color:#9bbdb5; background:#dcebe7; box-shadow:0 8px 24px rgba(28,83,77,.08); }
body.motoshiru-article-v1 .motoshiru-v1-summary--highlight > h2 { border-bottom-color:#357a76; }
body.motoshiru-article-v1 .motoshiru-v1-summary--highlight .motoshiru-v1-summary-foot { border-top-color:#b4d0c9; }
body.motoshiru-article-v1 .motoshiru-v1-summary > h2 { margin:0 0 1.25rem; padding:0 0 .75rem; border:0; border-bottom:2px solid #242a27; color:#202522; font-size:1.45rem; line-height:1.45; }
body.motoshiru-article-v1 .motoshiru-v1-key-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:.9rem; }
body.motoshiru-article-v1 .motoshiru-v1-key { padding:1.1rem; border:1px solid #dfe3e0; border-radius:12px; background:#fff; }
body.motoshiru-article-v1 .motoshiru-v1-key > span { display:block; margin-bottom:.35rem; color:#1d6b70; font-size:.78rem; font-weight:900; letter-spacing:.1em; }
body.motoshiru-article-v1 .motoshiru-v1-key strong { display:block; font-size:1.05rem; }
body.motoshiru-article-v1 .motoshiru-v1-key p { margin:.35rem 0 0; font-size:.92rem; line-height:1.7; }
body.motoshiru-article-v1 .motoshiru-v1-summary-foot { margin:1rem 0 0 !important; padding-top:1rem; border-top:1px solid #dfe3e0; font-weight:750; }

body.motoshiru-article-v1 .motoshiru-v1-toc { margin:2.2rem 0 3.25rem; padding:1.15rem 1.3rem; border:1px solid #dfe3e0; border-radius:12px; background:#fff; }
body.motoshiru-article-v1 .motoshiru-v1-toc > p { margin-bottom:.35rem; color:#202522; font-weight:900; }
body.motoshiru-article-v1 .motoshiru-v1-toc ol { margin:0; padding-left:1.35rem; columns:2; column-gap:2.5rem; }
body.motoshiru-article-v1 .motoshiru-v1-toc li { margin:.3rem 0; break-inside:avoid; }
body.motoshiru-article-v1 .motoshiru-v1-toc a { color:#202522; text-decoration:none; }
body.motoshiru-article-v1 .motoshiru-v1-toc a:hover,
body.motoshiru-article-v1 .motoshiru-v1-side-toc-list a:hover { color:#176b73; text-decoration:underline; }
body.motoshiru-article-v1 .motoshiru-v1-side-toc-title { margin:0 0 .6rem; color:#1d2b30; font-size:.95rem; font-weight:800; }
body.motoshiru-article-v1 .motoshiru-v1-side-toc-list { margin:0; padding-left:1.6rem; color:#3f4e52; font-size:.82rem; line-height:1.55; }
body.motoshiru-article-v1 .motoshiru-v1-side-toc-list li { margin:.35rem 0; }
body.motoshiru-article-v1 .motoshiru-v1-side-toc-list a { color:#3f4e52; text-decoration:none; }
body.motoshiru-article-v1 .motoshiru-v1-side-note-source { display:none; }
body.motoshiru-article-v1 .motoshiru-v1-side-note { margin-top:1rem; padding:1.1rem; border:1px solid #b7d7d0; border-radius:12px; background:#eaf5f1; color:#244a48; }
body.motoshiru-article-v1 .motoshiru-v1-side-note strong { display:block; margin-bottom:.4rem; color:#155e5c; font-size:.83rem; }
body.motoshiru-article-v1 .motoshiru-v1-side-note p { margin:0; color:#244a48; font-size:.82rem; line-height:1.65; }

body.motoshiru-article-v1 .motoshiru-v1-check-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin:1.5rem 0 2rem; }
body.motoshiru-article-v1 .motoshiru-v1-check-card { display:block; padding:1rem; border:1px solid #d5e1dd; border-radius:12px; background:#edf6f3; color:inherit; text-decoration:none; }
body.motoshiru-article-v1 .motoshiru-v1-check-card:hover,
body.motoshiru-article-v1 .motoshiru-v1-check-card:focus-visible { border-color:#176b73; box-shadow:0 3px 12px rgba(23,107,115,.12); }
body.motoshiru-article-v1 .motoshiru-v1-check-card:nth-child(3n+2) { border-color:#e5d9c5; background:#f8f3ea; }
body.motoshiru-article-v1 .motoshiru-v1-check-card:nth-child(3n) { border-color:#dfe3e0; background:#f6f7f6; }
body.motoshiru-article-v1 .motoshiru-v1-check-card span { display:block; color:#176b73; font-size:.75rem; font-weight:900; letter-spacing:.08em; }
body.motoshiru-article-v1 .motoshiru-v1-check-card strong { display:block; margin:.3rem 0; color:#202522; font-size:.98rem; }
body.motoshiru-article-v1 .motoshiru-v1-check-card p { margin:0; font-size:.85rem; line-height:1.6; }

body.motoshiru-article-v1 .motoshiru-v1-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.9rem; margin:1.5rem 0 1.75rem; }
body.motoshiru-article-v1 .motoshiru-v1-compare > div { padding:1.1rem; border:1px solid #dfe3e0; border-radius:12px; background:#fff; }
body.motoshiru-article-v1 .motoshiru-v1-compare > div > span { display:block; margin-bottom:.35rem; color:#1d6b70; font-size:.78rem; font-weight:900; letter-spacing:.1em; }
body.motoshiru-article-v1 .motoshiru-v1-compare h3 { margin:0; }
body.motoshiru-article-v1 .motoshiru-v1-compare p { margin:.35rem 0 0; font-size:.92rem; line-height:1.7; }
body.motoshiru-article-v1 .motoshiru-v1-compare--correction > div:first-child { border-color:#e8d9cf; background:#faf5f1; }
body.motoshiru-article-v1 .motoshiru-v1-compare--correction > div:last-child { border-color:#b8d5d1; background:#eef7f5; }
body.motoshiru-article-v1 .motoshiru-v1-compare--correction > div:last-child h3 { color:#145960; }
body.motoshiru-article-v1 .motoshiru-v1-compare--rhythm > div:first-child { border-color:#b8d5d1; background:#eef7f5; }
body.motoshiru-article-v1 .motoshiru-v1-compare--rhythm > div:last-child { border-color:#e8d9cf; background:#faf5f1; }

body.motoshiru-article-v1 .motoshiru-v1-table-wrap { margin:1.5rem 0; overflow-x:auto; border:1px solid #dfe3e0; border-radius:12px; }
body.motoshiru-article-v1 .motoshiru-v1-table-wrap table { width:100%; min-width:100%; border-collapse:collapse; background:#fff; }
body.motoshiru-article-v1 .motoshiru-v1-table-wrap th,
body.motoshiru-article-v1 .motoshiru-v1-table-wrap td { padding:.85rem 1rem; border-bottom:1px solid #dfe3e0; text-align:left; vertical-align:top; }
body.motoshiru-article-v1 .motoshiru-v1-table-wrap th { background:#f1f3f2; font-size:.88rem; }
body.motoshiru-article-v1 .motoshiru-v1-table-wrap tr:last-child td { border-bottom:0; }

body.motoshiru-article-v1 .motoshiru-v1-flow { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:.5rem; margin:1.5rem 0 1.75rem; }
body.motoshiru-article-v1 .motoshiru-v1-flow > div { position:relative; display:grid; min-height:6rem; place-items:center; padding:.7rem; border:1px solid #dfe3e0; border-radius:10px; background:#f6f7f6; text-align:center; font-size:.86rem; font-weight:750; line-height:1.45; }
body.motoshiru-article-v1 .motoshiru-v1-flow > div:not(:last-child)::after { content:'›'; position:absolute; z-index:1; right:-.55rem; top:50%; transform:translateY(-50%); color:#1d6b70; font-size:1.25rem; font-weight:900; }

/* Reusable sequence: short dated/numbered milestones, then a vertical decision process. */
body.motoshiru-article-v1 .motoshiru-v1-timeline { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.65rem; margin:1.6rem 0; list-style:none; padding:0; counter-reset:none; }
body.motoshiru-article-v1 .motoshiru-v1-timeline > li { position:relative; min-width:0; margin:0; padding:1rem .75rem; border:1px solid #d6e1df; border-radius:12px; background:#f4f8f7; text-align:center; }
body.motoshiru-article-v1 .motoshiru-v1-timeline > li:not(:last-child)::after { content:'›'; position:absolute; z-index:1; right:-.55rem; top:50%; transform:translateY(-50%); color:#176b73; font-size:1.35rem; font-weight:900; }
body.motoshiru-article-v1 .motoshiru-v1-timeline strong { display:block; color:#174f53; font-size:1.35rem; line-height:1.25; }
body.motoshiru-article-v1 .motoshiru-v1-timeline span { display:block; margin-top:.5rem; color:#46504b; font-size:.82rem; line-height:1.45; }
body.motoshiru-article-v1 .motoshiru-v1-timeline > li:last-child { border-color:#d9aaa3; background:#fff1ee; }
body.motoshiru-article-v1 .motoshiru-v1-timeline > li:last-child strong { color:#a53434; }
body.motoshiru-article-v1 .motoshiru-v1-steps { display:grid; gap:.85rem; margin:1.6rem 0; padding:0; list-style:none; }
body.motoshiru-article-v1 .motoshiru-v1-steps > li { position:relative; display:grid; grid-template-columns:5.5rem minmax(0,1fr); gap:.85rem; align-items:center; margin:0; padding:.85rem 1rem; border:1px solid #d6e1df; border-radius:12px; background:#f7faf9; }
body.motoshiru-article-v1 .motoshiru-v1-steps > li:not(:last-child)::after { content:'↓'; position:absolute; z-index:1; left:3rem; bottom:-1rem; color:#176b73; font-size:1.15rem; font-weight:900; }
body.motoshiru-article-v1 .motoshiru-v1-steps > li > span { color:#176b73; font-size:.8rem; font-weight:900; letter-spacing:.07em; }
body.motoshiru-article-v1 .motoshiru-v1-steps strong { display:block; color:#202522; font-size:1rem; }
body.motoshiru-article-v1 .motoshiru-v1-steps p { margin:.15rem 0 0 !important; font-size:.9rem; line-height:1.55; }

body.motoshiru-article-v1 .motoshiru-v1-garage { margin:1.7rem 0; overflow:hidden; border:1px solid #cbd7d4; border-radius:14px; background:#fbfcfc; }
body.motoshiru-article-v1 .motoshiru-v1-garage > p { margin:0; padding:.75rem 1rem; background:#e8f0ef; color:#174f53; font-size:.8rem; font-weight:900; letter-spacing:.1em; }
body.motoshiru-article-v1 .motoshiru-v1-garage dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; }
body.motoshiru-article-v1 .motoshiru-v1-garage dl > div { padding:1rem; border-bottom:1px solid #dfe3e0; }
body.motoshiru-article-v1 .motoshiru-v1-garage dl > div:nth-child(odd) { border-right:1px solid #dfe3e0; }
body.motoshiru-article-v1 .motoshiru-v1-garage dt { color:#68706c; font-size:.8rem; font-weight:700; }
body.motoshiru-article-v1 .motoshiru-v1-garage dd { margin:.2rem 0 0; color:#202522; font-weight:800; }

body.motoshiru-article-v1 .motoshiru-v1-closing { margin-top:3rem; padding:2.1rem 1rem .5rem; border-top:1px solid #dfe3e0; text-align:center; }
body.motoshiru-article-v1 .motoshiru-v1-closing strong { display:block; margin-top:1.4rem; color:#202522; font-size:clamp(1.35rem,3vw,1.85rem); }

@media (min-width:981px) {
    /* Keep the navigation and glossary in view, with long TOCs scrolling inside the card. */
    body.motoshiru-article-v1 .moto-article-aside { grid-template-rows:minmax(0,1fr) auto auto; height:calc(100vh - 112px); max-height:calc(100vh - 112px); min-height:0; }
    body.motoshiru-article-v1 .moto-article-toc { min-height:0; }
    body.motoshiru-article-v1 .motoshiru-v1-side-toc-list { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding-right:.35rem; scrollbar-width:thin; }
    body.motoshiru-article-v1 .motoshiru-v1-side-note { margin-top:0; }
}
@media (min-width:681px) and (max-width:980px) {
    body.motoshiru-article-v1 .moto-article-aside { grid-template-columns:minmax(0,1fr); }
}
@media (min-width:741px) and (max-width:980px) {
    body.motoshiru-article-v1 .moto-article-content { padding:2rem clamp(1rem,4vw,2.5rem) 3rem !important; }
    body.motoshiru-article-v1 .motoshiru-v1-check-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:740px) {
    body.motoshiru-article-v1 .moto-article-content { padding:1.5rem 1rem 3rem !important; }
    body.motoshiru-article-v1 .motoshiru-v1-check-grid { grid-template-columns:1fr; }
    body.motoshiru-article-v1 .motoshiru-v1-key-grid,
    body.motoshiru-article-v1 .motoshiru-v1-compare,
    body.motoshiru-article-v1 .motoshiru-v1-garage dl { grid-template-columns:1fr; }
    body.motoshiru-article-v1 .motoshiru-v1-toc ol { columns:1; }
    body.motoshiru-article-v1 .motoshiru-v1-flow { grid-template-columns:1fr; gap:1.1rem; }
    body.motoshiru-article-v1 .motoshiru-v1-flow > div { min-height:auto; }
    body.motoshiru-article-v1 .motoshiru-v1-flow > div:not(:last-child)::after { content:'↓'; right:auto; left:50%; top:auto; bottom:-.95rem; transform:translateX(-50%); }
    body.motoshiru-article-v1 .motoshiru-v1-timeline { grid-template-columns:1fr; gap:1rem; }
    body.motoshiru-article-v1 .motoshiru-v1-timeline > li { display:grid; grid-template-columns:4.5rem minmax(0,1fr); align-items:center; gap:.75rem; text-align:left; }
    body.motoshiru-article-v1 .motoshiru-v1-timeline > li:not(:last-child)::after { content:'↓'; right:auto; left:2.65rem; top:auto; bottom:-.95rem; transform:translateX(-50%); }
    body.motoshiru-article-v1 .motoshiru-v1-timeline span { margin-top:0; }
    body.motoshiru-article-v1 .motoshiru-v1-steps > li { grid-template-columns:4.3rem minmax(0,1fr); }
    body.motoshiru-article-v1 .motoshiru-v1-steps > li:not(:last-child)::after { left:2.5rem; }
    body.motoshiru-article-v1 .motoshiru-v1-table-wrap table { min-width:620px; }
    body.motoshiru-article-v1 .motoshiru-v1-garage dl > div:nth-child(odd) { border-right:0; }
}