/*
 * Settings (settings). Loads after pages.css; everything else comes from the shared parts.
 * Profile banner, settings rows, notification grid, 2FA code boxes, theme previews.
 */

.st-panel { display: flex; flex-direction: column; gap: var(--acg-space-4); }
.st-panel [hidden], .ovl .mdl [hidden] { display: none !important; }

/* ── Icons (masks, take currentColor; used on .mi and .fund__ic) ── */
.st-i--lock { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 11V8a4 4 0 1 1 8 0v3M6 11h12v9H6zM12 15v2' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--shield { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 5 6v6c0 4.4 3 7.5 7 9 4-1.5 7-4.6 7-9V6l-7-3Zm-3 9 2 2 4-4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--help { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM9.6 9.5a2.5 2.5 0 1 1 3.4 2.3c-.6.3-1 .8-1 1.4v.3M12 17h.01' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--bell { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 16v-5a6 6 0 1 1 12 0v5l1.5 2h-15L6 16Zm4 4.5h4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--check { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm-4-9 3 3 5-6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--laptop { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 6h14v9H5zM3 18.5h18' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--phone { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8v18H8zM11 17.5h2' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--monitor { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v11H4zM9 20h6M12 16v4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--doc { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h7l5 5v13H7zM14 3v5h5M10 13h6M10 17h6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--id { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v12H3zM9 13a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm-3 3a3 3 0 0 1 6 0M14 10h4M14 14h3' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--home { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 11 12 4l8 7v9H4zM10 20v-5h4v5' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--moon { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 14.5A8 8 0 0 1 9.5 4a8 8 0 1 0 10.5 10.5Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--theme { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M12 3a9 9 0 0 1 0 18Z' fill='%23000'/%3E%3C/svg%3E"); }
.st-i--eye { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12Zm9.5 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--motion { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h4l2.5-6 5 12 2.5-6h4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--hash { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 4 8 20M16 4l-2 16M5 9h15M4 15h15' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
.st-i--warn { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4 2.5 20h19L12 4Zm0 6v4.5m0 2.5h.01' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.st-i--close { --m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18ZM9 9l6 6m0-6-6 6' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
.sec h2 .mi { color: var(--d-text-2); opacity: 1; }

/* ── Profile: banner + personal information + account details ── */
.pf__hero {
  /* the overview's profile panel: website CTA gradient, white text, dark in both themes */
  --d-text: var(--acg-white); --d-text-2: var(--d-on-accent-text); --d-muted: var(--d-on-accent-muted);
  --d-ctl: var(--d-on-accent); --d-up: var(--d-teal-on-dark);
  position: relative; display: flex; flex-direction: column; gap: var(--acg-space-8);
  padding: var(--acg-space-6); border-radius: var(--d-r) var(--d-r) 0 0; background: var(--d-hero); color: var(--acg-white);
}
.pf__foot { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--acg-space-4); flex-wrap: wrap; }
.pf__who { min-width: 0; }
.pf__who strong { display: block; font-size: var(--acg-size-h4); font-weight: var(--acg-weight-regular); line-height: 1.2; letter-spacing: var(--acg-tracking-snug); }
.pf__meta { display: flex; align-items: center; gap: var(--acg-space-3); flex-wrap: wrap; margin-top: var(--acg-space-2); }
.pf__hero .tag { background: var(--d-on-accent); color: var(--acg-white); }
.pf__hero .tag--ok { color: var(--d-teal-on-dark); }
.pf__hero .tag--warn { color: var(--acg-cat-metal); }
/* The banner stays dark in both themes, so its button stays the website's white one */
.pf__id { color: var(--d-on-accent-text); font-size: var(--acg-size-xs); }
.pf__id .ic { color: var(--d-on-accent-muted); }
.pf__body { padding: var(--acg-space-5); }
.pf__sec + .pf__sec { margin-top: var(--acg-space-6); padding-top: var(--acg-space-6); box-shadow: inset 0 1px 0 var(--d-line); }
.pf__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--acg-space-4); }
.pf__wide { grid-column: 1 / -1; }
.pf__addr { grid-column: span 2; }
.pf__phone { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--acg-space-2); }
.pf__lock { margin: calc(var(--acg-space-2) * -1) 0 0; }
.pf__link { padding: 0; border: 0; background: none; color: var(--d-text-2); font-size: inherit; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.pf__link:hover { color: var(--d-text); }
/* Read-only until Edit: calm text, no hover or chevron */
.pf .inp[readonly]:hover { background: var(--d-well); }
.pf .sel:disabled { opacity: 1; color: var(--d-text-2); background-image: none; padding-right: 12px; cursor: default; }
.pf.is-editing .inp[data-lock] { color: var(--d-muted); }
.pf__kv { --kv-cols: 3; }
.pf__kv dd { overflow: visible; }
.pf__kv dd .login { font-size: var(--acg-size-sm); }

/* ── Settings rows (security, documents, display) ── */
.st-list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.st-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--acg-space-3); padding: var(--acg-space-3) 0; border-bottom: 1px solid var(--d-line); }
.st-row:first-child { padding-top: 0; }
.st-row:last-child { padding-bottom: 0; border-bottom: 0; }
.st-row__txt b { display: block; font-size: var(--acg-size-sm); font-weight: var(--acg-weight-medium); }
.st-row__txt small { display: block; color: var(--d-muted); font-size: var(--acg-size-xs); line-height: 1.45; }
.st-row__end { display: flex; align-items: center; justify-content: flex-end; gap: var(--acg-space-2); }
.st-row__end .sel { width: auto; }
.st-sample { color: var(--d-text-2); font-variant-numeric: tabular-nums; }
.st-wrap { flex-wrap: wrap; }
.st-danger .sec h2 .mi { color: var(--d-down); }

/* ── Notifications: label + four switch columns ── */
.nt td:first-child { padding-top: var(--acg-space-3); padding-bottom: var(--acg-space-3); white-space: normal; }
.nt td b { display: block; font-size: var(--acg-size-sm); font-weight: var(--acg-weight-medium); }
.nt td small { display: block; color: var(--d-muted); font-size: var(--acg-size-xs); }
.nt .nt__c { width: calc(var(--acg-space-12) + var(--acg-space-6)); text-align: center; }
.nt .sw { vertical-align: middle; }
.nt tbody tr:hover td { background: none; }
.qh { max-width: calc(var(--acg-tile-w) * 2); }
.qh .sel:disabled { opacity: .5; cursor: not-allowed; }

/* ── Password: show/hide, strength, rules ── */
.pw { position: relative; }
.pw .inp { padding-right: var(--acg-control-h); }
.pw__eye { position: absolute; top: 0; right: 0; display: grid; place-items: center; width: var(--acg-control-h); height: var(--acg-control-h); padding: 0; border: 0; border-radius: var(--d-r-sm); background: none; color: var(--d-muted); cursor: pointer; }
.pw__eye:hover { color: var(--d-text); }
.pw__eye::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--eye) center / contain no-repeat; mask: var(--eye) center / contain no-repeat; }
.pw__eye { --eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 12S6 5.5 12 5.5 21.5 12 21.5 12 18 18.5 12 18.5 2.5 12 2.5 12Zm9.5 3a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pw__eye[aria-pressed="true"] { --eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4l16 16M10 5.7c.6-.1 1.3-.2 2-.2 6 0 9.5 6.5 9.5 6.5a17 17 0 0 1-2.6 3.4M6.6 6.6A16 16 0 0 0 2.5 12S6 18.5 12 18.5c1.8 0 3.4-.6 4.7-1.4M9.9 9.9a3 3 0 0 0 4.2 4.2' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.pw-meter { display: flex; align-items: center; gap: var(--acg-space-3); margin-top: calc(var(--acg-space-2) * -1); color: var(--d-muted); font-size: var(--acg-size-xs); }
.pw-meter .bar { flex: 1; }
.pw-meter [data-pw-lv] { min-width: calc(var(--acg-space-12) + var(--acg-space-2)); text-align: right; }
.pw-meter[data-lv="1"] .bar i { background: var(--d-down); }
.pw-meter[data-lv="2"] .bar i { background: var(--d-warn); }
.pw-meter[data-lv="3"] .bar i, .pw-meter[data-lv="4"] .bar i { background: var(--d-up); }
.pw-meter[data-lv="1"] [data-pw-lv] { color: var(--d-down); }
.pw-meter[data-lv="2"] [data-pw-lv] { color: var(--d-warn); }
.pw-meter[data-lv="3"] [data-pw-lv], .pw-meter[data-lv="4"] [data-pw-lv] { color: var(--d-up); }
.rules { display: flex; flex-wrap: wrap; gap: var(--acg-space-2) var(--acg-space-4); margin: calc(var(--acg-space-2) * -1) 0 0; padding: 0; list-style: none; }
.rules li { display: flex; align-items: center; gap: 6px; color: var(--d-muted); font-size: var(--acg-size-xs); transition: color var(--acg-duration) var(--acg-ease); }
.rules li::before { content: ""; width: 14px; height: 14px; flex: none; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--d-ctl-2); }
.rules li.is-ok { color: var(--d-text-2); }
.rules li.is-ok::before { border-radius: 0; box-shadow: none; background: var(--d-up); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }

/* ── Two-factor: steps, QR, key, code boxes ── */
.steps { display: flex; flex-direction: column; gap: var(--acg-space-5); margin: 0; padding: 0; list-style: none; counter-reset: step; }
.steps > li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--acg-space-3); counter-increment: step; }
.steps > li::before { content: counter(step); display: grid; place-items: center; width: 22px; height: 22px; border-radius: calc(var(--d-r-sm) - 2px); background: var(--d-ctl); color: var(--d-text-2); font-size: var(--acg-size-xs); font-weight: var(--acg-weight-medium); }
.steps b { display: block; margin: 2px 0 var(--acg-space-3); font-size: var(--acg-size-sm); font-weight: var(--acg-weight-medium); }
.steps .fld { gap: 0; }
.qr { width: calc(var(--acg-space-32) + var(--acg-space-8)); aspect-ratio: 1; padding: var(--acg-space-2); border-radius: var(--d-r-sm); background: var(--acg-white); color: var(--acg-text-inverse); }
.qr svg { display: block; width: 100%; height: 100%; }
.key { display: flex; align-items: center; justify-content: space-between; gap: var(--acg-space-3); height: var(--acg-control-h); padding: 0 4px 0 12px; border-radius: var(--d-r-sm); background: var(--d-well); }
.key code { overflow: hidden; font: var(--acg-weight-medium) var(--acg-size-sm)/1 var(--acg-font); letter-spacing: .08em; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.code { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--acg-space-2); max-width: calc(var(--acg-tile-w) * 1.5); }
.code .inp { padding: 0; font-size: var(--acg-size-md); font-weight: var(--acg-weight-medium); text-align: center; font-variant-numeric: tabular-nums; }
.code + .fld__err { margin-top: 6px; }
.fld > .fld__label + .code { margin-top: 2px; }

/* ── Close account ── */
.ca__lead { margin: 0 0 var(--acg-space-3); color: var(--d-text-2); font-size: var(--acg-size-xs); }
.ca__list li::before { top: 7px; left: 4px; width: 5px; height: 5px; border-radius: 50%; background: var(--d-muted); -webkit-mask: none; mask: none; }

/* ── Document preview placeholder ── */
.doc-pv { position: relative; display: grid; grid-template-columns: 28% minmax(0, 1fr); align-items: center; gap: var(--acg-space-5); aspect-ratio: 1.6; margin-bottom: var(--acg-space-4); padding: var(--acg-space-6); border-radius: var(--d-r-sm); background: var(--d-well); overflow: hidden; }
.doc-pv > i { align-self: stretch; border-radius: calc(var(--d-r-sm) - 2px); background: var(--d-ctl); }
.doc-pv > span:not(.tag) { display: flex; flex-direction: column; gap: var(--acg-space-3); }
.doc-pv b { display: block; height: 8px; border-radius: var(--acg-radius-full); background: var(--d-ctl); }
.doc-pv b:nth-child(1) { width: 70%; }
.doc-pv b:nth-child(2) { width: 90%; }
.doc-pv b:nth-child(3) { width: 55%; }
.doc-pv b:nth-child(4) { width: 80%; }
.doc-pv--page { grid-template-columns: minmax(0, 1fr); align-items: start; }
.doc-pv__tag { position: absolute; right: var(--acg-space-3); bottom: var(--acg-space-3); }

/* ── Appearance: theme cards with small previews ── */
.th { --opts: 3; }
.th .opt { flex-wrap: wrap; align-items: center; }
.th__pv {
  --pv-page: color-mix(in srgb, var(--acg-white) 4%, var(--acg-text-inverse));
  --pv-panel: color-mix(in srgb, var(--acg-white) 10%, var(--acg-text-inverse));
  --pv-line: color-mix(in srgb, var(--acg-white) 22%, var(--acg-text-inverse));
  --pv-accent: var(--acg-teal);
  position: relative; display: grid; grid-template-columns: 24% minmax(0, 1fr); grid-template-rows: 1fr 1fr; gap: 4px;
  flex: 0 0 100%; aspect-ratio: 16 / 9; padding: 6px; border-radius: calc(var(--d-r-sm) - 2px); background: var(--pv-page); overflow: hidden;
}
.th__pv--light {
  --pv-page: color-mix(in srgb, var(--acg-teal-deep) 9%, var(--acg-white));
  --pv-panel: var(--acg-white);
  --pv-line: color-mix(in srgb, var(--acg-text-inverse) 12%, var(--acg-white));
  --pv-accent: var(--acg-teal-deep);
}
.th__pv > i { grid-row: 1 / -1; border-radius: var(--acg-radius-sm); background: var(--pv-panel); }
.th__pv > b { position: relative; border-radius: var(--acg-radius-sm); background: var(--pv-panel); }
.th__pv > b::before { content: ""; position: absolute; left: 8px; top: 8px; width: 45%; height: 4px; border-radius: var(--acg-radius-full); background: var(--pv-line); }
.th__pv > b:first-of-type::after { content: ""; position: absolute; left: 8px; bottom: 8px; width: 28%; height: 6px; border-radius: var(--acg-radius-full); background: var(--pv-accent); }
.th__pv--system { display: block; padding: 0; }
.th__pv--system > .th__pv { position: absolute; inset: 0; border-radius: 0; }
.th__pv--system > .th__pv--light { clip-path: polygon(62% 0, 100% 0, 100% 100%, 38% 100%); }
.th .opt__txt { flex: 1; }

/* ── Responsive ── */
@media (max-width: 1240px) {
  .pf__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pf__addr { grid-column: 1 / -1; }
  .pf__kv { --kv-cols: 2; }
}
@media (max-width: 960px) {
  .th { --opts: 1; }
  .th .opt { flex-wrap: nowrap; }
  .th__pv { flex: 0 0 calc(var(--acg-space-32) * .75); }
}
@media (max-width: 640px) {
  .pf__hero { padding: var(--acg-space-5); gap: var(--acg-space-6); }
  .pf__foot { flex-direction: column; align-items: stretch; }
  .pf__body { padding: var(--acg-space-4); }
  .pf__grid { grid-template-columns: minmax(0, 1fr); }
  .pf__kv { --kv-cols: 1; }
  .form__foot.pf__wide .btn { flex: 1; }
  .st-row { grid-template-columns: auto minmax(0, 1fr); }
  .st-row__end { grid-column: 2; justify-content: flex-start; }
  .st-row:not(:has(.btn, .sel)) { grid-template-columns: auto minmax(0, 1fr) auto; }
  .st-row:not(:has(.btn, .sel)) .st-row__end { grid-column: auto; }
  .st-wrap > .btn { width: 100%; }
  /* Notifications: each row stacks, the four switches sit under the label */
  .nt, .nt tbody { display: block; }
  .nt thead { display: none; }
  .nt tr { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: var(--acg-space-3); padding: var(--acg-space-3) 0; border-bottom: 1px solid var(--d-line); }
  .nt tr:last-child { border-bottom: 0; padding-bottom: 0; }
  .nt tr:first-child { padding-top: 0; }
  .t.nt td { display: flex; height: auto; padding: 0; border: 0; }
  .t.nt td:first-child { grid-column: 1 / -1; display: block; }
  .t.nt td.nt__c { flex-direction: column; align-items: flex-start; gap: 6px; width: auto; }
  .nt td.nt__c::before { content: attr(data-ch); color: var(--d-muted); font-size: var(--acg-size-xs); }
  .qh { max-width: none; }
}