.mode-switch{display:inline-flex;background:#17251f;border:1px solid #3a4b43;border-radius:12px;padding:4px;margin-bottom:28px}
.mode-switch button{border:0;background:transparent;color:#aebbb3;font-weight:850;border-radius:8px;padding:9px 16px}
.mode-switch button.active{background:var(--lime);color:var(--ink)}
.trip-fields{display:grid;gap:15px;border-top:1px solid #31433a;padding-top:15px}
.trip-summary{display:grid;grid-template-columns:repeat(4,1fr);background:var(--pine);color:white;border-radius:15px;margin-bottom:18px;overflow:hidden}
.trip-summary div{display:grid;gap:5px;padding:17px 20px;border-right:1px solid #365044}
.trip-summary div:last-child{border:0}
.trip-summary span{font-size:.67rem;color:#9fb1a6;letter-spacing:.1em;font-weight:900}
.trip-summary b{font-size:1rem}
.estimate-label{color:#53751d;font-size:.78rem;font-weight:850}
.hotel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.hotel-option{border:1px solid var(--line);border-radius:12px;padding:16px}
.hotel-option:first-child{border:2px solid #79a72a;background:#fbfff4}
.hotel-option>span{font-size:.67rem;color:#527e1d;letter-spacing:.08em;font-weight:900}
.hotel-option h4{margin:6px 0 4px}
.hotel-option p{color:var(--muted);font-size:.8rem;min-height:48px;margin:0 0 12px}
.hotel-option div{display:grid;gap:8px}
.hotel-option div b{font-size:.82rem}
.hotel-option a{color:white;background:var(--ink);padding:9px;border-radius:8px;text-decoration:none;text-align:center;font-size:.8rem;font-weight:850}
.budget-list{display:grid}
.budget-list>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px 0}
.budget-list>div:first-child{border:0}
.budget-list small{color:var(--muted);margin-top:8px}
.budget-total{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:white;padding:15px;border-radius:10px;margin-top:16px}
.budget-total b{font-size:1.25rem;color:var(--lime)}
.attraction-list{display:grid}
.attraction-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:13px 0;color:var(--ink);text-decoration:none}
.attraction-list a:first-child{border:0;padding-top:0}
.attraction-list div{display:grid;gap:3px}
.attraction-list span{color:var(--muted);font-size:.78rem}
.attraction-list strong{color:#527e1d}
.trip-only[hidden],.trip-fields[hidden]{display:none!important}
.topbar-actions{display:flex;align-items:center;gap:8px}
.install-button{border:1px solid var(--lime);background:transparent;color:var(--lime);border-radius:9px;padding:8px 12px;font-weight:850}
.install-button:hover{background:var(--lime);color:var(--ink)}
@media(max-width:900px){
  .hotel-grid{grid-template-columns:1fr 1fr}
  .trip-summary{grid-template-columns:1fr 1fr}
  .trip-summary div:nth-child(2){border-right:0}
  .trip-summary div:nth-child(-n+2){border-bottom:1px solid #365044}
}
@media(max-width:600px){
  .mode-switch{margin-bottom:22px}
  .mode-switch button{padding:9px 14px}
  .hotel-grid{grid-template-columns:1fr}
  .trip-summary div{padding:14px}
  .install-button{padding:7px 9px;font-size:.78rem}
}