/* Trips own a quiet summary surface. Detailed evidence stays behind disclosure. */
#trips .tc-top{margin:28px 0 22px;align-items:center}
#trips .tc-top .eyebrow{display:none}
#trips .tc-top h2{font-size:32px;letter-spacing:-.04em}
#trips .tc-top .sub{margin:7px 0 0;font-size:14px}
#trips .trips-grid{display:block;column-count:2;column-gap:20px}
#trips .tripcard{padding:22px;box-shadow:none;border-radius:16px;break-inside:avoid;margin-bottom:20px}
#trips .tc-h{align-items:flex-start;gap:12px}
#trips .tc-h b{font-size:19px;line-height:1.35;overflow-wrap:anywhere}
#trips .tc-h span{font-size:13px;line-height:1.5;margin-top:4px}
#trips .tc-h .tc-dates{font-size:13px;margin-top:5px}
#trips .tc-more{border:0;background:transparent;border-radius:9px;margin:-7px -9px 0 0}
#trips .tc-menu{top:55px;max-width:calc(100% - 32px);min-width:190px}
#trips .tc-menu button{min-height:44px}
#trips .tc-booking{display:flex;gap:12px;align-items:center;margin-top:18px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#trips .tc-booking>div{min-width:0;flex:1}
#trips .tc-booking img{width:50px;height:50px;object-fit:cover;border-radius:8px;flex:none}
#trips .tc-booking small{display:block;color:var(--dim);font-size:13px;line-height:1.4;font-weight:400;margin-bottom:3px}
#trips .tc-booking a{font-size:13px;line-height:1.5;color:var(--ink);text-decoration:none;display:block;overflow-wrap:anywhere}
#trips .tc-booking a:hover{text-decoration:underline}
#trips .tc-booking>span{font-size:15px;font-weight:600;white-space:nowrap;text-align:right}
#trips .tc-booking>span small{margin-top:3px;margin-bottom:0}
#trips .tc-state{margin-top:18px}
#trips .tc-status-pill{display:inline-flex;padding:4px 8px;border-radius:6px;background:#eef2eb;color:#465746;font-size:13px;font-weight:600;line-height:1.4}
#trips .tc-status-pill.needs-action{background:#f7f0df;color:#72591f}
#trips .tc-state p{font-size:13px;line-height:1.55;color:var(--dim);margin:8px 0 0;max-width:60ch}
#trips .tc-state .btn{margin-top:13px;font-size:13px;min-height:44px}
#trips .tc-current{border-top:1px solid var(--line);margin-top:18px;padding-top:2px}
#trips .tripcard .lbl{margin:14px 0 2px;font-size:13px;letter-spacing:.07em}
#trips .opt-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 0}
#trips .opt-row:has(>img){grid-template-columns:60px minmax(0,1fr) auto}
#trips .opt-row img{width:60px;height:64px;object-fit:cover;grid-row:auto}
#trips .opt-row .nm2{font-size:14px;line-height:1.4;-webkit-line-clamp:2}
#trips .opt-row .why{font-size:13px;line-height:1.5;margin-top:4px}
#trips .opt-row .amt{font-size:16px;line-height:1.4;grid-column:auto}
#trips .opt-row .amt small,#trips .tc-total-label{display:block;font-size:13px;font-weight:400;color:var(--dim);margin:3px 0 0}
#trips .opt-row .amt small:not(.more):last-child{color:#50654d}
#trips .opt-row .comparison-note{font-size:13px;color:#72591f;margin-top:4px;line-height:1.4}
#trips .tc-observed{font-size:13px;color:var(--dim);line-height:1.5;margin-top:4px}
#trips .opt-row:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:8px}
#trips .tc-act{margin-top:2px}
#trips .tc-act .btn{min-height:44px}
#trips .tc-disclosure{margin-top:14px;border-top:1px solid var(--line)}
#trips .tc-disclosure summary,#trips .trips-history>summary{cursor:pointer;min-height:44px;padding:13px 0;font-size:13px;font-weight:600;color:var(--dim);line-height:1.5}
#trips .tc-disclosure summary span,#trips .trips-history>summary span{font-weight:400;margin-left:6px}
#trips .tc-rest{margin:0;border:0}
#trips .tc-history-note{font-size:13px;line-height:1.5;color:var(--dim);margin:2px 0 10px}
#trips .tc-history .opt-row{border:0}
#trips .tc-history-item+.tc-history-item{border-top:1px solid var(--line)}
#trips .tc-history .amt{font-size:14px;color:var(--dim);font-weight:500}
#trips .tc-history .amt small{color:var(--dim)!important}
#trips .tc-text-action{background:none;border:0;padding:5px 0 11px;min-height:44px;font:inherit;font-size:13px;color:var(--brand);cursor:pointer}
#trips .trips-history{margin-top:24px}
#trips .trips-history>summary{font-size:16px;color:var(--ink)}
#trips .empty{max-width:680px;margin:36px auto;padding:40px 28px;border-style:solid;background:#f5f7f2;font-size:14px;line-height:1.65}
#trips .empty h3{font-size:27px;margin-bottom:12px}
/* One scroll area between fixed modal header/footer; no fields underneath either. */
#watchdlg,#swap{width:min(540px,calc(100% - 32px));max-width:540px;max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border-radius:18px!important}
#watchdlg .wdlg,#swap .wdlg{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);min-height:0;margin:0}
#watchdlg .mh,#swap .mh{flex:none;padding:14px 20px;gap:8px;min-height:64px;background:var(--panel)}
#watchdlg .mh b,#swap .mh b{font-size:18px;line-height:1.3;min-width:0;outline:none}
#watchdlg .mh button,#swap .mh button{margin-top:-4px;margin-bottom:-4px;margin-right:-8px;flex:none}
#watchdlg .mb,#swap .mb{flex:1 1 auto;min-height:0;max-height:none;padding:20px;overflow:auto;overscroll-behavior:contain;scroll-padding:20px}
#watchdlg .mf,#swap .mf{flex:none;padding:12px 20px;min-height:68px;flex-wrap:nowrap;background:var(--panel)}
#watchdlg .mf .show,#swap .mf .show{min-height:44px}
#watchdlg .wf{margin-bottom:16px}
#watchdlg .wf-l{font-size:13px;font-weight:550;margin-bottom:7px;line-height:1.4}
#watchdlg .wf input,#watchdlg .wf select{min-height:44px;padding:10px 11px;font-size:16px;box-sizing:border-box;max-width:100%}
#watchdlg .wf-lead{font-size:13px;line-height:1.55;margin:0 0 19px}
#watchdlg .wf-progress{font-size:13px;line-height:1.5;font-weight:600;color:var(--brand);margin:0 0 6px}
#watchdlg .wf-progress+.wf-lead{font-size:14px;margin-bottom:20px;color:var(--dim)}
#watchdlg .wf-context{font-size:13px;color:var(--dim);line-height:1.5;margin:0 0 20px}
#watchdlg .wf-h{font-size:13px;line-height:1.5;color:var(--dim);margin-top:6px}
#watchdlg .wf-help{margin:0 0 8px}
#watchdlg .wf-help summary{cursor:pointer;font-size:13px;color:var(--brand);min-height:32px;padding:6px 0}
#watchdlg .wf-help p{font-size:13px;line-height:1.6;color:var(--dim);margin:7px 0 0}
#watchdlg .wf-advanced{border-top:1px solid var(--line);margin:16px 0 0;padding-top:2px}
#watchdlg .wf-advanced>summary{font-size:13px;font-weight:600;line-height:1.5;cursor:pointer;min-height:52px;padding:13px 0;list-style-position:inside}
#watchdlg .wf-advanced>summary span{display:block;font-size:13px;font-weight:400;color:var(--dim);margin:4px 0 0 16px}
#watchdlg .wf-advanced[open]>summary{margin-bottom:12px}
#watchdlg .wf-section{font-size:14px;margin:0 0 18px;padding:0;border:0}
#watchdlg .wf-check{font-size:13px;line-height:1.5;min-height:44px;margin:12px 0}
#watchdlg .wf-coverage{font-size:13px;line-height:1.5;padding:10px 12px;margin:0 0 18px}
#watchdlg .wf-anchor{padding:10px 12px;margin-bottom:18px}
#watchdlg .trip-modes{margin:0 0 20px}
#watchdlg .wf-date{min-height:44px;font-size:16px}
#swap .sw-note{font-size:13px;line-height:1.5}
#swap .sw-steps{font-size:13px;line-height:1.55}
#swap .sw-warn{font-size:13px;line-height:1.55}
#swap .mf .clear{font-size:13px;line-height:1.4;max-width:60%}
@media(max-width:1050px){#trips .trips-grid{column-count:1;max-width:760px}#trips .tc-top{align-items:flex-start}}
@media(max-width:720px){
  #trips .tc-top{margin-top:24px;gap:16px}#trips .tc-top h2{font-size:28px}#trips .tc-top .sub{font-size:13px}
  #trips .trip-actions{display:flex;gap:8px;width:100%}#trips .trip-actions .btn{font-size:13px;padding:10px 12px;margin:0;flex:1}
  #trips .tripcard{padding:18px;border-radius:14px}#trips .tc-h b{font-size:17px}#trips .tc-state p{font-size:13px}
  #trips .tc-booking{gap:10px}#trips .tc-booking a{font-size:13px}#trips .tc-booking>span{font-size:14px}
  #trips .opt-row,#trips .opt-row:has(>img){grid-template-columns:minmax(0,1fr) auto;gap:10px}#trips .opt-row:has(>img){grid-template-columns:52px minmax(0,1fr)}
  #trips .opt-row img{width:52px;height:60px;grid-row:1/3}#trips .opt-row:has(>img) .amt{grid-column:2;text-align:left}
  #trips .opt-row .amt{font-size:15px;white-space:normal}#trips .tc-total-label{display:inline;margin-left:6px}#trips .opt-row .amt small{display:block;margin-left:0}#trips .opt-row .nm2{font-size:13px}
  #trips .tc-act .btn{width:auto}#trips .tc-state .btn{font-size:13px}#trips .empty{padding:30px 20px}
  #watchdlg,#swap{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:15px!important}
  #watchdlg .wdlg,#swap .wdlg{max-height:calc(100dvh - 20px)}#watchdlg .mh,#swap .mh{padding:13px 16px;min-height:60px}
  #watchdlg .mh b,#swap .mh b{font-size:17px}#watchdlg .mb,#swap .mb{padding:18px 16px}
  #watchdlg .mf,#swap .mf{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
  #watchdlg .wf input,#watchdlg .wf select{font-size:16px;min-height:46px}#watchdlg .wf-dates{gap:10px}
  #watchdlg .wf-help summary{min-height:44px;padding:11px 0}#watchdlg .wf-help{margin-bottom:12px}
  #swap .mf .show{font-size:14px;padding:10px 12px}#swap .mf .clear{font-size:14px;max-width:52%}
}
#swap .mf .sw-airbnb{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-left:0;font-size:14px;white-space:nowrap}
#swap .mf #sw-done.clear{margin-left:auto;font-size:14px;white-space:nowrap;max-width:none;min-height:44px}

/* One form rhythm across creation, editing and booking setup. */
#watchdlg .wf-budget-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(80px,1fr);gap:12px;align-items:start}
#watchdlg .wf-budget-grid>*{min-width:0}
#watchdlg .wf-field{min-width:0;margin-bottom:16px}
#watchdlg .wf-field>.wf{margin-bottom:0}
#watchdlg .wf-field-error:empty{display:none}
#watchdlg .wf-option-status{font-size:13px;line-height:1.5;color:var(--dim);margin:-8px 0 16px}
#watchdlg .wf-option-status:empty{display:none}
#watchdlg .wf-retry{display:block;min-height:44px;padding:8px 0;border:0;background:transparent;font:inherit;font-size:14px;color:var(--brand);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#watchdlg .wf-field-error .wf-err{font-size:13px;line-height:1.5;margin-top:8px}
#watchdlg .wf-required-note{font-size:13px;line-height:1.5;margin:18px 0 12px;color:var(--dim)}
#watchdlg .wf-anchor span{font-size:13px;line-height:1.5}
#watchdlg .wf-anchor-facts{display:block;margin-top:4px}
#watchdlg .wf input,#watchdlg .wf select,#watchdlg .wf-date{font-size:16px}
#watchdlg .wf-change-listing{display:flex;align-items:center;width:fit-content;min-height:44px;border:0;background:transparent;padding:0;font:inherit;font-size:14px;color:var(--brand);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#watchdlg .wf-l,#watchdlg .wf-advanced>summary,#watchdlg .wf-check,#watchdlg .mf button,#swap .mf a,#swap .mf button{font-size:14px}
#watchdlg .wf-field-error .wf-err{font-size:14px}
#trips .tc-act .btn,#trips .tc-state .btn,#trips .tc-text-action,#trips .trip-actions .btn{font-size:14px}
#watchdlg .wf-help summary{font-size:13px;min-height:44px;padding:11px 0}
#watchdlg .wf-advanced>summary span{margin-left:0;overflow-wrap:anywhere}
#watchdlg .wf-field-error,#watchdlg .wf input,#watchdlg .wf select{scroll-margin-block:20px}
#trips .tc-current{padding-top:0}
#trips .tc-state-compact{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}
#trips .tc-state-compact p{margin:0}
#trips .tc-state-compact .tc-status-pill{background:transparent;padding:0;color:var(--brand)}
#trips .tc-setup{display:flex;align-items:center;justify-content:space-between;gap:14px}
#trips .tc-setup .btn{margin:0;flex:none}
#trips .tc-setup p{margin:0}
@media(max-width:600px){#trips .tc-setup{align-items:flex-start;flex-direction:column;gap:10px}}

/* Comparison begins with the stay; prices share one baseline. */
#swap .sw-place{display:flex;align-items:center;gap:14px;margin-bottom:20px}
#swap .sw-place>div{min-width:0}
#swap .sw-place img{width:72px;height:80px;object-fit:cover;border-radius:10px;flex:none}
#swap .sw-place h3{font-size:18px;line-height:1.35;margin:0 0 6px;font-weight:600;letter-spacing:-.02em;text-transform:none;color:var(--ink)}
#swap .sw-place p{font-size:13px;line-height:1.5;color:var(--dim);margin:3px 0}
#swap .sw-totals{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#swap .sw-totals>div{min-width:0}
#swap .sw-totals span{display:block;font-size:13px;color:var(--dim);margin-bottom:6px}
#swap .sw-totals b{display:block;font-size:22px;line-height:1.3;font-weight:600}
#swap .sw-totals small{font-size:13px;font-weight:400;color:var(--dim)}
#swap .sw-totals p{font-size:13px;line-height:1.5;margin:6px 0 0;color:var(--dim)}
#swap .sw-delta{text-align:left;font-size:14px;line-height:1.5;margin:12px 0 20px}
#swap .sw-confirm,#swap .sw-safety,#swap .sw-quality-note,#swap .sw-history-note{font-size:14px;line-height:1.6;margin:16px 0}
#swap .sw-safety b{font-weight:600}
#swap .sw-safety p{margin:6px 0 0;color:var(--dim)}
#swap .sw-quality-note{color:#72591f}
#swap .sw-history-note{color:var(--dim);padding:12px 14px;background:var(--sunk);border-radius:9px}
#swap .sw-guidance summary{font-size:13px;color:var(--brand);cursor:pointer;min-height:44px;padding:12px 0}
#swap .sw-guidance .sw-steps{margin:10px 0 16px}
#swap .sw-note{margin:16px 0 0;color:var(--dim)}
@media(max-width:420px){#swap .sw-place{align-items:flex-start;gap:12px}#swap .sw-place img{width:60px;height:68px}#swap .sw-place h3{font-size:17px}}