/* ============================================================
   Arazi Raporu (land-report*.html)
   Yerleşim ve ayrılan yükseklikler burada: harita, özet kutusu, alan seçici iletisi,
   başlık sayacı ve sipariş slotu sonuç gelince yer değiştirmez (CLS). Harita kapsayıcısı LTR kalır.
   Mobil (< 768 px): önce harita ve özet, altında alan seçimi ve rapor başlıkları, sonra sipariş slotu.
   Örnek rapor maketi yalnız HTML/CSS ve satır içi SVG'dir (görsel dosya yok); kâğıt her temada beyazdır.
   ============================================================ */

/* ---- Başlık ---- */
.lr-hero p.lede { max-width: 41.6367em; } /* 66ch (Inter); em: yazı tipi takasında genişlik sabit (CLS) */
/* Mobilde güven rozetleri tek satırda kayar: harita yukarı gelir */
@media (max-width: 767.98px) {
  .lr-hero .trust-row { flex-wrap: nowrap; overflow-x: auto; margin-inline: -1rem; padding-inline: 1rem; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .lr-hero .trust-row::-webkit-scrollbar { display: none; }
  .lr-hero .trust-badge { flex: 0 0 auto; white-space: nowrap; }
}
.nw { white-space: nowrap; }

/* ---- Araç ızgarası ----
   Mobil: harita, alan seçimi, rapor başlıkları, sipariş, veri kartı (alt alta).
   1024+: solda alan seçimi, sipariş ve veri kartı; ortada harita ve altında başlıklar.
   1280+: sipariş sağ sütunda ve sayfa kaydıkça başlıkların yanında kalır (sticky).
   Haritayı ve kenar kartlarını kesen satır esnek (1fr): yayılan öğelerin fazlası yalnız o satıra gider,
   sol sütunda alan seçiminin altında boşluk kalmaz. */
.lr-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: .9rem; margin-top: 1rem; align-items: start;
  grid-template-areas: "map" "input" "items" "slot" "aside"; }
.lr-layout > [data-area] { min-width: 0; }
.lr-layout > [data-area="map"] { grid-area: map; }
.lr-layout > [data-area="input"] { grid-area: input; }
.lr-layout > [data-area="items"] { grid-area: items; }
.lr-layout > [data-area="slot"] { grid-area: slot; }
.lr-layout > [data-area="aside"] { grid-area: aside; }
@media (min-width: 768px) {
  .lr-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "map map" "input slot" "items items" "aside aside"; }
}
@media (min-width: 1024px) {
  .lr-layout { grid-template-columns: 320px minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas: "input map" "slot map" "aside items"; }
}
@media (min-width: 1280px) {
  .lr-layout { grid-template-columns: 300px minmax(0, 1fr) 300px; grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-areas: "input map slot" "aside map slot" "aside items slot"; }
  .lr-layout > [data-area="slot"] { align-self: stretch; }
  .lr-layout > [data-area="slot"] > [data-order-slot] { position: sticky; top: 92px; }
}

/* ---- Mobil kısa yol satırı (haritanın üstünde; yükleme anından beri yerinde, kayma yok) ----
   Alan seçicinin denetimlerini tetikler (js/land-report.js). 768 px ve üstünde panel zaten görünür: gizli. */
.lr-quick { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .5rem; margin-bottom: .6rem; }
.lr-quick .rds-btn { min-width: 0; min-height: 48px; padding: .45rem .6rem; font-size: .86rem; line-height: 1.2; text-align: center; }
.lr-quick .rds-btn svg, .lr-quick .rds-btn i { flex: 0 0 auto; }
.lr-quick .rds-btn[aria-pressed="true"] { background: var(--rds-primary-strong); box-shadow: 0 0 0 3px var(--rds-soft-line); }
@media (min-width: 768px) { .lr-quick { display: none; } }

/* ---- Harita ---- */
.lr-mapcard { padding: .4rem; }
#lrMapWrap { position: relative; direction: ltr; height: 56vh; min-height: 300px; max-height: 560px;
  overflow: hidden; border-radius: 12px; isolation: isolate; z-index: 0; background: #e5e9ee; }
