/* A compact travel brief, paired with the destination and the next steps. */
.main[data-page=request]{max-width:1240px;padding-top:36px}
.request-heading{margin-bottom:28px;max-width:760px}
.request-heading h1{font-size:clamp(28px,3vw,38px);line-height:1.3;letter-spacing:-.03em}
.request-heading p{margin-top:12px;color:var(--muted);font-size:16px;line-height:1.7;max-width:65ch}
.request-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:44px;align-items:start}
.request-form-panel{border:1px solid var(--line);border-radius:16px;padding:28px 30px;background:#fff;min-width:0}
.request-form-panel h2{display:flex;gap:10px;align-items:center;font-size:20px;margin:0 0 24px}
.request-form-panel h2 .lm-icon{color:var(--blue);width:22px;height:22px}
.request-fields{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px}
.request-fields :is(.request-city,.request-field-hint,.request-duration,.request-preferences){grid-column:1/-1}
.request-fields .field{gap:8px}
.request-fields .input{background:#fff;min-height:48px;padding:10px 13px}
.request-fields textarea.input{min-height:100px;resize:vertical}
.request-field-hint{font-size:12px;color:var(--muted);margin-top:-12px}
.request-duration{border:0;padding:0;margin:0;min-width:0}
.request-duration legend{font-size:14px;font-weight:650;margin-bottom:10px}
.request-duration>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.request-duration label{position:relative;cursor:pointer;min-width:0}
.request-duration input{position:absolute;opacity:0;inset:0;margin:0}
.request-duration span{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 6px;background:#fff;border:1px solid var(--line);border-radius:9px;font-size:14px;font-weight:600;text-align:center}
.request-duration :checked+span{background:var(--soft);border-color:var(--blue);color:var(--blue-dark)}
.request-duration input:focus-visible+span{outline:3px solid var(--blue-dark);outline-offset:3px}
.request-duration label:hover span{border-color:var(--blue)}
.request-optional{font-size:12px;font-weight:400;color:var(--muted);margin-inline-start:8px}
.request-submit{padding-top:4px;display:grid;gap:12px}
.request-submit .btn{width:100%;min-height:50px}
.request-submit p{display:flex;align-items:flex-start;justify-content:center;gap:6px;text-align:center;font-size:12px;line-height:1.6;color:var(--muted)}
.request-submit .lm-icon{width:16px;height:16px;margin-top:2px;flex:none}
.request-companion{min-width:0}
.request-destination>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:12px}
.request-destination>div{padding:16px 0 0;min-width:0;overflow-wrap:anywhere}
.request-destination p{font-size:13px;color:var(--muted);margin-bottom:4px}
.request-destination h2{font-size:24px;line-height:1.4}
.request-summary{padding:18px 0;margin:18px 0 0;border-block:1px solid var(--line);display:grid;gap:12px}
.request-summary>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.request-summary dt{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px;min-width:0}
.request-summary .lm-icon{width:17px;height:17px;flex:none}
.request-summary dd{font-size:14px;font-weight:650;margin:0;text-align:right;font-variant-numeric:tabular-nums}
.request-next{padding-top:24px}
.request-next h2{font-size:18px;margin-bottom:16px}
.request-next ol{list-style:none;counter-reset:request-step;padding:0;display:grid;gap:16px}
.request-next li{counter-increment:request-step;position:relative;padding-inline-start:32px}
.request-next li:before{content:counter(request-step);position:absolute;inset-inline-start:0;top:1px;width:21px;height:21px;display:grid;place-items:center;background:var(--soft);color:var(--blue-dark);border-radius:50%;font-size:12px;font-weight:700}
.request-next strong{font-size:14px;font-weight:650;line-height:1.5}
.request-next p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:3px}
.request-next>a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--blue-dark);min-height:44px;margin-top:10px}
.request-next>a:hover{text-decoration:underline}
.request-next>a .lm-icon{width:16px;height:16px}
@media(max-width:1000px){.request-layout{gap:28px;grid-template-columns:minmax(0,1.35fr) minmax(260px,1fr)}.request-form-panel{padding:24px}.request-duration>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.main[data-page=request]{padding-top:24px}.request-heading{margin-bottom:24px}.request-heading h1{font-size:28px}.request-heading p{font-size:14px}.request-layout{grid-template-columns:1fr;gap:32px}.request-form-panel{padding:22px 18px}.request-fields{gap:18px 12px}.request-fields .input{font-size:16px}.request-form-panel h2{font-size:18px;margin-bottom:20px}.request-duration>div{grid-template-columns:repeat(4,minmax(0,1fr))}.request-duration span{font-size:13px}.request-companion{border-top:1px solid var(--line);padding-top:24px}.request-destination{display:flex;align-items:center;gap:16px}.request-destination>img{width:108px;height:80px;flex:none}.request-destination>div{padding:0}.request-destination h2{font-size:20px}.request-summary{margin-top:20px}.request-submit p{text-align:left;justify-content:flex-start}.request-fields input[type=date]{min-width:0}}
@media(max-width:380px){.request-duration>div{grid-template-columns:repeat(2,minmax(0,1fr))}.request-fields{grid-template-columns:minmax(0,1fr)}.request-destination>img{width:88px;height:72px}}

.request-page [hidden]{display:none!important}