/* The rent pages' styles (lotto.rent.web), ported from globalprices src/styles: tokens.css (the
   rent design system's token names mapped onto this app's colours, in light and dark) and
   components.css (the components' structure), every rule scoped to main.rent so nothing reaches the
   rest of the site. The site header and footer are app.css's own. Rules are as in components.css,
   with the same order and specificity among themselves; the block before them resets the few
   app.css rules that style the same class names (card, btn, facts, hero, tables). */

/* ---------- the rent design system's names, on lotto's colours ---------- */
/* Same colour in both modes, through lotto's tokens: */
:root {
  --ink: var(--text); --ink-2: var(--text); --line: var(--border); --axis: var(--border);
  --accent-ink: var(--tag-text); --accent-wash: var(--tag-bg); --on-accent: var(--accent-text);
  --rise: var(--error); --fall: var(--ok); --top-bg: var(--surface);
  --shadow-card: none;
}
/* Rent-only tokens lotto has no equivalent for (table heads, firmer borders, notices, chart series): */
:root {
  --surface-2: #f1f3f6; --line-strong: #c9cfd8; --control-line: #c3cad4;
  --notice-bg: #fff4d6; --notice-ink: #5a4300; --notice-line: #ecd28a;
  --s1: #2a78d6; --s2: #eb6834; --s3: #1baf7a; --ref: #898781;
  --shadow-pop: 0 4px 14px rgba(28,34,48,0.12);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-2: #1d222c; --line-strong: #3a414e; --control-line: #46505f;
    --notice-bg: #2e2710; --notice-ink: #f1dc9a; --notice-line: #5a4c1c;
    --s1: #3987e5; --s2: #d95926; --s3: #199e70; --ref: #898781;
    --shadow-pop: 0 4px 14px rgba(0,0,0,0.4);
  }
}
:root[data-theme="dark"] {
  --surface-2: #1d222c; --line-strong: #3a414e; --control-line: #46505f;
  --notice-bg: #2e2710; --notice-ink: #f1dc9a; --notice-line: #5a4c1c;
  --s1: #3987e5; --s2: #d95926; --s3: #199e70; --ref: #898781;
  --shadow-pop: 0 4px 14px rgba(0,0,0,0.4);
}
:root{--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-48:48px;--space-64:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:10px;--radius-pill:999px;--content-max:1180px;--control-height:40px;--pad-card:20px;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;}

/* ---------- app.css rules on the same class names, undone inside the rent pages ---------- */
.rent .card { padding: 0; display: block; gap: normal; }
.rent .facts { gap: 0; }
.rent .facts dt { text-transform: none; letter-spacing: normal; }
.rent th { text-transform: none; letter-spacing: normal; }
.rent .hero { max-width: none; }
.rent .prose ul { display: block; }
.rent .btn:hover { border-color: var(--control-line); }
.rent .btn.primary:hover { border-color: var(--accent); }

