/* Compact hub surfaces share the navy theme tokens. */
.dailyme{box-sizing:border-box;width:100%;max-width:880px;min-width:0;margin:auto;padding:16px;color:var(--ink);background:var(--canvas)}
.dailyme *,.dailyme *:before,.dailyme *:after{box-sizing:border-box;min-width:0}
.dailyme h1{font-size:26px;line-height:1.15;margin:0;background:none;padding:0}
.dailyme h2{font-size:16px;line-height:1.3;margin:12px 0 8px}
.dailyme h3{font-size:14px;line-height:1.3;margin:0}
.dailyme a{color:inherit;text-decoration:none}
.dailyme button,.dailyme select,.dailyme summary{min-height:44px;min-width:44px;font:inherit;cursor:pointer}
.dailyme button,.dailyme select{border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--ink);padding:8px 12px}
.dailyme button[aria-pressed=true],.dailyme button[aria-selected=true]{background:var(--cyan);color:var(--canvas);border-color:var(--cyan)}
.dailyme :focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.dailyme small{color:var(--fog);font-size:11px}
.dailyme svg{width:20px;height:20px}
.dailyme summary{display:flex;align-items:center;justify-content:center;list-style:none}
.dailyme summary::-webkit-details-marker{display:none}

.dailyme header p{font-size:12px;color:var(--fog);margin:8px 0}.dailyme small{opacity:1;line-height:1.4}.dailyme-dates,.dailyme-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;max-width:100%;margin:12px 0}.dailyme-dates button{flex:1;font-size:12px}.dailyme-tabs button{flex:1 0 auto;white-space:nowrap;font-size:12px}.dailyme-hero{position:relative;display:flex;flex-direction:column;justify-content:end;min-height:180px;border-radius:14px;overflow:hidden;padding:16px;background:linear-gradient(color-mix(in srgb,var(--canvas) 72%,transparent),var(--canvas)),url('../img/hero/lineup-stage.jpg') center/cover;color:var(--ink)}.dailyme-hero[data-category=travel]{background-image:linear-gradient(color-mix(in srgb,var(--canvas) 72%,transparent),var(--canvas)),url('../img/hero/home-ship.jpg')}.dailyme-hero[data-category=family]{background-image:linear-gradient(color-mix(in srgb,var(--canvas) 72%,transparent),var(--canvas)),url('../img/hero/crew-night-beach.jpg')}.dailyme-hero small{margin:0;color:var(--ink)}.dailyme-hero h2{font-size:19px;margin:70px 0 3px}.dailyme-hero p{font-size:12px;margin:4px 0;padding-right:100px}.dailyme-hero>span{position:absolute;right:12px;bottom:12px;border:1px solid var(--line);border-radius:20px;padding:4px 8px;font-size:10px;color:var(--ink);background:var(--surface-2)}.dailyme>p[role=status]{font-size:11px;color:var(--fog);margin:8px 0}.dailyme-row{display:flex;align-items:center;gap:10px;padding:10px 8px;margin:5px 0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(120deg,var(--surface-2),var(--surface));box-shadow:var(--edge);backdrop-filter:blur(16px);min-height:72px}.dailyme-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--surface-2);color:var(--cyan)}.dailyme-copy{flex:1;display:grid;gap:3px;overflow:hidden}.dailyme-copy strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dailyme-detail{font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dailyme-copy small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dailyme-verification{font-size:10px;color:var(--ink);background:var(--surface-2);justify-self:start;border-radius:10px;padding:2px 6px}.dailyme-empty{padding:20px 0}

/* The app main already supplies the mobile gutter. */
main .dailyme{padding:0}

/* The image stays bright above the opaque text area. */
.dailyme .dailyme-hero{background-image:linear-gradient(180deg,transparent 10%,color-mix(in srgb,var(--canvas) 20%,transparent) 35%,var(--canvas) 68%),var(--daily-image);background-position:center;background-size:cover}
.dailyme-hero p{padding-right:0}.dailyme-hero>span{position:static;align-self:flex-start;margin-top:4px}.dailyme-copy small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:normal;word-break:normal}
.dailyme-dates button[aria-pressed=true],.dailyme-tabs button[aria-selected=true]{background:var(--cyan);color:var(--canvas);border-color:var(--cyan);font-weight:700}