/* ===== diving.work — temporary site extensions =====
   Loaded after diving-work.css (a verbatim copy of Input/Design/css/diving-work.css).
   Only what the design has no pattern for, in the same style: dw-* classes, BEM, tokens only. */

/* ===== Announcement ===== */
.dw-announce{background:var(--dw-dark);color:var(--dw-on-dark);font-size:14px}
.dw-announce .dw-container{padding-top:8px;padding-bottom:8px;text-align:center}
.dw-announce a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.dw-announce a:hover{color:var(--dw-teal-light)}

/* ===== Header ===== */
.dw-logo img{display:block;height:30px;width:auto}
.dw-header__actions{display:flex;align-items:center;gap:16px;margin-left:auto}
.dw-header__link{font:500 14.5px var(--dw-font-body);color:var(--dw-on-navy);white-space:nowrap}
.dw-header__link:hover{color:#fff}
.dw-menu-btn{display:none;width:38px;height:38px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;place-items:center;cursor:pointer;padding:0}
.dw-menu-btn:hover{border-color:var(--dw-teal);color:var(--dw-teal)}
.dw-nav__account{display:none}

/* ===== Footer ===== */
.dw-footer__brand .dw-logo img{height:34px}
.dw-footer__legal{display:flex;gap:16px}

/* ===== Page shell ===== */
.dw-main{display:block;min-height:60vh}
.dw-page{padding-top:32px;padding-bottom:80px}
.dw-hero--photo{background-color:var(--dw-navy);background-size:cover;background-position:center;background-image:linear-gradient(90deg,rgba(var(--dw-navy-rgb),.94) 0%,rgba(var(--dw-navy-rgb),.78) 55%,rgba(var(--dw-navy-rgb),.55) 100%),var(--dw-hero-img)}
.dw-hero--centers{--dw-hero-img:url(../images/red-sea.jpg)}
.dw-breadcrumb a{color:var(--dw-dark)}
.dw-breadcrumb a:hover{color:var(--dw-teal)}
.dw-explore--flush{margin-top:0}
.dw-article ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.dw-table-wrap{overflow-x:auto}

/* ===== Quote ===== */
.dw-quote{margin:0;padding:8px 0 8px 24px;border-left:3px solid var(--dw-orange);display:flex;flex-direction:column;gap:10px;max-width:860px}
.dw-quote blockquote{margin:0;font:600 34px/1.15 var(--dw-font-head);text-wrap:balance}
.dw-quote figcaption{font-size:14px;color:var(--dw-muted)}

/* ===== Dive centers ===== */
.dw-country + .dw-country{margin-top:40px}
.dw-block-head{gap:12px;justify-content:flex-start}
.dw-table td a{overflow-wrap:anywhere}

/* ===== States ===== */
.dw-empty{background:#fff;border:1px dashed var(--dw-line);padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:var(--dw-muted)}
.dw-empty h1,.dw-empty h2{font-size:34px;color:var(--dw-navy)}

/* ===== Responsive ===== */
@media (max-width:1100px){
  .dw-menu-btn{display:grid}
  .dw-header.is-open .dw-nav{display:flex;flex-direction:column;gap:0;position:absolute;top:68px;left:0;right:0;background:var(--dw-navy);padding:4px var(--dw-gutter) 16px;border-top:1px solid rgba(255,255,255,.1)}
  .dw-header.is-open .dw-nav a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .dw-header.is-open .dw-nav a.is-active{color:var(--dw-orange);border-bottom-color:rgba(255,255,255,.08)}
}
@media (max-width:900px){
  .dw-header__actions .dw-header__link,.dw-header__actions .dw-btn{display:none}
  .dw-nav__account{display:block}
  .dw-logo img{height:24px}
  .dw-footer__bottom{flex-direction:column;gap:8px}
  .dw-hero h1{font-size:38px}
  .dw-quote blockquote{font-size:26px}
  .dw-table--stack thead{display:none}
  .dw-table--stack tr{display:block;padding:14px 16px}
  .dw-table--stack tr + tr{border-top:1px solid var(--dw-line-soft)}
  .dw-table--stack td{display:block;padding:2px 0;border:0}
  .dw-table--stack td:first-child{font:600 19px/1.2 var(--dw-font-head);padding-bottom:4px}
}