/* v050: スキル工房の2つ目のピックアップ(今回の版の仲間)・一覧の札・はじめの一歩の1行(本人 2026-09-28 v049案・9/29「今回のverに加わります」) */
.workshop-feature-next .feature-copy .text-link{display:inline-block;margin-top:12px}
.workshop-feature-next .feature-copy p:not(.eyebrow){margin-top:10px;word-break:keep-all;overflow-wrap:anywhere}
.skill-new{display:inline-block;margin:4px 0 0;padding:2px 8px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:700;line-height:1.5}
/* v049: チームの窓の説明とスキル名を文節で折る。WebKit(iPhone)は auto-phrase が効かず「ペ/ージ」「CMへ/。」と折れていた(v045 から)。keep-all にすると phrase.js が文節に <wbr> を入れる */
.machine-description{word-break:keep-all;overflow-wrap:anywhere}
/* v050: 2つ目のピックアップの見出しはスマホでも「、」の後で改行(iPhone 320px で「17の/仲間が」と折れた)・用語は折らない・相棒の版の注記を文節で折る(「今回の版か/ら」と折れた) */
.workshop-feature-next .feature-copy h3 br{display:inline}
.workshop-feature-next .nw{white-space:nowrap}
#editions small{word-break:keep-all;overflow-wrap:anywhere}
/* v050: アップデートの歩み(相棒の区画の注記の下・本人「簡単なアップデート履歴もこの辺りで、全部可視化したいね」) */
.update-history{max-width:620px;margin:34px auto 0;text-align:center}
.update-history .update-lead{margin:6px 0 12px;font-size:15px;line-height:1.7;color:#55555b;word-break:keep-all;overflow-wrap:anywhere}
.update-chart{display:block;width:100%;height:auto}
.update-chart .base{stroke:#d2d2d7;stroke-width:1}
.update-chart .line{fill:none;stroke:#0768cc;stroke-width:2.2;stroke-linejoin:round}
.update-chart .next{fill:none;stroke:#0768cc;stroke-width:2.2;stroke-dasharray:5 5}
.update-chart .d{fill:#0768cc;opacity:.45}
.update-chart .m{fill:#0768cc;stroke:#fff;stroke-width:2}
.update-chart .now{fill:#fff;stroke:#0768cc;stroke-width:3}
.update-marks{list-style:none;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;text-align:left}
.update-marks li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:12px;background:#fff;font-size:13px;color:#55555b}
.update-marks strong{font-size:15px;color:#1d1d1f}
.update-marks em{font-style:normal}
.update-marks .now{background:#eaf2fc}
.update-marks .now span,.update-marks .now strong,.update-marks .now em{color:#0a4f95}
.update-history small{display:block;margin-top:10px;font-size:12px;color:#55555b}
@media (max-width:600px){.update-marks{grid-template-columns:repeat(2,minmax(0,1fr))}}