/* c1.css — «Резолюции и поручения» (C1, ТЗ ЭДО-2 §4, 21.10). Префикс .c1-. Цвета и шрифты — токены темы (светлая и тёмная), ничего своего.
   Подключается перед brand.css / arkan-ds.css. Статус поручения несёт цвет полосы слева и значок; «просрочено» — красным и всегда сверху списков. */

.c1 { --c1-card: var(--bg-secondary); --c1-line: color-mix(in srgb, var(--text-primary) 8%, transparent); --c1-gap: 20px; display: flex; flex-direction: column; gap: var(--c1-gap); padding-bottom: 40px; }
.c1-lead { margin: 4px 0 0; color: var(--text-secondary); font-size: 13.5px; line-height: 1.5; max-width: 70ch; }
.c1-back { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; color: var(--text-secondary); font-size: 13px; text-decoration: none; }
.c1-back:hover { color: var(--text-primary); }

/* демо-панель (только на моках): смотреть глазами другого участника */
.c1-demo { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 8px 12px; border: 1px dashed var(--border-strong); border-radius: 10px; font-size: 12.5px; color: var(--text-secondary); }
.c1-demo b { color: var(--status-warning); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; font-size: 11px; }
.c1-demo select { max-width: 100%; min-height: 32px; }

/* карточка-раздел */
.c1-sec { background: var(--c1-card); border: 1px solid var(--c1-line); border-radius: 12px; padding: 20px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.c1-sec__h { margin: 0; font: 600 13px/1.2 var(--font-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--text-muted); }
.c1-sec__h small { font-weight: 400; letter-spacing: 0; text-transform: none; margin-left: 8px; color: var(--text-muted); }

/* шапка резолюции / поручения */
.c1-head { display: flex; flex-direction: column; gap: 10px; }
.c1-head__row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.c1-eyebrow { font: 600 11.5px var(--font-mono, monospace); letter-spacing: .12em; text-transform: uppercase; color: var(--text-muted); }
.c1-title { margin: 2px 0 0; font: 600 24px/1.25 var(--font-display); letter-spacing: -.005em; color: var(--text-primary); overflow-wrap: anywhere; }
.c1-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--text-secondary); }
.c1-meta a { color: var(--accent-primary); text-decoration: none; }
.c1-meta a:hover { text-decoration: underline; }
.c1-badges { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }

/* исходный документ — компактная плашка-ссылка */
.c1-doc { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 14px 16px; border: 1px solid var(--c1-line); border-radius: 10px; background: color-mix(in srgb, var(--text-primary) 3%, transparent); text-decoration: none; color: inherit; }
.c1-doc:hover { border-color: var(--border-strong); }
.c1-doc__ic { width: 36px; height: 36px; border-radius: 8px; display: grid; place-items: center; background: color-mix(in srgb, var(--accent-primary) 14%, transparent); color: var(--accent-primary); }
.c1-doc__t { display: block; font-weight: 600; color: var(--text-primary); overflow-wrap: anywhere; }
.c1-doc__s { display: block; font-size: 12.5px; color: var(--text-secondary); margin-top: 2px; }
.c1-doc__go { font-size: 13px; color: var(--accent-primary); white-space: nowrap; }

/* люди: подпись над значением */
.c1-people { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px 20px; margin: 0; }
.c1-people > div { min-width: 0; }
.c1-people dt { font-size: 12px; color: var(--text-muted); margin-bottom: 3px; }
.c1-people dd { margin: 0; font-size: 14px; color: var(--text-primary); overflow-wrap: anywhere; }
.c1-people dd small { display: block; color: var(--text-secondary); font-size: 12.5px; margin-top: 1px; }

/* текст резолюции: цитата с линией слева */
.c1-text { margin: 0; padding: 4px 0 4px 16px; border-left: 3px solid var(--accent-primary); font-size: 15px; line-height: 1.65; color: var(--text-primary); white-space: pre-wrap; overflow-wrap: anywhere; }

