/* Слой «Контент-генератора» поверх каркаса ICE. brand.css / theme.css / style.css — общие, их не правим. */

.grid-2{ display:grid; grid-template-columns:1fr; gap:1.2rem; }
@media(min-width:1100px){ .grid-2{ grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); } }

.box{ background:var(--card); border:1px solid var(--line); border-radius:var(--radius-lg,16px);
      padding:1.1rem 1.25rem; margin-bottom:1.2rem; }
.box h2{ font-size:1.05rem; margin:0 0 .8rem; font-family:var(--zzd-lek); }
.box h3{ font-size:.95rem; margin:1rem 0 .5rem; font-family:var(--zzd-lek); }

.pult-head{ display:flex; align-items:center; gap:.7rem; flex-wrap:wrap; margin-bottom:.8rem; }
.light{ width:12px; height:12px; border-radius:50%; display:inline-block; box-shadow:0 0 0 3px rgba(0,0,0,.12); }
.light.green{ background:var(--ok); } .light.yellow{ background:#d9a520; } .light.red{ background:var(--bad); }
.kv{ display:grid; grid-template-columns:max-content 1fr; gap:.35rem 1rem; font-size:.93rem; margin:0; }
.kv dt{ color:var(--muted); } .kv dd{ margin:0; }
.btn-row{ display:flex; flex-wrap:wrap; gap:.5rem; margin:.8rem 0 .2rem; align-items:center; }
.inline{ display:inline; margin:0; }

.tbl{ width:100%; border-collapse:collapse; font-size:.92rem; }
.tbl th{ text-align:left; color:var(--muted); font-weight:600; font-family:var(--zzd-lek); font-size:.8rem;
         text-transform:uppercase; letter-spacing:.04em; padding:.45rem .5rem; border-bottom:1px solid var(--line); }
.tbl td{ padding:.55rem .5rem; border-bottom:1px solid var(--line); vertical-align:top; }
.tbl tr:last-child td{ border-bottom:0; }
.tbl a{ color:inherit; }
.empty{ color:var(--muted); font-size:.92rem; margin:.3rem 0; }

.st{ display:inline-block; font-family:var(--zzd-lek); font-weight:600; font-size:12px; padding:3px 9px;
     border-radius:999px; border:1px solid var(--line); white-space:nowrap; }
.st-review,.st-med_returned{ border-color:var(--gold-2); color:var(--gold-2); }
.st-med_review{ border-color:#7aa7ff; color:#7aa7ff; }
.st-approved,.st-wp_draft,.st-published{ border-color:var(--ok); color:var(--ok); }
.st-failed{ border-color:var(--bad); color:var(--bad); }
.st-rejected{ opacity:.6; }

.v{ display:inline-block; min-width:1.6em; text-align:center; font-weight:700; }
.v-pass{ color:var(--ok); } .v-warn{ color:#d9a520; } .v-fail{ color:var(--bad); } .v-skipped{ color:var(--muted); }
.check-report{ white-space:pre-wrap; font-size:.85rem; color:var(--muted); margin:.3rem 0 0; }
.blocking{ font-size:11px; color:var(--bad); font-family:var(--zzd-lek); margin-left:.3rem; }

.form-grid{ display:grid; gap:.7rem; }
@media(min-width:900px){ .form-grid.cols{ grid-template-columns:2fr 1.4fr 1fr 1fr auto; align-items:end; } }
.form-grid label{ display:block; font-size:.82rem; color:var(--muted); margin-bottom:.25rem; font-family:var(--zzd-lek); }
.form-grid input,.form-grid select,.form-grid textarea,.stack input,.stack select,.stack textarea{
  width:100%; box-sizing:border-box; background:transparent; color:inherit; border:1px solid var(--line);
  border-radius:10px; padding:.55rem .7rem; font:inherit; }
.stack{ display:grid; gap:.6rem; max-width:720px; }
.stack label{ font-size:.82rem; color:var(--muted); font-family:var(--zzd-lek); }
textarea.body{ min-height:420px; font-family:ui-monospace,Consolas,monospace; font-size:.88rem; }

.article-body{ line-height:1.7; max-width:760px; }
.article-body h2{ font-size:1.25rem; margin:1.6rem 0 .6rem; }
.article-body h3{ font-size:1.05rem; margin:1.1rem 0 .4rem; }
.article-body a{ color:var(--gold-2); }
.seo-line{ font-size:.9rem; margin:.25rem 0; }
.seo-line .len{ color:var(--muted); font-size:.8rem; margin-left:.4rem; }
.note{ border-left:3px solid var(--gold-2); padding:.5rem .8rem; margin:.6rem 0; font-size:.92rem; background:var(--panel-group,transparent); }
.note.bad{ border-left-color:var(--bad); }
.secret{ font-family:ui-monospace,Consolas,monospace; background:var(--panel-group,transparent); padding:.1rem .4rem; border-radius:6px; }

button.as-link{ background:none; border:0; width:100%; text-align:left; cursor:pointer; font:inherit; color:inherit; }
form.inline-form{ margin:0; }
.counter{ font-size:.9rem; color:var(--muted); margin:-.4rem 0 1rem; }