/* 穴埋め表示（URL に ?slots を付けたときだけ効く）
   data-slot="P01"（写真）/ "T01"（文章）/ "L01"（リンク先）の場所に番号札を出す */
.slot-on{outline:2px dashed #ff7a00!important;outline-offset:-2px}
.slot-badge{
  position:absolute;left:6px;top:6px;z-index:40;max-width:min(320px,90%);
  background:#ff7a00;color:#111;padding:3px 8px 4px;border-radius:3px;
  font:600 11px/1.5 "Noto Sans JP",sans-serif;letter-spacing:.02em;text-transform:none;
  box-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none;text-align:left;white-space:normal
}
.slot-badge b{font-family:"Inter",sans-serif;margin-right:6px}
.slot-badge.t{background:#ffd23f}
.slot-badge.l{background:#7fd3ff}
.slot-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:999;background:rgba(17,17,17,.94);color:#fff;
  font:400 12px/1.6 "Noto Sans JP",sans-serif;padding:8px 16px;display:flex;gap:14px;flex-wrap:wrap;align-items:center
}
.slot-bar i{font-style:normal;padding:1px 7px;border-radius:3px;color:#111}
.slot-bar button{margin-left:auto;background:none;border:1px solid #888;color:#fff;padding:2px 10px;cursor:pointer;font:inherit}
.slot-list{position:fixed;right:12px;bottom:48px;z-index:999;width:min(380px,calc(100% - 24px));max-height:60vh;overflow:auto;
  background:#fff;color:#111;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.4);font:400 12px/1.6 "Noto Sans JP",sans-serif;display:none}
.slot-list.open{display:block}
.slot-list a{display:block;padding:7px 12px;border-bottom:1px solid #eee;color:#111}
.slot-list a:hover{background:#fff4e8}
.slot-list b{font-family:"Inter",sans-serif;display:inline-block;width:38px}
/* 文章・リンクの札は枠の上に出して、中の文字を隠さない */
.slot-badge.t,.slot-badge.l{top:auto;bottom:100%;left:-2px;border-radius:3px 3px 0 0;box-shadow:none}
.slot-on[data-slot^="T"],.slot-on[data-slot^="L"]{margin-top:26px}