/* Yotty palette and yacht-view bits on top of the shared portal kit. */
:root { --navy: #013074; --link: #0b5e73; --sea: #d6eef2; --sea-deep: #1f7a8c; --mist: #f2f7f8; --line: #d7e3e6; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --navy: #0e4a6b; --link: #8fd3e0; --sea: #12323d; --sea-deep: #6cc4d3; --mist: #10222a; --line: #22414c; --logo-filter: none; } }
.p-top .brand img { height: 46px; width: auto; }
a.card.yc { display: block; text-decoration: none; color: inherit; transition: box-shadow .15s, transform .15s; border-left: 4px solid var(--sea-deep); }
a.card.yc:hover { box-shadow: 0 6px 18px rgba(11, 57, 84, .12); transform: translateY(-1px); }
.yc-name { font-family: var(--display); font-size: 1.7rem; letter-spacing: .02em; color: var(--navy); line-height: 1.1; }
.yc-stats .k { font-size: .78rem; color: var(--muted); }
.yc-stats .v { font-size: 1.25rem; font-weight: 600; }
.card.val { background: linear-gradient(135deg, var(--sea), var(--mist)); }
table.t tr.dim td { opacity: .55; }
.crew-hero { background: var(--navy); color: #fff; border-radius: 12px; padding: 18px 20px; margin-bottom: 14px; }
.crew-hero h1 { font-family: var(--display); font-size: 2.2rem; margin: 0; letter-spacing: .02em; }
.crew-hero .small { opacity: .85; }
table.t.mtab { font-size: .85rem; }
table.t.mtab td, table.t.mtab th { padding: 6px 7px; white-space: nowrap; }
table.t.mtab td.acct-n { min-width: 200px; max-width: 260px; overflow: hidden; text-overflow: ellipsis; }