/*!
 * Pay Compass — tabs.css (리포트 · 소침반 소개 · 문의하기 · 이용 가이드 · 블랙리스트)
 * OWNER: content-tabs-builder (Phase 2). References css/tokens.css + base.css only.
 * Blue tokens throughout; red (--risk) isolated to the 블랙리스트 tab (.pc-bl-tab).
 */

/* ── content-panel wrapper (tabs-owned; NOT the frozen shell.css .pc-tab
 * tab-BUTTON class — reusing that name caused the opacity/clip collision) ── */
.pc-tabsec{ white-space:normal; }

/* ── shared tab header ──────────────────────────────────────────────── */
.pc-tabhead{ margin-bottom:var(--space-6); }
.pc-tabhead h1{ margin-bottom:var(--space-3); }
.pc-tabhead__lead{ color:var(--text-secondary); }
/* ── toss cutout illustrations (transparent PNGs → drop-shadow, never box-shadow) ── */
.pc-tabhead--illust{ display:flex; align-items:center; gap:var(--space-5); flex-wrap:wrap; }
.pc-tabhead--illust .pc-tabhead__txt{ flex:1 1 240px; min-width:0; }
.pc-tabhead--illust .pc-tabhead__txt h1{ margin-bottom:var(--space-3); }
.pc-tabhead__illust{ flex:0 0 auto; width:118px; height:auto; filter:var(--sh-illust); }
.pc-guide-illust{ margin:0 auto var(--space-3); width:156px; max-width:58%; }
.pc-guide-illust img{ display:block; width:100%; height:auto; filter:var(--sh-illust); }
@media (max-width:560px){ .pc-tabhead__illust{ width:88px; } }
@media (min-width:1024px){
  /* G-7: desktop editorial 2-col header — the illustration carries real weight
   * instead of floating small above centered text. */
  .pc-tabhead--illust{ flex-wrap:nowrap; }
  .pc-tabhead__illust{ width:200px; }
  .pc-guide-illust{ width:220px; max-width:40%; }
}
/* tabs-owned spacing modifier — do NOT redefine base.css .pc-demo-badge itself */
.pc-tb-badge--gap{ margin-bottom:var(--space-3); }
/* tabs-owned color modifier — do NOT redefine base.css .t-overline itself */
.pc-tb-label--muted{ color:var(--text-muted); }

.pc-empty{
  border:1px dashed var(--border-default); border-radius:var(--rs);
  background:var(--surface-sunken); padding:var(--space-6);
  text-align:center;
}
.pc-empty b{ display:block; margin-bottom:var(--space-2); }
.pc-empty p{ color:var(--text-muted); }

/* ════════════════════════════════════════════════════════════════════
 * 1. 리포트
 * ════════════════════════════════════════════════════════════════════ */
.pc-rep-list{ display:flex; flex-direction:column; gap:var(--space-3); }
.pc-rep-row{
  display:flex; align-items:center; gap:var(--space-4);
  width:100%; text-align:left;
  background:var(--surface-raised); border:1px solid var(--border-default);
  border-radius:var(--rs); padding:var(--space-4) var(--space-5);
  box-shadow:var(--sh-s); transition:border-color var(--d-fast) var(--e-out-quart), box-shadow var(--d-fast) var(--e-out-quart), transform var(--d-fast) var(--e-out-quart);
}
.pc-rep-row:hover{ border-color:var(--border-brand); box-shadow:var(--sh); }
.pc-rep-row:active{ transform:scale(.995); }
.pc-rep-row__body{ display:flex; flex-direction:column; gap:2px; flex:1 1 auto; min-width:0; }
.pc-rep-row__title{ color:var(--text-primary); }
.pc-rep-row__sub{ color:var(--text-muted); }
.pc-rep-row__chev{ color:var(--text-faint); font-size:22px; line-height:1; flex:0 0 auto; }
/* NEW badge — brand/neutral, NOT red */
.pc-rep-new{
  flex:0 0 auto; align-self:flex-start;
  background:var(--brand-soft); color:var(--brand-strong);
  border:1px solid var(--blue-100); border-radius:999px;
  padding:2px 8px;
}

