/* 説明ページ /story (2026-10-08)。見た目は swipe.css の部品をそのまま使う (Owner「スワイプLPの CSS を守りながら」)。
   ここに書くのは「スナップせずに縦に読み進める」ための差分だけ。 */
html.st,html.st body{height:auto;overflow:auto}
/* body まで overflow:auto だと body がスクロール容器になり「← カードに戻る」の sticky が効かない (2026-10-08 WebKit 実測)。body は visible に戻す */
html.st body{overflow:visible}
html.st .card{height:auto;min-height:0;scroll-snap-align:none;scroll-snap-stop:normal;overflow:visible;padding:40px 22px 40px}
html.st .card+.card{border-top:1px solid #EFE6D6}
html.st .card .shot{max-height:none}
html.st .card .shot::after{display:none}
html.st main.st-main{padding-bottom:calc(var(--st-dock-h) + 24px)}
/* 2026-10-08 Owner「11月末まで無料で試すはフローティングするの？一部本文にかぶっている」→ 丞相裁定:
   浮いたボタン (pill) をやめ、画面の一番下に背景つきの帯として固定する。帯は不透明で、本文の文字は帯の上に出ない。
   本文 (main) の下には帯の高さ分の余白を足し、最後まで読んでも帯の下に文字が隠れない。スワイプLP (.cta-bar / .cta-dock) は触らない */
html.st{--st-dock-h:calc(70px + env(safe-area-inset-bottom))}
html.st .st-dock{position:fixed;left:0;right:0;bottom:0;z-index:7;box-sizing:border-box;min-height:var(--st-dock-h);background:#FFFDF9;border-top:1px solid #E6DCCB;padding:10px 22px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center}
html.st .st-dock[hidden]{display:none}
html.st .st-dock .cta-bar{position:static;transform:none;display:block;width:100%;max-width:420px;padding:14px 18px;box-shadow:0 3px 0 var(--sun-deep)}
/* 2026-10-08 軍議 v2: 章の番号 (参軍) と「← カードに戻る」 */
html.st .st-no{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:var(--sun);color:#0F2747;font:900 16px/1 "Zen Kaku Gothic New",sans-serif}
/* 2026-10-08 説明ページの分け直し: 目次から飛んだ時に見出しが「← カードに戻る」の帯に隠れないように */
html.st .card{scroll-margin-top:48px}
html.st .st-toc{width:100%}
html.st .st-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:8px;text-align:left}
html.st .st-toc a{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 14px;color:#0F2747;font-weight:700;font-size:16px;text-decoration:none}
html.st .st-toc .n{flex:none;width:28px;height:28px;border-radius:50%;background:var(--sun);display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px}
html.st .st-cap{width:100%;margin:4px 0 -6px;font-size:14px;font-weight:700;color:var(--palm);text-align:left}
html.st .st-notice{margin:0;width:100%;background:#fff;border:1px solid #EFE6D6;border-left:4px solid var(--sun);border-radius:14px;padding:12px 16px;font-size:14px;line-height:1.7;text-align:left}
html.st .st-notice p{margin:0 0 6px}
html.st .st-notice ul{margin:0 0 6px;padding-left:1.2em}
html.st .st-back{position:sticky;top:0;z-index:8;display:block;padding:10px 16px;background:rgba(255,253,249,.94);border-bottom:1px solid #EFE6D6;color:#0F2747;font-weight:900;font-size:15px;text-decoration:none}