/* beindie tool — press kit generator */

.pk-sub{font-family:var(--display);font-weight:800;font-size:1.05rem;letter-spacing:-.02em}

.pk-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px 18px}
.pk-checks .checkbox .t{font-size:14.5px}

.pk-rows{display:grid;gap:12px}
.pk-row{
  display:grid;gap:10px;align-items:start;
  grid-template-columns:1fr auto;
  border-left:2px solid var(--line);padding-left:14px;
}
.pk-row__fields{display:grid;gap:10px}
.pk-row__fields.cols-2{grid-template-columns:1fr 1fr}
.pk-row__fields.cols-3{grid-template-columns:1.4fr 1fr 1fr}
@media (max-width:700px){
  .pk-row__fields.cols-2,.pk-row__fields.cols-3{grid-template-columns:1fr}
}
.pk-row input,.pk-row textarea{font-size:15px;padding:9px 11px}
.pk-row__rm{
  background:transparent;border:1px solid var(--line-strong);color:var(--muted);
  width:34px;height:38px;cursor:pointer;font-size:16px;line-height:1;flex:none;
}
.pk-row__rm:hover{border-color:var(--red);color:var(--red)}
.pk-empty{font-size:14px;color:var(--muted);font-style:italic}

.pk-want{padding-left:18px;display:grid;gap:10px;font-size:14px;color:var(--ink-soft);line-height:1.45}
.pk-want b{color:var(--ink)}
.pk-caveats{padding-left:18px;display:grid;gap:10px;font-size:15px;color:var(--muted);line-height:1.5}

.pk-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pk-stage{border:1px solid var(--line);background:var(--paper-2)}

.pk-code{
  margin:0;padding:clamp(16px,2.5vw,26px);overflow-x:auto;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12.5px;line-height:1.6;color:var(--ink-soft);
  max-height:640px;white-space:pre-wrap;word-break:break-word;
}

/* ---- the rendered kit ---- */
.pk-kit{padding:clamp(20px,3.5vw,44px);max-width:860px;margin-inline:auto}
.pk-kit h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1}
.pk-kit .pk-tag{font-size:1.15rem;color:var(--ink-soft);margin-top:12px;line-height:1.4}
.pk-kit .pk-studio{
  font-family:var(--pixel);font-size:10px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);
}
.pk-kit h2{
  font-size:1.35rem;margin-top:38px;padding-bottom:8px;border-bottom:1px solid var(--line);
}
.pk-kit h3{font-size:1.05rem;margin-top:22px}
.pk-kit p{margin-top:12px;line-height:1.6;color:var(--ink-soft)}
.pk-kit ul,.pk-kit ol{margin-top:12px;padding-left:20px;display:grid;gap:7px;color:var(--ink-soft)}
.pk-kit a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent)}
.pk-kit blockquote{
  margin:14px 0 0;padding:12px 16px;border-left:3px solid var(--accent);
  background:var(--shade);font-size:15.5px;color:var(--ink-soft);
}
.pk-kit blockquote cite{display:block;margin-top:7px;font-style:normal;font-size:13px;color:var(--muted)}
.pk-kit code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;
  background:var(--shade);padding:1px 5px;
}
.pk-facts{
  margin-top:14px;display:grid;grid-template-columns:auto 1fr;gap:9px 22px;
  font-size:15px;align-items:baseline;
}
.pk-facts dt{
  font-family:var(--pixel);font-size:9px;letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted);white-space:nowrap;
}
.pk-facts dd{margin:0;color:var(--ink-soft)}
.pk-shots{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.pk-shots figure{margin:0;display:grid;gap:6px}
.pk-shots img{width:100%;border:1px solid var(--line);background:var(--shade)}
.pk-shots figcaption{font-size:12px;color:var(--muted);line-height:1.4}
.pk-kit .pk-hint{font-size:14px;color:var(--muted);font-style:italic;margin-top:12px}

/* the left column must be allowed to shrink; wide tables scroll inside their wrap */
.split > .stack{grid-template-columns:minmax(0,1fr)}
.split > .stack > *{min-width:0}
.panel .table-wrap,.panel .chart-wrap{max-width:100%}

/* ---------- 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"] .pk-kit .pk-studio,:root[lang="zh"] .pk-kit .pk-studio,
:root[lang="ja"] .pk-facts dt,:root[lang="zh"] .pk-facts dt{
  font-family:var(--body);font-size:11px;letter-spacing:0;text-transform:none;
}

/* an address the exports cannot turn into a link is shown as text, not dropped */
.pk-raw{
  display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.85em;color:var(--muted);overflow-wrap:anywhere;
}
.pk-shots figcaption .pk-raw{display:block;margin-top:3px}

/* long addresses must wrap rather than push the page sideways on a phone */
.pk-kit{overflow-wrap:anywhere}
@media (max-width:560px){
  .pk-facts{grid-template-columns:1fr;gap:2px 0}
  .pk-facts dd{margin-bottom:8px}
}