/* поручение внутри резолюции и в списках: полоса статуса слева */
.c1-asg { position: relative; display: grid; gap: 10px; padding: 16px 18px 16px 22px; border: 1px solid var(--c1-line); border-radius: 10px; background: color-mix(in srgb, var(--text-primary) 2.5%, transparent); }
.c1-asg::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 4px; border-radius: 0 4px 4px 0; background: var(--c1-tone, var(--border-strong)); }
.c1-asg[data-tone="info"] { --c1-tone: var(--status-info); } .c1-asg[data-tone="warning"] { --c1-tone: var(--status-warning); } .c1-asg[data-tone="success"] { --c1-tone: var(--status-success); } .c1-asg[data-tone="danger"], .c1-asg[data-overdue="1"] { --c1-tone: var(--status-danger); }
.c1-asg__top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.c1-asg__title { margin: 0; font: 600 15.5px/1.35 var(--font-display); color: var(--text-primary); overflow-wrap: anywhere; }
.c1-asg__title a { color: inherit; text-decoration: none; } .c1-asg__title a:hover { text-decoration: underline; }
.c1-kv { display: grid; grid-template-columns: auto 1fr; gap: 3px 12px; margin: 0; font-size: 13px; }
.c1-kv dt { color: var(--text-muted); } .c1-kv dd { margin: 0; color: var(--text-primary); overflow-wrap: anywhere; }
.c1-due { font-variant-numeric: tabular-nums; }
.c1-due--over { color: var(--status-danger); font-weight: 600; }
.c1-link { color: var(--accent-primary); text-decoration: none; font-size: 13px; } .c1-link:hover { text-decoration: underline; }

/* действия: главная — одна, остальные тише */
.c1-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.c1-actions .btn { min-height: 38px; }
.c1-note { margin: 0; padding: 10px 14px; border-radius: 8px; font-size: 13px; line-height: 1.5; background: color-mix(in srgb, var(--status-warning) 10%, transparent); color: var(--text-primary); border: 1px solid color-mix(in srgb, var(--status-warning) 30%, transparent); }
.c1-note--info { background: color-mix(in srgb, var(--status-info) 10%, transparent); border-color: color-mix(in srgb, var(--status-info) 32%, transparent); }
.c1-note--danger { background: color-mix(in srgb, var(--status-danger) 10%, transparent); border-color: color-mix(in srgb, var(--status-danger) 32%, transparent); }
.c1-note b { font-weight: 600; }

/* вклады соисполнителей */
.c1-sub { display: grid; gap: 8px; padding: 12px 14px; border: 1px solid var(--c1-line); border-radius: 10px; }
.c1-sub__top { display: flex; justify-content: space-between; gap: 10px; align-items: center; flex-wrap: wrap; }
.c1-sub__who { font-weight: 600; font-size: 13.5px; }
.c1-sub__txt { margin: 0; font-size: 13.5px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text-primary); }

/* комментарии и история */
.c1-feed { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.c1-feed li { display: grid; grid-template-columns: 10px 1fr; gap: 12px; }
.c1-feed li::before { content: ''; width: 8px; height: 8px; border-radius: 50%; margin-top: 6px; background: var(--border-strong); }
.c1-feed__w { font-size: 13.5px; color: var(--text-primary); line-height: 1.5; overflow-wrap: anywhere; }
.c1-feed__w small { display: block; color: var(--text-muted); font-size: 12px; margin-top: 1px; }
.c1-comment { display: flex; gap: 10px; align-items: flex-start; } .c1-comment textarea { flex: 1; min-width: 0; }

/* список поручений: сводка-фильтры и строки */
.c1-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.c1-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px; border: 1px solid var(--c1-line); border-radius: 999px; background: transparent; color: var(--text-secondary); font: 500 13px var(--font-sans); cursor: pointer; }
.c1-chip:hover { color: var(--text-primary); border-color: var(--border-strong); }
.c1-chip[aria-pressed="true"] { background: color-mix(in srgb, var(--accent-primary) 16%, transparent); border-color: var(--accent-primary); color: var(--text-primary); }
.c1-chip b { font-variant-numeric: tabular-nums; font-weight: 600; }
.c1-chip--danger b { color: var(--status-danger); }
.c1-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.c1-row { display: grid; grid-template-columns: 1fr; gap: 6px; width: 100%; text-align: left; padding: 12px 14px 12px 20px; position: relative; border: 1px solid var(--c1-line); border-radius: 10px; background: var(--c1-card); color: inherit; cursor: pointer; font: inherit; }
.c1-row::before { content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 4px; border-radius: 0 4px 4px 0; background: var(--c1-tone, var(--border-strong)); }
.c1-row[data-tone="info"] { --c1-tone: var(--status-info); } .c1-row[data-tone="warning"] { --c1-tone: var(--status-warning); } .c1-row[data-tone="success"] { --c1-tone: var(--status-success); } .c1-row[data-overdue="1"] { --c1-tone: var(--status-danger); }
.c1-row:hover { border-color: var(--border-strong); }
.c1-row__top { display: flex; justify-content: space-between; gap: 10px; align-items: center; flex-wrap: wrap; }
.c1-row__no { font: 500 12.5px var(--font-mono, monospace); color: var(--text-muted); }
.c1-row__t { font-weight: 600; color: var(--text-primary); overflow-wrap: anywhere; }
.c1-row__m { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12.5px; color: var(--text-secondary); font-weight: 400; }
.c1-row__m--col { flex-direction: column; flex-wrap: nowrap; gap: 3px; } .c1-row__role { color: var(--accent-primary); font-weight: 600; }
@media (min-width: 900px) {
  .c1-row { grid-template-columns: 170px minmax(0, 1fr) 230px 190px 150px; align-items: center; gap: 16px; }
  .c1-row__top { display: contents; }
}