.pc-pager{
  display:flex; align-items:center; justify-content:center; gap:var(--space-4);
  margin-top:var(--space-5);
}
.pc-pager__btn{
  width:40px; height:40px; border-radius:999px;
  border:1px solid var(--border-default); background:var(--surface-raised);
  color:var(--text-secondary); font-size:20px; line-height:1;
  display:inline-flex; align-items:center; justify-content:center;
  transition:border-color var(--d-fast) var(--e-out-quart), color var(--d-fast) var(--e-out-quart);
}
.pc-pager__btn:hover{ border-color:var(--border-brand); color:var(--brand); }
.pc-pager__label{ color:var(--text-muted); font-size:var(--fs-label); min-width:52px; text-align:center; }

/* magazine */
.pc-mag{ margin-top:var(--space-8); }
.pc-mag h2{ margin-bottom:var(--space-5); }
.pc-mag-grid{ display:grid; grid-template-columns:1fr; gap:var(--space-3); }
@media (min-width:768px){
  .pc-mag-grid{ grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
  /* G-8b: lead card spans full width so 5 cards = 1(lead)+2+2, never a trailing
   * orphan — holds whether auto-fit resolves to 2 or 3 tracks. */
  .pc-mag-grid > .pc-mag-card:first-child{ grid-column:1 / -1; }
}
.pc-mag-card{
  display:flex; flex-direction:column; gap:var(--space-2); text-align:left;
  background:var(--surface-raised); border:1px solid var(--border-default);
  border-radius:var(--rs); padding:var(--space-5); overflow:hidden;
  box-shadow:var(--sh-s); transition:border-color var(--d-fast) var(--e-out-quart), box-shadow var(--d-fast) var(--e-out-quart), transform var(--d-fast) var(--e-out-quart);
}
/* toss-style full-bleed cover art: negative-margin out to card edges, corners clipped by card overflow */
.pc-mag-card__media{ margin:calc(var(--space-5) * -1) calc(var(--space-5) * -1) var(--space-1); background:var(--surface-base); }
.pc-mag-card__media img{ display:block; width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; }
.pc-mag-card:hover{ border-color:var(--border-brand); box-shadow:var(--sh); }
.pc-mag-card:active{ transform:scale(.995); }
.pc-mag-cat{ color:var(--brand); }
.pc-mag-title{ color:var(--text-primary); }
.pc-mag-meta{ color:var(--text-muted); margin-top:auto; }

/* report reader body (rendered into #pc-reader-body, shell-owned overlay) */
.pc-rep-period{ color:var(--text-muted); }
.pc-rep-glance{ display:flex; gap:var(--space-6); margin:var(--space-4) 0; flex-wrap:wrap; }
.pc-rep-stat{ display:flex; flex-direction:column; gap:2px; }
.pc-rep-stat b{ color:var(--brand); }
.pc-rep-note{ color:var(--text-secondary); }
.pc-rep-ranklist{ display:flex; flex-direction:column; gap:var(--space-2); margin-top:var(--space-3); }
.pc-rep-rankrow{
  display:flex; align-items:center; gap:var(--space-4);
  padding:var(--space-3) var(--space-4);
  background:var(--surface-sunken); border-radius:var(--rs);
}
.pc-rep-rank{ color:var(--text-faint); font-weight:var(--fw-bold); width:20px; }
.pc-rep-vname{ flex:1 1 auto; font-weight:var(--fw-semibold); }
.pc-rep-vpct{ color:var(--brand); font-weight:var(--fw-bold); }
.pc-rep-disc{ color:var(--text-muted); margin-top:var(--space-6); }

/* article rich-text (verbatim bodyHtml) — scoped under the tabs-owned
 * .pc-tb-article wrapper so it never restyles other content (legal docs,
 * report doc) rendered into the shared shell.css .pc-reader__body. */
.pc-reader__body .pc-tb-article .lead{ font-size:var(--fs-body-lg); color:var(--text-primary); font-weight:var(--fw-medium); }
.pc-reader__body .pc-tb-article ul,.pc-reader__body .pc-tb-article ol{ max-width:640px; margin:var(--space-3) auto 0; padding-left:1.3em; }
.pc-reader__body .pc-tb-article li{ font-size:var(--fs-body-lg); line-height:var(--lh-body-lg); color:var(--text-secondary); margin-top:var(--space-2); }
.pc-reader__body .pc-tb-article .callout{
  max-width:640px; margin:var(--space-5) auto 0;
  background:var(--brand-soft); border:1px solid var(--blue-100);
  border-radius:var(--rs); padding:var(--space-4) var(--space-5);
  font-size:var(--fs-body); color:var(--text-secondary);
}
.pc-reader__body .pc-tb-article .callout b{ color:var(--brand-strong); }

/* ════════════════════════════════════════════════════════════════════
 * 2. 소침반 소개
 * ════════════════════════════════════════════════════════════════════ */
.pc-about-hero{
  background:var(--banner-grad); color:var(--text-on-inverse);
  padding-block:var(--space-9);
}
.pc-about-kicker{ color:var(--brand-on-inverse); display:block; margin-bottom:var(--space-4); }
.pc-about-quote{ color:var(--white); margin-bottom:var(--space-5); }
.pc-about-sub{ color:var(--text-on-inverse-2); }

/* ── founder scroll-narrative: pinned compass instrument + passing story ──
 * The aside sticks while the story column scrolls past; the needle (dial)
 * wavers on scroll and LOCKS on 진북 at the payoff. Single ScrollTrigger drives
 * the needle; per-beat reveals via IntersectionObserver (.is-in). */
.pc-aboutn{ background:var(--surface-daylight); }
.pc-aboutn__inner{
  display:grid; grid-template-columns:1fr; gap:var(--space-6);
  padding-block:var(--space-8) var(--space-9);
}
@media (min-width:860px){
  .pc-aboutn__inner{ grid-template-columns:minmax(240px,300px) minmax(0,1fr); gap:var(--space-8); align-items:start; }
}

/* aside — sticky instrument card */
.pc-aboutn__aside{
  position:sticky; top:calc(var(--topbar-h) + var(--space-4)); z-index:1;
  align-self:start;
}
.pc-aboutn__instrument{
  display:flex; flex-direction:column; align-items:center; gap:var(--space-3);
  background:var(--surface-raised); border:1px solid var(--border-default);
  border-radius:var(--r); padding:var(--space-6) var(--space-5);
  box-shadow:var(--sh);
}
.pc-aboutn__kicker{ color:var(--brand); letter-spacing:var(--tr-overline); }
.pc-aboutn__compass{ width:min(56vw,180px); aspect-ratio:1; }
.pc-aboutn__readout{ display:flex; flex-direction:column; align-items:center; gap:6px; min-height:44px; }
.pc-aboutn__north{
  font-size:var(--fs-overline); font-weight:var(--fw-bold); letter-spacing:var(--tr-overline);
  text-transform:uppercase; color:var(--brand);
  background:var(--brand-soft); border:1px solid var(--blue-100);
  border-radius:999px; padding:2px 10px;
  opacity:0; transform:translateY(4px);
  transition:opacity var(--d-base) var(--e-out-quart), transform var(--d-base) var(--e-out-quart);
}
.pc-aboutn.is-locked .pc-aboutn__north,.pc-aboutn__north.is-in{ opacity:1; transform:none; }
.pc-aboutn__side{
  display:inline-flex; align-items:center; gap:8px;
  font-size:var(--fs-label); font-weight:var(--fw-semibold); color:var(--text-secondary);
}
.pc-aboutn__side::before{
  content:""; width:8px; height:8px; border-radius:50%;
  background:var(--sky); box-shadow:0 0 10px var(--sky);
  transition:background var(--d-base) var(--e-out-quart), box-shadow var(--d-base) var(--e-out-quart);
}
.pc-aboutn.is-locked .pc-aboutn__side{ color:var(--brand-strong); }
.pc-aboutn.is-locked .pc-aboutn__side::before{ background:var(--brand); box-shadow:0 0 10px var(--brand); }
@media (max-width:859px){
  .pc-aboutn__instrument{ flex-direction:row; justify-content:flex-start; gap:var(--space-4); padding:var(--space-4) var(--space-5); }
  .pc-aboutn__compass{ width:96px; flex:0 0 auto; }
  .pc-aboutn__instrument .pc-aboutn__kicker{ display:none; }
  .pc-aboutn__readout{ align-items:flex-start; min-height:0; }
}
@media (max-width:767px){
  /* P2-D6: shrink the pinned needle card footprint (~23% of viewport → smaller)
   * while KEEPING position:sticky — protects both the motion floor AND the
   * watch-it-LOCK choreography (do NOT switch the aside to position:relative). */
  .pc-aboutn__compass{ width:72px; }
  .pc-aboutn__instrument{ gap:var(--space-3); padding:var(--space-3) var(--space-4); }
}

/* story column — beats reveal as they pass the compass */
.pc-aboutn__story{ min-width:0; }
.pc-aboutn__beat{
  color:var(--text-secondary); max-width:44ch;
  opacity:.55; transform:translateY(20px);
  transition:opacity var(--d-slow) var(--e-out-quart), transform var(--d-slow) var(--e-out-quart);
}
.pc-aboutn__beat + .pc-aboutn__beat{ margin-top:var(--space-8); }
.pc-aboutn__beat b{ color:var(--text-primary); font-weight:var(--fw-bold); }
.pc-aboutn__beat.is-in{ opacity:1; transform:none; }

.pc-aboutn__illust{ margin:var(--space-7) 0; width:240px; max-width:72%; }
.pc-aboutn__illust img{ display:block; width:100%; height:auto; filter:var(--sh-illust); }
.pc-aboutn__illust--mid{
  opacity:.55; transform:translateY(20px);
  transition:opacity var(--d-slow) var(--e-out-quart), transform var(--d-slow) var(--e-out-quart);
}
.pc-aboutn__illust--mid.is-in{ opacity:1; transform:none; }

/* the LOCK payoff — lands in sync with the needle settling (--pay-op driven by JS) */
.pc-aboutn__payoff{
  margin-top:var(--space-9);
  padding:var(--space-7) var(--space-6);
  background:var(--banner-grad); color:var(--text-on-inverse);
  border-radius:var(--r); box-shadow:var(--sh-l);
  opacity:calc(0.72 + 0.28 * var(--pay-op, 0));
  transform:translateY(calc((1 - var(--pay-op, 0)) * 8px));
}
.pc-aboutn__payoff-eyebrow{ display:block; color:var(--brand-on-inverse); margin-bottom:var(--space-3); }
.pc-aboutn__payoff-line{ color:var(--white); margin-bottom:var(--space-4); }
.pc-aboutn__payoff-body{ color:var(--blue-200); max-width:46ch; }
.pc-aboutn__payoff-body b{ color:var(--white); font-weight:var(--fw-bold); }
.pc-aboutn__illust--end{ margin:var(--space-6) auto 0; width:220px; max-width:64%; }
.pc-aboutn__illust--end img{ filter:var(--sh-illust-ondark); }

@media (prefers-reduced-motion:reduce){
  .pc-aboutn__beat,.pc-aboutn__illust--mid,.pc-aboutn__north{ opacity:1 !important; transform:none !important; }
  .pc-aboutn__payoff{ opacity:1 !important; transform:none !important; }
}

.pc-about-stats{
  display:grid; grid-template-columns:1fr; gap:var(--space-5);
  padding:var(--space-6); border-radius:var(--r);
  background:var(--surface-daylight); border:1px solid var(--border-default);
}
@media (min-width:768px){ .pc-about-stats{ grid-template-columns:repeat(3,1fr); } }
.pc-about-stat{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-2); }
/* metrics render on the data-title scale (28→40, table-%/count purpose),
 * NOT data-hero: 3 hero numbers in a 3-col grid collide into one blob ≥768. */
