/* Sailor Mark: vintage nautical palette, October 19, 2026 */
:root{--ink:#172e35;--paper:#fff9eb;--red:#a83e27;--gold:#edbb65;--olive:#626337;--muted:#4c6265}
body{background:var(--paper);color:var(--ink)}
header{gap:28px;align-items:center;padding-top:12px;padding-bottom:12px}
a.logo{display:flex;align-items:center;justify-content:center;flex:0 0 96px;width:96px;line-height:0}
.logo .brand-logo{display:block;width:96px;height:126px;object-fit:contain;background:white;border-radius:10px}
header nav{justify-content:flex-end;flex-wrap:wrap;gap:10px 20px;line-height:1.5}
nav a:hover,nav a:focus-visible{color:var(--red);text-decoration:underline;text-underline-offset:5px}
.button{background:var(--red);color:#fff9eb}.button:hover{background:#87331f}
a:focus-visible,button:focus-visible{outline:3px solid #b57822;outline-offset:4px}
.about{background:#eee6d4}.featured-hack,.story-page .featured-hack,.no-results{background:#f1e6cf}
.story-card,.voyage-card{background:#fffdf6;border-color:#172e3530}
.ribbon{background:var(--ink);color:#fff2d4}.stamp{background:var(--gold);color:#172e35}
.entertainment .featured-hack{background:#172e35;color:#fff9eb}.entertainment .featured-hack a:not(.button),.entertainment .featured-hack .eyebrow{color:#f3c77f}
.entertainment .featured-hack .small,.entertainment .featured-hack figcaption{color:#e5dfcf}
.entertainment .performer-notes{border-color:var(--gold)}
footer{align-items:center;flex-wrap:wrap;border-top:1px solid #172e3525}
.footer-brand{display:block;flex:0 0 88px}.footer-brand img{display:block;width:88px;height:120px;object-fit:contain;background:white;border-radius:8px}
::selection{background:#edbb65;color:#172e35}
@media(max-width:720px){header{gap:16px}a.logo{flex-basis:80px;width:80px}.logo .brand-logo{width:80px;height:108px}header nav{gap:9px 14px;justify-content:center}footer{gap:18px}.footer-brand{flex-basis:70px}.footer-brand img{width:70px;height:96px}}

.voyage-guide{background:#172e35;color:#172e35}.voyage-guide main{background:#fff9eb}.voyage-guide header,.voyage-guide footer{background:#172e35;color:#fff9eb}.voyage-guide header a,.voyage-guide footer a{color:#f3c77f}.voyage-guide header .logo{margin-bottom:18px}.voyage-guide .hero{background:#edbb65;color:#172e35}.voyage-guide a{color:#a83e27}.voyage-guide .box{background:#eee6d4}.voyage-guide .warm{background:#f7e2bc}.voyage-guide section{border-color:#172e3520}

/* Transparent logo with inline navigation */
header{display:flex;flex-wrap:nowrap;align-items:center;gap:24px;padding-top:16px;padding-bottom:16px}
header a.logo{display:inline-flex;flex:0 0 88px;width:88px;align-items:center;margin:0}
.logo .brand-logo{display:block;width:88px;height:auto;max-height:112px;object-fit:contain;background:transparent;border-radius:0}
header nav{display:flex;flex:1 1 0;min-width:0;justify-content:flex-end;align-items:center;gap:10px 18px}
.footer-brand img{background:transparent;border-radius:0;height:auto;max-height:112px}
.voyage-guide header{display:flex;flex-wrap:wrap;justify-content:flex-start}.voyage-guide header .logo{margin:0}.voyage-guide header br{display:none}
@media(max-width:720px){header{gap:16px;padding:14px 5%;align-items:center}header a.logo{flex-basis:66px;width:66px}.logo .brand-logo{width:66px;max-height:86px}header nav{gap:7px 12px;justify-content:flex-start;font-size:12px;line-height:1.4}.footer-brand img{width:70px;max-height:88px}}
@media(max-width:380px){header{gap:12px}header nav{gap:6px 10px;font-size:11px}}

/* Benefits headline: a familiar saying with a cruise correction. */
.benefits-correction{display:inline-flex;position:relative;padding-top:.7em;white-space:nowrap;line-height:1.1;vertical-align:baseline}.benefits-correction s{text-decoration-color:#c72d29;text-decoration-thickness:.09em}.benefits-correction em{position:absolute;top:-.02em;left:.05em;color:#c72d29;font-family:"Comic Sans MS","Segoe Print",cursive;font-size:.83em;transform:rotate(-8deg);font-weight:700}.benefits-art{margin:28px 0}.benefits-art img{display:block;width:100%;height:auto;border-radius:8px}.benefits-art figcaption{font-size:12px;color:#4c6265;margin-top:7px}