@page{size:A4 portrait;margin:10mm}

@media print{
  *,*::before,*::after{box-shadow:none!important;text-shadow:none!important;animation:none!important;transition:none!important}
  html,body{width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;color:#082f3c!important}
  body{font-size:10pt;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .dashboard{display:block!important;width:100%!important;min-height:0!important;margin:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:#fff!important}
  .header{position:static!important;display:block!important;padding:0 0 5mm!important;border-bottom:1px solid #9eb4b8!important}
  .header-main-row{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}
  .ocean-brand{width:auto!important;margin-right:auto!important}
  .title{position:static!important;width:auto!important;padding:0!important;transform:none!important;text-align:center!important}
  .title h1,.title p{text-align:center!important}
  .header-top-right{margin-left:auto!important;text-align:right!important}
  .header-btn-row{display:none!important}
  .stamp{text-align:right!important}
  .share-button,.install-button,.dialog-share,.dialog-close,.osf-map-button,.pfz-map-button,.osf-map-actions button,.announcement-next{display:none!important}
  .content{display:block!important;padding:4mm 0!important}
  .content>.panel,.announcement-card{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 4mm!important;padding:4mm!important;overflow:visible!important;border:1px solid #b9c9c7!important;border-radius:3mm!important;background:#fff!important;break-inside:auto!important}
  .panel-head{display:flex!important;min-height:0!important;break-after:avoid!important}
  .forecast{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  .forecast-card{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0 0 3mm!important;overflow:visible!important;break-inside:auto!important}
  .severity-board,.severity-row-states,.pfz-details,.advisory-details,.bulletin-content,.bulletin-groups{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  .severity-row{grid-template-columns:26mm minmax(0,1fr)!important;break-inside:avoid!important}
  .severity-state-chip,.active-advisory-chip,.tag{white-space:normal!important;overflow-wrap:anywhere!important}
  details,details:not([open])>*{display:block!important}
  details>summary{display:list-item!important;break-after:avoid!important}
  [hidden]:not(.dialog-share):not(.dialog-close){display:none!important}
  .contact-card{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(45mm,.65fr)!important}
  .contact-image{max-height:65mm!important}
  .footer{display:block!important;padding:3mm 0 0!important;border-top:1px solid #9eb4b8!important;background:#fff!important;font-size:8pt!important}
  a{color:#082f3c!important;text-decoration:underline!important}
  dialog{display:none!important}
  dialog::backdrop{display:none!important}
  body:has(#seismicDialog[open])>.dashboard,body:has(#seismicDialog[open])>dialog:not(#seismicDialog){display:none!important}
  #seismicDialog[open]{position:static!important;inset:auto!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:#fff!important}
  #seismicDialog .advisory-dialog-head{padding:0 0 4mm!important;border-bottom:1px solid #9eb4b8!important}
  #seismicDialog .seismic-dialog-body{display:block!important;padding:4mm 0 0!important;overflow:visible!important}
  #seismicDialog .event-map,#seismicDialog .event-map-canvas{height:75mm!important;min-height:75mm!important;max-height:75mm!important;overflow:hidden!important;break-inside:avoid!important}
  #seismicDialog .event-setting,#seismicDialog .event-facts,#seismicDialog .bulletin-section{break-inside:avoid!important;margin-bottom:3mm!important}
  #seismicDialog .leaflet-control-container{display:none!important}
}