.pc-about-stat__num{ color:var(--brand); font-size:var(--fs-data-title); white-space:normal; line-height:var(--lh-data-title); }
.pc-about-stat__label{ color:var(--text-secondary); }
.pc-about-asof{ color:var(--text-muted); margin-top:var(--space-5); }

/* ════════════════════════════════════════════════════════════════════
 * 3. 문의하기
 * ════════════════════════════════════════════════════════════════════ */
.pc-contact-chat,.pc-contact-biz{
  background:var(--surface-raised); border:1px solid var(--border-default);
  border-radius:var(--r); padding:var(--space-6); box-shadow:var(--sh-s);
  margin-bottom:var(--space-5);
}
.pc-contact-chat h2,.pc-contact-biz h2{ margin-bottom:var(--space-2); }
.pc-contact-chat p,.pc-contact-biz p{ color:var(--text-secondary); margin-bottom:var(--space-4); }

/* ════════════════════════════════════════════════════════════════════
 * shared intake form (vendor + blacklist)
 * Default validation tone = brand-blue (non-risk context: the 문의하기
 * vendor form). Red is a scoped override for .pc-bl-report only — see
 * "블랙리스트 report form — risk-context red" below. §11: red reserved
 * for 먹튀/risk contexts; the vendor form is not one of them.
 * ════════════════════════════════════════════════════════════════════ */
