/* Motyw utrzymania i CI/CD: łupek, błękit „pipeline”, mono w etykietach,
   kreskowany pas ostrzegawczy w hero. Bez logo narzędzi. */
:root[data-theme="devops"] {
  color-scheme: dark;
  --bg: #0F172A; --bg-2: #162033; --fg: #F1F5F9; --muted: #A3AFC2; --border: #263247;
  --accent: #38BDF8; --accent-fg: #0F172A; --accent-text: #38BDF8; --accent-soft: rgba(56,189,248,.12);
  --radius: 8px; --radius-s: 6px; --shadow: 0 1px 2px rgba(0,0,0,.4), 0 14px 36px rgba(0,0,0,.4);
}
:root[data-theme="devops"] .hero { position: relative; background: radial-gradient(ellipse at 75% 35%, rgba(56,189,248,.14), transparent 55%), #0F172A; }
:root[data-theme="devops"] .hero::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: repeating-linear-gradient(135deg, #FACC15 0 14px, #0F172A 14px 24px); opacity: .85; }
:root[data-theme="devops"] .hero-photo-cutout { background: radial-gradient(circle at 50% 35%, #1E3A5F 0%, #16263F 70%, transparent 71%); }
:root[data-theme="devops"] .hero-photo-cutout::before { border-color: rgba(56,189,248,.45); }
:root[data-theme="devops"] .hero-photo-cutout::after { border-color: rgba(250,204,21,.35); }
:root[data-theme="devops"] .kicker, :root[data-theme="devops"] .eyebrow, :root[data-theme="devops"] .offer-when { font-family: var(--mono); letter-spacing: .08em; }
:root[data-theme="devops"] .stat-v { color: #38BDF8; }
:root[data-theme="devops"] .stat:nth-child(3) .stat-v { color: #FACC15; }
:root[data-theme="devops"] .case dt { color: #FACC15; }
:root[data-theme="devops"] code { background: #0B1220; color: #38BDF8; }
:root[data-theme="devops"] .tag { background: #0B1220; border: 1px solid #263247; }
:root[data-theme="devops"] .tag-link { background: #38BDF8; color: #0F172A; }
:root[data-theme="devops"] .top { background: rgba(15,23,42,.86); }
:root[data-theme="devops"] .demo { background: #0B1220; }
:root[data-theme="devops"] .demo-root { background: #0F172A; }
/* Pokaz: planer aktualizacji */
.up { display: grid; gap: 1rem; }
@media (min-width: 900px) { .up { grid-template-columns: 1fr 1.3fr; } }
.up textarea { min-height: 280px; }
.up-sum { display: flex; flex-wrap: wrap; gap: .5rem; margin: .4rem 0 .8rem; }
.up-sum span { font: 600 .78rem/1 var(--mono); padding: .35rem .6rem; border-radius: 4px; background: #0B1220; border: 1px solid #263247; }
.up-wave { margin: 0 0 .9rem; }
.up-wave h5 { margin: 0 0 .3rem; font: 700 .72rem/1 var(--mono); text-transform: uppercase; letter-spacing: .1em; color: #38BDF8; }
.up-wave h5 small { color: var(--muted); font-weight: 400; text-transform: none; letter-spacing: 0; }
.up-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; padding: .35rem 0; border-bottom: 1px solid #263247; font-size: .85rem; align-items: start; }
.up-row code { font-size: .78rem; }
.up-row .v { font-family: var(--mono); font-size: .75rem; color: var(--muted); white-space: nowrap; }
.up-row .v b { color: #F1F5F9; }
.up-row .n { grid-column: 1 / -1; font-size: .78rem; color: #FACC15; }
.up-row.major .v b { color: #FACC15; }
.up-stamp { font-size: .75rem; color: var(--muted); margin-top: .6rem; }