/* ABOUTME: A second visual direction uses bold blue type and travel-ticket details. */
/* ABOUTME: Both directions share content, permissions, and accessible interactions. */
body[data-theme='weekend'] { --paper: #f6f4ed; --surface: #fffef8; --ink: #253a83; --muted: #69718a; --line: #d7d9de; --accent: #2f4aab; --soft: #e9edf9; --warm: #a95a28; --serif: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', sans-serif; }
body[data-theme='weekend'] .brand-mark { background: #f2ce61; color: #253a83; border-radius: 5px; font-weight: 700; }
body[data-theme='weekend'] .hero { padding-top: 45px; padding-bottom: 40px; grid-template-columns: 1fr 46%; gap: 7%; }
body[data-theme='weekend'] .hero h1 { font-weight: 800; letter-spacing: -.055em; font-size: clamp(34px, 3.8vw, 56px); line-height: 1.23; }
body[data-theme='weekend'] .destination-label { color: var(--ink); background: #f5d577; border: 1px solid #cfb356; border-radius: 3px; width: fit-content; padding: 3px 10px; margin-top: 24px; margin-bottom: 17px; transform: rotate(-3deg); }
body[data-theme='weekend'] .tiny-line { height: 6px; background: #e8c456; width: 25px; }
body[data-theme='weekend'] .hero-image-wrap { background: white; border-color: #c7c9d2; padding: 10px 10px 0; transform: rotate(2deg); box-shadow: 5px 7px 0 #e4ddc9; }
body[data-theme='weekend'] .hero-image { filter: saturate(.85); aspect-ratio: 1.48; }
body[data-theme='weekend'] .photo-caption { color: #3e4b76; font-size: 11px; padding: 17px 3px; }
body[data-theme='weekend'] .round-stamp { background: #f6d86d; border: 2px dashed #33498b; color: #33498b; border-radius: 12px; outline: none; width: 77px; height: 88px; right: -14px; top: -18px; transform: rotate(-12deg); }.round-stamp strong { line-height: 1.1; }
body[data-theme='weekend'] .hero-description { margin-top: 20px; }
body[data-theme='weekend'] .trip-meta span { border-bottom: 2px solid #e4d4a3; padding-bottom: 3px; }
body[data-theme='weekend'] .together-strip { border-top: 1px dashed #b5bacd; border-bottom: 1px dashed #b5bacd; padding-top: 17px; padding-bottom: 17px; }
body[data-theme='weekend'] .main-tabs { height: 80px; border-bottom: 0; align-items: center; gap: 14px; }
body[data-theme='weekend'] .main-tabs button { padding: 12px 18px; border-radius: 5px; border: 1px solid transparent; }
body[data-theme='weekend'] .main-tabs button[aria-current='page'] { color: #fff; background: var(--accent); }
body[data-theme='weekend'] .content-layout { border-top: 1px solid var(--line); }
body[data-theme='weekend'] .day-button { border: 1px solid var(--line); border-radius: 0; background: #fffdf5; margin-bottom: 5px; position: relative; }
body[data-theme='weekend'] .day-button.selected { background: #f5db8e; border-color: #d4b45f; }
body[data-theme='weekend'] .day-number { font-family: Georgia, serif; font-style: italic; color: var(--ink); }
body[data-theme='weekend'] .day-button::after { content: ''; position: absolute; right: 25px; top: 0; bottom: 0; border-left: 1px dashed #b8bcc9; }
body[data-theme='weekend'] .sidebar-note { background: #eeeadc; border: 0; border-top: 3px solid #ead477; border-radius: 0; }
body[data-theme='weekend'] .section-heading h2 { font-size: 28px; font-weight: 700; letter-spacing: -.04em; }
body[data-theme='weekend'] .slot-label { font-weight: 600; }
body[data-theme='weekend'] .slot:not(:last-child)::before { width: 0; border-left: 1px dashed #b0b7d0; background: transparent; }
body[data-theme='weekend'] .entry { border-radius: 0 8px 8px 0; border-left: 3px solid #b5bfdc; box-shadow: 2px 3px 0 #eae9e1; }
body[data-theme='weekend'] .entry.featured { border-left-color: #dfbb54; background: #fffbed; }
body[data-theme='weekend'] .entry-time { color: #38509c; background: #eef1fa; padding: 2px 6px; border-radius: 3px; font-size: 10px; }
body[data-theme='weekend'] .entry h3 { font-weight: 600; }
body[data-theme='weekend'] .check-table { background: #fffef9; }
body[data-theme='weekend'] .readiness { border-color: #dac88b; background: #f7edc9; }
body[data-theme='weekend'] .readiness-symbol { border-color: #cdb872; }
body[data-theme='weekend'] .primary { box-shadow: 2px 2px 0 #c8cfe5; border-radius: 3px; }
@container experience (max-width: 950px) {
  body[data-theme='weekend'] .hero h1 { font-size: 38px; }
  body[data-theme='weekend'] .main-tabs button { padding: 10px 14px; }
}
@container experience (max-width: 650px) {
  body[data-theme='weekend'] .hero { padding: 28px 0 25px; gap: 30px; }
  body[data-theme='weekend'] .hero h1 { font-size: 36px; }
  body[data-theme='weekend'] .hero-image-wrap { margin: 0 5px 8px; }
  body[data-theme='weekend'] .hero-image { aspect-ratio: 1.85; }
  body[data-theme='weekend'] .photo-caption { font-size: 9px; padding: 13px 2px; }
  body[data-theme='weekend'] .round-stamp { width: 63px; height: 71px; top: -15px; right: -13px; }
  body[data-theme='weekend'] .main-tabs { height: 74px; gap: 5px; }
  body[data-theme='weekend'] .main-tabs button { padding: 10px 13px; font-size: 12px; }
  body[data-theme='weekend'] .day-button::after { display: none; }
  body[data-theme='weekend'] .section-heading h2 { font-size: 23px; }
}
@container experience (max-width: 360px) {
  body[data-theme='weekend'] .hero h1 { font-size: 31px; }
  body[data-theme='weekend'] .main-tabs button { padding: 10px 9px; }
}