.pcf-form{ display:flex; flex-direction:column; gap:var(--space-4); }
.pcf-field{ display:flex; flex-direction:column; gap:var(--space-2); }
.pcf-label{ color:var(--text-primary); }
.pcf-req{ color:var(--brand-strong); }
.pcf-input{
  width:100%; background:var(--surface-base);
  border:1px solid var(--border-default); border-radius:var(--rs);
  padding:12px 14px; font-size:var(--fs-body); color:var(--text-primary);
  transition:border-color var(--d-fast) var(--e-out-quart), box-shadow var(--d-fast) var(--e-out-quart);
}
.pcf-input::placeholder{ color:var(--text-faint); }
.pcf-input:focus{ outline:none; border-color:var(--border-brand); box-shadow:0 0 0 3px var(--brand-soft); }
.pcf-textarea{ resize:vertical; min-height:88px; line-height:var(--lh-body); }
.pcf-select{ appearance:none; -webkit-appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%); background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%; background-size:5px 5px,5px 5px; background-repeat:no-repeat; padding-right:40px; }
.pcf-input[aria-invalid="true"]{ border-color:var(--brand-strong); box-shadow:0 0 0 3px var(--brand-soft); }
.pcf-error{ color:var(--brand-strong); min-height:0; }
.pcf-error:empty{ display:none; }

