/* Al Wisam: five reference colours, shared by every component and both modes. */
:root {
  --brand-forest: #173f36;
  --brand-petrol: #2f7371;
  --brand-gold: #c9a562;
  --brand-ivory: #f5f2e9;
  --brand-graphite: #3d575a;
  color-scheme: dark;
  --bg: #0c2526;
  --panel: #12352f;
  --surface-raised: #183e35;
  --surface-soft: #1e443b;
  --text: #f5f2e9;
  --muted: #b4c5ba;
  --heading: #fff2d2;
  --gold: #dfc18a;
  --line: #c9a56238;
  --accent-ink: #dfc18a;
  --link-ink: #acd5c8;
  --input-surface: #102e29;
  --action-bg: var(--brand-gold);
  --action-ink: #142e23;
  --shadow: #00181266;
  --veil: #031c18b8;
  --theme-surface: var(--panel);
  --theme-ink: var(--text);
  --theme-border: var(--line);
  --map-ground-a: #14332f;
  --map-ground-b: #102b2a;
  --map-block-a: #2d4940;
  --map-block-b: #223c33;
  --map-block-ink: #fff2d5;
  --map-block-edge: #68847699;
  --map-road-a: #4b6061;
  --map-road-b: #344c50;
  --map-road-active: #a28b59;
  --map-road-ink: #fff0cf;
  --map-lot-fill: #315d4a;
  --map-lot-edge: #c1cbb4;
  --map-lot-ink: #fff4d7;
  --map-lot-active: #866633;
  --map-facility: #153f36;
  --map-facility-edge: #af955a;
  --map-symbol: #ecd095;
  --map-menu: var(--panel);
  --map-menu-button: var(--surface-soft);
  --map-menu-ink: var(--text);
  --map-menu-accent: var(--gold);
  --map-menu-edge: var(--line);
  --map-menu-active: var(--brand-gold);
  --map-menu-active-ink: #142e23;
  --scene-ground: #567763;
  --scene-road: #3d575a;
  --scene-neighbour: #315348;
  --scene-service: #173f36;
}
:root[data-theme="day"] {
  color-scheme: light;
  --bg: var(--brand-ivory);
  --panel: #fffdf6;
  --surface-raised: #fffaf0;
  --surface-soft: #e9eee5;
  --text: #243f36;
  --muted: #536b61;
  --heading: var(--brand-forest);
  --gold: #7c5c27;
  --line: #7d8e733d;
  --accent-ink: #7c5c27;
  --link-ink: var(--brand-petrol);
  --input-surface: #fffef8;
  --action-bg: var(--brand-forest);
  --action-ink: var(--brand-ivory);
  --shadow: #304c3422;
  --veil: #223e346b;
  --map-ground-a: #f1eee4;
  --map-ground-b: #e8e5d8;
  --map-block-a: #e1e3da;
  --map-block-b: #cbd2c7;
  --map-block-ink: var(--brand-forest);
  --map-block-edge: #98a494;
  --map-road-a: #657b79;
  --map-road-b: #4f6365;
  --map-road-active: #a28b59;
  --map-road-ink: #fff9e5;
  --map-lot-fill: #356651;
  --map-lot-edge: #f3ead4;
  --map-lot-ink: #fffaf0;
  --map-lot-active: #866633;
  --map-facility: #27594f;
  --map-facility-edge: #a58c50;
  --map-symbol: #f2d99f;
  --map-menu: var(--panel);
  --map-menu-button: #e9ede2;
  --map-menu-active: var(--brand-forest);
  --map-menu-active-ink: #fff4d4;
  --scene-ground: #a1b4a3;
  --scene-road: #738783;
  --scene-neighbour: #d3d9cc;
  --scene-service: var(--brand-forest);
}
/* Shared chrome and typography. Colour roles are the same throughout the site. */
[data-theme] body {
  background: var(--bg);
  color: var(--text);
}
[data-theme] header {
  background: var(--panel);
  border-color: var(--line);
}
[data-theme] .brand {
  color: var(--heading);
}
[data-theme] .brand small {
  color: var(--accent-ink);
}
[data-theme="day"] .company-logo {
  filter: brightness(0.65) saturate(1.2);
}
[data-theme] aside,
[data-theme] aside:has(#detail:not([hidden])) {
  background: linear-gradient(145deg, var(--panel), var(--bg));
  border-color: var(--line);
  scrollbar-color: var(--brand-petrol) var(--bg);
}
[data-theme] h1,
[data-theme] h2,
[data-theme] h3,
[data-theme] #detail h2,
[data-theme] #mapInfo h2,
[data-theme] #mapInfo h3 {
  color: var(--heading);
}
[data-theme] h1 em {
  color: var(--accent-ink);
}
[data-theme] p,
[data-theme] #intro > p,
[data-theme] .accuracy,
[data-theme] #mapInfo p,
[data-theme] .map-instruction,
[data-theme] #liveStatus {
  color: var(--muted);
}
[data-theme] .location-eyebrow,
[data-theme] .info-eyebrow,
[data-theme] .dialoghead small {
  color: var(--accent-ink);
}
[data-theme] nav button,
[data-theme] .download,
[data-theme] .back,
[data-theme] #logout {
  color: var(--muted);
}
[data-theme] nav button.active,
[data-theme] .language-toggle,
[data-theme] .owner-dot {
  color: var(--accent-ink);
  border-color: var(--line);
}
[data-theme] nav button.active:after {
  background: var(--brand-gold);
}
[data-theme] .language-toggle:hover,
[data-theme] .owner-dot:hover {
  background: var(--surface-soft);
}
[data-theme] .maptop,
[data-theme] footer,
[data-theme] .availability-key {
  border-color: var(--line);
  color: var(--muted);
}
[data-theme] footer strong,
[data-theme] .slash {
  color: var(--accent-ink);
}
[data-theme] .maparea {
  background:
    radial-gradient(ellipse at 60% 40%, var(--surface-raised), transparent 75%),
    var(--bg);
}
[data-theme] #viewport {
  background-image: none;
}
[data-theme] .maphalo {
  opacity: 0.08;
}
[data-theme] .gold {
  background: var(--action-bg);
  color: var(--action-ink);
  border-color: var(--brand-gold);
  font-weight: 500;
  box-shadow: 0 4px 14px var(--shadow);
}
[data-theme] .gold span {
  color: inherit;
}
[data-theme] .outline,
[data-theme] .location-open,
[data-theme] .blocks-open {
  background: var(--panel);
  color: var(--accent-ink);
  border-color: var(--line);
}
[data-theme] .location-open {
  border-inline-start: 3px solid var(--brand-gold);
}
[data-theme] .outline:hover,
[data-theme] .location-open:hover {
  background: var(--surface-soft);
  border-color: var(--brand-gold);
}
[data-theme] .block-peek,
[data-theme] .guide {
  border-color: var(--line);
}
[data-theme] .block-peek > strong {
  color: var(--link-ink);
}
[data-theme] .block-peek > span,
[data-theme] .guide p {
  color: var(--muted);
}
[data-theme] .block-peek button,
[data-theme] .guide > span {
  color: var(--accent-ink);
}
[data-theme] .guide strong {
  color: var(--heading);
}
[data-theme] label,
[data-theme] dt {
  color: var(--muted);
}
[data-theme] input,
[data-theme] select,
[data-theme] textarea {
  background: var(--input-surface);
  border-color: var(--line);
  color: var(--text);
}
[data-theme] input::placeholder,
[data-theme] textarea::placeholder {
  color: var(--muted);
  opacity: 0.9;
}
[data-theme] .searchbox {
  background: var(--input-surface);
  border-color: var(--line);
}
[data-theme] .searchbox input {
  background: transparent;
}
[data-theme] .searchbox button,
[data-theme] .message,
[data-theme] #adminMessage {
  color: var(--accent-ink);
}
[data-theme] dialog {
  background: var(--panel);
  color: var(--text);
  border-color: var(--brand-gold);
  box-shadow: 0 24px 80px var(--shadow);
}
[data-theme] dialog::backdrop {
  background: var(--veil);
  backdrop-filter: blur(6px);
}
[data-theme] .dialoghead h2 {
  color: var(--heading);
}
[data-theme] .dialoghead button,
[data-theme] .upload {
  color: var(--muted);
  border-color: var(--line);
}
[data-theme] dl > div,
[data-theme] #detail .parcelhero {
  border-color: var(--line);
}
[data-theme] dd {
  color: var(--text);
}
[data-theme] .zoom {
  background: var(--panel);
  border-color: var(--line);
}
[data-theme] .zoom button {
  color: var(--accent-ink);
  border-color: var(--line);
}
[data-theme] #tip {
  color: var(--muted);
  background: var(--bg);
}
[data-theme] * {
  scrollbar-color: var(--brand-petrol) var(--bg);
}
/* Property, acquisition and document panels use the same hierarchy. */
[data-theme] #detail .parcelhero,
[data-theme] .document-facts strong {
  color: var(--link-ink);
}
[data-theme] #detail .parcelhero small,
[data-theme] .document-facts small {
  color: var(--muted);
}
[data-theme] .document-facts bdi {
  color: var(--heading);
}
[data-theme] .boundary-heading {
  color: var(--heading);
}
[data-theme] .boundary-table caption,
[data-theme] .boundary-table td > small {
  color: var(--muted);
}
[data-theme] .boundary-table thead th {
  color: var(--accent-ink);
  border-color: var(--line);
}
[data-theme] .boundary-table td,
[data-theme] .boundary-table tbody th,
[data-theme] .boundary-table td.segmented-length {
  color: var(--text);
  border-color: var(--line);
}
[data-theme] .boundary-table td.numeric-length {
  color: var(--link-ink);
}
[data-theme] .investment-idea {
  background: var(--surface-soft);
  border-color: var(--line);
  border-inline-start: 2px solid var(--brand-gold);
}
[data-theme] .investment-idea > strong {
  color: var(--heading);
}
[data-theme] .investment-idea p,
[data-theme] .investment-idea > small {
  color: var(--muted);
}
[data-theme] .price-inquiry {
  border-color: var(--line);
}
[data-theme] .price-contact {
  background: var(--surface-soft);
  color: var(--accent-ink);
}
[data-theme] .price-contact:hover {
  background: var(--action-bg);
  color: var(--action-ink);
}
[data-theme] .source-document summary,
[data-theme] .source-checks summary,
[data-theme] .block-contact {
  color: var(--accent-ink);
}
[data-theme] .source-checks {
  background: var(--surface-soft);
  border-color: var(--brand-gold);
}
[data-theme] .source-checks p,
[data-theme] .source-document p,
[data-theme] .document-source,
[data-theme] .block-source {
  color: var(--muted);
}
[data-theme] .block-acquisition-hero {
  background: var(--surface-soft);
  border-color: var(--line);
  border-inline-start: 2px solid var(--brand-gold);
  padding-inline: 14px;
}
[data-theme] .block-acquisition-hero > strong,
[data-theme] .block-values dd {
  color: var(--link-ink);
}
[data-theme] .block-acquisition-hero > span,
[data-theme] .block-values dt {
  color: var(--muted);
}
[data-theme] #mapInfo .build-note {
  background: var(--surface-soft);
  color: var(--muted);
  border-color: var(--line);
}
[data-theme] .build-stat {
  border-color: var(--line);
}
[data-theme] .build-stat strong {
  color: var(--accent-ink);
}
[data-theme] .build-stat span,
[data-theme] .service-shortcuts button {
  color: var(--muted);
  border-color: var(--line);
}
/* One neutral block treatment for all eleven blocks; no group colour coding. */
#mapGround stop:first-child {
  stop-color: var(--map-ground-a);
}
#mapGround stop:last-child {
  stop-color: var(--map-ground-b);
}
#streetSurface stop:first-child {
  stop-color: var(--map-road-a);
}
#streetSurface stop:last-child {
  stop-color: var(--map-road-b);
}
#original-map #block-surfaces > .original-block-cover {
  fill: url(#wisam-block) !important;
  stroke: var(--map-block-edge) !important;
  stroke-width: 3px !important;
}
#original-map .block-caption text {
  fill: var(--map-block-ink) !important;
  paint-order: normal;
  stroke: none;
}
#original-map .map-block-labels {
  filter: none;
}
#original-map .original-lot .original-lot-art {
  fill: var(--map-lot-fill) !important;
  stroke: var(--map-lot-edge) !important;
  stroke-width: 2px !important;
}
#original-map .original-lot-back {
  fill: var(--map-lot-ink) !important;
}
#original-map .original-lot:hover .original-lot-art,
#original-map .original-lot.selected .original-lot-art {
  fill: var(--map-lot-active) !important;
  stroke: var(--map-symbol) !important;
}
#original-map .roads-layer .map-street,
#original-map .connected-road-surface {
  fill: url(#streetSurface) !important;
}
#original-map .roads-layer .minor-street {
  fill: var(--map-road-a) !important;
  stroke: var(--map-lot-edge) !important;
}
#original-map .roads-layer .map-street.is-highlighted,
#original-map .connected-road-surface.is-highlighted {
  fill: var(--map-road-active) !important;
  filter: none;
}
#original-map .road-map-label {
  fill: var(--map-road-ink) !important;
  opacity: 1 !important;
  paint-order: stroke;
  stroke: #213c3740;
  stroke-width: 2px;
}
#original-map .amenities-layer .map-feature > path {
  fill: var(--map-facility) !important;
  stroke: var(--map-facility-edge) !important;
  stroke-width: 3px !important;
}
#original-map .facility-symbol {
  filter: none;
}
#original-map .narrow-road-labels rect {
  fill: var(--map-facility);
  stroke: var(--map-facility-edge);
}
#original-map .narrow-road-labels text {
  fill: var(--map-symbol);
}
#original-map .explorer-panel {
  fill: var(--map-menu);
  stroke: var(--map-menu-edge);
  stroke-width: 3px;
}
#original-map .explorer-heading {
  fill: var(--map-menu-accent);
}
#original-map .explorer-button > rect {
  fill: var(--map-menu-button);
  stroke: var(--map-menu-edge);
}
#original-map .explorer-title {
  fill: var(--map-menu-ink);
}
#original-map .explorer-icon {
  stroke: var(--map-menu-accent);
}
#original-map .explorer-button[aria-pressed="true"] > rect {
  fill: var(--map-menu-active);
  stroke: var(--map-menu-accent);
}
#original-map .explorer-button[aria-pressed="true"] .explorer-title,
#original-map .explorer-button[aria-pressed="true"] .explorer-icon {
  fill: var(--map-menu-active-ink);
}
#original-map .explorer-button[aria-pressed="true"] .explorer-icon {
  fill: none;
  stroke: var(--map-menu-active-ink);
}
#original-map .explorer-button:hover > rect {
  stroke: var(--map-menu-accent);
  stroke-width: 5px;
}
[data-theme] .mobile-explorer button {
  background: var(--panel);
  color: var(--muted);
  border-color: var(--line);
}
[data-theme] .mobile-explorer button[aria-pressed="true"] {
  background: var(--action-bg);
  color: var(--action-ink);
  border-color: var(--brand-gold);
}
#svgHost > svg {
  background: transparent;
}
[data-theme] #mapTooltip,
[data-theme] #mapTooltip.simple-feature,
[data-theme] #mapTooltip.block-summary-tip {
  background: var(--panel);
  color: var(--text);
  border-color: var(--line);
  box-shadow: 0 10px 28px var(--shadow);
  backdrop-filter: blur(10px);
}
[data-theme] #mapTooltip strong,
[data-theme] #mapTooltip.simple-feature #tooltipTitle,
[data-theme] #mapTooltip.block-summary-tip #tooltipTitle {
  color: var(--heading);
}
[data-theme] #mapTooltip p,
[data-theme] #mapTooltip small {
  color: var(--muted);
}
/* Architectural scene and its data cards. */
[data-theme] #plotExperience {
  background:
    radial-gradient(ellipse at 50% 35%, var(--surface-soft), transparent 75%),
    var(--panel);
  border-color: var(--line);
  box-shadow: 0 20px 60px var(--shadow);
  backdrop-filter: none;
}
[data-theme] #plotExperience:before {
  display: none;
}
[data-theme] .experience-head h2,
[data-theme] .experience-caption > strong {
  color: var(--heading);
}
[data-theme] .experience-head small,
[data-theme] .experience-head > button {
  color: var(--accent-ink);
  border-color: var(--line);
}
[data-theme] .experience-caption p,
[data-theme] .scene-geometry-note {
  color: var(--muted) !important;
}
[data-theme] .parcel-scene-hud strong {
  background: var(--surface-raised);
  color: var(--accent-ink);
  border-color: var(--line);
}
[data-theme] .parcel-scene-hud span,
[data-theme] .parcel-rotate-hint {
  background: var(--panel);
  color: var(--muted);
  border-color: var(--line);
}
[data-theme] .parcel-model-compass {
  color: var(--accent-ink);
}
[data-theme] .parcel-floor-step {
  background: var(--surface-soft);
  color: var(--muted);
  border-color: var(--line);
}
[data-theme] .parcel-floor-step.built {
  background: var(--surface-raised);
  color: var(--heading);
  border-color: var(--brand-gold);
}
[data-theme] .parcel-floor-step.active {
  background: var(--action-bg);
  color: var(--action-ink);
  border-color: var(--brand-gold);
}
[data-theme] .scene-boundary-card {
  background: var(--surface-raised);
  border-color: var(--line);
}
[data-theme] .scene-boundary-card[data-kind="road"] {
  background: var(--surface-soft);
  border-color: var(--brand-gold);
}
[data-theme] .scene-boundary-card > small {
  color: var(--muted);
}
[data-theme] .scene-boundary-card > strong {
  color: var(--heading);
}
[data-theme] .scene-boundary-card > bdi {
  color: var(--link-ink);
}
[data-theme] .scene-boundary-card details > p {
  color: var(--muted);
}
[data-theme] .scene-boundary-card summary,
[data-theme] .scene-details {
  color: var(--accent-ink);
}
[data-theme] .parcel-area-reveal {
  background: radial-gradient(ellipse, var(--panel), transparent 72%);
  color: var(--heading);
  text-shadow: none;
}
[data-theme] .parcel-area-reveal small,
[data-theme] .parcel-area-reveal > span {
  color: var(--muted);
}
[data-theme] .parcel-area-reveal bdi {
  color: var(--heading);
}
[data-theme] .scene-fallback strong {
  color: var(--heading);
}
[data-theme] .scene-fallback p {
  color: var(--muted);
}