/* форма резолюции */
.c1-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.c1-field { display: grid; gap: 6px; }
.c1-field > label, .c1-field > .c1-label { font-size: 12.5px; color: var(--text-secondary); }
.c1-field .req { color: var(--status-danger); }
.c1-field textarea { min-height: 64px; resize: vertical; } .c1-field .js-text { min-height: 120px; }
.c1 .kco-f--q { min-width: min(100%, 440px); }
.c1-ex { display: grid; gap: 8px; }
.c1-ex__row { display: flex; align-items: center; gap: 12px; padding: 8px 12px; border: 1px solid var(--c1-line); border-radius: 8px; flex-wrap: wrap; }
.c1-ex__who { flex: 1; min-width: 200px; font-size: 14px; } .c1-ex__who small { display: block; color: var(--text-secondary); font-size: 12.5px; }
.c1-ex__main { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; font-size: 13px; color: var(--text-secondary); cursor: pointer; }
.c1-ex__main input { width: 18px; height: 18px; accent-color: var(--accent-primary); }
.c1-ex__x { min-width: 36px; min-height: 36px; border: 0; background: transparent; color: var(--text-muted); font-size: 18px; cursor: pointer; border-radius: 8px; } .c1-ex__x:hover { color: var(--status-danger); }
.c1-pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.c1-bar { position: sticky; bottom: 0; z-index: 3; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: space-between; padding: 14px 18px; margin: 0 -2px; background: var(--c1-card); border: 1px solid var(--border-strong); border-radius: 12px; box-shadow: 0 -12px 28px -18px rgba(0, 0, 0, .6); padding-bottom: max(14px, env(safe-area-inset-bottom)); }
.c1-bar__why { flex: 1; min-width: 220px; margin: 0; padding: 0; list-style: none; font-size: 12.5px; color: var(--text-secondary); display: grid; gap: 2px; }
.c1-bar__why li::before { content: '— '; color: var(--text-muted); }
.c1-bar__ok { color: var(--status-success); font-size: 13px; }

/* выбор должности */
.c1-pick { display: grid; gap: 10px; }
.c1-pick__list { display: grid; gap: 6px; max-height: 50vh; overflow: auto; }
.c1-pick__item { display: grid; text-align: left; padding: 10px 12px; min-height: 44px; border: 1px solid var(--c1-line); border-radius: 8px; background: transparent; color: var(--text-primary); cursor: pointer; font: inherit; }
.c1-pick__item:hover:not(:disabled) { border-color: var(--accent-primary); }
.c1-pick__item:disabled { opacity: .45; cursor: default; }
.c1-pick__item small { color: var(--text-secondary); }

/* направления (админ) */
.c1-dir-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; }
.c1-dir { display: grid; gap: 8px; padding: 16px 18px; border: 1px solid var(--c1-line); border-radius: 12px; background: var(--c1-card); }
.c1-dir[data-off="1"] { opacity: .55; }
.c1-dir__top { display: flex; justify-content: space-between; gap: 10px; align-items: flex-start; }
.c1-dir__n { margin: 0; font: 600 16px var(--font-display); color: var(--text-primary); } .c1-dir__code { font: 500 12px var(--font-mono, monospace); color: var(--text-muted); }

/* секция «Резолюции» на карточке документа */
.c1-docsec { display: grid; gap: 10px; padding: 14px 16px; border: 1px solid var(--c1-line); border-radius: 12px; background: var(--c1-card); }
.c1-docsec__top { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; }
.c1-docsec__t { margin: 0; font: 600 14px var(--font-sans); color: var(--text-primary); }
.c1-docsec__r { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 8px 0; border-top: 1px solid var(--c1-line); font-size: 13px; }
.c1-docsec__r a { color: var(--accent-primary); text-decoration: none; font-weight: 500; }
.c1-docsec__r--link { color: inherit; text-decoration: none; border-radius: 8px; } .c1-docsec__r--link:hover { background: color-mix(in srgb, var(--text-primary) 4%, transparent); }
.c1-docsec__r--link b { font-weight: 600; color: var(--text-primary); } .c1-docsec__r--link small { color: var(--text-secondary); }
.c1-docsec__over { color: var(--status-danger) !important; font-weight: 600; }
.c1-docsec__end { display: inline-flex; align-items: center; gap: 10px; } .c1-docsec__go { color: var(--accent-primary); font-weight: 500; white-space: nowrap; }