@media (min-width: 768px) { #lrMapWrap { height: 470px; max-height: none; } }
@media (min-width: 1024px) { #lrMapWrap { height: 500px; } }
#lrMap { position: absolute; inset: 0; }
#lrMapWrap .leaflet-container { height: 100%; font-family: inherit; }
@media (max-width: 639px) {
  #lrMapWrap .leaflet-control-attribution { font-size: 9.5px; line-height: 1.3; }
}
/* Köprüden gelen noktada ipucu: haritanın üstünde, mutlak konumlu (yerleşimi etkilemez) */
.lr-maphint { position: absolute; top: 10px; left: 54px; right: 10px; z-index: 650; display: flex; justify-content: center; pointer-events: none; }
.lr-maphint[hidden] { display: none; }
.lr-maphint span { display: inline-flex; align-items: center; gap: .4rem; max-width: 100%; padding: .4rem .7rem; border-radius: 999px;
  background: rgba(10, 18, 32, .86); color: #fff; font: 600 12.5px/1.3 Inter, system-ui, sans-serif; box-shadow: 0 6px 18px -8px rgba(0, 0, 0, .5); }
.lr-maphint span::before { content: ""; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: #1FA6FF; box-shadow: 0 0 0 3px rgba(31, 166, 255, .35); }

/* ---- Özet kutusu (haritanın altında; satırların yeri baştan ayrılır) ---- */
.lr-sum { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: .45rem .8rem; align-items: center;
  margin: .5rem .2rem .2rem; padding: .7rem .8rem; border: 1px solid var(--rds-border); border-radius: 12px; background: var(--rds-surface-2); }
.lr-sum__shape { display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 11px;
  background: var(--rds-surface); border: 1px solid var(--rds-border); }
.lr-sum__shape svg { display: block; }
.lr-sum__shape .lr-poly { fill: rgba(31, 166, 255, .18); stroke: #0057B8; stroke-width: 2; stroke-linejoin: round; }
html.dark .lr-sum__shape .lr-poly { stroke: #1FA6FF; }
.lr-sum__shape .lr-pin { fill: #0057B8; fill-rule: evenodd; }
html.dark .lr-sum__shape .lr-pin { fill: #1FA6FF; }
.lr-sum__shape .lr-empty { fill: none; stroke: var(--rds-border-strong); stroke-width: 1.6; stroke-dasharray: 3 3; }
/* Yer adı genelde alandan uzun: ikinci sütun biraz geniş */
.lr-sum__grid { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 5fr); gap: .3rem 1rem; margin: 0; }
.lr-sum__grid > div { min-width: 0; }
.lr-sum dt { font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--rds-muted); line-height: 1.3; }
.lr-sum dd { margin: 0; min-width: 0; }
.lr-big { display: block; height: 1.45rem; font-size: 1.06rem; font-weight: 800; line-height: 1.45rem; color: var(--rds-text);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.lr-big.is-muted { color: var(--rds-muted); font-weight: 600; font-size: .92rem; }
.lr-sub { display: block; font-size: .78rem; line-height: 1.4; color: var(--rds-muted); white-space: nowrap; overflow: hidden;
  text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.lr-sum__hint { grid-column: 1 / -1; margin: 0; padding-top: .45rem; border-top: 1px solid var(--rds-border);
  min-height: calc(2.8em + .45rem + 1px); font-size: .8rem; line-height: 1.4; color: var(--rds-muted); }
.lr-sum__hint.is-point { color: var(--rds-primary-ink); font-weight: 600; }
/* Dar ekranda siluet gizlenir: iki sütun tam genişliği kullanır */
@media (max-width: 419.98px) {
  .lr-sum { grid-template-columns: minmax(0, 1fr); padding: .65rem .7rem; }
  .lr-sum__shape { display: none; }
  .lr-sum__grid { grid-template-columns: minmax(0, 3fr) minmax(0, 4fr); gap: .3rem .75rem; }
  .lr-sub { font-size: .74rem; }
  .lr-big { font-size: .98rem; }
}
@media (max-width: 359.98px) { .lr-sum__hint { min-height: calc(4.2em + .45rem + 1px); } }

/* ---- Sol panel: adımlar ---- */
.lr-panel.ap-drag { outline: 2px dashed var(--rds-primary); outline-offset: -6px; }
.lr-step { display: flex; align-items: center; gap: .5rem; margin: 0 0 .65rem; padding: 0; font-size: .8rem; font-weight: 800;
  letter-spacing: .04em; text-transform: uppercase; color: var(--rds-text); }
.lr-step > span { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px;
  border-radius: 50%; background: var(--rds-primary); color: #fff; font-size: .74rem; letter-spacing: 0; }
.lr-row { display: flex; gap: .4rem; }
.lr-row > input { flex: 1 1 0%; min-width: 0; }
.lr-row > .rds-btn { flex: 0 0 auto; }

/* Arama sonuçları açılır liste olarak (altındaki öğeleri itmez) */
.lr-search { position: relative; }
#lrResults.lr-results { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 700; margin: 0; padding: .35rem;
  max-height: 260px; overflow: auto; background: var(--rds-surface); border: 1px solid var(--rds-border-strong);
  border-radius: 11px; box-shadow: var(--rds-shadow-lg); }
#lrResults.lr-results:empty { display: none; }
#lrResults .ap-msg { padding: .25rem .35rem; }

.lr-draw { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: .4rem; margin-top: .6rem; }
.lr-draw .rds-btn { min-width: 0; padding-inline: .6rem; }
.lr-draw .rds-btn svg, .lr-file svg { flex-shrink: 0; }
.lr-draw .rds-btn[aria-pressed="true"] { background: var(--rds-primary); border-color: var(--rds-primary); color: #fff; }
.lr-draw .rds-btn:disabled { opacity: .45; cursor: default; }
.lr-file { position: relative; display: flex; align-items: center; justify-content: center; gap: .5rem; margin-top: .45rem;
  min-height: 48px; padding: .55rem .8rem; border: 1.5px dashed var(--rds-border-strong); border-radius: 12px;
  font-size: .86rem; font-weight: 600; line-height: 1.3; color: var(--rds-text); text-align: center; cursor: pointer;
  transition: border-color .15s, background-color .15s; }
.lr-file:hover { border-color: var(--rds-primary); background: var(--rds-soft); }
.lr-file:focus-within { border-color: var(--rds-primary); box-shadow: 0 0 0 3px var(--rds-soft); }
.lr-file svg, .lr-file i { flex: 0 0 auto; width: 17px; height: 17px; color: var(--rds-primary); }
.lr-file input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
/* İpucu ya da alan seçici iletisi: üç satır yeri ayrılır. En uzun ileti (dosya WGS84 değil + dönüştürücü
   bağlantısı) 1024+ dar sütunda ve 380 px altındaki telefonlarda dört satır: orada dört satır ayrılır. */
.lr-msg { margin: .4rem 0 0; min-height: 4.2em; font-size: .76rem; line-height: 1.4; color: var(--rds-muted); }
@media (min-width: 1024px), (max-width: 379.98px) { .lr-msg { min-height: 5.6em; } }
.lr-msg.is-msg { color: var(--rds-text); }
.lr-msg.err { color: var(--rds-danger); }
.lr-msg a { color: var(--rds-primary-ink); text-decoration: underline; }
/* İpucu: dokunmatik cihazda "bırakın" yerine yükleme ifadesi */
.lr-tip-touch { display: none; }
@media (hover: none), (pointer: coarse) { .lr-tip-desk { display: none; } .lr-tip-touch { display: inline; } }

/* ---- Rapor başlıkları ("Raporda neler olsun?") ---- */
.lr-items { margin: 0; padding: 0; border: 0; min-width: 0; }
.lr-items > legend { float: left; width: 100%; }
.lr-items > legend + * { clear: both; }
.lr-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: .45rem; }
@media (min-width: 600px) { .lr-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.lr-item { display: grid; grid-template-columns: 18px 30px minmax(0, 1fr); column-gap: .6rem; align-items: start; align-content: start;
  padding: .55rem .65rem; border: 1.5px solid var(--rds-border); border-radius: 11px; background: var(--rds-surface);
  cursor: pointer; transition: border-color .15s, background-color .15s; }
.lr-item:hover { border-color: var(--rds-border-strong); }
.lr-item:has(input:checked) { border-color: rgba(31, 166, 255, .55); background: var(--rds-soft); }
.lr-item:focus-within { box-shadow: 0 0 0 3px var(--rds-soft-line); }
.lr-item input { grid-row: 1 / span 2; width: 18px; height: 18px; margin: .4rem 0 0; accent-color: #0057B8; cursor: pointer; }
.lr-item__ic { grid-row: 1 / span 2; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px;
  border-radius: 8px; background: var(--rds-surface-2); color: var(--rds-primary-ink); }
.lr-item__ic svg, .lr-item__ic i { display: inline-block; width: 16px; height: 16px; }
.lr-item__t { grid-column: 3; font-size: .86rem; font-weight: 700; line-height: 1.3; color: var(--rds-text); }
.lr-item__d { grid-column: 3; margin-top: .1rem; font-size: .75rem; line-height: 1.35; color: var(--rds-muted); }
.lr-count { margin: .55rem 0 0; min-height: 2.8em; font-size: .78rem; line-height: 1.4; font-weight: 600; color: var(--rds-muted); }
.lr-count.is-none { color: #92400e; }
html.dark .lr-count.is-none { color: #fbbf24; }

/* ---- Satış içeriği ---- */
.lr-block { margin-top: 3rem; }
.lr-h2 { margin: 0 0 .45rem; font-size: clamp(1.3rem, 3.4vw, 1.7rem); line-height: 1.2; font-weight: 800; letter-spacing: -.015em; color: var(--rds-text); }
.lr-intro { margin: 0 0 1.2rem; max-width: 70ch; font-size: .95rem; line-height: 1.6; color: var(--rds-muted); }
.lr-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: .8rem; }
@media (min-width: 640px) { .lr-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .lr-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.lr-card { display: flex; flex-direction: column; padding: 1.05rem; }
.lr-card__ic { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 11px;
  background: var(--rds-soft); color: var(--rds-primary); }
.lr-card__ic svg, .lr-card__ic i { display: inline-block; width: 20px; height: 20px; }
.lr-card h3 { margin: .75rem 0 .3rem; font-size: 1rem; font-weight: 800; line-height: 1.25; color: var(--rds-text); }
.lr-card p { margin: 0; font-size: .86rem; line-height: 1.55; color: var(--rds-muted); }
.lr-card .lr-src { margin-top: auto; padding-top: .7rem; font-size: .74rem; line-height: 1.45; color: var(--rds-muted); }
.lr-card .lr-src b { color: var(--rds-text); font-weight: 700; }
.lr-cards-note { margin: .7rem 0 0; font-size: .8rem; line-height: 1.5; color: var(--rds-muted); max-width: 80ch; }
.lr-who { display: grid; grid-template-columns: minmax(0, 1fr); gap: .7rem; }
@media (min-width: 640px) { .lr-who { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lr-who { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.lr-who > div { display: flex; gap: .7rem; align-items: flex-start; padding: .9rem 1rem; }
.lr-who h3 { margin: 0 0 .2rem; font-size: .92rem; font-weight: 700; line-height: 1.3; color: var(--rds-text); }
.lr-who p { margin: 0; font-size: .83rem; line-height: 1.5; color: var(--rds-muted); }
.lr-steps { display: grid; grid-template-columns: minmax(0, 1fr); gap: .9rem; margin: 0; padding: 0; list-style: none; counter-reset: lr; }
@media (min-width: 768px) { .lr-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.lr-steps li { position: relative; padding: 1.1rem; padding-inline-start: 3.6rem; counter-increment: lr; }
.lr-steps li::before { content: counter(lr); position: absolute; inset-inline-start: 1.1rem; top: 1.05rem; display: flex;
  align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--rds-primary);
  color: #fff; font-weight: 800; font-size: .9rem; }
.lr-steps h3 { margin: 0 0 .3rem; font-size: .98rem; font-weight: 800; color: var(--rds-text); }
.lr-steps p { margin: 0; font-size: .86rem; line-height: 1.55; color: var(--rds-muted); }

/* ---- Örnek rapor maketi (temsili; iki A4 sayfa) ---- */
.lr-sample { margin: 0; }
.lr-desk { position: relative; border-radius: 20px; padding: 1.2rem .25rem 1.4rem;
  background: radial-gradient(120% 90% at 20% 0%, #16325e 0%, #0A1220 62%); box-shadow: inset 0 0 0 1px rgba(148, 178, 230, .16); }
.lr-pages { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; padding: .3rem .6rem .6rem;
  -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
.lr-page { position: relative; flex: 0 0 90%; max-width: 430px; scroll-snap-align: center; container-type: inline-size;
  aspect-ratio: 1 / 1.4142; overflow: hidden; border-radius: 3px; background: #fff; color: #0A1220;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .25), 0 22px 44px -20px rgba(0, 0, 0, .75); }
@media (min-width: 768px) {
  .lr-desk { padding: 2.2rem 1.5rem 2.6rem; }
  .lr-pages { justify-content: center; overflow: visible; gap: 1.6rem; padding: 0; }
  .lr-page { flex: 0 1 430px; }
  .lr-page + .lr-page { transform: translateY(1.1rem); }
}
/* Sayfa içi ölçüler sayfa genişliğine göre (cqi); eski tarayıcıda px yedeği */
.lr-pg { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 22px 24px 14px; padding: 6cqi 6.5cqi 4cqi;
  font-family: Inter, system-ui, sans-serif; font-size: 10px; font-size: 2.55cqi; line-height: 1.4; }
.lr-pg * { box-sizing: border-box; }
.lr-pg > * { flex-shrink: 0; }
:where(.lr-pg) :where(p, ul, ol, dl, dd) { margin: 0; padding: 0; }
.lr-ribbon { position: absolute; z-index: 2; top: 7cqi; right: -13cqi; inset-inline-start: auto; inset-inline-end: -13cqi; width: 50cqi; padding: 1.1cqi 0; transform: rotate(45deg);
  background: #F59E0B; color: #0A1220; text-align: center; font: 800 9px/1.2 Inter, system-ui, sans-serif; font-size: 2.2cqi;
  letter-spacing: .1em; text-transform: uppercase; box-shadow: 0 2px 6px rgba(0, 0, 0, .25); }
/* RTL'de kurdele sol üst köşeye geçer, eğimi de döner */
[dir="rtl"] .lr-ribbon { transform: rotate(-45deg); }
.lr-pg-head { display: flex; align-items: center; gap: 2cqi; }
.lr-logo { flex: 0 0 auto; width: 6.4cqi; height: 6.4cqi; }
.lr-logo svg { display: block; width: 100%; height: 100%; }
.lr-brand { display: flex; flex-direction: column; font-weight: 800; font-size: 2.6cqi; letter-spacing: .16em; line-height: 1.1; color: #0A1220; }
.lr-brand small { font-size: 1.7cqi; font-weight: 600; letter-spacing: .3em; color: #5b6b82; }
.lr-pg-sec { margin-left: auto; margin-right: 14cqi; margin-inline-start: auto; margin-inline-end: 14cqi; font-size: 2cqi; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #5b6b82; }
.lr-rule { height: .7cqi; margin: 3cqi 0 3.4cqi; border-radius: 1cqi; background: linear-gradient(90deg, #0057B8, #1FA6FF 70%, rgba(31, 166, 255, .15)); }
.lr-kicker { font-size: 2.3cqi; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #0057B8; }
.lr-cover-t { margin-top: 1.2cqi; font-size: 5.6cqi; font-weight: 800; line-height: 1.12; letter-spacing: -.01em; color: #0A1220; }
.lr-cover-s { margin-top: 1.6cqi; font-size: 2.7cqi; color: #5b6b82; }
.lr-cover-map { position: relative; margin-top: 3.4cqi; border-radius: 1.6cqi; overflow: hidden; box-shadow: 0 0 0 1px rgba(10, 18, 32, .12); }
.lr-cover-map svg { display: block; width: 100%; height: auto; }
.lr-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2cqi; margin-top: 3.2cqi; }
.lr-facts div { padding: 1.6cqi 2cqi; border-radius: 1.4cqi; background: #eef2f7; }
.lr-facts dt { font-size: 1.75cqi; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #5b6b82; }
.lr-facts dd { margin-top: .4cqi; font-size: 2.75cqi; font-weight: 800; color: #0A1220; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lr-toc-h { margin-top: 3.4cqi; font-size: 1.9cqi; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #5b6b82; }
.lr-toc { display: grid; grid-template-columns: 1fr 1fr; gap: .9cqi 4cqi; margin-top: 1.4cqi; list-style: none; }
.lr-toc li { display: flex; align-items: baseline; gap: 1.4cqi; font-size: 2.15cqi; color: #0A1220; border-bottom: 1px dotted #cdd6e2; padding-bottom: .6cqi; }
.lr-toc li b { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 1.9cqi; color: #0057B8; }
.lr-toc li span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lr-toc li i { margin-inline-start: auto; font-style: normal; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 1.9cqi; color: #5b6b82; }
.lr-pg-foot { display: flex; justify-content: space-between; gap: 2cqi; margin-top: auto; padding-top: 1.4cqi; border-top: 1px solid #e1e7ef;
  font-size: 1.8cqi; color: #5b6b82; }
.lr-pg-foot b { font-weight: 700; color: #0A1220; }
/* 2. sayfa: yıllara göre değişim */
.lr-sec-t { display: flex; align-items: baseline; gap: 2cqi; margin-top: 2cqi; font-size: 4.4cqi; font-weight: 800; line-height: 1.15; color: #0A1220; }
.lr-sec-t b { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 3.4cqi; color: #0057B8; }
.lr-sec-d { margin-top: 1.4cqi; font-size: 2.25cqi; line-height: 1.45; color: #5b6b82; }
.lr-thumbs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2cqi; margin-top: 2.6cqi; }
.lr-thumbs figure { margin: 0; }
.lr-thumbs svg { display: block; width: 100%; height: auto; border-radius: 1cqi; box-shadow: 0 0 0 1px rgba(10, 18, 32, .14); }
.lr-thumbs figcaption { display: flex; justify-content: space-between; gap: 1cqi; margin-top: .6cqi; white-space: nowrap; overflow: hidden; font-family: 'IBM Plex Mono', ui-monospace, monospace;
  font-size: 1.8cqi; color: #5b6b82; }
.lr-thumbs figcaption b { color: #0A1220; font-weight: 700; }
.lr-chart { margin-top: 2.4cqi; padding: 1.8cqi 2.2cqi 1cqi; border: 1px solid #e1e7ef; border-radius: 1.4cqi; }
.lr-chart-h { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6cqi 2cqi; }
.lr-chart-t { font-size: 2.15cqi; font-weight: 800; color: #0A1220; }
.lr-legend { display: flex; gap: 2.4cqi; font-size: 1.85cqi; color: #0A1220; }
.lr-legend span { display: inline-flex; align-items: center; gap: .9cqi; }
.lr-legend span::before { content: ""; width: 3.2cqi; height: 0; border-top: .55cqi solid #16A34A; }
.lr-legend span.b::before { border-top-color: #0057B8; border-top-style: dashed; }
.lr-chart svg { display: block; width: 100%; height: auto; margin-top: .8cqi; }
.lr-find-h { margin-top: 2.2cqi; font-size: 1.9cqi; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #5b6b82; }
.lr-find { margin-top: 1cqi; list-style: none; display: grid; gap: 1cqi; }
.lr-find li { position: relative; padding-inline-start: 3cqi; font-size: 2.1cqi; line-height: 1.4; color: #0A1220; }
.lr-find li::before { content: ""; position: absolute; inset-inline-start: 0; top: .8cqi; width: 1.5cqi; height: 1.5cqi; border-radius: .4cqi; background: #C2410C; }
.lr-find li.ok::before { background: #16A34A; }
.lr-pg-src { margin-top: 1.8cqi; font-size: 1.75cqi; line-height: 1.4; color: #5b6b82; }
.lr-sample > figcaption { margin: .8rem .2rem 0; font-size: .8rem; line-height: 1.5; color: var(--rds-muted); max-width: 80ch; }
.lr-sample > figcaption b { color: var(--rds-text); }
.lr-sample-tag { display: inline-block; margin-inline-end: .4rem; padding: .1rem .5rem; border-radius: 999px; background: rgba(245, 158, 11, .16);
  color: #92400e; font-size: .7rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; vertical-align: middle; }
html.dark .lr-sample-tag { color: #fbbf24; }