/* 블랙리스트 report form — risk-context red override (scoped to .pc-bl-report
 * only; the vendor form on 문의하기 keeps the brand-blue default above). */
.pc-bl-report .pcf-req{ color:var(--risk); }
.pc-bl-report .pcf-input[aria-invalid="true"]{ border-color:var(--risk); box-shadow:0 0 0 3px var(--risk-soft); }
.pc-bl-report .pcf-error{ color:var(--risk); }

.pcf-checks{ display:flex; flex-wrap:wrap; gap:var(--space-3); }
.pcf-check{
  display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  border:1px solid var(--border-default); border-radius:999px;
  padding:8px 14px; min-height:44px; font-size:var(--fs-label); color:var(--text-secondary);
  transition:border-color var(--d-fast) var(--e-out-quart), background var(--d-fast) var(--e-out-quart);
}
.pcf-check:hover{ border-color:var(--border-brand); }
.pcf-check input{ accent-color:var(--brand); width:16px; height:16px; }
.pcf-check:has(input:checked){ border-color:var(--border-brand); background:var(--brand-soft); color:var(--brand-strong); }

.pcf-btn,.pcf-submit{
  align-self:flex-start;
  border-radius:999px; padding:12px 22px;
  font-size:var(--fs-label); font-weight:var(--fw-semibold);
  transition:background var(--d-fast) var(--e-out-quart), opacity var(--d-fast) var(--e-out-quart), transform var(--d-instant) var(--e-out-quart);
}
.pcf-btn--primary,.pcf-submit{ background:var(--cta-bg); color:var(--white); }
.pcf-btn--primary:hover,.pcf-submit:hover{ background:var(--brand-strong); }
.pcf-btn:active,.pcf-submit:active{ transform:scale(.98); }
.pcf-submit{ width:100%; align-self:stretch; text-align:center; }
.pcf-submit[data-loading]{ opacity:.6; cursor:progress; }
.pcf-submit--risk{ background:var(--risk-strong); }
.pcf-submit--risk:hover{ background:var(--red-600); filter:brightness(.94); }
.pcf-hint{ color:var(--text-muted); }

/* ════════════════════════════════════════════════════════════════════
 * 4. 이용 가이드
 * ════════════════════════════════════════════════════════════════════ */
