/* 右下の「目次」と「上に戻る」ボタン（サテライト共通）。
   下固定バーがあるページは <body class="has-dock"> にすると、その上に出る。 */
.fab{position:fixed;right:12px;bottom:16px;z-index:40;display:flex;align-items:flex-end;gap:10px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}
.fab.show{opacity:1;transform:none;pointer-events:auto}
body.has-dock .fab{bottom:76px}
.totop{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff6c2,#f5b800 60%,#b07a00);border:3px solid #fff;box-shadow:0 3px 0 #7a5200,0 6px 14px rgba(0,0,0,.35)}
.totop svg{width:26px;height:26px}
.ftoc{position:relative}
.ftoc-btn{display:flex;align-items:center;gap:5px;height:46px;padding:0 16px;border:3px solid #fff;border-radius:999px;cursor:pointer;color:#fff;font:inherit;font-size:14px;font-weight:800;
 background:linear-gradient(180deg,#ff6fa8,#ff2d7a);box-shadow:0 3px 0 #b8004f,0 6px 14px rgba(0,0,0,.35)}
.ftoc-btn svg{width:20px;height:20px}
.ftoc-btn[aria-expanded=true]{background:linear-gradient(180deg,#3a1a28,#1a0f14);color:#ffe27a}
.ftoc-list{position:absolute;right:0;bottom:56px;width:min(300px,calc(100vw - 24px));max-height:min(70vh,520px);overflow:auto;
 background:#1a0f14;border:3px solid #f5b800;border-radius:12px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.ftoc-list[hidden]{display:none}
.ftoc-list .hd{color:#ffe27a;font-size:12px;font-weight:800;padding:4px 8px 6px;border-bottom:1px solid #4a2a38;margin-bottom:4px}
.ftoc-list a{display:block;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:8px 10px;border-radius:6px;line-height:1.35}
.ftoc-list a.sub{font-size:13px;font-weight:500;padding-left:24px;color:#f3d6e1}
.ftoc-list a.sub:before{content:"♛ ";color:#f5b800;font-size:11px}
.ftoc-list a:hover,.ftoc-list a.cur{background:#ff2d7a;color:#fff}