/* виджеты главной */
.c1-wg { display: grid; gap: 8px; }
.c1-wg__r { display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding: 10px 0; border-top: 1px solid var(--c1-line); text-decoration: none; color: inherit; }
.c1-wg__r:first-of-type { border-top: 0; padding-top: 0; }
.c1-wg__t { font-size: 13.5px; font-weight: 500; color: var(--text-primary); overflow-wrap: anywhere; }
.c1-wg__m { grid-column: 1 / -1; font-size: 12px; color: var(--text-secondary); }

@media (max-width: 768px) {
  .c1 { --c1-gap: 16px; }
  .c1-sec { padding: 16px; }
  .c1-title { font-size: 20px; }
  .c1-doc { grid-template-columns: auto 1fr; } .c1-doc__go { grid-column: 1 / -1; }
  .c1-actions .btn { flex: 1 1 100%; min-height: 44px; }
  .c1-bar { margin: 0 -14px; border-radius: 12px 12px 0 0; padding-bottom: calc(14px + env(safe-area-inset-bottom)); bottom: 62px; }
  .c1-bar .btn { flex: 1 1 100%; min-height: 44px; }
  .c1-chip { min-height: 44px; } .c1-ex__main, .c1-ex__x { min-height: 44px; }
  .c1-comment { flex-direction: column; } .c1-comment .btn { width: 100%; }
}