.pc-guide-subtabs{ display:flex; gap:var(--space-2); margin-bottom:var(--space-6); flex-wrap:wrap; }
.pc-guide-pill{
  border:1px solid var(--border-default); border-radius:999px;
  padding:9px 18px; font-size:var(--fs-label); font-weight:var(--fw-semibold);
  color:var(--text-secondary); background:var(--surface-raised);
  transition:all var(--d-fast) var(--e-out-quart);
}
.pc-guide-pill:hover{ border-color:var(--border-brand); }
.pc-guide-pill.pc-tb-active{ background:var(--brand); border-color:var(--brand); color:var(--white); }

.pc-guide-intro{ color:var(--text-secondary); margin-bottom:var(--space-6); }
.pc-guide-steps{ display:flex; flex-direction:column; gap:var(--space-4); }
.pc-guide-step{ display:flex; gap:var(--space-4); align-items:flex-start; }
.pc-guide-step__no{
  flex:0 0 auto; color:var(--brand); min-width:44px;
  line-height:1;
}
.pc-guide-step__body b{ display:block; margin-bottom:2px; color:var(--text-primary); }
.pc-guide-step__body p{ color:var(--text-secondary); }

.pc-faq{ margin-top:var(--space-8); }
.pc-faq h2{ margin-bottom:var(--space-4); }
.pc-faq-item{ border-bottom:1px solid var(--border-default); }
.pc-faq-q{
  display:flex; align-items:center; justify-content:space-between; gap:var(--space-4);
  width:100%; text-align:left; padding:var(--space-4) 0; color:var(--text-primary);
}
.pc-faq-mark{ color:var(--brand); font-size:22px; line-height:1; flex:0 0 auto; }
.pc-faq-a{ padding:0 0 var(--space-4); }
.pc-faq-a p{ color:var(--text-secondary); }

/* ════════════════════════════════════════════════════════════════════
 * 5. 블랙리스트 — red isolation (risk context only)
 * ════════════════════════════════════════════════════════════════════ */
.pc-bl-tab .pc-tabhead__lead{ color:var(--text-secondary); }
.pc-bl-registry{
  border:1px solid var(--border-default); border-radius:var(--rs);
  overflow:hidden; background:var(--surface-raised);
}
.pc-bl-thead,.pc-bl-row{
  display:grid; grid-template-columns:1.4fr 1fr 1.3fr 0.9fr;
  gap:var(--space-3); align-items:center;
  padding:var(--space-3) var(--space-4);
}
.pc-bl-thead{
  background:var(--surface-sunken); color:var(--text-muted);
  font-size:var(--fs-caption); font-weight:var(--fw-bold);
  border-bottom:1px solid var(--border-default);
}
.pc-bl-row{ border-top:1px solid var(--border-subtle); font-size:var(--fs-label); }
.pc-bl-c--name{ font-weight:var(--fw-semibold); color:var(--text-primary); }
.pc-bl-c--date{ color:var(--text-muted); }
.pc-bl-c--tag{ color:var(--risk); }
.pc-bl-c--status{ color:var(--text-secondary); }
.pc-bl-empty{ padding:var(--space-7) var(--space-5); text-align:center; white-space:normal; }
.pc-bl-empty b{ display:block; margin-bottom:var(--space-2); color:var(--text-primary); }
.pc-bl-empty p{ color:var(--text-muted); max-width:44ch; margin-inline:auto; white-space:normal; }

.pc-bl-pointer{
  margin:var(--space-5) 0 var(--space-7);
  padding:var(--space-4) var(--space-5);
  background:var(--risk-soft); border:1px solid var(--red-050);
  border-left:3px solid var(--risk); border-radius:var(--rs);
  color:var(--text-secondary);
}
.pc-bl-link{ color:var(--brand); font-weight:var(--fw-semibold); text-decoration:underline; text-underline-offset:3px; }

.pc-bl-report{
  background:var(--surface-raised); border:1px solid var(--border-default);
  border-radius:var(--r); padding:var(--space-6); box-shadow:var(--sh-s);
}
.pc-bl-report h2{ margin-bottom:var(--space-2); }
.pc-bl-report > p{ color:var(--text-secondary); margin-bottom:var(--space-4); }

/* small screens: registry collapses gracefully */
@media (max-width:600px){
  .pc-bl-thead{ display:none; }
  .pc-bl-row{ grid-template-columns:1fr 1fr; gap:var(--space-1) var(--space-3); }
  .pc-bl-c--name{ grid-column:1 / -1; }
}