/* Articles use the existing ocean-blue, cyan, and yellow identity. */
.article-card{padding:36px;background:white;border:2px solid #c4e7f4;border-top:8px solid var(--cyan);border-radius:24px;box-shadow:0 10px 0 #e3f5fc}
.article-card h3{max-width:830px;font-size:clamp(26px,3vw,36px);line-height:1.2}
.article-card h3 a{text-decoration:none}.article-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.article-card p:not(.eyebrow){max-width:780px;color:var(--muted)}
.article-list-cards{margin-top:40px}.article-list h1{font-size:clamp(44px,6vw,64px)}
.article-heading{padding-top:54px;padding-bottom:36px;border-bottom:5px solid var(--gold)}
.article-heading .eyebrow{margin-top:30px;margin-bottom:16px}
.article-heading h1{max-width:960px;font-size:clamp(36px,5vw,60px);line-height:1.12;letter-spacing:-.035em}
.article-byline{color:var(--muted);font-size:16px;margin:22px 0 0}
.article-body{max-width:824px;margin:auto;padding:22px 32px 64px;font-size:19px;line-height:1.8}
.article-body h2{font-size:clamp(26px,3.2vw,34px);line-height:1.2;letter-spacing:-.025em;margin:44px 0 20px}
.article-body p{margin:20px 0}.article-body li{padding-left:4px;margin:12px 0}
.article-video{width:100%;aspect-ratio:16/9;margin:28px 0;border:3px solid var(--cyan);border-radius:18px;overflow:hidden;background:var(--ink)}
.article-video iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:800px){.article-card{padding:26px}.article-heading{padding-top:36px;padding-bottom:28px}.article-body{padding:12px 24px 44px;font-size:18px}.article-body h2{margin-top:36px}.article-video{border-radius:12px}}

.article-list-cards{display:grid;gap:32px}.home-articles .article-card + .article-card{margin-top:32px}.article-body h3{font-size:24px;line-height:1.35;margin-top:30px}

.port-day-photo { margin: 1.6rem 0 2rem; }
.port-day-photo img { display: block; width: 100%; height: auto; border-radius: 12px; }
.port-day-photo figcaption { margin-top: .65rem; font-size: .9rem; line-height: 1.5; color: #536474; }