/* DiveScanner article-header chrome styles (nav dropdown, Back button, footer).
   Loaded via <link>; article-header.js is behaviour-only. */

/* ds-nav-css */
.ds-burger{display:none}@media(max-width:640px){.ds-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;cursor:pointer;padding:8px;margin-left:auto;line-height:0}.ds-burger span{display:block;width:24px;height:2px;background:#062f3a;border-radius:2px}nav[data-ds-nav]{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid rgba(0,0,0,.12);box-shadow:0 10px 26px rgba(6,47,58,.12);flex-direction:column;align-items:stretch;gap:0;padding:6px 0;z-index:200}nav[data-ds-nav].ds-open{display:flex}nav[data-ds-nav] a{padding:13px 20px;border-bottom:1px solid rgba(0,0,0,.08)}nav[data-ds-nav] a:last-child{border-bottom:none}}

/* ds-back-css */
.ds-back{display:inline-flex;align-items:center;gap:6px;background:none;border:0;font:inherit;font-size:14px;font-weight:700;color:#0d3d6b;cursor:pointer;padding:10px 12px;border-radius:9px;margin:10px max(14px,calc((100% - 1100px)/2)) 0;transition:background .12s}.ds-back:hover{background:rgba(13,61,107,.07)}.ds-back svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ds-footer-css – same teal footer as destination pages. Type rules sit on
   `footer h3` / `footer p` so article page h3/p styles cannot smash them. */
footer{background:linear-gradient(180deg,#24d9cf 0%,#0f9f9b 100%);color:#062f3a;padding:40px max(32px,calc((100% - 1180px)/2)) 24px;margin-top:48px;clear:both}
footer .footer-top{display:flex;justify-content:space-between;gap:48px;margin:0 auto 24px;flex-wrap:wrap;max-width:1080px;align-items:start}
footer .footer-brand .logo{display:inline-block;margin-left:-14px}
footer .footer-brand .logo-img{height:42px;width:auto;display:block}
footer h3{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#062f3a;margin:0 0 10px;line-height:1.3}
footer p{font-size:13px;color:#062f3a;margin:6px 0 0;line-height:1.5}
footer .footer-brand p{max-width:220px}
footer a{color:#062f3a;font-weight:800;text-decoration:none}
footer a:hover{color:#fff}
footer .footer-contact a{color:#fff;font-weight:700;text-decoration:none}
footer .footer-contact a:hover{color:#fff;text-decoration:underline}
footer .footer-links{display:flex;flex-direction:column;align-items:stretch;gap:8px}
footer .footer-links h3{margin-bottom:2px}
footer .footer-links a{display:block;width:100%;float:none;font-size:14px;color:#062f3a;font-weight:800;margin:0;line-height:1.35;transition:color .15s}
footer .footer-bottom{border-top:1px solid rgba(6,47,58,.25);padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:1080px;margin:0 auto}
footer .footer-bottom p{font-size:12px;color:#062f3a;margin:0}
@media(max-width:640px){
  footer{padding:12px 18px 18px}
  footer .footer-top{flex-direction:column;gap:20px}
}