/* «Новая резолюция» в один экран (27.10.2026) и строка «Выданные мной» */
.rn { max-width: 760px; width: 100%; margin-inline: auto; box-sizing: border-box; }
.rn > * { align-self: stretch; }
.rn-doc { display: flex; gap: 10px; align-items: flex-start; margin: 0; padding: 10px 14px; border: 1px solid var(--c1-line); border-radius: 10px; font-size: 13.5px; color: var(--text-primary); overflow-wrap: anywhere; }
.rn-doc svg { flex: none; margin-top: 2px; color: var(--text-muted); } .rn-doc small { display: block; color: var(--text-secondary); font-size: 12.5px; }
.rn-sec .c1-sec__h { margin-bottom: 10px; }
.rn-dirgrp + .rn-dirgrp { margin-top: 12px; } .rn-dirgrp__h { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted); margin: 0 0 6px; }
.rn-chip { min-height: 40px; text-align: left; }
.rn-chip--urgent[aria-pressed="true"] { border-color: var(--status-danger); background: color-mix(in srgb, var(--status-danger) 14%, transparent); }
.rn-whos { display: flex; flex-wrap: wrap; gap: 8px; }
.rn-who { display: inline-flex; align-items: center; gap: 2px; min-height: 44px; padding: 0 4px 0 12px; border: 1px solid var(--accent-primary); border-radius: 22px; background: color-mix(in srgb, var(--accent-primary) 12%, transparent); max-width: 100%; }
.rn-who__t { font-size: 14px; min-width: 0; overflow-wrap: anywhere; } .rn-who__t small { display: block; font-size: 12px; color: var(--text-secondary); }
.rn-who__x { min-width: 44px; min-height: 44px; border: 0; background: transparent; color: var(--text-muted); font-size: 20px; cursor: pointer; border-radius: 50%; }
.rn-ctl { margin: 10px 0 0; font-size: 13.5px; color: var(--text-secondary); } .rn-ctl b { color: var(--text-primary); font-weight: 600; }
.rn-link { min-height: 44px; padding: 0 6px; border: 0; background: transparent; color: var(--accent-primary); font: inherit; cursor: pointer; text-decoration: underline; }
.rn-find { margin-top: 12px; position: relative; } .rn-find .form-input { font-size: 16px; min-height: 44px; width: 100%; box-sizing: border-box; }
.rn-res { margin-top: 6px; max-height: 320px; overflow-y: auto; border: 1px solid var(--c1-line); border-radius: 10px; background: var(--c1-card); }
.rn-res__h { position: sticky; top: 0; padding: 6px 12px; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em; color: var(--text-muted); background: var(--c1-card); border-bottom: 1px solid var(--c1-line); }
.rn-res__i { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; width: 100%; min-height: 48px; padding: 8px 12px; border: 0; border-bottom: 1px solid var(--c1-line); background: transparent; color: var(--text-primary); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.rn-res__i small { color: var(--text-secondary); font-size: 12px; } .rn-res__i:hover, .rn-res__i:focus-visible { background: color-mix(in srgb, var(--accent-primary) 10%, transparent); }
.rn-date { display: flex; align-items: center; gap: 10px; margin-top: 12px; font-size: 13px; color: var(--text-secondary); } .rn-date .form-input { min-height: 44px; font-size: 16px; }
.rn .js-text { font-size: 16px; min-height: 76px; }
.rn-more { border: 1px solid var(--c1-line); border-radius: 12px; background: var(--c1-card); }
.rn-more > summary { display: flex; flex-direction: column; gap: 2px; min-height: 44px; justify-content: center; padding: 8px 16px; cursor: pointer; font-weight: 600; color: var(--text-primary); }
.rn-more__s { font-weight: 400; font-size: 12.5px; color: var(--text-secondary); }
.rn-more__b { display: grid; gap: 14px; padding: 0 16px 16px; }
.rn-asg { box-shadow: none; }
a.c1-row--issued { text-decoration: none; display: grid; }
@media (max-width: 768px) {
  .rn-chip { min-height: 44px; } .rn-date { flex-direction: column; align-items: stretch; gap: 4px; }
  .rn .btn--sm, .rn .form-input { min-height: 44px; } .rn .js-text, .rn textarea.form-input { min-height: 76px; }
  .rn-more__b { padding: 0 12px 14px; } .rn .c1-pair { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .c1 * { transition: none !important; animation: none !important; } }

/* Окно резолюции: плоско, без «карточек в карточках» (27.10, замечание владельца).
   Секции — просто заголовок и содержимое, отделённые тонкой линией; поверхностью остаются только выбираемые чипы и нижняя панель. */
.rn { gap: 0; }
.rn .rn-doc { border: 0; padding: 0 0 14px; background: transparent; color: var(--text-secondary); }
.rn .rn-sec { background: transparent; border: 0; border-top: 1px solid var(--c1-line); border-radius: 0; padding: 16px 0 18px; gap: 10px; }
.rn .rn-sec .c1-sec__h { margin: 0 0 4px; }
.rn .rn-more { border: 0; border-top: 1px solid var(--c1-line); border-radius: 0; background: transparent; margin-top: 2px; }
.rn .rn-more > summary { padding-inline: 0; }
.rn .rn-more__b { padding-inline: 0; }
.rn .rn-res { background: transparent; }
@media (max-width: 720px) {
  .rn { padding-inline: 4px; }
  .rn .c1-title { font-size: 22px; line-height: 1.2; }
  .rn .js-dirs .c1-chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: -16px; padding: 2px 16px 8px; scroll-snap-type: x proximity; scrollbar-width: none; }
  .rn .js-dirs .c1-chips::-webkit-scrollbar { display: none; }
  .rn .js-dirs .rn-chip { flex: none; scroll-snap-align: start; white-space: nowrap; }
  .rn .js-due .c1-chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: -16px; padding: 2px 16px 8px; scrollbar-width: none; }
  .rn .js-due .rn-chip { flex: none; white-space: nowrap; }
  .rn .rn-date { flex-direction: column; align-items: stretch; gap: 6px; }
  .rn .c1-bar { bottom: 58px; padding-bottom: 14px; }
  .rn .c1-bar .c1-actions { width: 100%; display: grid; grid-template-columns: 1fr 2fr; gap: 8px; }
  .rn .c1-bar .btn { min-height: 48px; justify-content: center; }
}
.rn .rn-dirsel { width: 100%; min-height: 48px; font-size: 16px; box-sizing: border-box; }
.rn .c1-back { margin-bottom: 14px; display: inline-block; }
.rn .c1-head { margin-bottom: 10px; }
.rn .rn-doc { margin-top: 4px; margin-bottom: 14px; padding-bottom: 16px; }
.rn .rn-more > summary { list-style: none; position: relative; padding-right: 28px; }
.rn .rn-more > summary::-webkit-details-marker { display: none; }
.rn .rn-more > summary::after { content: ''; position: absolute; right: 6px; top: 50%; width: 8px; height: 8px; margin-top: -6px; border-right: 2px solid var(--text-muted); border-bottom: 2px solid var(--text-muted); transform: rotate(45deg); transition: transform .15s; }
.rn .rn-more[open] > summary::after { transform: rotate(-135deg); margin-top: -2px; }
.rn .c1-bar { margin-top: 12px; }
@media (prefers-reduced-motion: reduce) { .rn .rn-more > summary::after { transition: none; } }