/*
 * DIY Garage — «Режим сборки» внутри статьи: рейка шагов, мини-панель, крупный текст, галочки.
 * Подключается на записях после dg-inner.css.
 */
.dg-prose h2{scroll-margin-top:140px}
.dg-art__tools{margin-top:clamp(16px,2vw,24px)}
.dg-art__tools .dg-btn{min-height:44px;padding:0 18px;font-size:15px}
.dg-art__tools[hidden],#dgWsHead[hidden]{display:none}
#dgWsHead[aria-pressed=true]{background:var(--dg-lime);border-color:var(--dg-ink)}

/* раскладка с рейкой слева (десктоп) */
.dg-art__col{min-width:0;max-width:780px;margin:0 auto}
.dg-art__body.has-rail .dg-art__col{margin:0}
.dg-art__body.has-rail{max-width:1200px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,5vw,72px)}
.dg-rail{position:sticky;top:110px;align-self:start;display:grid;gap:4px}
.dg-rail[hidden]{display:none}
.dg-rail__t{padding-bottom:10px;border-bottom:1px solid var(--dg-ink);margin-bottom:6px}
.dg-rail a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;padding:9px 8px;border-radius:8px;font-size:15px;font-weight:600;line-height:1.25;transition:background .15s}
.dg-rail a:hover{background:var(--dg-soft)}
.dg-rail a .n{font:700 12px var(--dg-m);color:#777}
.dg-rail a[aria-current=step]{background:var(--dg-ink);color:var(--dg-bg)}
.dg-rail a[aria-current=step] .n{color:var(--dg-orange)}
.dg-rail .dg-ws-toggle{margin-top:14px;min-height:48px;font-size:14px}
.dg-rail .dg-ws-toggle[aria-pressed=true]{background:var(--dg-lime)}
.dg-rail__hint{font:600 19px/1.2 var(--dg-c);color:#555;padding:6px 8px}

/* мини-панель шагов: только в режиме сборки */
.dg-mini{position:fixed;left:0;right:0;top:78px;z-index:45;padding:0 clamp(8px,2vw,24px);transform:translateY(-140%);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}
body.admin-bar .dg-mini{top:110px}
body.dg-ws.dg-past .dg-mini{transform:none;opacity:1;pointer-events:auto}
.dg-mini__in{max-width:1100px;margin:6px auto 0;background:var(--dg-ink);color:var(--dg-bg);border-radius:28px;display:flex;align-items:center;gap:10px;padding:6px 6px 6px 18px;box-shadow:0 8px 24px rgba(17,17,17,.18)}
.dg-mini__n{font:700 11px var(--dg-m);letter-spacing:.08em;white-space:nowrap;color:var(--dg-orange)}
.dg-mini__t{flex:1;min-width:0;font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-mini__b{width:44px;height:44px;border-radius:22px;border:1px solid #555;background:transparent;color:var(--dg-bg);cursor:pointer;font-size:18px;flex:none}
.dg-mini__b:hover{background:#333}
.dg-mini__b:disabled{opacity:.35;cursor:default}
.dg-mini__b--go{width:auto;padding:0 16px;border:0;background:var(--dg-orange);color:var(--dg-ink);font:700 14px var(--dg-o);white-space:nowrap}
.dg-mini__b--go:hover{background:#FF7A33}
.dg-mini__b--go:disabled{background:#555;color:#999}

/* сам режим: крупнее текст, галочки у пунктов */
body.dg-ws .dg-prose{font-size:21px;line-height:1.75}
body.dg-ws .dg-prose li.dg-ck{list-style:none;position:relative;padding:6px 0 6px 40px;margin-left:-1.3em}
.dg-ck__in{position:absolute;left:0;top:.55em;width:24px;height:24px;margin:0;accent-color:var(--dg-ink);cursor:pointer}
body.dg-ws .dg-prose li.is-done{color:#777;text-decoration:line-through;text-decoration-color:#999}

@media (max-width:1099px){
  .dg-art__body.has-rail{display:block;max-width:960px}
  .dg-rail{display:none}
  .dg-mini{top:64px}
}
@media (max-width:759px){
  body.dg-ws .dg-prose{font-size:19px}
  .dg-mini__t{font-size:14px}
}