/* =========================================================================
   Rooky — public site components (no proprietary logic)
   ========================================================================= */

/* ---------- restraint strip ---------- */
.rstrip .pn{font-family:var(--disp);font-weight:600;font-size:19px;letter-spacing:-0.01em}

/* ---------- transparency grid ---------- */
.trans-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:24px;align-items:start}
@media(max-width:880px){.trans-grid{grid-template-columns:1fr}}

/* ---------- redacted bars ---------- */
.rdct{display:inline-block;height:9px;border-radius:4px;vertical-align:middle;
  background:linear-gradient(90deg,var(--hair),var(--hair-soft));position:relative;overflow:hidden}
.rdct::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent);
  transform:translateX(-100%);animation:rdShine 2.6s linear infinite}
[data-theme="light"] .rdct::after{background:linear-gradient(90deg,transparent,rgba(15,20,30,0.08),transparent)}
@keyframes rdShine{to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.rdct::after{animation:none}}

/* ---------- lock chip ---------- */
.lockchip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;
  letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-3);
  border:1px solid var(--hair);border-radius:6px;padding:3px 8px;background:var(--panel-2)}
.lockchip svg{flex-shrink:0;opacity:.8}

/* ---------- principles grid ---------- */
.prin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.prin{background:var(--panel);border:1px solid var(--hair-soft);border-radius:var(--radius-sm);padding:22px 22px 20px;
  display:flex;flex-direction:column;gap:9px;transition:border-color .3s,transform .3s}
.prin:hover{border-color:var(--hair);transform:translateY(-2px)}
.prin .pi{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue)}
.prin h4{font-family:var(--disp);font-weight:600;font-size:16.5px;letter-spacing:-0.01em;color:var(--ink)}
.prin p{font-size:13.5px;line-height:1.55;color:var(--ink-3)}
@media(max-width:920px){.prin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.prin-grid{grid-template-columns:1fr}}

/* ---------- redacted console ---------- */
.redacted-console .code{line-height:2.0}
.rc-key{color:var(--ink-4)}
.rc-ok{color:var(--up)}
.rc-warn{color:var(--warn)}
.rc-private{font-family:var(--mono);font-size:10px;letter-spacing:0.08em;color:var(--ink-4);
  border:1px dashed var(--hair);border-radius:5px;padding:1.5px 7px;margin-left:6px}

/* ---------- locked panels ---------- */
.locked-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:26px}
.locked-card{position:relative;background:var(--panel-2);border:1px solid var(--hair-soft);border-radius:var(--radius-sm);
  padding:18px 16px 16px;overflow:hidden}
.locked-card .lk-rows{display:flex;flex-direction:column;gap:8px;margin:12px 0 14px;filter:blur(3.5px);opacity:.55;pointer-events:none}
.locked-card .lk-rows i{display:block;height:8px;border-radius:4px;background:var(--hair)}
.locked-card h5{font-family:var(--mono);font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-2);display:flex;align-items:center;gap:7px}
.locked-card h5 svg{color:var(--ink-3);flex-shrink:0}
.locked-card .lk-note{font-size:11.5px;color:var(--ink-4);line-height:1.45}
@media(max-width:920px){.locked-grid{grid-template-columns:repeat(2,1fr)}.locked-grid .locked-card:last-child{grid-column:1/-1}}

/* ---------- audience for / not-for ---------- */
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}
.fit{background:var(--panel);border:1px solid var(--hair-soft);border-radius:var(--radius);padding:30px 30px 26px}
.fit h3{font-family:var(--disp);font-weight:600;font-size:20px;letter-spacing:-0.015em;margin-bottom:18px}
.fit ul{list-style:none;display:flex;flex-direction:column;gap:13px}
.fit li{display:flex;gap:12px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.fit .ic{width:20px;height:20px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;margin-top:1px}
.fit.yes .ic{background:var(--up-soft);color:var(--up)}
.fit.no .ic{background:var(--down-soft);color:var(--down)}
.fit.no h3{color:var(--ink-2)}
@media(max-width:760px){.fit-grid{grid-template-columns:1fr}}

/* ---------- hero pipeline (generic) tweaks ---------- */
.pl-redact{display:flex;flex-direction:column;gap:7px}
.pl-redact .rr{display:flex;align-items:center;gap:7px}
.pl-redact .rr .rdct{height:8px}
.pl-status{font-family:var(--mono);font-size:12.5px;color:var(--ink);white-space:nowrap}
.pl-status.rec{color:var(--up)}
.pl-status.rej{color:var(--warn)}