/* Theme controls. */
.theme-toggle {
  width: 36px;
  height: 36px;
  flex: none;
  display: grid;
  place-items: center;
  padding: 0 !important;
  border: 1px solid var(--theme-border);
  border-radius: 50%;
  color: var(--gold);
  background: transparent;
  cursor: pointer;
}
.theme-toggle svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.45;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.theme-toggle .theme-moon {
  display: none;
}
[data-theme="day"] .theme-toggle .theme-sun {
  display: none;
}
[data-theme="day"] .theme-toggle .theme-moon {
  display: block;
}
.theme-toggle:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 3px;
}
nav .theme-toggle {
  height: 36px;
}
#arrivalToolbar .theme-toggle {
  width: 34px;
  height: 34px;
  color: #f2e3c4;
  border-color: #ead5a666;
  background: #0c2a2580;
}

/* Guided tour. */
.service-tour-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) repeat(4, 40px);
  align-items: center;
  gap: 6px;
  padding: 9px 12px;
  margin: 0 20px 12px;
  border: 1px solid var(--theme-border);
  border-radius: 14px;
  background: var(--theme-surface);
  color: var(--theme-ink);
}
.service-tour-controls[hidden] {
  display: none;
}
.service-tour-controls select {
  min-width: 0;
  margin: 0;
  height: 42px;
  font-size: 12px;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0 5px;
}
.service-tour-controls option {
  background: var(--theme-surface);
  color: var(--theme-ink);
}
.service-tour-controls button {
  width: 40px;
  height: 42px;
  border: 1px solid var(--theme-border);
  border-radius: 50%;
  color: inherit;
  font: 20px Arial;
  display: grid;
  place-items: center;
  padding: 0;
}
.service-tour-controls button:hover,
.service-tour-controls button:focus-visible {
  background: #bca56d24;
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}
.service-tour-controls #tourPlay {
  font-size: 14px;
}
html[dir="ltr"] .service-tour-controls #tourPrevious,
html[dir="ltr"] .service-tour-controls #tourNext {
  transform: scaleX(-1);
}
#original-map.services-tour-active .map-feature:not(.is-highlighted) {
  opacity: 0.55;
}
#original-map.services-tour-active
  .roads-layer
  .map-street:not(.is-highlighted) {
  opacity: 0.7;
}
#original-map.services-tour-active .map-feature.is-highlighted {
  animation: none;
  filter: none;
  opacity: 1;
}
.service-tour-outline {
  fill: none;
  stroke: #f7d793;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  animation: wisamTourTrace 0.85s ease-out both;
  opacity: 0.95;
}
[data-theme="day"] .service-tour-outline {
  stroke: #fff0c3;
}
@keyframes wisamTourTrace {
  from {
    stroke-dashoffset: 1;
    opacity: 0.5;
  }
  to {
    stroke-dashoffset: 0;
    opacity: 0.95;
  }
}
@media (max-width: 640px) {
  .service-tour-controls {
    margin: 0 12px 10px;
    padding: 8px;
    gap: 5px;
    grid-template-columns: minmax(0, 1fr) repeat(4, 38px);
  }
  .service-tour-controls button {
    width: 38px;
    height: 44px;
  }
  .service-tour-controls select {
    font-size: 11px;
    height: 44px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .service-tour-outline {
    animation: none;
  }
}

/* No full-SVG blur, pulsing glow or nested paint transitions during the flight. */
#satelliteArt {
  filter: none !important;
}
#satelliteArt * {
  transition: none !important;
  animation: none !important;
  filter: none !important;
}
@media (max-width: 640px) {
  nav .theme-toggle {
    width: 30px;
    height: 30px;
  }
  nav {
    gap: 7px;
  }
  .theme-toggle svg {
    width: 16px;
    height: 16px;
  }
  .arrival-tools {
    gap: 6px;
  }
  .arrival-tools .theme-toggle {
    min-width: 30px;
    height: 30px !important;
    padding: 0 !important;
  }
  #arrivalToolbar .theme-toggle {
    width: 30px;
  }
  header .company-logo {
    width: 46px;
  }
  header .brand {
    gap: 5px;
  }
}
@media (max-width: 380px) {
  header .brand {
    font-size: 19px;
  }
  header .company-logo {
    width: 40px;
  }
  nav #browse {
    font-size: 10px;
  }
  header nav {
    gap: 5px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .theme-toggle {
    transition: none;
  }
}

