/* Approved Travel moments. Only the existing homepage data guide opts in.
 * Keep the outer desktop/tablet grid and the shared matcher state machine. */
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] {
  --moment-ink: #171813;
  --moment-rule: #dcd8c5;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__packing-board {
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__tray {
  gap: 12px; border: 0; border-radius: 0; padding: 20px 0 0;
  background: transparent; box-shadow: none; overflow: visible;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack {
  min-height: 0; border: 0; border-radius: 0; background: transparent;
  overflow: visible; transform: none; filter: none;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface {
  display: grid; grid-template-columns: minmax(0,1fr) 23px;
  grid-template-rows: 142px auto 1fr; align-items: start; align-content: start;
  min-height: 302px; height: 100%; gap: 12px 10px; padding: 0 18px 18px;
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
  color: var(--moment-ink); transform: none; transition: none; text-align: left;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack + .tss-data-pack {
  border-left: 1px solid var(--moment-rule);
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] :is(.tss-data-pack__number,.tss-data-pack__cue,.tss-data-pack__action,.tss-data-pack__status) {display: none;}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] :is(.tss-data-pack,.tss-data-pack__surface,.tss-data-guide__tray)::after,
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__tray::before {content: none;}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-travel-moment {
  display: block; grid-column: 1 / -1; grid-row: 1; width: 118px; height: 142px;
  max-width: 100%; object-fit: contain; justify-self: start; align-self: end;
  pointer-events: none;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface > strong {
  grid-column: 1; grid-row: 2; align-self: start; margin: 0; min-height: 2.3em;
  font-size: clamp(19px,1.75vw,24px); line-height: 1.15; letter-spacing: -.035em; font-weight: 750;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface > small {
  grid-column: 1 / -1; grid-row: 3; align-self: start; margin: 0; max-height: none;
  color: #625d50; font-size: 15px; font-weight: 450; line-height: 1.4; opacity: 1;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__radio {
  display: block; position: relative; grid-column: 2; grid-row: 2;
  width: 23px; height: 23px; justify-self: end; align-self: start; margin: 1px 0 0;
  border: 1.8px solid var(--moment-ink); border-radius: 50%; background: #fffdf4; box-shadow: none;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__radio::after {content: none;}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack input:checked + .tss-data-pack__surface .tss-data-pack__radio {background: #ffd633;}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack input:checked + .tss-data-pack__surface .tss-data-pack__radio::after {
  content: ""; position: absolute; inset: auto; left: 6px; top: 6px; width: 8px; height: 4px;
  border: 0; border-left: 2px solid var(--moment-ink); border-bottom: 2px solid var(--moment-ink);
  border-radius: 0; background: transparent; transform: rotate(-45deg);
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack input:checked + .tss-data-pack__surface > strong {
  text-decoration: underline; text-decoration-color: #ffd633; text-decoration-thickness: 5px;
  text-underline-offset: 4px; text-decoration-skip-ink: none;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack:active .tss-data-pack__surface {transform: translate(1px,1px);}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack input:focus-visible + .tss-data-pack__surface {outline: 2px solid #007c78; outline-offset: 3px;}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__trip {
  border: 1px solid var(--moment-rule); border-radius: 7px; background: #fffdf3;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__trip-tab {border-width: 1px; left: -1px;}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__trip button + button {border-color: var(--moment-rule); border-width: 1px;}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__match {
  border: 1.5px solid var(--moment-ink); border-radius: 8px; background: #fffdf3;
  box-shadow: 3px 4px 0 #e8e1cd;
}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"].tss-hr-has-style .tss-data-guide__match {box-shadow: 3px 4px 0 #ffd633;}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__match::before {display: none;}
body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__browse > a {
  display: inline-flex; min-height: 44px; align-items: center; font-size: 14px; font-weight: 650;
}
@media (min-width:768px) and (max-width:1100px) {
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface {padding: 0 12px 18px; gap: 11px 8px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface > strong {font-size: 19px;}
}
@media (max-width:767px) {
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__head {margin-bottom: 15px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__head h2 {max-width: 300px; font-size: 34px; font-weight: 750; line-height: 1.035; letter-spacing: -.045em;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__head > p {max-width: 35ch; margin-top: 16px; font-size: 16px; line-height: 1.45;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__tray {gap: 0; padding: 0;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack + .tss-data-pack {border: 0;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack + .tss-data-pack::before {
    content: ""; position: absolute; top: 0; left: 103px; right: 0; border-top: 1px solid var(--moment-rule);
  }
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface {
    grid-template-columns: 93px minmax(0,1fr) 23px; grid-template-rows: auto auto;
    align-content: center; min-height: 149px; height: auto; gap: 8px 9px; padding: 16px 0;
  }
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-travel-moment {
    width: 93px; height: 118px; grid-column: 1; grid-row: 1 / 3; align-self: center;
  }
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface > strong {grid-column: 2; grid-row: 1; font-size: 19px; align-self: end; min-height: 0;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface > small {grid-column: 2 / 4; grid-row: 2; font-size: 15px; line-height: 1.38;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__radio {grid-column: 3; grid-row: 1; align-self: end; margin: 0;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__mobile-cta:not([hidden]) {
    order: 10; width: calc(100% - 3px); min-height: 49px; margin: 16px 3px 8px 0;
    justify-self: start; padding: 11px 16px; font-size: 16px; font-weight: 700; line-height: 1.3;
    animation: none;
  }
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__browse {margin-top: 12px; text-align: center;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__trip[data-guide-trip-state="complete"] {box-shadow: none;}
}
@media (max-width:350px) {
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__head h2 {font-size: 31px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface {grid-template-columns: 71px minmax(0,1fr) 23px; min-height: 150px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-travel-moment {width: 71px; height: 108px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface > strong {font-size: 17px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface > small {font-size: 14px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack + .tss-data-pack::before {left: 80px;}
}

/* Owner-approved shared planning sheet. Mobile retains the open illustrated rows. */
@media (min-width:768px) {
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__layout {position:relative;gap:0;align-items:stretch;margin-top:34px;border:1.25px solid #777363;border-radius:10px;background:#fffdf4;box-shadow:3px 4px 0 #e8e3d0;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__packer {min-width:0;padding:24px 22px 12px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__packing-board {position:static;margin-top:0;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__trip {position:static;border:1px solid #dedaca;border-radius:7px;background:#fffdf4;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__trip-tab {top:-32px;left:-1.25px;height:32px;border:1.25px solid #777363;border-bottom:0;border-radius:9px 9px 0 0;box-shadow:2px -2px 0 #e8e3d0;font-size:12px;z-index:1;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__trip button {min-height:86px;padding:14px 16px;justify-content:stretch;justify-items:start;text-align:left;background:transparent;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__trip button:hover {background:#f6f3e7;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__trip button > :is(span,strong,small) {text-align:left;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__tray {padding-top:20px;gap:8px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface {min-height:270px;grid-template-rows:132px auto 1fr;padding:0 12px 12px;gap:11px 9px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-travel-moment {width:110px;height:132px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface > strong {font-size:clamp(19px,1.65vw,23px);}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__browse {margin:14px 0 0;padding-top:5px;border-top:1px solid #dedaca;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__browse > a {text-decoration:underline;text-underline-offset:3px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__match {min-width:0;min-height:0;margin:0;padding:32px 24px;border:0;border-left:1px solid #d6dccb;border-radius:0 9px 9px 0;background:#edf1e4;box-shadow:none;align-self:stretch;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"].tss-hr-has-style .tss-data-guide__match {box-shadow:none;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"][data-guide-state="editing"]:not(.tss-hr-has-style) .tss-data-guide__match {border-color:#d6dccb;box-shadow:none;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] [data-guide-panel="editing"] .tss-data-guide__rule,
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] [data-guide-panel="editing"] .tss-data-guide__next > strong {display:none;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__choice > strong {font-size:25px;line-height:1.18;letter-spacing:-.035em;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"].tss-hr-has-style [data-guide-choice-copy] {display:none;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__next > p {margin-top:12px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__button {border-width:2px;box-shadow:2px 2px 0 #171813;font-size:14px;min-height:48px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__button:disabled {box-shadow:none;}
}
@media (min-width:768px) and (max-width:1100px) {
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__packer {padding:20px 16px 10px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-pack__surface {padding:0 8px 12px;gap:10px 7px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__match {padding:24px 20px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__choice > strong {font-size:23px;}
}
@media (min-width:768px) and (max-width:950px) {
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__match {border-left:0;border-top:1px solid #d6dccb;border-radius:0 0 9px 9px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] [data-guide-panel="editing"] {display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.7fr);column-gap:24px;align-items:center;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] [data-guide-panel="editing"][hidden] {display:none;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__choice {grid-column:1;grid-row:1;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__next {display:contents;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__next > p {grid-column:1;grid-row:2;margin-top:8px;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__next > p:empty {display:none;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__next > button {grid-column:2;grid-row:1 / 3;margin:0;}
}

/* The result must follow the outer sheet breakpoint, not the legacy 1040px grid. */
@media (min-width:951px) {
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__result {display:block;}
  body.tss-home-visual-draft.tss-home-refinement-draft [data-tss-travel-moments="1"] .tss-data-guide__plan {margin-top:24px;border-top:2px dashed #aaa69b;border-left:0;padding-top:22px;padding-left:0;}
}