/* ==========================================================================
   seiflden.com v3 - The Channel Ledger 1.0 (ledger_{en,ar}.html)
   Loaded after pub.css and doctrine.css (the shared series system).
   Ledger-only parts: the five-doors cover, series pill, "proposed" badges,
   contract checklist, composite-story box, notes, the five tools' layouts,
   six diagrams and their print treatment.
   ========================================================================== */

.sar { display: inline-block; width: .74em; height: .82em; vertical-align: -.08em; fill: currentColor; }

/* ---------- Cover: five doors as ledger columns ---------- */
.plate--lg { background: radial-gradient(70% 60% at 88% 8%, var(--glow), transparent 65%), var(--s1); }
html[dir="rtl"] .plate--lg { background: radial-gradient(70% 60% at 12% 8%, var(--glow), transparent 65%), var(--s1); } /* RTL mirror */
.lmotif .mdoor { fill: none; stroke: var(--border-strong); stroke-width: 1.4; transition: stroke var(--t-slow) var(--ease); }
.lmotif .mdoor.on { stroke: var(--accent); stroke-width: 2.4; }
.lmotif .mn { fill: var(--text-3); font: 700 15px/1 "Inter", "Inter Fallback", sans-serif; }
.lmotif .mrule { stroke: var(--border); stroke-width: 1; }
.lmotif .mbar { fill: var(--accent-soft); stroke: var(--accent); stroke-width: 1.4; }
.lmotif .mbar.low { fill: var(--danger-soft); stroke: var(--danger); }
.lmotif .mcap { fill: url(#lhatch); stroke: var(--danger); stroke-width: 1.2; stroke-dasharray: 3 3; }
.lmotif .mfloor { stroke: var(--accent-text); stroke-width: 1.6; stroke-dasharray: 7 5; }
html[data-path] .lmotif .mdoor.on { stroke: var(--border-strong); stroke-width: 1.4; }
html[data-path="ceo"] .lmotif .mdoor[data-p~="ceo"], html[data-path="cfo"] .lmotif .mdoor[data-p~="cfo"],
html[data-path="cro"] .lmotif .mdoor[data-p~="cro"], html[data-path="coo"] .lmotif .mdoor[data-p~="coo"],
html[data-path="board"] .lmotif .mdoor[data-p~="board"] { stroke: var(--accent); stroke-width: 2.4; }
.plate--lg .plate-idx a { grid-template-columns: 2.25rem minmax(0, 1fr); }
@media (min-width: 700px) { .plate--lg .plate-idx ol { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Series pill: "Vol. 3 of the Revenue Engineering series — read the Doctrine / the Playbook" */
.ls-pill { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; width: fit-content; max-width: 100%; margin: -8px 0 24px; padding: 6px 16px 6px 6px;
  border: 1px solid var(--border-strong); border-radius: 26px; background: var(--bg); color: var(--text-1); font-size: .9375rem; font-weight: 500; line-height: 1.45; }
html[dir="rtl"] .ls-pill { padding: 6px 6px 6px 16px; } /* RTL mirror */
.ls-pill .ps-vol { flex: none; padding: 4px 10px; border-radius: 999px; background: var(--accent-fill); color: var(--on-accent); font-size: .8125rem; font-weight: 700; }
.ls-pill .ps-t { min-width: 0; }
.ls-pill a { display: inline-block; padding-block: 4px; color: var(--accent-text); font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; }
.ls-pill a:hover { text-decoration-thickness: 2px; }
.ps-sl { color: var(--text-3); }

/* Reading paths (ledger ids: ceo, cfo, cro, coo, board; ceo/cfo/board styles come from doctrine.css) */
html[data-path="cro"] .toc li[data-paths~="cro"] a, html[data-path="coo"] .toc li[data-paths~="coo"] a { color: var(--text-1); font-weight: 600; }
html[data-path="cro"] .toc li[data-paths~="cro"] .toc-n, html[data-path="coo"] .toc li[data-paths~="coo"] .toc-n { color: var(--accent-text); }

/* ---------- Front matter ---------- */
.series-cards { display: grid; gap: 10px; margin: 14px 0 0; }
@container (min-width: 620px) { .series-cards { grid-template-columns: 1fr 1fr; } }
.series-card {
  display: flex; align-items: center; gap: 14px; padding: 14px 16px;
  border: 1px solid var(--border-strong); border-radius: var(--r-lg); background: var(--s1);
  color: var(--text-1); text-decoration: none;
}
.series-card:hover { border-color: var(--accent-border); }
.series-card:hover .sc-t { color: var(--accent-text); }
.sc-vol {
  flex: none; display: grid; place-items: center; width: 44px; height: 52px; border-radius: 10px;
  background: var(--bg); border: 1px solid var(--border-strong);
  font: 700 1.625rem/1 "Inter", "Inter Fallback", sans-serif; color: var(--accent-text);
}
.sc-b { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sc-k { color: var(--text-2); font-size: .8125rem; font-weight: 600; }
.sc-t { font-size: 1rem; font-weight: 700; line-height: 1.35; }
.sc-u { color: var(--text-3); font-size: .8125rem; overflow-wrap: anywhere; }
.sc-go { flex: none; width: 20px; height: 20px; color: var(--accent-text); }
html[dir="rtl"] .sc-go, html[dir="rtl"] .t-pull-i { transform: scaleX(-1); }
.d-doc a.dlink { white-space: nowrap; }

/* "Proposed — needs the author's approval": visible, quiet */
.prop { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; margin: -.2em 0 1.1em !important; font-size: .875rem; line-height: 1.55; color: var(--text-2); }
.prop-b { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px 2px 8px; border: 1px dashed var(--warning); border-radius: 999px; background: var(--warning-soft); color: var(--warning); font-size: .8125rem; font-weight: 700; white-space: nowrap; }
html[dir="rtl"] .prop-b { padding: 2px 8px 2px 10px; } /* RTL mirror */
.prop-b .icon { width: 14px; height: 14px; }
.prop-n { flex: 1 1 18rem; min-width: 0; }
.prop-c { display: inline-block; margin-inline-start: 4px; padding: 0 8px; border: 1px dashed var(--warning); border-radius: 999px; color: var(--warning); font-size: .75rem; font-weight: 700; line-height: 1.6; vertical-align: .1em; white-space: nowrap; }

/* Contract questions: answered checklist, no score */
.qcheck { margin: 1.2em 0 1.4em; }
.qcheck-n { margin: 0 0 .4em !important; color: var(--text-2); font-size: .9375rem; }
.qlist { list-style: none; margin: 0 !important; padding: 0 !important; border-block-start: var(--hair); counter-reset: none; }
.qlist li { margin: 0; border-block-end: var(--hair); }
.qlist .ck { display: grid; grid-template-columns: 24px 1.6rem minmax(0, 1fr); gap: 10px; align-items: start; padding: 10px 0; cursor: pointer; }
.qlist input { width: 22px; height: 22px; margin: .3em 0 0; accent-color: var(--accent-fill); cursor: pointer; }
.qlist .ck-n { color: var(--accent-text); font: 700 .9375rem/1.9 "Inter", "Inter Fallback", sans-serif; }
.qlist .ck-t strong { color: var(--text-1); }
.qlist input:checked ~ .ck-t { color: var(--text-2); }
.qlist input:checked ~ .ck-n { color: var(--text-3); }

/* Composite story: warm, neutral, stamped */
.co--story { padding: 18px 20px; border: 1px solid var(--border-strong); border-inline-start: 4px solid var(--text-3); background: var(--s1); }
.co--story .co-l { color: var(--text-2); }
.co--story p:not(.co-l) { color: var(--text-1); }

/* Notes */
.fnr { font-size: .72em; line-height: 0; vertical-align: super; }
.fnr a { display: inline-block; min-width: 1.2em; padding: 0 1px; font-weight: 700; text-align: center; text-decoration: none; font-family: "Inter", "Inter Fallback", sans-serif; }
.fnr + .fnr { margin-inline-start: 2px; }
.fns { margin: .8em 0 0 !important; padding-inline-start: 1.6em !important; font-size: .875rem; line-height: 1.6; color: var(--text-2); }
html[lang="ar"] .fns { font-size: .9375rem; line-height: 1.8; }
.fns li { margin: 0 0 .7em; overflow-wrap: anywhere; }
.fns li::marker { color: var(--accent-text); font-weight: 700; font-family: "Inter", "Inter Fallback", sans-serif; }
.fns li:target { background: var(--accent-soft); }
.fn-back { display: inline-grid; place-items: center; width: 26px; height: 26px; vertical-align: middle; border-radius: 6px; color: var(--accent-text); }
.fn-back:hover { background: var(--s2); }
.fn-back .icon { width: 14px; height: 14px; }
.hx--notes { margin-block-start: 2.4em; padding-block-start: 1.2em; border-block-start: 1px solid var(--border-strong); }

/* Tools list and the 30-day audit (section 13) */
.toollist a { font-weight: 600; }
.audit { list-style: none; margin: 1em 0 1.4em !important; padding: 0 !important; display: grid; gap: 10px; }
.audit li { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr); gap: 12px; margin: 0; padding: 14px 16px; border: var(--hair); border-radius: var(--r); background: var(--s1); }
.audit .wk-n { display: grid; place-items: center; width: 2.1rem; height: 2.1rem; border-radius: 50%; background: var(--accent-soft); color: var(--accent-text); font: 700 1rem/1 "Inter", "Inter Fallback", sans-serif; }
.audit em { color: var(--text-2); }
.ev-refs a { text-decoration: none; }
.ev-refs a:hover { text-decoration: underline; }
@container (min-width: 560px) { .tbl--num td { white-space: nowrap; } }

/* ---------- Tools: ledger layouts on the Doctrine's tool card ---------- */
.t-exrow, .t-pull { margin: 0 !important; }
.t-exrow + .t-pull { margin-block-start: -6px !important; }
.t-ex { gap: 6px; min-height: 36px; padding-inline: 10px; border: 1px dashed var(--border-strong); }
.t-ex .icon, .t-pull .icon { width: 16px; height: 16px; }
.t-pull .btn { gap: 6px; min-height: 36px; padding-inline: 10px; color: var(--accent-text); }
.fs--c2, .fs--c3 { display: grid; gap: 14px; }
@container (min-width: 520px) {
  .fs--c2 { grid-template-columns: 1fr 1fr; }
  .fs--c3 { grid-template-columns: 1fr 1fr 1fr; }
  .fs--c2 > legend, .fs--c3 > legend, .fs--c2 > .fs-hint, .fs--c3 > .fs-hint, .fs--c2 > .fld--ck, .fs--c3 > .fld--ck, .fs--c2 > .t-pull, .fs--c3 > .t-pull { grid-column: 1 / -1; }
}
.fs-hint { margin-block: -4px 4px !important; }
.fld--ck .ckl, .ckl { display: flex; align-items: flex-start; gap: 10px; min-height: 44px; padding-block: 8px; cursor: pointer; color: var(--text-1); font-size: .9375rem; line-height: 1.5; }
.ckl input { flex: none; width: 24px; height: 24px; margin: .1em 0 0; accent-color: var(--accent-fill); cursor: pointer; }
.inp--sel { position: relative; }
.inp select {
  flex: 1; min-width: 0; min-height: 44px; margin: 0; padding: 8px 12px; border: 0; border-radius: 10px; background: transparent;
  color: var(--text-1); font: inherit; font-size: .9375rem; font-weight: 600; cursor: pointer;
}
.inp select:focus { outline: none; }
.inp select option { background: var(--s1); color: var(--text-1); }
.fld--name input { text-align: start !important; font-weight: 500; }
/* Optional blocks (Ramadan, virtual brand) open when their switch is on */
.fs-opt .fld:not(.fld--ck) { display: none; }
.fs-opt:has(.fld--ck input:checked) .fld:not(.fld--ck) { display: block; }
@supports not selector(:has(*)) { .fs-opt .fld:not(.fld--ck) { display: block; } }
/* Repeating rows (doors, items) */
.fs--rows { gap: 10px; }
.rows { display: grid; gap: 10px; }
.rows:empty { display: none; }
.row { position: relative; min-width: 0; margin: 0; padding: 10px 12px 12px; border: 1px solid var(--border); border-radius: var(--r); background: var(--bg); }
.row-h { margin: 0 0 8px !important; padding-inline-end: 44px; color: var(--text-2); font-size: .8125rem; font-weight: 700; line-height: 1.6; }
.row-del {
  position: absolute; inset-block-start: 4px; inset-inline-end: 4px; display: grid; place-items: center; width: 36px; height: 36px;
  padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--text-3); cursor: pointer;
}
.row-del .icon { width: 16px; height: 16px; }
.row-del:hover { background: var(--s2); color: var(--danger); }
.row-del:disabled { opacity: .35; cursor: not-allowed; }
.row-f { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); }
.row--dr .row-f { grid-template-columns: repeat(auto-fill, minmax(9.25rem, 1fr)); }
.row--dr .fld--sel, .row--dr .fld--name { grid-column: span 2; }
@container (max-width: 380px) { .row--dr .fld--sel, .row--dr .fld--name { grid-column: auto; } .row--dr .row-f { grid-template-columns: 1fr 1fr; } }
.row--c .row-f { grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr)); }
.row--it .fld--name { grid-column: 1 / -1; }
.row .fld label { font-size: .8125rem; }
.row .row-f > .fld, .fs--c2 > .fld, .fs--c3 > .fld { display: flex; flex-direction: column; }
.row .row-f > .fld > label, .fs--c2 > .fld > label, .fs--c3 > .fld > label { flex: 1 0 auto; display: flex; flex-wrap: wrap; align-items: flex-end; align-content: flex-end; }
.row .row-f > .fld--ck > label, .fs--c2 > .fld--ck > label, .fs--c3 > .fld--ck > label { flex: none; align-items: flex-start; }
.row .inp input { min-height: 40px; padding-inline: 10px; }
.row .fld--ck .ckl { min-height: 40px; align-items: center; font-size: .875rem; }
.row-add { justify-self: start; }
/* Wide tools: form above results */
@container (min-width: 600px) {
  .tool--wide .t-body { grid-template-columns: minmax(0, 1fr); }
  .tool--wide .t-out { position: static; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 24px; align-items: start; }
  .tool--wide .t-out .t-big, .tool--wide .t-out .chip, .tool--wide .t-out .t-act, .tool--wide .t-out .t-save { grid-column: 1; }
  .tool--wide .t-out .t-sec { grid-column: 2; grid-row: 1 / span 4; margin-block-start: 0; }
}
.t-x:empty { display: none; }
.t-x { min-width: 0; font-size: .875rem; }
@container (min-width: 600px) { .t-x { grid-column: 1 / -1; } }
.t-x ul { list-style: none; margin: 0 !important; padding: 0 !important; border-block-start: var(--hair); }
.t-x li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 12px; margin: 0; padding: 7px 0; border-block-end: var(--hair); color: var(--text-2); }
.t-x li b { color: var(--text-1); font-weight: 600; }
.t-x .x-warn li { display: list-item; list-style: none; padding-inline-start: 18px; position: relative; color: var(--text-1); }
.t-x .x-warn li::before { content: ""; position: absolute; inset-inline-start: 2px; inset-block-start: 1em; width: 8px; height: 8px; border-radius: 50%; background: var(--warning); }
.t-x .xs { font-weight: 700; }
.t-x .x-ok { color: var(--accent-text); } .t-x .x-watch { color: var(--warning); } .t-x .x-act { color: var(--danger); } .t-x .x-info { color: var(--info); }
.x-wrap { overflow-x: auto; overscroll-behavior-x: contain; border-radius: 8px; }
.x-wrap:focus-visible { outline: 2px solid var(--accent-text); outline-offset: 2px; }
.t-x table { width: 100%; min-width: 560px; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.t-x th, .t-x td { padding: 7px 8px; border-block-end: var(--hair); text-align: start; vertical-align: top; }
.t-x thead th { color: var(--text-2); font-size: .75rem; }
.t-x tbody th { color: var(--text-1); font-weight: 600; }
.t-x .x-note { margin: 6px 0 0 !important; color: var(--text-1); }
.t-x .x-h { margin: 0 0 6px !important; color: var(--text-2); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
html[lang="ar"] .t-x .x-h { letter-spacing: 0; font-size: .8125rem; }

.dtab-w { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.dtab-w:focus-visible { outline: 2px solid var(--accent-text); outline-offset: 2px; }
.fig-data .dtab { min-width: 30rem; font-size: .8125rem; }

/* ---------- Diagrams: ledger vocabulary (tokens only; theme-aware) ---------- */
.fig--loaded .dg { max-width: 460px; }
.fig--doors .dg, .fig--owned .dg, .fig--survival .dg, .fig--headroom .dg, .fig--holdout .dg { max-width: 520px; }
.dg .tx { font-size: 12.5px; }
.dg .t2 { fill: var(--text-2); }
.dg .tw { fill: var(--on-accent); }
.dg .acc2 { fill: var(--info); }
.dg .halo { paint-order: stroke; stroke: var(--s1); stroke-width: 4px; stroke-linejoin: round; }
.dg .door { fill: none; stroke: var(--border-strong); stroke-width: 1.3; }
.dg .seg-d { fill: var(--danger-soft); stroke: var(--s1); stroke-width: 1.5; }
.dg .own-g { fill: var(--accent); }
.dg .own-gi { fill: var(--accent-soft); stroke: var(--accent); stroke-width: 1.2; stroke-dasharray: 3 2; }
.dg .own-pl { fill: var(--info); }
.dg .bar.cap { fill: url(#lhatch); stroke: var(--danger); stroke-width: 1.2; }
.dg .bar.low { fill: var(--danger-soft); stroke: var(--danger); stroke-width: 1.4; }
.defs .lh { stroke: var(--danger); stroke-width: 1.6; }
.defs .lh-bg { fill: var(--danger-soft); }
.dg .hr-cogs { fill: var(--s2); stroke: var(--border-strong); }
.dg .hr-floor { fill: var(--accent-soft); stroke: var(--accent); }
.dg .hr-pp { fill: var(--s2); stroke: var(--border-strong); }
.dg .hr-head { fill: var(--bg); stroke: var(--accent-text); stroke-width: 1.5; stroke-dasharray: 5 3; }
.dg .hr-ghost { fill: var(--s2); opacity: .55; }
.dg .hr-u { stroke: var(--s1); stroke-width: 1.2; }
.dg .hr-c { fill: var(--info-soft); stroke: var(--info); }
.dg .hr-m, .dg .hr-r { fill: var(--info); }
.dg .hr-d { fill: var(--warning-soft); stroke: var(--warning); }
.dg .hr-over { fill: var(--danger); }
.dg .hr-left { fill: var(--accent-soft); stroke: var(--accent); stroke-dasharray: 3 2; }
.dg .ln-t { fill: none; stroke: var(--accent); stroke-width: 3; stroke-linejoin: round; }
.dg .ln-c { fill: none; stroke: var(--text-2); stroke-width: 2; stroke-linejoin: round; }
.dg .ln-e { fill: none; stroke: var(--accent-text); stroke-width: 2; stroke-dasharray: 6 4; }
.dg .gap { fill: var(--accent-soft); }
.dg .post { fill: none; stroke: var(--border-strong); stroke-dasharray: 4 4; }
.dg .brk2 { stroke: var(--text-1); stroke-width: 1.3; }
.dg .rb-i { fill: var(--accent); }
.dg .rb-b { fill: none; stroke: var(--text-2); stroke-width: 1.5; stroke-dasharray: 4 3; }
.dg .q-ok { fill: var(--accent-soft); }
.dg .q-ch { fill: var(--info-soft); }
.dg .q-rd { fill: var(--danger-soft); }
.dg .q-md { fill: var(--warning-soft); }
.dg .dot.mid { fill: var(--warning); }
.dg .dot.low { fill: var(--danger); }
.dg .box.br { fill: var(--accent-soft); stroke: var(--accent); stroke-width: 1.5; }
.dg .box.ob { fill: var(--bg); stroke: var(--accent-text); stroke-width: 1.5; }
.dg .g-track { fill: none; stroke: var(--s2); stroke-width: 14; }
.dg .g-fill { fill: none; stroke: var(--accent); stroke-width: 14; }
.dg .g-idt { fill: none; stroke: var(--border); stroke-width: 3; stroke-dasharray: 3 4; }
.dg .g-id { fill: none; stroke: var(--info); stroke-width: 4; }
.dg .g-needle { stroke: var(--text-1); stroke-width: 2.4; stroke-linecap: round; }
.dg .sarx { color: var(--text-2); }

/* ---------- Print ---------- */
@media print {
  .t-exrow, .t-pull, .row-add, .row-del, .t-x { display: none !important; }
  .plate--lg .plate-motif { width: 92mm; margin: 0; }
  .plate--lg .plate-in { row-gap: 4mm; }
  .plate--lg .plate-idx ol { grid-template-columns: 1fr 1fr 1fr; }
  .plate--lg .plate-idx a { padding-block: 3pt; }
  .ls-pill { border-color: #000; }
  .ls-pill a { color: #000; }
  .ls-pill .ps-vol { background: none; color: #000; border: 0.75pt solid #000; }
  .lmotif .mdoor, .lmotif .mrule { stroke: #999; }
  .lmotif .mdoor.on, .lmotif .mbar, .lmotif .mfloor { stroke: #000; }
  .lmotif .mbar { fill: #eee; }
  .lmotif .mbar.low { fill: url(#hatch2); }
  .series-card, .co--story, .audit li { background: none !important; border-color: #000; }
  .prop-b, .prop-c { background: none; border-color: #000; color: #000; }
  .qlist input { display: none !important; }
  .qlist .ck { grid-template-columns: 1.6rem minmax(0, 1fr); }
  .qlist .ck::before { content: ""; position: absolute; }
  .qlist .ck-n { color: #000; }
  .qlist .ck-n::after { content: " ☐"; }
  .fns { color: #000; font-size: 8.5pt; }
  .fn-back { display: none; }
  .fnr a { color: #000; }
  .dg .own-g, .dg .hr-floor, .dg .gap, .dg .q-ok, .dg .box.br, .dg .g-fill, .dg .rb-i, .dg .hr-left { fill: url(#hatch2); }
  .dg .g-fill { fill: none; stroke: #000; }
  .dg .seg-d, .dg .bar.low, .dg .q-rd, .dg .hr-over { fill: url(#hatch); }
  .dg .own-pl, .dg .hr-c, .dg .hr-m, .dg .hr-r, .dg .q-ch, .dg .hr-d, .dg .q-md, .dg .own-gi, .dg .hr-cogs, .dg .hr-pp, .dg .hr-ghost { fill: #eee; }
  .dg .door, .dg .ln-t, .dg .ln-c, .dg .ln-e, .dg .post, .dg .brk2, .dg .rb-b, .dg .hr-head, .dg .bar.cap, .dg .box.ob, .dg .g-id, .dg .g-needle, .dg .own-gi { stroke: #000; }
  .dg .g-track { stroke: #ddd; }
  .dg .tw { fill: #fff; }
  .dg .acc2, .dg .t2, .dg .sarx { fill: #000; color: #000; }
  .dg .halo { stroke: #fff; }
  .defs .lh { stroke: #000; }
  .defs .lh-bg { fill: #fff; }
}
@container (max-width: 599px) { .t-body { grid-template-columns: minmax(0, 1fr); } }
.t-body > *, .t-form, .t-form .fs { min-width: 0; }
.fs--c2, .fs--c3 { grid-template-columns: minmax(0, 1fr); }
@container (min-width: 520px) { .fs--c2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .fs--c3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.fs > .fld, .row-f > .fld { min-width: 0; }
.inp input { min-width: 0; }
.t-pull .btn { max-width: 100%; height: auto; min-height: 36px; padding-block: 6px; white-space: normal; text-align: start; line-height: 1.35; }
.t-out { min-width: 0; }
.t-sec > div { min-width: 0; }
.t-sec dd, .t-sec output { min-width: 0; white-space: normal; overflow-wrap: anywhere; }