/* ---------- components.css, scoped ---------- */
.rent *, .rent *::before, .rent *::after { box-sizing: border-box; }
.rent { color: var(--ink); font-family: var(--font-ui); font-size: 15px; line-height: 1.55; font-variant-numeric: tabular-nums; }
.rent button, .rent select, .rent input, .rent textarea { font: inherit; color: inherit; }
.rent :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.rent .num { font-variant-numeric: tabular-nums; }
.rent .mono { font-family: var(--font-mono); }
.rent .notice { background: var(--notice-bg); color: var(--notice-ink); border-bottom: 1px solid var(--notice-line); font-size: 13px; padding: var(--space-8) var(--space-16); text-align: center; }
.rent .notice strong { font-weight: 600; }
.rent .notice a { color: inherit; }
.rent.wrap { max-width: var(--content-max); margin-inline: auto; padding-inline: var(--space-16); }
.rent.wrap { padding-block: var(--space-24) var(--space-64); display: flex; flex-direction: column; gap: var(--space-24); }
.rent .two { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: var(--space-20); align-items: start; }
.rent .crumbs { color: var(--muted); font-size: 13px; font-family: var(--font-mono); }
.rent .crumbs a { color: inherit; text-decoration: none; }
.rent .crumbs a:hover { color: var(--ink); text-decoration: underline; }
.rent .crumbs b { color: var(--ink-2); font-weight: 500; }
.rent .stack { display: flex; flex-direction: column; gap: var(--space-20); min-width: 0; }
.rent .link { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.rent .item-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: var(--space-20) 40px; padding-block: var(--space-8) var(--space-8); }
.rent .item-id { min-width: 0; flex: 1 1 380px; display: flex; flex-direction: column; gap: var(--space-12); }
.rent .item-id h1 { margin: 0; font-size: 44px; line-height: 1.05; font-weight: 600; letter-spacing: -0.035em; text-wrap: balance; }
.rent .item-id h1 .accent { color: var(--accent); }
.rent .item-head.hero .item-id h1 { font-size: 64px; line-height: 1.0; letter-spacing: -0.04em; }
.rent .item-head.hero .spec { font-size: 18px; line-height: 1.6; max-width: 60ch; }
.rent .checks { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-8) var(--space-20); color: var(--ink-2); font-size: 14.5px; }
.rent .checks li { display: inline-flex; align-items: center; gap: var(--space-8); }
.rent .checks li::before { content: '✓'; width: 18px; height: 18px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 11px; color: var(--accent); background: var(--accent-wash); }
.rent .chips { display: flex; flex-wrap: wrap; gap: var(--space-6); }
.rent .chip { font-family: var(--font-mono); font-size: 12px; font-weight: 500; color: var(--ink-2); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-pill); padding: 2px 10px; }
.rent .spec { margin: 0; color: var(--ink-2); max-width: 64ch; font-size: 16.5px; line-height: 1.6; }
.rent .price-block { flex: 0 1 auto; display: flex; flex-direction: column; gap: var(--space-6); min-width: 0; }
.rent .price-where { color: var(--ink-2); font-weight: 500; }
.rent .price-big { font-size: 48px; line-height: 1; font-weight: 700; letter-spacing: -0.03em; }
.rent .price-big small { font-size: 15px; font-weight: 500; letter-spacing: 0; color: var(--muted); }
.rent .price-sub { color: var(--ink-2); }
.rent .deltas { display: flex; flex-wrap: wrap; gap: var(--space-6) 18px; }
.rent .delta { display: flex; align-items: baseline; gap: var(--space-6); }
.rent .delta .lbl { color: var(--muted); font-size: 12px; }
.rent .meta-line { color: var(--muted); font-size: 13px; }
.rent .pct { font-weight: 600; white-space: nowrap; }
.rent .pct.rise { color: var(--rise); }
.rent .pct.fall { color: var(--fall); }
.rent .pct.flat, .rent .pct.na { color: var(--muted); font-weight: 500; }
.rent .pct .arr { font-size: 0.72em; margin-right: 3px; }
.rent .facts { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); overflow: hidden; box-shadow: var(--shadow-card); }
.rent .fact { padding: 18px var(--pad-card) 20px; display: flex; flex-direction: column; gap: var(--space-6); box-shadow: -1px 0 0 var(--line), 0 -1px 0 var(--line); min-width: 0; }
.rent .fact dt { color: var(--muted); font-family: var(--font-mono); font-size: 12px; }
.rent .fact dd { margin: 0; font-family: var(--font-mono); font-weight: 500; font-size: 28px; line-height: 1.1; letter-spacing: -0.01em; }
.rent .fact dd span { display: block; font-family: var(--font-ui); font-weight: 400; font-size: 13px; letter-spacing: 0; color: var(--ink-2); margin-top: var(--space-4); }
.rent .controls { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--space-12) var(--space-20); }
.rent .ctl { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.rent .ctl > label, .rent .ctl > .lbl { font-family: var(--font-mono); font-size: 12px; color: var(--muted); }
.rent select, .rent .filter-input, .rent .input { background: var(--surface); border: 1px solid var(--control-line); border-radius: var(--radius-md); padding: var(--space-8) 12px; min-height: var(--control-height); max-width: 100%; }
.rent select:focus, .rent .filter-input:focus, .rent .input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-wash); }
.rent .filter-input { width: 200px; }
.rent .seg { display: inline-flex; border: 1px solid var(--control-line); border-radius: var(--radius-pill); overflow: hidden; background: var(--surface); padding: 2px; gap: 2px; }
.rent .seg button { border: 0; background: none; padding: var(--space-6) 14px; min-height: 32px; cursor: pointer; color: var(--ink-2); font-weight: 500; border-radius: var(--radius-pill); }
.rent .seg button:first-child { border-left: 0; }
.rent .seg button:hover { background: var(--surface-2); }
.rent .seg button[aria-pressed="true"] { background: var(--accent); color: var(--on-accent); }
.rent .pill-tabs { display: flex; flex-wrap: wrap; gap: var(--space-4); }
.rent .pill-tabs button { border: 1px solid var(--line); background: var(--surface); border-radius: var(--radius-pill); padding: var(--space-6) 14px; cursor: pointer; color: var(--ink); font-weight: 500; }
.rent .pill-tabs button:hover { background: var(--surface-2); }
.rent .pill-tabs button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.rent .toggle-btn { border: 1px solid var(--control-line); background: var(--surface); border-radius: var(--radius-sm); width: 28px; height: 26px; padding: 0; cursor: pointer; font-size: 14px; line-height: 1; color: var(--ink-2); }
.rent .toggle-btn:hover:not(:disabled) { border-color: var(--accent); color: var(--accent); }
.rent .toggle-btn[aria-pressed="true"] { background: var(--accent-wash); border-color: var(--accent); color: var(--accent); font-weight: 600; }
.rent .toggle-btn:disabled { opacity: 0.45; cursor: default; }
.rent .btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-8); min-height: var(--control-height); padding: var(--space-6) 18px; border: 1px solid var(--control-line); border-radius: var(--radius-pill); background: var(--surface); color: var(--ink); font-weight: 600; cursor: pointer; text-decoration: none; white-space: nowrap; }
.rent .btn:hover:not(:disabled) { background: var(--surface-2); }
.rent .btn.primary { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
.rent .btn.primary:hover:not(:disabled) { background: var(--accent); opacity: 0.9; }
.rent .btn:disabled { opacity: 0.45; cursor: default; }
.rent .form { display: grid; gap: var(--space-16); max-width: 640px; }
.rent .form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--space-12) var(--space-16); }
.rent .input { width: 100%; }
.rent textarea.input { min-height: 96px; resize: vertical; line-height: 1.45; }
.rent .hint { font-size: 12px; color: var(--muted); }
.rent .check { display: flex; align-items: flex-start; gap: var(--space-8); color: var(--ink-2); }
.rent .check input { margin-top: 3px; accent-color: var(--accent); }
.rent .form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-12); }
.rent .form-msg { color: var(--ink-2); font-size: 13px; }
.rent .form-actions .input { width: 240px; max-width: 100%; }
.rent .pair { display: inline-flex; align-items: center; gap: var(--space-8); }
.rent .card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); min-width: 0; box-shadow: var(--shadow-card); overflow: hidden; }
.rent .card-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: var(--space-8) var(--space-16); padding: var(--pad-card) var(--pad-card) 0; }
.rent .card-head h2 { margin: 0; font-size: 19px; line-height: 1.3; font-weight: 600; letter-spacing: -0.015em; }
.rent .card-head p { margin: 4px 0 0; color: var(--muted); font-family: var(--font-mono); font-size: 12px; }
.rent .card-body { padding: var(--space-16) var(--pad-card) var(--pad-card); }
.rent .card-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px var(--space-16); padding: var(--space-16) var(--pad-card); }
.rent .card-tools .filter-input { margin-left: auto; }
.rent .card-note { color: var(--muted); font-size: 13px; padding: 0 var(--pad-card) var(--pad-card); margin: 0; }
.rent .prose { max-width: 70ch; font-size: 15px; line-height: 1.6; color: var(--ink-2); }
.rent .prose > * { margin: 0; }
.rent .prose > * + * { margin-top: var(--space-12); }
.rent .prose h2 { font-size: 20px; line-height: 1.3; font-weight: 600; color: var(--ink); }
.rent .prose > * + h2 { margin-top: var(--space-28); }
.rent .prose h3 { font-size: 16px; line-height: 1.45; font-weight: 600; color: var(--ink); }
.rent .prose > * + h3 { margin-top: var(--space-20); }
.rent .prose ul, .rent .prose ol { padding-left: var(--space-20); }
.rent .prose li + li { margin-top: var(--space-6); }
.rent .prose strong { color: var(--ink); font-weight: 600; }
.rent .prose a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.rent .prose code { font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: 0.9em; background: var(--surface-2); border-radius: var(--radius-xs); padding: 1px var(--space-4); }
.rent .legend { display: flex; flex-wrap: wrap; gap: var(--space-6) 18px; padding: 14px var(--pad-card) 0; font-size: 13px; }
.rent .legend-item { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-2); }
.rent .legend-item b { color: var(--ink); font-weight: 600; }
.rent .key { width: 14px; height: 0; border-top: 2px solid; display: inline-block; flex: none; }
.rent .legend-item button { border: 0; background: none; padding: 0 var(--space-4); cursor: pointer; color: var(--muted); font-size: 15px; line-height: 1; border-radius: var(--radius-xs); }
.rent .legend-item button:hover { color: var(--ink); background: var(--surface-2); }
.rent .plot { position: relative; padding: var(--space-8) var(--space-12) var(--space-12); }
.rent .plot svg { display: block; width: 100%; height: auto; outline-offset: -2px; touch-action: pan-y; }
.rent .plot text { font-family: var(--font-ui); font-size: 11.5px; fill: var(--muted); font-variant-numeric: tabular-nums; }
.rent .plot text.endv { fill: var(--ink); font-weight: 600; font-size: 12px; }
.rent .tip { position: absolute; top: var(--space-12); left: 0; pointer-events: none; background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--radius-lg); padding: var(--space-8) 10px; font-size: 12.5px; box-shadow: var(--shadow-pop); min-width: 170px; max-width: 260px; z-index: 2; }
.rent .tip-date { color: var(--muted); margin-bottom: var(--space-4); }
.rent .tip-row { display: flex; align-items: center; gap: 7px; padding-block: 1px; }
.rent .tip-row b { font-weight: 600; font-variant-numeric: tabular-nums; }
.rent .tip-row .nm { color: var(--ink-2); }
.rent .spark { display: block; }
.rent .scroll-x { overflow-x: auto; border-top: 1px solid var(--line); margin-top: var(--space-16); }
.rent table { border-collapse: collapse; width: 100%; }
.rent th, .rent td { padding: 11px var(--space-8); text-align: right; white-space: nowrap; border-bottom: 1px solid var(--line); }
.rent th:first-child, .rent td:first-child { padding-left: var(--pad-card); }
.rent th:last-child, .rent td:last-child { padding-right: var(--pad-card); }
.rent th { font-family: var(--font-mono); font-size: 12px; font-weight: 400; color: var(--muted); background: var(--surface-2); }
.rent th.l, .rent td.l { text-align: left; }
.rent th button { border: 0; background: none; padding: 0; cursor: pointer; color: inherit; font-weight: inherit; display: inline-flex; gap: var(--space-4); align-items: center; }
.rent th button:hover { color: var(--ink); }
.rent th[aria-sort] button { color: var(--ink); font-weight: 600; }
.rent .sort-ind { font-size: 9px; width: 8px; display: inline-block; }
.rent tbody tr:hover { background: var(--surface-2); }
.rent tbody tr.is-selected { background: var(--accent-wash); }
.rent tbody tr:last-child td { border-bottom: 0; }
.rent td.rank { color: var(--muted); width: 1%; }
.rent td.text, .rent th.text { white-space: normal; min-width: 22ch; text-align: left; }
.rent .row-link { border: 0; background: none; padding: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 9px; font-weight: 600; text-align: left; color: var(--ink); text-decoration: none; }
.rent .row-link:hover .name { text-decoration: underline; }
.rent .iso { font-family: var(--font-mono); font-size: 11px; font-weight: 500; color: var(--ink-2); background: var(--surface-2); border: 1px solid var(--line); border-radius: var(--radius-xs); padding: 1px var(--space-4); min-width: 26px; text-align: center; display: inline-block; }
.rent .iso.is-selected, .rent tr.is-selected .iso { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.rent .empty { padding: var(--space-28) var(--space-16); color: var(--muted); text-align: center; }
.rent .src-list { list-style: none; margin: 0; padding: 0; }
.rent .src-list li { padding: 14px var(--pad-card); border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: 2px; }
.rent .src-list .nm { font-weight: 600; display: flex; justify-content: space-between; gap: var(--space-12); }
.rent .src-list .nm span { font-weight: 400; color: var(--muted); white-space: nowrap; }
.rent .src-list .ds { color: var(--ink-2); font-size: 13px; }
.rent .callout { display: flex; flex-wrap: wrap; gap: var(--space-12) 32px; justify-content: space-between; align-items: center; padding: var(--pad-card); }
.rent .callout h2 { margin: 0 0 var(--space-4); font-size: 19px; font-weight: 600; letter-spacing: -0.015em; }
.rent .callout p { margin: 0; color: var(--ink-2); max-width: 70ch; }
.rent .slot { font-family: var(--font-mono); font-size: 12px; color: var(--muted); border: 1px dashed var(--control-line); border-radius: var(--radius-sm); padding: var(--space-6) 10px; }
@media (max-width: 760px) {
  .rent .two { grid-template-columns: minmax(0, 1fr); }
  .rent .item-id h1 { font-size: 34px; }
  .rent .item-head.hero .item-id h1 { font-size: 44px; }
  .rent .fact dd { font-size: 24px; }
  .rent .price-big { font-size: 40px; }
  .rent .card-tools .filter-input { margin-left: 0; width: 100%; }
  .rent .seg button { padding-inline: 10px; }
  .rent table .opt { display: none; }
}
.rent .stale { color: var(--muted); }
.rent .stale small { font-size: 11px; margin-left: 2px; }
.rent a:not(.btn) { color: var(--ink); text-decoration-line: underline; text-decoration-color: var(--line-strong); text-underline-offset: 2px; }
.rent a:not(.btn):hover { text-decoration-color: var(--ink); }
.rent .fact dd .pct, .rent .fact dd .pct span { display: inline; font-size: inherit; font-weight: 600; }
.rent .fact dd .pct.rise { color: var(--rise); }
.rent .fact dd .pct.fall { color: var(--fall); }
.rent .fact dd .pct.flat, .rent .fact dd .pct.na { color: var(--muted); }
.rent .fact dd .pct .arr { font-size: 0.72em; margin-right: 3px; }
.rent .muted { color: var(--muted); }
.rent p.note { color: var(--ink-2); max-width: 70ch; }
.rent ul.links { margin: 0; padding: var(--space-16) var(--pad-card) var(--pad-card); list-style: none; display: flex; flex-wrap: wrap; gap: var(--space-8) var(--space-20); }
.rent .crumbs a { text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 2px; }
.rent .table-note { margin: 0; padding: var(--space-12) var(--pad-card) var(--pad-card); font-size: 13px; }
@media (max-width: 560px) {
  .rent th, .rent td { padding: 8px 6px; }
  .rent th:first-child, .rent td:first-child { padding-left: var(--space-12); }
  .rent th:last-child, .rent td:last-child { padding-right: var(--space-12); }
  .rent td.l, .rent th.l { white-space: normal; overflow-wrap: anywhere; }
  .rent thead th { white-space: normal; }
  .rent .item-id h1 { font-size: 30px; line-height: 1.1; }
  .rent .item-head.hero .item-id h1 { font-size: 38px; }
  :root { --pad-card: 16px; }
}
.rent .rent-check .card-body, .rent .rent-check { padding: var(--space-16) var(--pad-card) var(--pad-card); max-width: none; }
.rent .rc-result:empty { display: none; }
.rent .rc-result { display: grid; gap: var(--space-8); }
.rent .rc-result p { margin: 0; max-width: 70ch; }
.rent .rc-lead { font-weight: 600; font-size: 16px; }
.rent .rc-scale { position: relative; height: 10px; border-radius: var(--radius-pill); background: var(--line-strong); margin-top: var(--space-8); }
.rent .rc-scale span { position: absolute; top: -5px; width: 4px; height: 20px; margin-left: -2px; background: var(--ink); border-radius: 2px; }
.rent .rc-ends { display: flex; justify-content: space-between; font-size: 12px; color: var(--muted); }
.rent .rc-find { padding: var(--space-16) var(--pad-card) var(--pad-card); display: grid; gap: var(--space-8); }
.rent .rc-find .input { width: 100%; max-width: 420px; }
.rent .af-hidden { display: none; }
.rent .afford { padding: var(--space-16) var(--pad-card) var(--pad-card); max-width: none; }
.rent .report-sub { margin: 0; padding: var(--space-16) var(--pad-card) var(--space-4); font-size: 15px; font-weight: 600; }
.rent ul.context { margin: 0; padding-left: 1.1em; display: flex; flex-direction: column; gap: var(--space-8); color: var(--ink-2); max-width: 75ch; }
.rent ul.context b { color: var(--ink); font-weight: 600; }
.rent .offer { border-color: var(--accent); background: var(--accent-wash); }
.rent ul.teasers { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: var(--space-12) var(--space-20); }
.rent ul.teasers li { display: flex; flex-direction: column; gap: 2px; padding-left: var(--space-12); border-left: 2px solid var(--accent); }
.rent ul.teasers li.locked { border-left-color: var(--line-strong); }
.rent ul.teasers li span { color: var(--ink-2); }
.rent .offer-actions { display: flex; flex-wrap: wrap; gap: var(--space-8); margin: var(--space-16) 0 var(--space-8); }
.rent .offer .muted { margin: 0; font-size: 13px; }
.rent ol.inside { margin: 0; padding-left: 1.3em; display: flex; flex-direction: column; gap: var(--space-8); }
.rent ol.inside li span { display: block; color: var(--ink-2); }
.rent .card > :is(p, ol, ul:not(.links):not(.src-list), details, .form-actions, .rc-result, .offer-actions, nav) { margin: 0; padding: var(--space-12) var(--pad-card) 0; }
.rent .card > :is(p, ol, ul:not(.links):not(.src-list), details, .form-actions, nav):last-child { padding-bottom: var(--pad-card); }
.rent .card > .scroll-x + :is(p, details) { padding-top: var(--space-16); }
.rent .card > details > summary { cursor: pointer; color: var(--ink-2); font-size: 14px; }
.rent .card > details > summary:hover { color: var(--ink); }
.rent .card > details[open] > summary { margin-bottom: var(--space-12); }
.rent .card > details > .scroll-x { margin-inline: calc(-1 * var(--pad-card)); }
.rent.wrap > p.muted, .rent.wrap > p.note { margin: calc(-1 * var(--space-12)) 0 0; font-size: 13.5px; }
.rent .offer { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)); }
.rent .offer .card-head h2 { color: var(--accent-ink); }
.rent .item-head.hero { padding-block: var(--space-32) var(--space-16); }
.rent .item-head.hero .form-actions { margin-top: var(--space-8); }
.rent .card.prose { max-width: none; padding: var(--space-28) calc(var(--pad-card) + 8px) var(--space-32); }
.rent .card.prose > * { max-width: 72ch; }
.rent .card > .prose:not(.card-body) { padding: var(--space-16) var(--pad-card) var(--pad-card); }
@media (max-width: 560px) {
  .rent .card.prose { padding: var(--space-20) var(--pad-card) var(--space-24); }
}
.rent .prose a { overflow-wrap: anywhere; }
.rent .coming ul.teasers { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.rent .rent-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-8) var(--space-16); margin-bottom: calc(-1 * var(--space-8)); }
.rent .rent-bar-name { font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em; }
.rent a.rent-bar-name { color: var(--muted); text-decoration: none; }
.rent a.rent-bar-name:hover { color: var(--ink); }
.rent .search-in { display: flex; gap: var(--space-8); flex: 0 1 400px; min-width: 0; }
.rent .search-in .filter-input { border-radius: var(--radius-pill); padding-inline: 16px; flex: 1 1 auto; width: auto; min-width: 0; }
@media (max-width: 560px) {
  .rent .search-in { flex: 1 1 100%; }
}