.zoom.map-controls {
  position: relative;
  inset: auto;
  display: flex;
  flex-direction: row;
  width: max-content;
  margin: 10px auto 12px;
  overflow: hidden;
  border-radius: 24px;
  z-index: 1;
}
.zoom.map-controls button {
  width: 52px;
  height: 44px;
  border-bottom: 0;
  border-inline-end: 1px solid var(--line);
  font-size: 23px;
}
.zoom.map-controls button:last-child {
  border-inline-end: 0;
}

.zoom[hidden] {
  display: none !important;
}
.block-acquisition-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 0 4px;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 400;
  color: var(--muted);
  text-align: start;
  border: 0;
  background: none;
}
.block-acquisition-link span {
  font-size: 13px;
  color: var(--gold);
}
.block-acquisition-link:hover,
.block-acquisition-link:focus-visible {
  color: var(--gold);
  text-decoration: underline;
  text-underline-offset: 4px;
}

.intro-actions:has(> .location-open:only-child) {
  justify-content: flex-start;
}
@media (max-width: 640px) {
  .intro-actions:has(> .location-open:only-child) {
    display: flex;
  }
  .intro-actions > .location-open:only-child {
    flex: none;
    width: auto;
    min-width: 180px;
    justify-content: space-between;
  }
  .block-acquisition-link {
    min-height: 44px;
  }
}

.location-explore-note{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:9px}

.story-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:13px 15px;color:var(--link-ink);text-decoration:none;font-size:12px;margin:12px 0;min-height:45px;background:var(--surface-soft)}.story-entry b{font-size:17px;font-weight:400}.story-entry:hover{border-color:var(--gold)}