/* beindie tool — launch date checker */

#ldRoot .split > .stack{min-width:0;grid-template-columns:minmax(0,1fr)}
#ldRoot .panel{min-width:0}

.ld-head{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-wrap:wrap}

.ld-strip{width:100%;overflow-x:auto;border:1px solid var(--line);background:var(--paper-2);padding:6px}
.ld-strip svg{display:block;max-width:none;height:302px}

.ld-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--muted)}
.ld-legend span{display:inline-flex;align-items:center;gap:8px}
.ld-legend .sw{width:13px;height:13px;display:block;border:1px solid var(--line-strong)}
.sw--pick{background:transparent;border:3px solid var(--ink);width:15px;height:15px}
.sw--hi{background:var(--red);opacity:.45}
.sw--mid{background:var(--orange);opacity:.45}
.sw--lo{background:var(--blue);opacity:.3}
.sw--wk{background:var(--shade)}

.ld-events{list-style:none;padding:0;margin:0;display:grid;gap:1px;background:var(--line)}
.ld-event{
  display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:baseline;
  padding:13px 16px;background:var(--paper-3);font-size:15px;line-height:1.45;
}
.ld-event__d{
  font-family:var(--pixel);font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);
}
.ld-event b{font-weight:600;display:block}
.ld-event__span{display:block;font-size:13px;color:var(--muted);margin-top:3px}
.ld-event.is-hi{border-left:4px solid var(--red)}
.ld-event.is-mid{border-left:4px solid var(--orange)}
.ld-event.is-lo{border-left:4px solid var(--line-strong)}
.ld-event.is-clear{border-left:4px solid var(--green)}
.ld-own{
  font-style:normal;font-family:var(--pixel);font-size:8px;letter-spacing:.05em;
  border:1px solid var(--ink);padding:2px 5px;margin-left:6px;vertical-align:2px;
}
@media (max-width:620px){
  .ld-event{grid-template-columns:1fr;gap:6px}
}

.ld-add{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;gap:14px;align-items:end}
.ld-add .btn{height:43px}
@media (max-width:620px){
  .ld-add{grid-template-columns:1fr}
  .ld-add .btn{height:auto;justify-self:start}
}

.ld-custom{list-style:none;padding:0;margin:0;display:grid;gap:1px;background:var(--line)}
.ld-custom li{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 16px;background:var(--paper-3);font-size:15px;
}
.ld-custom b{font-weight:600}
.ld-del{
  background:transparent;border:1px solid var(--line-strong);color:var(--muted);
  padding:6px 10px;font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;
}
.ld-del:hover{border-color:var(--red);color:var(--red)}

.ld-steps{padding-left:20px;display:grid;gap:10px;font-size:15px;color:var(--muted);line-height:1.55}

/* ---------- F3: shareable state — the copy-link row above the tool ---------- */
.tool-share{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:26px}
.tool-share .copy{margin-top:0;flex:none}
.tool-share .hint{margin:0;max-width:62ch}
/* the pixel face has no CJK glyphs: fall back to the body face for ja/zh */
:root[lang="ja"] .ld-event__d,:root[lang="zh"] .ld-event__d,
:root[lang="ja"] .ld-own,:root[lang="zh"] .ld-own{
  font-family:var(--body);font-size:11px;letter-spacing:0;text-transform:none;
}

/* Two warnings the page must be able to raise above the verdict: a date that
   has already passed, and a date past the end of the sale calendar this tool
   ships. Empty most of the time, and it collapses when it is. */
.ld-flags{display:grid;gap:10px}
.ld-flags:empty{display:none}
.ld-flags + .result{margin-top:16px}
#ceErr:empty{display:none}