/* GoForU field notebook. Shared presentation for existing H5 surfaces only.
   State visibility, maps, media canvases and PDF documents retain their owners. */
:root {
  color-scheme: light;
  --site-primary:#148caa; --site-ink:#143d55; --site-button:#08718c;
  --site-soft:#eaf8fb; --site-line:#cce5ea; --site-muted:#526b78;
  --site-accent:#ffd45b; --site-secondary:#f78056; --site-paper:#fffefa;
  --site-art:url('../assets/product-themes/stationery-nature.webp');
  --site-hero:url('../assets/product-themes/hero-nature.webp');
  --site-shadow:0 8px 28px rgb(20 61 85 / 7%);
  --font-sans:'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif;
  --font-serif:'GoForU Serif','Songti SC','STSong','SimSun',serif;
  --font-display:var(--font-serif);
}
:root[data-site-theme='geo'] {
  --site-primary:#ed6b3b; --site-ink:#143f63; --site-button:#b84016;
  --site-soft:#fff3e7; --site-line:#eadbcd; --site-secondary:#4daed7;
  --site-art:url('../assets/product-themes/stationery-geology.webp');
  --site-hero:url('../assets/product-themes/hero-geology.webp');
}
:root[data-site-theme='culture'] {
  --site-primary:#e95372; --site-ink:#30365e; --site-button:#b92d4d;
  --site-soft:#fff0f3; --site-line:#ead9e1; --site-secondary:#6fa9ef;
  --site-art:url('../assets/product-themes/stationery-culture.webp');
  --site-hero:url('../assets/product-themes/hero-culture.webp');
}
:root[data-site-theme='outdoor'] {
  --site-primary:#2d8a67; --site-ink:#163e32; --site-button:#21664d;
  --site-soft:#edf8ef; --site-line:#cce2d1; --site-secondary:#ed9852;
  --site-art:url('../assets/product-themes/brand-outdoor-v2.webp');
  --site-hero:url('../assets/product-themes/hero-outdoor-v2.webp');
}
:root[data-site-theme='sketch'] {
  --site-primary:#8b58b1; --site-ink:#3b2e53; --site-button:#744596;
  --site-soft:#f6f0fb; --site-line:#e1d3ed; --site-secondary:#ed9852;
  --site-art:url('../assets/product-themes/brand-sketch-v2.webp');
  --site-hero:url('../assets/product-themes/hero-sketch-v2.webp');
}
:root {
  --color-primary:var(--site-button); --color-primary-dark:var(--site-ink);
  --color-primary-light:var(--site-soft); --color-primary-ghost:var(--site-soft); --color-primary-soft:var(--site-soft);
  --color-accent:var(--site-secondary); --color-accent-light:#fff3dd;
  --color-bg:var(--site-paper); --color-bg-soft:var(--site-soft); --color-bg-card:#fff;
  --color-surface:#fff; --color-surface-tint:var(--site-paper);
  --color-border:var(--site-line); --color-border-light:#edf1ed;
  --color-text:var(--site-ink); --color-text-primary:var(--site-ink);
  --color-text-secondary:var(--site-muted); --color-text-muted:#657984;
  --cream-bg:var(--site-paper); --cream-paper:#fff; --cream-ink:var(--site-ink);
  --cream-mute:var(--site-muted); --cream-line:var(--site-line); --cream-brand:var(--site-primary);
  --cream-warm:var(--site-secondary); --cream-leaf:var(--site-button); --cream-pop:var(--site-secondary);
  --shadow-sm:0 2px 9px rgb(20 61 85 / 5%); --shadow-md:var(--site-shadow);
  --ink:var(--site-ink); --mute:var(--site-muted); --line:var(--site-line); --brand:var(--site-button); --bg:var(--site-paper);
}
body { background:var(--site-paper); color:var(--site-ink); font-family:var(--font-sans); }
body img.site-brand-logo,body img[src*='assets/brand-logo-lm.png'] { object-fit:contain; }
#app-root { width:100%; max-width:none; height:100dvh; max-height:none; border-radius:0; box-shadow:none; }
#app-root::before { display:none; }
body :is(.screen,.modal,.archive-dialog,.phaseb-assistant-drawer) { font-family:var(--font-sans); }
body :is(.section-label,.chat-header-title,.itinerary-title,.modal-title,.day-title,.act-name,.today-section-title,.phaseb-assistant-drawer__title,.generating-label,.gen-retrieve-lead,.profile-section-divider,.product-report-header h2) {
  font-family:var(--font-serif); color:var(--site-ink); font-weight:700; letter-spacing:.015em;
}
body :is(.btn,.chat-tag,.chat-card,.profile-tab-btn,.tab-btn,.day-tab,.theme-card,.input-field,.input-select) { transition:background-color .16s,border-color .16s,box-shadow .16s; }
body :is(.btn,.btn-icon,.btn-auth,.btn-voice,.btn-send,.profile-tab-btn,.chat-tag,.tab-btn,.day-tab) { min-height:44px; }
body :is(.btn,.btn-auth,.btn-send) { border-radius:13px; font-weight:650; }
body .btn--primary,body .btn-send { background:var(--site-button); color:#fff; box-shadow:0 3px 0 color-mix(in srgb,var(--site-ink) 18%,transparent); }
body .btn--primary:hover:not(:disabled),body .btn-send:hover:not(:disabled) { background:var(--site-ink); box-shadow:var(--site-shadow); }
body .btn--ghost { color:var(--site-button); background:var(--site-paper); border:1px solid var(--site-line); }
body .btn-icon { color:var(--site-ink); border-radius:50%; background:var(--site-soft); }
body .btn--danger-ghost { color:#a5262f; background:#fff4f3; border-color:#efc6c3; }
body :is(button,a,input,textarea,select,summary):focus-visible { outline:3px solid var(--site-button); outline-offset:3px; }
body :is(.input-field,.input-select,.profile-field input:not([type='checkbox']):not([type='radio']),.profile-field textarea,.profile-field select,.hc-input,.gen-email-input) {
  background:#fff; border:1px solid var(--site-line); border-radius:12px; color:var(--site-ink); min-height:44px; line-height:1.6;
}
body :is(.input-label,.profile-field-label) { color:var(--site-ink); font-weight:650; }
body :is(.input-hint,.modal-desc,.profile-summary-tags,.trip-item-meta) { color:var(--site-muted); line-height:1.65; }
body :is(input[type='checkbox'],input[type='radio']) { accent-color:var(--site-button); }

/* Welcome: a field guide cover followed by paper sections, not an app dashboard. */
#screen-welcome { background:var(--site-paper); }
body .welcome-header { background:var(--site-paper); border-bottom:1px solid var(--site-line); padding-inline:max(20px,calc((100vw - 1080px)/2)); }
body .welcome-main { width:100%; max-width:1120px; margin-inline:auto; padding:0 28px 28px; gap:0; }
body .welcome-main > :is(.welcome-hero,.theme-section,.welcome-cta,.destination-section,.site-footer,#welcome-resume-host,#welcome-profile-bar) { flex-shrink:0; }
body .welcome-hero {
  position:relative; isolation:isolate; text-align:left; min-height:254px; padding:35px 0 24px;
  border-bottom:1px solid var(--site-line); margin-bottom:25px;
}
body .welcome-hero::after { content:''; position:absolute; z-index:-1; right:0; bottom:0; width:59%; height:100%; background:var(--site-art) right bottom/100% auto no-repeat; mix-blend-mode:multiply; pointer-events:none; }
body .welcome-brandmark { justify-content:flex-start; margin:0 0 12px; }
body .welcome-brandmark__mascot { width:84px; height:auto; max-width:none; flex-shrink:0; }
body .welcome-brandmark__cn { fill:var(--site-ink); }
body .welcome-brandmark__en { fill:var(--site-button); }
body .welcome-sub { color:var(--site-ink); font-family:var(--font-serif); font-size:24px; letter-spacing:.04em; margin:12px 0 7px; }
body .welcome-tagline { color:var(--site-muted); font-size:12px; letter-spacing:.03em; max-width:46%; line-height:1.7; }
body :is(.theme-section,.welcome-cta,.destination-section) { padding:0; margin:26px 0; }
body .section-label,body .welcome-cta .section-label { font-family:var(--font-serif); color:var(--site-ink); font-size:23px; line-height:1.5; letter-spacing:.025em; }
body .section-label__bar { background:var(--site-primary); width:6px; border-radius:3px; }
body .theme-badge-core { background:var(--site-accent); color:var(--site-ink); border-radius:6px; font-size:11px; letter-spacing:0; }
body .theme-section-sub { line-height:1.7; margin:8px 0 18px; }
body .theme-cards-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:20px; }
body .theme-card { aspect-ratio:auto; min-height:105px; padding:15px 7px; gap:5px; background:#fff; border:1px solid var(--site-line); border-radius:15px; box-shadow:0 3px 0 var(--site-soft); }
body .theme-card--active { color:var(--site-ink); border-color:var(--site-primary); background:var(--site-soft); box-shadow:inset 0 -4px 0 var(--site-primary); }
body .theme-card-name { color:var(--site-ink); font-family:var(--font-serif); font-size:17px; }
body .theme-card-tip { color:var(--site-muted); font-size:11px; }
body .theme-featured { background:var(--site-soft)!important; color:var(--site-ink); border:1px solid var(--site-line); border-radius:20px; box-shadow:none; }
body .theme-featured[data-feature-theme='nature'] { --site-soft:#eaf8fb; --site-ink:#143d55; --site-button:#08718c; --site-line:#cce5ea; --site-hero:url('../assets/product-themes/hero-nature.webp'); }
body .theme-featured[data-feature-theme='geo'] { --site-soft:#fff3e7; --site-ink:#143f63; --site-button:#b84016; --site-line:#eadbcd; --site-hero:url('../assets/product-themes/hero-geology.webp'); }
body .theme-featured[data-feature-theme='culture'] { --site-soft:#fff0f3; --site-ink:#30365e; --site-button:#b92d4d; --site-line:#ead9e1; --site-hero:url('../assets/product-themes/hero-culture.webp'); }
body .theme-featured[data-feature-theme='outdoor'] { --site-soft:#edf8ef; --site-ink:#163e32; --site-button:#21664d; --site-line:#cce2d1; --site-hero:url('../assets/product-themes/hero-outdoor-v2.webp'); }
body .theme-featured[data-feature-theme='sketch'] { --site-soft:#f6f0fb; --site-ink:#3b2e53; --site-button:#744596; --site-line:#e1d3ed; --site-hero:url('../assets/product-themes/hero-sketch-v2.webp'); }
:root:is([data-site-theme='outdoor'],[data-site-theme='sketch']) .welcome-hero::after { background-size:contain; }
:root:is([data-site-theme='outdoor'],[data-site-theme='sketch']) .site-footer { padding-bottom:130px; }
body .theme-featured__pad { min-height:238px; padding:28px; background:none; }
body .theme-featured__pad::before { content:''; position:absolute; right:24px; bottom:24px; width:40%; height:180px; z-index:0; background-image:var(--site-hero); background-size:contain; background-position:center bottom; background-repeat:no-repeat; mix-blend-mode:multiply; pointer-events:none; }
body .theme-featured__pad > * { position:relative; z-index:1; }
body .theme-featured:is([data-feature-theme='nature'],[data-feature-theme='geo']) .theme-featured__pad::before { height:156px; background-position:right bottom; }
body .theme-featured__title { font-size:30px; max-width:58%; }
body .theme-featured__desc { color:var(--site-muted); max-width:48%; font-size:14px; line-height:1.8; }
body :is(.theme-featured__blob,.theme-featured__ico) { visibility:hidden; }
body .theme-featured__tag,body .theme-featured__chips span { background:#fffefa; color:var(--site-button); border:1px solid var(--site-line); }
body .theme-featured__chips { max-width:58%; }
body .theme-sample { width:100%; min-width:0; max-width:100%; box-sizing:border-box; margin:16px 0 0; padding:16px; background:#fff; border:1px solid var(--site-line); border-left:4px solid var(--site-secondary); border-radius:14px; white-space:normal; }
body .theme-sample__bar { display:flex; flex-wrap:wrap; align-items:flex-start; gap:6px 8px; }
body :is(.theme-sample__bar,.theme-sample__spot,.theme-sample__card,.theme-sample__title,.theme-sample__book,.theme-sample__body,.theme-sample__row,.theme-sample__foot) { min-width:0; max-width:100%; box-sizing:border-box; white-space:normal; overflow-wrap:anywhere; word-break:normal; }
body .theme-sample__card { width:100%; padding:14px 0 0; border:0; border-top:1px solid var(--site-line); border-radius:0; }
body .theme-sample__title { font:700 18px/1.6 var(--font-serif); }
body .theme-sample__book { font-size:12px; line-height:1.7; }
body :is(.theme-sample__body,.theme-sample__row) { font-size:14px; line-height:1.85; }
body .theme-sample__row b { display:block; margin:0 0 4px; font-size:13px; }
body .theme-sample__foot { text-align:left; line-height:1.7; margin-top:12px; }
body .theme-goto-dest { color:var(--site-button); background:var(--site-paper); border:1px solid var(--site-line); border-radius:12px; min-height:46px; }
body .welcome-cta { padding:24px; background:var(--site-soft); border:1px solid var(--site-line); border-radius:18px; }
body .freetext-wrap { background:#fff; border:1px solid var(--site-line); border-radius:14px; padding:12px; margin-top:14px; }
body .freetext-input { color:var(--site-ink); background:#fff; font-size:16px; line-height:1.7; }
body .welcome-hint { color:var(--site-muted); line-height:1.7; }
body :is(.dest-zone-tabs,.profile-tabs,.gen-tabs) { background:var(--site-soft); border:1px solid var(--site-line); border-radius:14px; padding:5px; gap:5px; }
body :is(.dest-zone-tab,.profile-tab-btn,.gen-tab) { border-radius:10px; }
body :is(.dest-zone-tab--active,.profile-tab-btn--active,.gen-tab--active) { background:#fff; color:var(--site-button); box-shadow:0 2px 7px rgb(20 61 85 / 7%); }
body :is(.dest-card,.dest-card2,.dest-macro,.dest-group) { border-color:var(--site-line); border-radius:14px; }
body :is(.dest-card2,.dest-card) { background:#fff; box-shadow:0 2px 0 var(--site-soft); }
body :is(.dest-card--selected,.dest-card2--selected) { background:var(--site-soft); border-color:var(--site-primary); }
body .site-footer { border-top:1px solid var(--site-line); margin-top:32px; padding-top:80px; background:var(--site-paper) var(--site-art) right bottom/340px auto no-repeat; background-blend-mode:multiply; }
body .site-footer__links { flex-wrap:wrap; }

/* Planning conversation and all existing structured choices. */
body :is(.chat-header,.itinerary-header) { background:var(--site-paper); border-bottom:1px solid var(--site-line); box-shadow:none; }
body .chat-header-title { font-size:25px; }
body .chat-layout { background:var(--site-paper); justify-content:center; }
body .chat-panel { background:var(--site-paper); }
body .chat-messages { padding:24px; gap:20px; }
body .msg-avatar { width:36px; height:36px; border:1px solid var(--site-line); background:var(--site-soft); }
body .msg-bubble { font-size:16px; line-height:1.85; padding:16px 19px; border-radius:18px; }
body .msg--ai .msg-bubble { background:#fff; border-color:var(--site-line); box-shadow:var(--shadow-sm); }
body .msg--user .msg-bubble { background:var(--site-button); color:#fff; }
body :is(.chat-card,.chat-dest-card,.experience-diagnosis-card,.experience-promise-card,.experience-direction-card,.experience-ready-review-card,.sk-card,.planning-draft-list,.req-confirm-card) {
  background:#fff; border:1px solid var(--site-line); border-radius:17px; box-shadow:var(--shadow-sm); color:var(--site-ink);
}
body :is(.chat-card--selected,.chat-dest-card--selected,.experience-direction-card--recommended) { border-color:var(--site-primary); background:var(--site-soft); }
body :is(.chat-card-label,.chat-dest-name,.experience-diagnosis-card h3,.experience-promise-card h3,.experience-ready-review-card h3,.sk-title) { font-family:var(--font-serif); color:var(--site-ink); }
body :is(.chat-tag,.quick-reply) { color:var(--site-button); background:#fff; border:1px solid var(--site-line); border-radius:11px; padding:9px 13px; }
body .chat-tag--selected { color:#fff; background:var(--site-button); border-color:var(--site-button); }
body :is(.experience-diagnosis-accept,.experience-promise-confirm,.experience-ready-review-confirm,.sk-btn-confirm,.experience-direction-choose) { background:var(--site-button); border-color:var(--site-button); color:#fff; border-radius:12px; min-height:44px; }
body .chat-input-area { background:var(--site-paper); border-top:1px solid var(--site-line); padding:13px 20px max(13px,env(safe-area-inset-bottom)); }
body .chat-input-row { background:#fff; border:1px solid var(--site-line); border-radius:18px; padding:6px; box-shadow:0 4px 20px rgb(20 61 85 / 5%); }
body .chat-input { background:transparent; color:var(--site-ink); line-height:1.65; font-size:16px; border:0; box-shadow:none; }
body .preview-panel { background:var(--site-soft); border-left:1px solid var(--site-line); }
body :is([data-formal-requirements],[data-runtime-panel],[data-booking-preview]) { background:#fff; border-color:var(--site-line); color:var(--site-ink); border-radius:16px; }
body :is([data-formal-requirements],[data-runtime-panel],[data-booking-preview]) :is(h3,h4) { font-family:var(--font-serif); }
body :is([data-formal-requirements],[data-runtime-panel],[data-booking-preview]) button { color:var(--site-button); background:var(--site-soft); border-color:var(--site-line); min-height:44px; }
body :is(.mobile-gen-overlay,.gen-retrieve-sheet) { background:var(--site-paper); }
body .mobile-gen-inner { border:1px solid var(--site-line); background:var(--site-paper); padding:24px 20px; }
body .generating-label { font-size:23px; line-height:1.6; }
body :is(.generating-stream,.gen-fact-text) { color:var(--site-muted); line-height:1.75; }
body :is(.gen-partial__day,.dest-discovery,.gen-bg-hint,.gen-email-prompt,.gen-retrieve-steps) { background:#fff; border:1px solid var(--site-line); border-radius:14px; box-shadow:none; }
body .gen-step--active { color:var(--site-button); background:var(--site-soft); }
body .gen-pill { border:1px solid var(--site-line); background:var(--site-soft); color:var(--site-ink); }

/* Full itinerary, including the original detailed tabs below the new overview. */
body .itinerary-title { font-size:24px; line-height:1.35; }
body .itinerary-tabs { background:var(--site-paper); border-bottom:1px solid var(--site-line); padding-block:6px; }
body .tab-btn { color:var(--site-muted); border-radius:11px; margin:0 2px; }
body .tab-btn--active { background:var(--site-soft); color:var(--site-button); border-bottom-color:var(--site-primary); }
body .tab-content { background:var(--site-paper); }
body .day-tabs { background:var(--site-paper); border-color:var(--site-line); padding-block:12px; }
body .day-tab { color:var(--site-muted); border:1px solid var(--site-line); border-radius:12px; background:#fff; }
body .day-tab--active { background:var(--site-button); border-color:var(--site-button); color:#fff; }
body .timeline-days { max-width:1120px; width:100%; margin-inline:auto; box-sizing:border-box; padding:22px 24px; gap:28px; }
body .day-header { padding:10px 0 16px; border-bottom:1px solid var(--site-line); margin-bottom:16px; }
body .day-number { color:var(--site-primary); font-family:var(--font-serif); font-size:32px; }
body .day-title { font-size:23px; }
body .timeline-dot { background:var(--site-primary); border-color:var(--site-paper); }
body .timeline-line::after { background:var(--site-line); }
body :is(.activity-card,.act-card,.today-info-card,.today-brief,.phaseb-act-card,.multicity-overview-card,.budget-breakdown,.checklist-section,.safety-section,.study-points-card,.parent-prep,.drive-guide,.gfc-card) {
  background:#fff; border-color:var(--site-line); border-radius:17px; box-shadow:var(--shadow-sm);
}
body :is(.act-name,.today-phase-title) { font-size:21px; }
body :is(.act-desc,.today-act-row,.checklist-item-text,.safety-section p,.drive-guide) { line-height:1.8; }
body :is(.today-phase-header,.gfc-hero,.budget-total) { background:var(--site-soft); color:var(--site-ink); border:1px solid var(--site-line); border-radius:18px; }
body :is(.today-acts-entry,.study-entry,.today-fold-toggle) { background:var(--site-soft); border-color:var(--site-line); border-radius:14px; color:var(--site-ink); }
body :is(.checklist-section-header,.today-map-head) { background:var(--site-soft); border-bottom-color:var(--site-line); }
body :is(.checklist-section-title,.safety-section-title,.budget-breakdown-title,.today-section-title) { font-family:var(--font-serif); font-size:21px; }
body .safety-section--emergency { border-left-color:#c43d43; }
body :is(.safety-section--scam,.day-safety-alert) { border-left-color:#c78115; }
body .safety-section--culture { border-left-color:var(--site-primary); }
body .checklist-item--done .checklist-check { background:var(--site-button); border-color:var(--site-button); }
body :is(.safety-container,.checklist-container) { max-width:1120px; margin-inline:auto; }

/* Existing modal shells, accounts, guide and capture tools share one paper system. */
body .modal-overlay { background:rgb(20 40 55 / 38%); backdrop-filter:blur(5px); }
body :is(.modal,.archive-dialog,.gen-retrieve-sheet,.today-acts-sheet,.study-panel,.sos-card,.simple-popup,.phaseb-assistant-drawer) {
  background:var(--site-paper); color:var(--site-ink); border:1px solid var(--site-line); border-radius:22px; box-shadow:0 20px 70px rgb(20 40 55 / 16%);
}
body .archive-dialog::backdrop { background:rgb(20 40 55 / 38%); backdrop-filter:blur(5px); }
body :is(.modal-header,.product-report-header,.phaseb-assistant-drawer__header,.today-acts-sheet-header,.study-panel-header) {
  background:var(--site-soft); border-bottom:1px solid var(--site-line); color:var(--site-ink);
}
body .modal-header { text-align:left; padding:25px 25px 20px; border-radius:21px 21px 0 0; }
body .modal-title { font-size:27px; line-height:1.5; }
body .modal-icon:empty { display:none; }
body .modal-body { padding:22px 25px; }
body .modal-footer { padding:16px 25px; border-top:1px solid var(--site-line); background:var(--site-paper); }
body .modal-desc { font-size:14px; margin-top:7px; }
body .profile-section-divider { background:var(--site-soft); border-radius:10px; padding:10px 12px; }
body :is(.profile-summary-bar,.auth-user-chip,.profile-completion-row) { background:var(--site-soft); border-color:var(--site-line); }
body :is(.profile-tab-btn,.input-group) { min-width:0; }
body .app-menu { border:1px solid var(--site-line); background:var(--site-paper); border-radius:16px; box-shadow:0 15px 40px rgb(20 61 85 / 15%); }
body .app-menu__item { color:var(--site-ink); min-height:44px; padding:11px 17px; }
body .app-menu__item:hover { background:var(--site-soft); }
body .trip-item-wrap { margin:10px 0; border:1px solid var(--site-line); border-radius:15px; background:#fff; overflow:hidden; }
body .trip-item { padding:17px 14px; color:var(--site-ink); }
body .trip-item:hover { background:var(--site-soft); }
body :is(.trip-item-name,.trip-item-title) { font:700 19px/1.5 var(--font-serif); color:var(--site-ink); }
body :is(.trip-item-history-btn,.trip-version-row button) { color:var(--site-button); border-color:var(--site-line); border-radius:9px; }
body :is(.phaseb-assistant-drawer__title,.study-panel-title) { font-family:var(--font-serif); font-size:24px; color:var(--site-ink); }
body :is(.phaseb-assistant-drawer__body,.phaseb-assistant-drawer__content,.study-panel-body) { background:var(--site-paper); line-height:1.8; }
body :is(.phaseb-assistant-drawer__input,.phaseb-assistant-drawer__result,.mentor-thread,.mentor-turn) { border-color:var(--site-line); background:#fff; color:var(--site-ink); border-radius:13px; }
body :is(.phaseb-assistant-hero,.phaseb-assist-focus-bar,.phaseb-assist-inline-card,.phaseb-assist-result-panel,.phaseb-diff-panel) { background:var(--site-soft); color:var(--site-ink); border-color:var(--site-line); border-radius:15px; box-shadow:none; }
body :is(.phaseb-assist-action,.phaseb-assist-chip,.phaseb-assist-back-btn,.phaseb-assist-rescue-input) { background:#fff; color:var(--site-button); border:1px solid var(--site-line); border-radius:12px; min-height:44px; }
body :is(.phaseb-assist-action--active,.phaseb-assist-rescue-send,.phaseb-diff-confirm) { background:var(--site-button); color:#fff; border-color:var(--site-button); }
body :is(.phaseb-assist-section-label,.phaseb-assist-result-header,.phaseb-diff-header) { font-family:var(--font-serif); color:var(--site-ink); }
body .evidence-dialog { max-width:min(680px,calc(100vw - 24px)); }
body .evidence-local-preview { margin:14px 0; padding:10px; border:1px solid var(--site-line); border-radius:14px; background:#fff; }
body .evidence-local-preview img { max-height:300px; object-fit:contain; margin:auto; border-radius:8px; }
body :is(.evidence-saved-row,.evidence-permission,.product-report-material,.product-report-members) { background:var(--site-soft); border:1px solid var(--site-line); border-radius:12px; padding:12px; }
body :is(.product-report-header,.product-research-create) { gap:12px; padding:18px; }
body :is(.product-report-header button,.product-research-create button,.product-research-create select,.product-research-create input) { min-height:44px; border:1px solid var(--site-line); border-radius:11px; padding:9px 13px; background:#fff; color:var(--site-ink); font:inherit; box-sizing:border-box; max-width:100%; }
body .product-report-header h2 { font-size:25px; }
body .product-report-material input { flex:none; }
body .product-report-material span { min-width:0; overflow-wrap:anywhere; }
body .product-research-create { display:flex; flex-wrap:wrap; border-bottom:1px solid var(--site-line); }
body .product-research-create input { flex:1 1 220px; min-width:0; }
body .pt-view { --pt-paper:var(--site-paper); }

/* Legal text and the existing return bridge: typography only, content unchanged. */
body.site-document { box-sizing:border-box; width:100%; max-width:860px; padding:36px 32px 70px; margin:0 auto; font:16px/1.85 var(--font-sans); background:var(--site-paper); color:var(--site-ink); }
.site-document h1 { font:700 clamp(27px,5vw,40px)/1.45 var(--font-serif); color:var(--site-ink); border-bottom:5px solid var(--site-accent); padding-bottom:16px; margin:12px 0 10px; }
.site-document h2 { font:700 24px/1.55 var(--font-serif); color:var(--site-ink); border-top:1px solid var(--site-line); padding-top:22px; margin-top:36px; }
.site-document h3 { font:700 19px/1.6 var(--font-serif); }
.site-document :is(p,li) { color:var(--site-muted); }
.site-document .box { border-color:var(--site-line); border-radius:15px; padding:18px 22px; box-shadow:var(--shadow-sm); }
.site-document :is(.back,main>a) { display:inline-block; padding:10px 15px; background:var(--site-soft); border:1px solid var(--site-line); border-radius:11px; color:var(--site-button); text-decoration:none; }
.site-document .meta { color:var(--site-muted); }
.site-document strong { color:var(--site-ink); }
body.site-return { padding-top:15vh; }
body.site-return main { border:1px solid var(--site-line); border-radius:22px; background:#fff; padding:30px; box-shadow:var(--site-shadow); }

@media(min-width:900px) {
  body .welcome-hero { min-height:310px; padding-top:55px; }
  body .welcome-sub { font-size:34px; }
  body .welcome-brandmark__svg { width:130px; height:auto; }
  body .theme-featured__pad { min-height:265px; padding:32px; }
  body .theme-featured__title { font-size:37px; }
  body .chat-panel { max-width:800px; min-width:0; }
  body .chat-messages { padding:32px; }
  body .msg-bubble { max-width:84%; }
  body .modal:not(.modal--trips) { max-width:640px; }
  body .modal--trips { max-width:760px; }
  body .itinerary-header { padding-inline:max(24px,calc((100vw - 1120px)/2)); }
}
@media(max-width:600px) {
  :root:is([data-site-theme='outdoor'],[data-site-theme='sketch']) .welcome-hero::after { height:auto; aspect-ratio:3/1; }
  body .welcome-main { padding:0 18px max(24px,env(safe-area-inset-bottom)); min-width:0; }
  body .site-footer { padding-top:24px; padding-bottom:90px; }
  body .welcome-main > :is(.welcome-hero,.theme-section,.welcome-cta,.destination-section,.site-footer) { width:100%; min-width:0; box-sizing:border-box; }
  body :is(.theme-section,.welcome-cta,.destination-section) .section-label { flex-wrap:wrap; }
  body .welcome-cta .btn { max-width:100%; box-sizing:border-box; white-space:normal; }
  body .welcome-header { padding-inline:18px; }
  body .welcome-hero { min-height:0; padding:24px 0 16px; margin-bottom:12px; }
  body .welcome-hero::after { position:relative; display:block; right:auto; bottom:auto; width:100%; height:82px; margin-top:8px; background-position:center bottom; background-size:100% auto; opacity:1; }
  body .welcome-brandmark { max-width:none; }
  body .welcome-brandmark__svg { width:102px; }
  body .welcome-brandmark__mascot { width:73px; height:auto; }
  body .welcome-sub { font-size:22px; max-width:none; letter-spacing:0; line-height:1.5; }
  body .welcome-tagline { max-width:none; font-size:11px; line-height:1.6; }
  body .theme-cards-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
  body .theme-card { min-height:90px; padding:12px 5px; }
  body .theme-card-name { font-size:16px; }
  body .section-label,body .welcome-cta .section-label { font-size:21px; }
  body .theme-featured__pad { padding:20px 20px 176px; min-height:0; }
  body .theme-featured__pad::before { left:20px; right:20px; bottom:20px; width:auto; height:132px; }
  body .theme-featured:is([data-feature-theme='nature'],[data-feature-theme='geo']) .theme-featured__pad { padding-bottom:156px; }
  body .theme-featured:is([data-feature-theme='nature'],[data-feature-theme='geo']) .theme-featured__pad::before { left:auto; right:18px; width:72%; height:112px; background-position:right bottom; }
  body .theme-featured__title { font-size:27px; max-width:none; }
  body .theme-featured__desc { max-width:none; font-size:14px; }
  body .theme-featured__chips { max-width:none; gap:5px; }
  body .theme-featured__chips span { font-size:10px; }
  body .welcome-cta { padding:18px; }
  body .freetext-wrap { flex-wrap:wrap; }
  body .freetext-wrap .btn { width:100%; }
  body .chat-messages { padding:18px 13px; gap:17px; }
  body .msg-bubble { padding:13px 15px; max-width:calc(100% - 42px); font-size:15px; }
  body .chat-input-area { padding-inline:12px; }
  body .chat-header-title { font-size:22px; }
  body .itinerary-header { padding-inline:12px; gap:9px; }
  body .itinerary-title { font-size:19px; }
  body .itinerary-header-info { min-width:0; }
  body .itinerary-header-actions { gap:5px; flex-shrink:0; }
  body .itinerary-header-actions .btn { padding-inline:9px; }
  body .itinerary-tabs { padding-inline:8px; }
  body .tab-btn { font-size:13px; padding-inline:11px; }
  body .timeline-days { padding:18px 14px; }
  body .day-title { font-size:20px; }
  body :is(.modal-header,.modal-body,.modal-footer) { padding-left:20px; padding-right:20px; }
  body .modal-title { font-size:25px; }
  body :is(.modal,.archive-dialog) { max-width:calc(100vw - 20px); box-sizing:border-box; }
  body .modal-footer { flex-wrap:wrap; gap:10px; }
  body .product-report-header { flex-wrap:wrap; }
  body .product-report-header h2 { flex:1 1 100%; margin:0; }
  body .product-research-create :is(select,input,button) { min-width:0; max-width:100%; }
  body.site-document { padding:24px 20px 56px; }
  body.site-return main { padding:20px; }
}
@media(prefers-reduced-motion:reduce) {
  body :is(.btn,.chat-tag,.chat-card,.profile-tab-btn,.tab-btn,.day-tab,.theme-card,.input-field,.input-select) { transition:none; }
}

/* Shared five-theme reading hierarchy: paper, section, activity, study and action. */
:root {
  --site-muted:#59666a;
  --site-gradient:linear-gradient(135deg,#fff 0%,var(--site-soft) 100%);
  --site-section-gradient:linear-gradient(135deg,var(--site-soft) 0%,var(--site-paper) 100%);
  --site-study-paper:#fff9e9; --site-study-line:#ead8a8;
  --site-card-shadow:0 3px 12px rgb(30 45 50 / 5%);
}
:root[data-site-theme='geo'] { --site-muted:#696159; }
:root[data-site-theme='culture'] { --site-muted:#69616b; }
:root[data-site-theme='outdoor'] { --site-muted:#58665d; }
:root[data-site-theme='sketch'] { --site-muted:#685f70; }

/* Menus and selected controls use one restrained gradient per theme. */
body .app-menu { background:var(--site-gradient); border:1px solid var(--site-line); padding:8px; border-radius:18px; max-width:calc(100vw - 32px); box-sizing:border-box; }
body .app-menu__item { margin:3px 0; padding:12px 14px; border-radius:11px; background:var(--site-gradient); color:var(--site-ink); border:1px solid transparent; line-height:1.5; }
body .app-menu__item:hover,body .app-menu__item:focus-visible { border-color:var(--site-line); background:var(--site-section-gradient); }
body .app-menu__sep { background:var(--site-line); margin:7px 6px; }
body .app-menu__version { color:var(--site-muted); }
body :is(.tab-btn--active,.day-tab--active,.gen-tab--active,.profile-tab-btn--active) { background:var(--site-section-gradient); color:var(--site-button); border-color:var(--site-primary); box-shadow:none; }
body :is(.day-tab,.tab-btn) { min-height:44px; }

/* Generation has dedicated text/step space; there is no picture behind live text. */
body .mobile-gen-overlay { padding:24px; gap:16px; background:var(--site-paper); }
body .mobile-gen-inner { width:100%; max-width:680px; gap:14px; margin:0; padding:24px; background:var(--site-gradient); border:1px solid var(--site-line); border-radius:20px; box-shadow:var(--site-card-shadow); }
body .mobile-gen-overlay .generating-label { font:700 23px/1.5 var(--font-serif); color:var(--site-ink); max-width:100%; }
body .mobile-gen-overlay .generating-stream { font-size:15px; line-height:1.75; color:var(--site-muted); overflow-wrap:anywhere; }
body :is(.gen-steps,.gen-tabs,.gen-fact,.gen-partial,.dest-discovery) { min-width:0; max-width:100%; box-sizing:border-box; }
body :is(.gen-step,.gen-step-label,.gen-fact-text) { color:var(--site-muted); }
body .gen-step--active { color:var(--site-button); background:var(--site-soft); }
body .gen-bg-hint { position:static; max-width:680px; margin:0; padding:16px; background:var(--site-section-gradient); border:1px solid var(--site-line); border-radius:15px; }
body .gen-bg-hint.compact { padding:12px 16px; }
body .gen-partial { max-width:680px; width:100%; margin:0; }
body .gen-partial__day { padding:16px; margin-bottom:12px; border-left:4px solid var(--site-primary); box-shadow:var(--site-card-shadow); }
body .gen-partial__title { font:700 18px/1.5 var(--font-serif); }
body :is(.gen-partial__pts,.gen-partial__acts,.gen-email-prompt-title) { font-size:14px; line-height:1.7; color:var(--site-muted); }
body :is(.gen-email-btn,.gen-escape-btn--primary) { background:var(--site-button); color:#fff; border-color:var(--site-button); border-radius:11px; min-height:44px; }
body .gen-escape-btn { min-width:0; white-space:normal; border-radius:11px; }
body .gen-email-prompt { padding:16px; }

/* The supplied blue/red mascot stays on neutral paper; controls follow the theme. */
body #phaseb-side-tab,body #phaseb-side-tab.is-open { background:var(--site-gradient); border-color:var(--site-line); box-shadow:0 8px 24px rgb(25 45 55 / 13%); }
body .phaseb-side-tab__bubble { background:#fffefa; border-color:#dfe4e3; box-shadow:0 2px 8px rgb(25 45 55 / 8%); }
body .phaseb-side-tab__label { color:var(--site-button); }
body .phaseb-assistant-drawer { background:var(--site-paper); border-color:var(--site-line); }
body .phaseb-assistant-drawer__header { background:var(--site-gradient); border-color:var(--site-line); padding:16px; }
body .phaseb-assistant-drawer__brand { min-width:0; gap:10px; }
body .phaseb-assistant-drawer__mascot { box-sizing:content-box; width:36px; height:auto; padding:7px; background:#fffefa; border:1px solid #dfe4e3; border-radius:50%; flex-shrink:0; }
body .phaseb-assistant-drawer__title { color:var(--site-ink); font:700 22px/1.35 var(--font-serif); }
body .phaseb-assistant-drawer__sub { color:var(--site-muted); font-size:12px; line-height:1.6; }
body :is(.phaseb-assistant-drawer__close,.phaseb-assistant-drawer__expand) { background:#fff; color:var(--site-button); border-color:var(--site-line); box-shadow:none; flex-shrink:0; }
body .phaseb-assistant-drawer__body { background:var(--site-paper); padding:12px 14px 0; }
body :is(.phaseb-assistant-hero,.phaseb-assist-home__spotlight,.phaseb-assist-focus-bar,.phaseb-assist-inline-card,.phaseb-assist-inline-card--orange,.phaseb-assist-inline-card--blue) { background:var(--site-section-gradient); border:1px solid var(--site-line); box-shadow:none; }
body :is(.phaseb-assist-home__panel,.phaseb-assist-result-panel,.phaseb-assist-result) { background:#fff; color:var(--site-ink); border:1px solid var(--site-line); border-radius:15px; box-shadow:none; padding:16px; }
body :is(.phaseb-assistant-hero__title,.phaseb-assist-home__title,.phaseb-assist-home__spotlight-title,.phaseb-assist-home__panel-title,.phaseb-assist-inline-card__title,.phaseb-assist-focus-bar__title) { color:var(--site-ink); font:700 18px/1.5 var(--font-serif); }
body :is(.phaseb-assistant-hero__desc,.phaseb-assist-home__desc,.phaseb-assist-home__spotlight-desc,.phaseb-assist-home__panel-row,.phaseb-assist-inline-card__desc,.phaseb-assist-focus-bar__sub,.phaseb-assist-section-hint) { color:var(--site-muted); font-size:13px; line-height:1.75; }
body :is(.phaseb-assistant-hero__badge,.phaseb-assist-home__tag,.phaseb-assist-result-kicker,.phaseb-assist-chip) { color:var(--site-button); background:var(--site-soft); border-color:var(--site-line); }
body :is(.phaseb-assistant-section__title,.phaseb-assist-section-label) { color:var(--site-muted); font-size:12px; letter-spacing:.02em; }
body :is(.phaseb-assist-action,.phaseb-assist-focus-bar__btn,.phaseb-assist-back-btn) { color:var(--site-button); background:var(--site-gradient); border-color:var(--site-line); box-shadow:none; }
body :is(.phaseb-assist-action__title,.phaseb-assist-action__label) { color:var(--site-ink); }
body :is(.phaseb-assist-action__sub,.phaseb-assist-action__desc) { color:var(--site-muted); }
body .phaseb-assist-action__icon { color:var(--site-button); background:var(--site-soft); }
body .phaseb-assist-action--active,body .phaseb-assist-rescue-send,body .phaseb-assistant-chat-btn { background:var(--site-button); color:#fff; border-color:var(--site-button); }
body #phaseb-assist-response-label { color:var(--site-button); font-size:13px; }
body #phaseb-assist-response,body #phaseb-assist-response.is-rich { color:var(--site-ink); font-size:15px; line-height:1.85; overflow-wrap:anywhere; }
body #phaseb-assist-response.is-loading { color:var(--site-muted); }
body #phaseb-assist-response :is(p,li) { color:var(--site-ink); }
body #phaseb-assist-response :is(a,strong,b) { color:var(--site-button); }
body :is(.phaseb-assist-composer-wrap,.phaseb-assist-rescue-composer) { background:var(--site-paper); border-color:var(--site-line); }
body .phaseb-assist-rescue-input { background:#fff; color:var(--site-ink); border-color:var(--site-line); font-size:15px; }
body .phaseb-assist-rescue-input::placeholder { color:var(--site-muted); }
body .phaseb-assist-rescue-mic { background:var(--site-soft); color:var(--site-button); border-color:var(--site-line); }

/* Day > activity > utility, with readable spacing and quieter semantic badges. */
body .day-header { background:var(--site-section-gradient); border:1px solid var(--site-line); border-radius:16px; padding:16px; margin-bottom:18px; gap:12px; }
body .day-title { color:var(--site-ink); font:700 23px/1.45 var(--font-serif); }
body :is(.day-brief,.today-brief) { background:var(--site-section-gradient); border:1px solid var(--site-line); border-left:4px solid var(--site-primary); padding:16px; border-radius:16px; }
body :is(.day-brief__title,.today-brief__title,.today-brief__study-title) { color:var(--site-ink); font-size:17px; }
body :is(.day-brief__tip,.today-brief__tip) { color:var(--site-muted); line-height:1.75; }
body :is(.day-brief__hl,.today-brief__hl) { color:var(--site-ink); background:var(--site-study-paper); border:1px solid var(--site-study-line); }
body :is(.activity-card,.act-card,.phaseb-act-card) { background:#fff; border:1px solid var(--site-line); border-radius:17px; box-shadow:var(--site-card-shadow); }
body :is(.act-name,.phaseb-act-name) { color:var(--site-ink); font:700 20px/1.5 var(--font-serif); }
body :is(.act-desc,.phaseb-act-loc,.phaseb-act-detail-row) { color:var(--site-muted); font-size:14px; line-height:1.8; }
body :is(.act-time,.phaseb-act-time) { color:var(--site-button); font-size:13px; font-weight:700; }
body .act-type-badge { filter:saturate(.7); }
body :is(.phaseb-act-expand,.phaseb-act-nav-btn) { color:var(--site-button); background:var(--site-gradient); border-color:var(--site-line); min-height:40px; }
body .phaseb-act-nav-go { color:#fff; background:var(--site-button); }
body :is(.today-phase-header--depart,.today-phase-header--trip,.today-phase-header--leave,.today-phase-header--transfer) { background:var(--site-section-gradient); border-left-color:var(--site-primary); }
body :is(.checklist-section-header,.today-fold-toggle,.drive-guide) { background:var(--site-section-gradient); border-color:var(--site-line); }

/* Study is deliberately stronger than travel logistics, within all five palettes. */
body :is(.study-points-card,.study-prep,.study-report-tpl,.study-entry,.phaseb-assist-study-entry) { background:var(--site-study-paper); border:1px solid var(--site-study-line); border-left:5px solid var(--site-primary); border-radius:17px; padding:18px; box-shadow:var(--site-card-shadow); }
body :is(.study-points-card__title,.study-prep h3,.study-entry__title,.study-sheet__title) { color:var(--site-ink); font:700 20px/1.55 var(--font-serif); }
body :is(.study-point__title,.study-report-tpl summary) { color:var(--site-ink); font:700 18px/1.55 var(--font-serif); }
body :is(.study-point__body,.study-point__prompts,.study-point__handson,.study-prep > div) { color:var(--site-ink); font-size:14px; line-height:1.85; }
body :is(.study-entry__kicker,.study-entry__go,.study-sheet__kicker,.phaseb-assist-study-entry__label,.phaseb-assist-study-entry__go) { color:var(--site-button); font-size:13px; }
body :is(.study-entry__sub,.phaseb-assist-study-entry__sub) { color:var(--site-muted); font-size:13px; line-height:1.75; }
body .study-point { border-color:var(--site-study-line); padding-top:16px; padding-bottom:16px; }
body :is(.sp-ask-btn,.sp-id-btn) { min-height:42px; padding:9px 13px; color:var(--site-button); border-color:var(--site-line); background:#fff; font-size:13px; }
body .study-sheet { background:var(--site-paper); }
body .study-sheet__head { background:var(--site-section-gradient); border-color:var(--site-line); padding:16px; }
body .study-sheet__close { background:#fff; color:var(--site-button); border-color:var(--site-line); }
body .study-sheet__body { padding:18px 16px max(28px,env(safe-area-inset-bottom)); }
body .study-sheet__body .study-points-card { background:var(--site-study-paper); border:1px solid var(--site-study-line); border-left:5px solid var(--site-primary); padding:18px; }
body .study-entry--paylocked { background:#f4f5f3; border-color:#dfe3dc; box-shadow:none; }
body .study-entry--paylocked :is(.study-entry__kicker,.study-entry__title,.study-entry__sub) { color:#667068; }
body :is(.product-report-header,.product-research-create) { background:var(--site-section-gradient); border-color:var(--site-line); }
body :is(.mentor-thread,.mentor-turn,.product-report-material) { color:var(--site-ink); }

@media(max-width:600px) {
  body .mobile-gen-overlay { padding:16px; gap:14px; }
  body .mobile-gen-inner { padding:20px 16px; }
  body .mobile-gen-overlay .generating-label { font-size:21px; }
  body .gen-escape-btns,body .gen-email-row { flex-wrap:wrap; }
  body .gen-email-input { min-width:0; }
  body .phaseb-assistant-drawer__title { font-size:20px; }
  body .phaseb-assistant-drawer__header { padding:12px; gap:8px; }
  body .day-header { padding:14px; }
  body .day-title { font-size:21px; }
  body :is(.study-points-card,.study-prep,.study-entry,.phaseb-assist-study-entry) { padding:16px; }
  body .study-sheet__body .study-points-card { padding:16px; }
  body :is(.study-point__body,.study-point__prompts,.study-point__handson) { font-size:14px; }
}

/* Assistant entry and muted utility/disabled states keep their own meaning. */
body .phaseb-qcard--assist { background:var(--site-section-gradient); border-color:var(--site-line); color:var(--site-button); }
body .phaseb-qcard--assist :is(.phaseb-qcard-label,.phaseb-qcard-icon) { color:var(--site-button); }
body .study-entry--drive:not(.study-entry--paylocked) { background:var(--site-gradient); border-color:var(--site-line); border-left-width:3px; box-shadow:none; }
body .study-entry--drive .study-entry__title { font-size:18px; }
body .study-entry--drive :is(.study-entry__kicker,.study-entry__sub) { color:var(--site-muted); }
body :is(.btn,.phaseb-assist-action,.phaseb-qcard,.study-entry):disabled { background:#f1f3f0; color:#737b75; border-color:#dce2db; box-shadow:none; opacity:.65; }

/* The on-site study conversation and evidence controls share the same reading scale. */
body .study-push { background:var(--site-study-paper); border-color:var(--site-study-line); }
body .study-push__head { color:var(--site-button); font-size:14px; }
body .study-push__list li { color:var(--site-ink); font-size:14px; line-height:1.8; }
body .study-push__list b { color:var(--site-button); }
body .study-push__list span { color:var(--site-muted); }
body .study-turn__who { color:var(--site-muted); font-size:12px; }
body .study-turn__bubble { font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
body .study-turn--me .study-turn__bubble { background:var(--site-button); color:#fff; }
body .study-turn--ai .study-turn__bubble { background:var(--site-soft); color:var(--site-ink); }
body .study-turn__speak { color:var(--site-button); background:var(--site-soft); font-size:13px; }
body .study-turn__speak.is-playing { color:#fff; background:var(--site-button); }
body .study-autospeak { color:var(--site-muted); font-size:13px; }
body .study-autospeak input { accent-color:var(--site-button); }
body .sp-journal { color:var(--site-ink); background:#fff; border-color:var(--site-study-line); font-size:14px; line-height:1.8; }
body .sp-journal:focus { border-color:var(--site-primary); }
body .sp-photo-add:not(.is-full):not(.is-locked) { color:var(--site-button); background:#fff; border-color:var(--site-line); }

/* Preview refinement: transparent watercolor edges affect only the illustration. */
body .theme-featured[data-feature-theme='culture'] .theme-featured__pad::before { background-position:right bottom; }
body .theme-featured:is([data-feature-theme='outdoor'],[data-feature-theme='sketch']) .theme-featured__pad::before {
  width:40%; max-width:330px; height:auto; aspect-ratio:3 / 2; right:18px; bottom:18px;
  background-size:contain; background-position:right bottom;
  -webkit-mask-image:url('../assets/product-themes/watercolor-edge-mask.svg');
  mask-image:url('../assets/product-themes/watercolor-edge-mask.svg');
  -webkit-mask-size:100% 100%; mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  mask-mode:alpha;
}
@media(max-width:600px) {
  body .theme-featured[data-feature-theme='culture'] .theme-featured__pad::before { left:auto; right:18px; width:72%; height:132px; background-position:right bottom; }
  body .theme-featured:is([data-feature-theme='outdoor'],[data-feature-theme='sketch']) .theme-featured__pad { padding-bottom:224px; }
  body .theme-featured:is([data-feature-theme='outdoor'],[data-feature-theme='sketch']) .theme-featured__pad::before { left:auto; right:14px; bottom:16px; width:min(82%,276px); height:auto; max-width:none; }
}