/* A scrolling public view: keep the shared live content without the TV height budget. */
:root{font-size:16px}
#display{height:auto;min-height:100dvh;overflow:visible;display:flex;flex-direction:column;max-width:1200px;margin:auto;padding:1rem;gap:1rem}
.public-summary,.board-grid,.primary-column,.leg-chat-grid{display:contents}
.display-header{order:0}.current-card{order:1}.map-panel{order:2}.upcoming-panel{order:3}.event-panel{order:4}.display-footer{order:5}
.public-summary .current-card{grid-template-columns:1fr;padding:1rem;gap:1rem}
.public-summary .flight-heading h2{font-size:1.6rem}
.public-summary .flight-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.aircraft-instruments{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem!important;padding-top:.75rem}
#scope-title,.flight-heading p,.public-summary .current-crew,.upcoming-crew,.upcoming-visitors,#giveaway-prize{height:auto;overflow:visible}
.current-crew{padding-top:.75rem}.current-crew span{display:inline-block;margin-bottom:.35rem}
#giveaway-panel{align-items:flex-start;flex-direction:column;gap:.5rem;padding-top:.75rem}
.map-panel,.event-panel{height:clamp(300px,55svh,500px);flex-shrink:0}
.upcoming-panel{height:auto}#upcoming{display:block}.upcoming-flight{padding:1rem 0;gap:.5rem}
.upcoming-top,.panel-title,.map-footer,.display-footer{flex-wrap:wrap}
.display-footer{line-height:1.5}.display-footer a{padding:.65rem 0}
.header-right button{min-width:44px;min-height:44px}
@media(min-width:1001px) and (min-height:651px){
 :root{font-size:clamp(14px,min(.833333vw,1.481481vh),32px)}
 #display{width:100%;max-width:none;height:100dvh;min-height:0;margin:0;overflow:hidden;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:3rem minmax(13rem,auto) minmax(0,1fr) 1.5rem;
  grid-template-areas:"header header header" "flight flight upcoming" "leg leg journey" "footer footer footer";
  padding:.7rem 1rem .5rem;gap:.75rem}
 .display-header{grid-area:header}.public-summary .current-card{grid-area:flight;max-height:40dvh;overflow:auto;padding:.65rem .85rem;gap:.5rem}
 .upcoming-panel{grid-area:upcoming;max-height:40dvh}.map-panel{grid-area:leg}.event-panel{grid-area:journey}.display-footer{grid-area:footer}
 .map-panel,.event-panel{height:auto;min-height:0}
 .public-summary .flight-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}
 .aircraft-instruments{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem!important;padding-top:.4rem}
 .current-crew{padding-top:.3rem}#giveaway-panel{flex-direction:row;align-items:center;padding-top:.3rem}
 #upcoming{overflow:auto}.upcoming-flight{padding:.5rem 0}
 .display-footer a{padding:0}
}
@media(max-width:600px){
 #display{padding:.75rem;gap:.75rem}
 .display-header{align-items:flex-start}.display-header h1{overflow-wrap:anywhere}
 .public-summary .current-card{padding:.8rem}
 .public-summary .flight-metrics,.aircraft-instruments{grid-template-columns:repeat(2,minmax(0,1fr))}
 .flight-metrics span,.flight-metrics small,.aircraft-instruments span{font-size:.8rem}
 .upcoming-top{font-size:1rem}.upcoming-crew{font-size:.9rem}
 .panel-title span,.legend,.map-footer,.display-footer{font-size:.75rem}
}