/* Shared across every dive_point; the outer width is owned by da-layout. */
body.da-point-page .breadcrumb {display:none}
body.da-point-page .da-point {--point-blue:var(--da-primary,#0077b6);--point-ink:var(--da-text-main,#1e293b);--point-border:var(--da-border,#e2e8f0);box-sizing:border-box;width:100%;max-width:var(--da-content-max-width,1200px);margin:auto;padding:24px var(--da-content-side-padding,20px) 56px;color:var(--point-ink);font-family:var(--da-font-sans,"Helvetica Neue",Arial,"Hiragino Sans",Meiryo,sans-serif);line-height:1.7;font-size:1rem;min-width:0}
body.da-point-page .da-point * {box-sizing:border-box}
body.da-point-page .da-point a {color:var(--point-blue);text-decoration:none}
body.da-point-page .da-point a:hover {text-decoration:underline}
body.da-point-page .da-point :focus-visible {outline:3px solid #0077b6;outline-offset:4px}
body.da-point-page .da-point-breadcrumb {display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:.875rem;color:#526477;margin-bottom:30px}
body.da-point-page .da-point-heading {padding:0 0 28px}
body.da-point-page .da-point .da-point-area {font-size:.875rem;font-weight:700;color:var(--point-blue);margin:0 0 6px}
body.da-point-page .da-point h1 {font-size:2.25rem;line-height:1.4;margin:0;border:0;background:none;padding:0;font-weight:750;letter-spacing:.04em}
body.da-point-page .da-point .da-point-english {font-size:.875rem;letter-spacing:.12em;color:#526477;margin:6px 0 0}
body.da-point-page .da-point-nav {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--point-border);border-radius:10px;background:#fff;overflow:hidden;margin-bottom:30px}
body.da-point-page .da-point-nav>a, body.da-point-page .da-point-nav>span {min-height:72px;padding:13px 8px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:.875rem;border-right:1px solid var(--point-border);line-height:1.5}
body.da-point-page .da-point-nav>:last-child {border-right:0}
body.da-point-page .da-point-nav a {color:#fff;background:var(--point-blue);font-weight:700}
body.da-point-page .da-point-nav span {color:#627184;background:#f8fafc}
body.da-point-page .da-point-nav small {font-size:.75rem}
body.da-point-page .da-point-feedback {background:#f0f9ff;padding:14px 18px;border:1px solid #bae6fd;border-radius:8px;margin-bottom:24px}
body.da-point-page .da-point-feedback[hidden] {display:none}
body.da-point-page .da-point-feedback.is-error {background:#fff5f4;border-color:#f4c7c1;color:#8c3024}
body.da-point-page .da-point-section {margin-bottom:36px;scroll-margin-top:30px;min-width:0}
body.da-point-page .da-point-section-heading {display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:16px;flex-wrap:wrap}
body.da-point-page .da-point h2, body.da-point-page .da-point h3 {border:0;background:none;padding:0;color:var(--point-ink);line-height:1.5}
body.da-point-page .da-point h2 {font-size:1.25rem;margin:0;font-weight:700}
body.da-point-page .da-point h3 {font-size:1rem;margin:0 0 12px}
body.da-point-page .da-point-section-heading p {font-size:.875rem;color:#526477;margin:0}
body.da-point-page .da-point dl {margin:0}
body.da-point-page .da-point-primary {display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:12px;margin-bottom:20px!important}
body.da-point-page .da-point-metric {border:1px solid var(--point-border);padding:20px;background:#fff;border-radius:10px;min-width:0}
body.da-point-page .da-point dt {font-size:.875rem;color:#526477;margin:0 0 8px;font-weight:400}
body.da-point-page .da-point dd {margin:0;font-size:1.4rem;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
body.da-point-page .da-point-status dd {font-size:1.2rem}
body.da-point-page .da-point-status {border-top:3px solid #97a6b7}
body.da-point-page .da-point .da-wave-badge--calm {background:#f0faf6;border-top-color:#268262}
body.da-point-page .da-point .da-wave-badge--moderate {background:#fffbeb;border-top-color:#b58916}
body.da-point-page .da-point .da-wave-badge--rough {background:#fff5eb;border-top-color:#d47d31}
body.da-point-page .da-point .da-wave-badge--danger {background:#fff0f0;border-top-color:#c44949}
body.da-point-page .da-point-detail-group {padding:22px 24px;background:#f8fafc;border:1px solid var(--point-border);border-radius:10px;margin-top:14px}
body.da-point-page .da-point-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px}
body.da-point-page .da-point-metrics .da-point-metric {padding:0;border:0;border-radius:0;background:none}
body.da-point-page .da-point-metrics dd {font-size:1.15rem}
body.da-point-page .da-point-metrics dt {margin-bottom:3px}
body.da-point-page #da-forecast-note {font-size:.875rem;color:#526477;margin:0 0 12px}
body.da-point-page .da-point-table-wrap {overflow-x:auto;border:1px solid var(--point-border);border-radius:10px;background:#fff}
body.da-point-page .da-point table {border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem;margin:0;white-space:nowrap}
body.da-point-page .da-point th, body.da-point-page .da-point td {text-align:center;padding:16px 18px;border:0;border-right:1px solid var(--point-border);border-bottom:1px solid var(--point-border);min-width:112px}
body.da-point-page .da-point thead th {background:#edf7fc;color:#17496a;font-weight:700}
body.da-point-page .da-point tbody th {background:#f8fafc;color:#42566b;font-weight:400}
body.da-point-page .da-point tr>:first-child {position:sticky;left:0;z-index:1;text-align:left;min-width:122px}
body.da-point-page .da-point tr>:nth-child(2) {background:#f0f9ff}
body.da-point-page .da-point tr>:last-child {border-right:0}
body.da-point-page .da-point tbody tr:last-child>* {border-bottom:0}
body.da-point-page .da-point-notice {border-left:4px solid var(--point-blue);background:#eef7fc;padding:22px 24px;margin:36px 0 26px}
body.da-point-page .da-point-notice h2 {font-size:1rem}
body.da-point-page .da-point-notice p {margin:10px 0 0}
body.da-point-page .da-point .da-point-source {font-size:.875rem;color:#526477}
body.da-point-page .da-point-back {display:inline-block;padding:12px 20px;border:1px solid var(--point-border);border-radius:8px;font-size:.875rem;font-weight:700;background:#fff}
body.da-point-page .da-visually-hidden {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
@media(max-width:850px){body.da-point-page .da-point-primary {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){body.da-point-page .da-point{padding:18px var(--da-content-side-padding,20px) 40px}body.da-point-page .da-point-breadcrumb{gap:8px;margin-bottom:24px}body.da-point-page .da-point h1{font-size:1.8rem}body.da-point-page .da-point-nav{grid-template-columns:repeat(2,minmax(0,1fr))}body.da-point-page .da-point-nav>a{grid-column:1/-1;min-height:48px}body.da-point-page .da-point-nav>span{min-height:58px;border-top:1px solid var(--point-border)}body.da-point-page .da-point-primary{grid-template-columns:1fr;gap:10px}body.da-point-page .da-point-primary .da-point-metric{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}body.da-point-page .da-point-primary dt{margin:0;flex-shrink:0}body.da-point-page .da-point-primary dd{text-align:right;font-size:1.2rem}body.da-point-page .da-point-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}body.da-point-page .da-point-detail-group{padding:18px}body.da-point-page .da-point-notice{padding:18px}body.da-point-page .da-point-section-heading{gap:6px}body.da-point-page .da-point th, body.da-point-page .da-point td{padding:14px}}
@media(prefers-reduced-motion:reduce){body.da-point-page .da-point *{scroll-behavior:auto}}
body.da-point-page .da-history {border-top:2px solid var(--point-border);padding-top:28px}
body.da-point-page .da-history-description, body.da-point-page #da-history-feedback, body.da-point-page #da-history-updated {font-size:.875rem;color:#526477}
body.da-point-page .da-history-controls {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}
body.da-point-page .da-history-controls label {font-size:.875rem;font-weight:700}
body.da-point-page .da-history-controls select, body.da-point-page .da-history-controls button {font:inherit;font-size:1rem;min-height:44px;max-width:100%;padding:10px 14px;border:1px solid #a7bac9;border-radius:6px;background:#fff;color:#1e293b}
body.da-point-page .da-history-controls button {cursor:pointer;color:var(--point-blue)}
body.da-point-page .da-history-controls select:disabled {background:#f1f5f9;color:#526477}
body.da-point-page #da-history-feedback.is-error {color:#9c352b}
body.da-point-page #da-history-selected {display:inline-block;background:#e9eff5;padding:6px 12px;border-radius:5px;margin-top:12px}
body.da-point-page #da-history-result[hidden] {display:none}

/* Detail-only ocean surface. Override the temporary body photo, not theme files. */
body.da-point-page {
  background: linear-gradient(180deg, #ffffff 0%, #f0f8fc 32%, #e8f3f9 100%) !important;
}
body.da-point-page .da-point-main {background:linear-gradient(180deg,#ffffff 0%,#f0f8fc 32%,#e8f3f9 100%)}
body.da-point-page .da-point {
  --point-blue:#0077b6;--point-ink:#1e293b;--point-border:#dbe6ee;
  font-family:"Helvetica Neue",Arial,"Hiragino Sans",Meiryo,sans-serif;
  color:var(--point-ink);
}
body.da-point-page .da-point :is(h1,h2,h3,dt,dd,p,label,button,select) {font-family:inherit}
body.da-point-page .da-point :is(h1,h2,h3) {box-shadow:none;text-shadow:none;border-radius:0}
body.da-point-page .da-point :is(h1,h2,h3)::before,
body.da-point-page .da-point :is(h1,h2,h3)::after {content:none}
body.da-point-page .da-point p {line-height:1.7}
body.da-point-page .da-point-primary > .da-point-metric {box-shadow:0 4px 16px rgba(24,73,99,.05)}
body.da-point-page .da-point-detail-group {background:#fff;box-shadow:0 4px 16px rgba(24,73,99,.04)}
body.da-point-page .da-point dd {color:var(--point-ink)}
body.da-point-page .da-history-controls label {width:auto;margin:0;flex:0 0 auto}
body.da-point-page .da-history-controls select {width:15rem;min-width:0;flex:0 1 15rem;margin:0}
body.da-point-page .da-history-controls button {width:auto;flex:0 0 auto;margin:0;box-shadow:none;line-height:1.5}
@media(max-width:520px){
  body.da-point-page .da-history-controls label {flex-basis:100%}
  body.da-point-page .da-history-controls select {width:100%;flex-basis:100%}
  body.da-point-page .da-history-controls button {max-width:100%;white-space:normal}
}

body.da-point-page .da-point .da-temp-label {display:inline-block;font-size:.75rem;font-weight:500;line-height:1.5;vertical-align:middle;margin-left:.5em;padding:.15em .55em;border-radius:4px;white-space:nowrap}