.screen-mini { margin: 22px 0; padding: 20px; border: 1px solid #cbd9c2; border-radius: 12px; background: #edf3e5; }
.screen-mini h3 { margin: 8px 0 5px; font-size: 23px; line-height: 1.2; }
.screen-mini p { font-size: 13px; margin: 8px 0; }
.screen-mini small { display: block; color: #546559; font-size: 11px; line-height: 1.6; }
.screen-mini .screen-mini-distance { display: block; margin: 14px 0 3px; font: 600 32px/1.2 Georgia,serif; color: #153e35; }
.screen-mini .screen-well-name { display: block; font-size: 14px; overflow-wrap: anywhere; }
.screen-mini .button { margin: 16px 0 8px; }
.screen-mini.empty { background: #f3f5ec; }
.land-screen-full { padding: 28px; border: 1px solid #ccd6c4; background: #fbfcf7; border-radius: 16px; margin: 24px 0; }
#land-screen-dialog { width: min(1130px,calc(100vw - 40px)); padding: 0; max-height: calc(100dvh - 40px); background: #fbfcf7; }
.screen-dialog-head { position: sticky; top: 0; z-index: 3; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px 30px 20px; border-bottom: 1px solid #d8e0cf; background: #f5f7ee; }
.screen-dialog-head h2 { margin: 7px 0 0; font-size: clamp(24px,2.5vw,33px); line-height: 1.15; }
.screen-dialog-head button { flex: 0 0 42px; background: #e6eddd; font-size: 19px; }
.screen-dialog-body { padding: 26px 30px 30px; }
.screen-controls { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(145px,.8fr) minmax(145px,.8fr); gap: 14px; }
.screen-controls label,.screen-section-head label { display: flex; flex-direction: column; gap: 6px; color: #405447; font-size: 12px; font-weight: 650; }
.screen-controls select,.screen-section-head select { width: 100%; min-width: 0; min-height: 44px; padding: 9px 32px 9px 12px; border: 1px solid #bccbb3; border-radius: 7px; background: #fffef9; color: #253f31; font: inherit; font-size: 13px; }
.screen-distance-note { color: #5b695e; font-size: 12px; line-height: 1.65; margin: 13px 0 22px; max-width: 94ch; }
.screen-loading { display: flex; gap: 20px; align-items: flex-start; padding: 32px 20px; background: #edf3e5; border-radius: 12px; }
.screen-loading > span { width: 26px; height: 26px; border-radius: 50%; border: 3px solid #cad8bf; border-top-color: #1c5b45; animation: screen-spin 1s linear infinite; flex: 0 0 26px; }
.screen-loading h3 { font-size: 22px; margin: 0 0 8px; }
.screen-loading p { margin: 0; font-size: 14px; color: #546456; }
@keyframes screen-spin { to { transform: rotate(360deg); } }
.screen-warning { padding: 15px 19px; border-left: 3px solid #b58a3c; background: #f6eedc; border-radius: 6px; font-size: 13px; margin-bottom: 20px; }
.screen-warning ul { margin: 8px 0 0; padding-left: 20px; }
.screen-warning li + li { margin-top: 5px; }
.screen-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; margin: 0 0 32px; }
.screen-stats article { padding: 20px; border: 1px solid #d0ddc7; border-radius: 11px; background: #f0f4e8; min-width: 0; }
.screen-stats article:first-child { background: #153e35; color: #fffdf1; border-color: #153e35; }
.screen-stats article > span { font-size: 11px; display: block; line-height: 1.5; }
.screen-stats article > strong { display: block; font: 500 clamp(25px,2.8vw,36px)/1.2 Georgia,serif; margin: 12px 0 10px; overflow-wrap: anywhere; }
.screen-stats p { margin: 0 0 4px; line-height: 1.5; font-size: 13px; font-weight: 650; overflow-wrap: anywhere; }
.screen-stats small { font-size: 11px; opacity: .85; display: block; }
.screen-section-head { display: flex; gap: 20px; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.screen-section-head h2,.screen-section-head h3 { margin: 7px 0 3px; font-size: 25px; line-height: 1.22; }
.screen-section-head > span { font-size: 12px; flex-shrink: 0; color: #566750; }
.screen-section-head p { font-size: 12px; color: #566750; margin: 6px 0 0; }
.screen-formations > p,.screen-nearby > p { font-size: 13px; line-height: 1.65; color: #4d6053; }
.screen-table-wrap { overflow-x: auto; border: 1px solid #d2dbc8; border-radius: 9px; margin-top: 18px; }
.screen-table { border-collapse: collapse; width: 100%; font-size: 13px; background: #fffef9; }
.screen-table th { text-align: left; background: #e8eedf; font-size: 11px; line-height: 1.6; color: #49603e; padding: 13px 14px; }
.screen-table td { padding: 16px 14px; border-top: 1px solid #dfe5d7; vertical-align: top; line-height: 1.55; }
.screen-table td:first-child { width: 34%; }
.screen-table td strong { font-size: 13px; overflow-wrap: anywhere; }
.screen-table small { display: block; font-size: 11px; color: #66705e; line-height: 1.6; margin-top: 3px; overflow-wrap: anywhere; }
.screen-table button { border: 0; padding: 0; background: none; text-align: left; color: #164e3e; font: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.screen-table tr.is-selected td { background: #f0f4e5; }
.screen-table tr.is-selected td:first-child { box-shadow: inset 3px 0 #315c3d; }
.screen-distance-cell { white-space: nowrap; }
.screen-fluid { display: inline-block; padding: 3px 7px; font-size: 10px; font-weight: 700; border-radius: 5px; margin: 2px 4px 2px 0; }
.screen-fluid.oil { background: #e3eddd; color: #1b523e; }
.screen-fluid.gas { background: #e5ebef; color: #36556c; }
.screen-label-note { font-size: 11px!important; line-height: 1.65; color: #65715d!important; }
.screen-formation-detail { margin-top: 26px; border: 1px solid #ccd8c0; border-radius: 13px; padding: 23px; background: #fffdf7; scroll-margin-top: 115px; }
.screen-detail-columns { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 28px; margin-top: 25px; }
.screen-detail-columns > div { min-width: 0; }
.screen-detail-columns h4,.screen-offsets h4 { font-size: 17px; margin: 0 0 10px; }
.screen-detail-columns p { font-size: 13px; line-height: 1.75; margin: 10px 0; }
.screen-history-entry + .screen-history-entry { border-top: 1px solid #d7dfcf; margin-top: 20px; padding-top: 18px; }
.screen-history-entry h4 { font-size: 15px; margin-top: 17px; }
.screen-age { font-size: 11px; font-weight: 650; color: #6a7659; }
.screen-setting { font-size: 12px!important; color: #657353; }
.screen-caution { background: #f3efdf; padding: 12px 14px; border-radius: 6px; font-size: 12px!important; line-height: 1.65; color: #675a3d!important; }
.screen-source-links { display: flex; flex-wrap: wrap; gap: 8px; font-size: 11px; line-height: 1.6; margin-top: 12px; }
.screen-source-links a { text-decoration: underline; text-underline-offset: 2px; }
.screen-probability { background: #edf1e6; padding: 16px; border-radius: 8px; }
.screen-probability span { display: block; font-size: 11px; color: #62704e; }
.screen-probability strong { display: block; font-size: 22px; font-weight: 650; margin-top: 4px; }
.screen-evidence-metrics { margin: 17px 0 8px; }
.screen-evidence-metrics > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 9px 0; border-bottom: 1px solid #e0e6d7; }
.screen-evidence-metrics dt { font-size: 12px; color: #5b6a51; }
.screen-evidence-metrics dd { font-size: 13px; font-weight: 700; margin: 0; text-align: right; flex-shrink: 0; }
.screen-evidence-pill { padding: 7px 10px; background: #e4ebd8; border-radius: 5px; color: #466037; max-width: 180px; white-space: normal; }
.screen-offsets { margin-top: 22px; padding-top: 22px; border-top: 1px solid #d7dfcb; }
.screen-offsets > article { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 20px; padding: 16px 0; border-bottom: 1px solid #e6e8df; }
.screen-offsets > article:last-child { border-bottom: 0; padding-bottom: 0; }
.screen-offsets strong { font-size: 14px; overflow-wrap: anywhere; }
.screen-offsets small { display: block; font-size: 11px; color: #69725e; margin-top: 4px; overflow-wrap: anywhere; }
.screen-offset-distance { text-align: right; }
.screen-offset-distance span { display: block; font-size: 11px; color: #69725e; margin-top: 4px; }
.screen-record { grid-column: 1 / -1; margin-top: 9px; font-size: 12px; }
.screen-record summary { color: #386c50; cursor: pointer; font-size: 11px; }
.screen-record dl { margin: 13px 0; }
.screen-record dl > div { display: grid; grid-template-columns: minmax(100px,.7fr) minmax(0,1.6fr); gap: 13px; padding: 7px 0; border-bottom: 1px solid #e1e5d9; }
.screen-record dt { color: #6b765e; font-size: 11px; }
.screen-record dd { margin: 0; overflow-wrap: anywhere; font-size: 12px; }
.screen-record p { margin: 10px 0 0; font-size: 11px; }
.screen-nearby { margin-top: 32px; padding-top: 28px; border-top: 1px solid #d3ddc5; }
.screen-well-table td:first-child { width: 42%; }
.screen-well-status { font-size: 10px; font-weight: 700; color: #316048; }
.screen-well-status.licensed { color: #986110; }
.screen-well-status.cancelled,.screen-well-status.unknown { color: #657078; }
.screen-well-dates { margin: 10px 0; padding-left: 10px; border-left: 2px solid #bbcdb5; }
.screen-well-dates small { display: block; margin: 4px 0; font-size: 10px; line-height: 1.65; color: #526452; }
.screen-well-dates small > span { font-weight: 650; }
.screen-stats .screen-well-dates { margin-bottom: 0; }
.screen-date-sources { margin-top: 14px; padding-top: 12px; border-top: 1px solid #dce3d4; font-size: 11px; }
.screen-date-sources > strong { font-size: 11px; color: #3f5b48; }
.screen-date-sources ul { margin: 8px 0; padding-left: 18px; }
.screen-date-sources li { margin: 7px 0; line-height: 1.65; }
.screen-date-sources small { display: block; margin-top: 2px; color: #66735f; }
.screen-date-sources a { text-decoration: underline; text-underline-offset: 3px; }
.screen-activity { margin: 0 0 34px; padding: 23px; border: 1px solid #c9d9d1; border-radius: 12px; background: #f4f8f3; }
.screen-activity > p { color: #526454; font-size: 12px; line-height: 1.75; }
.screen-activity .screen-section-head { align-items: flex-start; }
.screen-activity .screen-section-head > label { flex: 0 0 170px; }
.screen-activity-window { margin: 7px 0 12px; font-weight: 650; }
.screen-activity-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 19px 0; }
.screen-activity-stats > article { min-width: 0; padding: 14px; border: 1px solid #d2e0d5; border-radius: 8px; background: #fffef9; }
.screen-activity-stats article > span { display: block; color: #4d6957; font-size: 11px; line-height: 1.5; }
.screen-activity-stats article > strong { display: block; margin: 7px 0; color: #244f3e; font: 600 25px/1.2 Georgia,serif; }
.screen-activity-stats small { display: block; font-size: 10px; line-height: 1.65; color: #607264; }
.screen-activity-stats article > p { margin: 6px 0 0; color: #34573e; font-size: 11px; line-height: 1.6; overflow-wrap: anywhere; }
.screen-activity-events { display: grid; gap: 11px; margin: 16px 0; }
.screen-activity-event { min-width: 0; padding: 17px; border: 1px solid #cfded3; border-radius: 8px; background: #fffef9; }
.screen-activity-event-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px; align-items: start; }
.screen-activity-event-head > div { min-width: 0; }
.screen-activity-event-head > div > strong { display: block; color: #294d37; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.screen-activity-event-head small { display: block; font-size: 10px; color: #627363; line-height: 1.65; overflow-wrap: anywhere; }
.screen-activity-type { display: inline-block; margin-bottom: 7px; padding: 3px 7px; border-radius: 4px; background: #e5eee1; color: #34603f; font-size: 10px; font-weight: 700; }
.screen-activity-type.licence { background: #f5edda; color: #8c651e; }
.screen-activity-type.drilling { background: #e7eef3; color: #3b5e78; }
.screen-activity-type.rig-release,.screen-activity-type.activity-end { background: #ecefea; color: #586950; }
.screen-activity-event-date { text-align: right; }
.screen-activity-event-date > span { display: block; margin-top: 7px; color: #365c43; font-size: 11px; }
.screen-activity-event > p { margin: 9px 0 0; font-size: 11px; line-height: 1.7; color: #566c5b; }
.screen-activity-event .screen-record { margin-top: 12px; }
.screen-activity-event .screen-record p { color: #5d6f60; line-height: 1.75; }
.screen-activity-event a { text-decoration: underline; text-underline-offset: 3px; }
.screen-activity-empty { padding: 17px; margin: 17px 0; border: 1px solid #ded9c6; border-radius: 8px; background: #f7f1e3; font-size: 12px; color: #675d43; line-height: 1.75; }
.screen-activity-empty p { margin: 7px 0 0; }
.screen-activity-freshness { margin: 17px 0 9px; font-size: 11px!important; line-height: 1.8; }
.screen-activity-coverage-warning { margin: 11px 0; }
.screen-activity-coverage { margin-top: 13px; padding-top: 12px; border-top: 1px solid #d1ded0; }
.screen-activity-coverage > summary { padding: 4px 0; color: #3d5946; font-size: 12px; font-weight: 650; cursor: pointer; }
.screen-activity-coverage[open] > summary { margin-bottom: 11px; }
.screen-activity-coverage ul { display: grid; gap: 10px; list-style: none; padding: 0; margin: 0; }
.screen-activity-coverage li { padding: 11px 13px; border-radius: 6px; background: #eaf0e6; color: #566b57; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.screen-activity-coverage li > strong,.screen-activity-coverage li > span { display: block; }
.screen-activity-coverage li > strong { color: #3b5842; }
.screen-activity-coverage li.screen-activity-gap { background: #f4edda; color: #72613b; }
.screen-activity-gap-label { margin-top: 5px; font-weight: 650; }
.screen-activity-coverage a { display: inline-block; margin-top: 5px; text-decoration: underline; text-underline-offset: 3px; }
.screen-coverage { border: 1px solid #d5ddcd; border-radius: 9px; margin-top: 24px; padding: 17px 20px; font-size: 12px; background: #f2f5eb; }
.screen-coverage summary { font-weight: 700; color: #3f5839; cursor: pointer; }
.screen-coverage p,.screen-coverage li { line-height: 1.75; }
.screen-coverage .button { margin-top: 12px; }
.screen-next-step { display: flex; justify-content: space-between; align-items: center; gap: 24px; background: #e6edda; border-radius: 10px; margin-top: 24px; padding: 22px; }
.screen-next-step h3 { font-size: 22px; margin: 8px 0; }
.screen-next-step p { font-size: 13px; line-height: 1.65; margin: 0; max-width: 65ch; }
.screen-next-step button { flex-shrink: 0; }
.screen-auto { display: flex; gap: 9px; align-items: center; font-size: 12px; margin-top: 22px; color: #637358; }
.screen-auto input { accent-color: #25553c; width: 17px; height: 17px; }
.screen-empty { padding: 24px; background: #f0f3e9; border-radius: 8px; margin: 18px 0; }
.screen-empty h3,.screen-empty h4 { font-size: 21px; margin-top: 0; }
.screen-empty p { font-size: 13px; line-height: 1.75; }
@media (max-width: 800px) {
  .screen-activity-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .screen-detail-columns { grid-template-columns: minmax(0,1fr); gap: 22px; }
  .screen-stats { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .screen-stats article:first-child { grid-column: 1 / -1; }
  .screen-next-step { flex-direction: column; align-items: flex-start; }
  .screen-section-head { flex-wrap: wrap; }
  .screen-table-wrap { border: 0; border-radius: 0; overflow: visible; }
  .screen-table,.screen-table tbody,.screen-table tr,.screen-table td { display: block; width: 100%!important; }
  .screen-table { background: transparent; }
  .screen-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .screen-table tr { border: 1px solid #d5dfc9; border-radius: 9px; background: #fffef9; padding: 13px; margin-bottom: 11px; }
  .screen-table td { border: 0; padding: 4px 0; }
  .screen-table tr.is-selected { border: 2px solid #668556; padding: 12px; }
  .screen-table tr.is-selected td { box-shadow: none!important; background: transparent; }
  .screen-distance-cell { white-space: normal; }
  .screen-distance-cell strong { display: inline; }
  .screen-distance-cell small { display: inline; margin-left: 7px; }
  .screen-well-table td:last-child { border-top: 1px solid #e3e8db; margin-top: 7px; padding-top: 10px; }
}
@media (max-width: 550px) {
  .screen-activity { padding: 16px; }
  .screen-activity .screen-section-head > label { flex: 1 1 100%; }
  .screen-activity-stats { gap: 8px; }
  .screen-activity-stats > article { padding: 11px; }
  .screen-activity-event { padding: 13px; }
  .screen-activity-event-head { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .screen-activity-event-date { text-align: left; }
  #land-screen-dialog { width: calc(100vw - 16px); max-height: calc(100dvh - 16px); border-radius: 12px; }
  .screen-dialog-head { padding: 18px; gap: 12px; }
  .screen-dialog-head h2 { font-size: 24px; }
  .screen-dialog-body,.land-screen-full { padding: 18px; }
  .screen-controls { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 12px; }
  .screen-controls label:first-child { grid-column: 1 / -1; }
  .screen-controls select,.screen-section-head select { font-size: 16px; }
  .screen-stats { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .screen-stats article { padding: 15px; }
  .screen-stats article > strong { font-size: 27px; }
  .screen-stats p { font-size: 12px; }
  .screen-formation-detail { padding: 17px; }
  .screen-evidence-metrics > div { gap: 9px; }
  .screen-evidence-metrics dt { font-size: 11px; }
  .screen-evidence-metrics dd { font-size: 12px; flex-shrink: 1; }
  .screen-section-head h2,.screen-section-head h3 { font-size: 23px; }
  .screen-offsets > article { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .screen-offset-distance { text-align: left; }
  .screen-record dl > div { grid-template-columns: minmax(0,1fr); gap: 4px; }
  .screen-coverage { padding: 15px; }
  .screen-next-step { padding: 18px; }
  .screen-next-step button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .screen-loading > span { animation: none; } }
@media print { .screen-controls,.screen-auto,.screen-next-step button,.screen-record summary,.screen-activity .screen-section-head > label { display: none; } .screen-table tr,.screen-formation-detail,.screen-activity-event { break-inside: avoid; } .screen-activity { background: white; } }

.screen-fluid-nearest { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 20px; }
.screen-fluid-nearest article { padding: 15px; border: 1px solid #dbe2d1; border-radius: 8px; background: #f2f5eb; }
.screen-fluid-nearest article > span { display: block; font-size: 11px; color: #60734c; }
.screen-fluid-nearest article > strong { display: block; font-size: 22px; margin: 7px 0; }
.screen-fluid-nearest p { margin: 0 0 5px; font-size: 13px; font-weight: 650; overflow-wrap: anywhere; }
.screen-fluid-nearest small { display: block; font-size: 11px; color: #69765a; }
@media(max-width:550px){ .screen-fluid-nearest { grid-template-columns:minmax(0,1fr); } }
.screen-connected { margin-top: 34px; padding-top: 28px; border-top: 1px solid #dce3d5; }
.screen-connected > h4 { margin: 26px 0 8px; }
.screen-evidence-overview { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 20px 0; }
.screen-evidence-overview article { background: #f3f5ec; border: 1px solid #dce3d5; border-radius: 9px; padding: 16px; }
.screen-evidence-overview strong { display: block; font-size: 27px; color: #244737; }
.screen-evidence-overview span { font-size: 12px; color: #63705b; }
.screen-control-list { display: grid; gap: 10px; }
.screen-control-list > article { border: 1px solid #dce3d5; border-radius: 9px; padding: 16px; min-width: 0; }
.screen-evidence-row { display: flex; align-items: start; justify-content: space-between; gap: 15px; }
.screen-evidence-row > div { min-width: 0; overflow-wrap: anywhere; }
.screen-evidence-row > strong { flex-shrink: 0; color: #244737; font-size: 15px; }
.screen-evidence-row small,.screen-sample-evidence small { display: block; margin-top: 5px; color: #65735a; }
.screen-linked-evidence { padding-top: 12px; margin-top: 15px; border-top: 1px solid #dce3d5; }
.screen-linked-evidence h4 { margin: 0 0 8px; }
.screen-sample-evidence { font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.screen-top-record .screen-table { min-width: 450px; }
.screen-study-links { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 14px; margin-top: 25px; }
.screen-study-links article { padding: 18px; background: #eef4ed; border: 1px solid #dce3d5; border-radius: 10px; }
.screen-study-links h4 { margin: 8px 0; }
.screen-study-links small { color: #65735a; }
.screen-3d-entry { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 18px 28px; padding: 23px; margin: 22px 0 17px; border: 1px solid #bdd3bf; border-radius: 12px; background: linear-gradient(125deg,#e5eee0,#f2f3df); }
.screen-3d-entry h3 { margin: 8px 0; font-size: 25px; }
.screen-3d-entry p { margin: 0 0 8px; font-size: 13px; line-height: 1.7; max-width: 65ch; }
.screen-3d-entry small { font-size: 11px; color: #5f7056; }
.screen-3d-entry .button { white-space: nowrap; }
.screen-3d-error { grid-column: 1 / -1; color: #9a3d24; font-size: 13px; }
.screen-mini > .button + .button { margin-top: 9px; }
.screen-well-controls { display: flex; gap: 14px; flex-wrap: wrap; }
.screen-well-controls label { display: grid; gap: 6px; font-size: 11px; color: #647259; }
.screen-path-summary { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.3fr); align-items: center; gap: 25px; margin: 18px 0; border: 1px solid #c4d9d4; border-radius: 10px; padding: 20px; background: #eef5f1; }
.screen-path-summary > div > span { display: block; color: #506a5a; font-size: 12px; }
.screen-path-summary > div > strong { display: block; color: #245342; font-size: 25px; margin: 7px 0; }
.screen-path-summary p { font-size: 13px; line-height: 1.7; margin: 0; overflow-wrap: anywhere; }
.screen-path-summary small { display: block; font-size: 11px; color: #60735e; margin-top: 6px; line-height: 1.6; }
.screen-distance-pair { display: grid; gap: 10px; white-space: normal; min-width: 120px; }
.screen-distance-pair > div { border-left: 2px solid #dbe3d5; padding-left: 9px; }
.screen-distance-pair > div.is-ranked { border-color: #24806a; }
.screen-distance-pair small,.screen-distance-cell .screen-distance-pair small { display: block; margin: 0 0 3px; font-size: 10px; line-height: 1.5; }
.screen-distance-pair strong,.screen-distance-cell .screen-distance-pair strong { display: block; font-size: 14px; line-height: 1.5; }
@media(max-width:800px){
  .screen-3d-entry { grid-template-columns: minmax(0,1fr); gap: 15px; padding: 18px; }
  .screen-3d-entry .button { justify-self: start; }
  .screen-distance-pair { grid-template-columns: minmax(0,1fr) minmax(0,1fr); margin: 10px 0; }
}
@media(max-width:550px){
  .screen-path-summary { grid-template-columns: minmax(0,1fr); gap: 14px; padding: 16px; }
  .screen-well-controls { width: 100%; }
  .screen-well-controls label { width: 100%; }
  .screen-3d-entry .button { width: 100%; white-space: normal; }
}
@media(max-width:550px){
  .screen-evidence-overview { grid-template-columns: minmax(0,1fr); gap: 8px; }
  .screen-evidence-overview article { display: flex; align-items: center; gap: 15px; }
  .screen-evidence-overview strong { font-size: 23px; }
  .screen-evidence-row { flex-wrap: wrap; }
  .screen-top-record .screen-table th,.screen-top-record .screen-table td { display: table-cell; }
  .screen-top-record .screen-table tr { display: table-row; }
  .screen-top-record .screen-table thead { display: table-header-group; }
}