.travel-page{color:#15243a}.travel-heading{margin-bottom:24px}.travel-heading h1{margin:4px 0 12px;font-size:clamp(2rem,5vw,3.15rem);letter-spacing:0}.travel-heading>p:last-child{max-width:760px;margin:0;color:#63738a;font-size:1.05rem;line-height:1.75}.travel-eyebrow{margin:0;color:#087f6d;font-size:.78rem;font-weight:900;letter-spacing:0}.travel-tool{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(320px,1.18fr);border:1px solid #d6e1e7;background:#fff}.travel-settings{padding:26px;border-right:1px solid #d6e1e7}.travel-settings>header,.travel-subgrid header{display:flex;align-items:center;justify-content:space-between;gap:14px}.travel-settings h2,.travel-subgrid h2{margin:3px 0 0;font-size:1.3rem;letter-spacing:0}.travel-settings button,.travel-subgrid button,.result-actions button{border:1px solid #cfdde3;background:#fff;color:#284156;font-weight:800;box-shadow:none}.travel-settings>header button,.travel-subgrid header button{padding:7px 10px;font-size:.8rem}.travel-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:22px 0;padding:4px;border:1px solid #d8e2e7;background:#edf2f4}.travel-mode button{min-height:44px;border:0;background:transparent}.travel-mode button.active{background:#fff;color:#087f6d;box-shadow:0 2px 8px rgba(20,45,58,.12)}.travel-settings fieldset{margin:0 0 19px;padding:0;border:0}.travel-settings legend,.travel-settings label>span{display:block;margin-bottom:9px;color:#263b4f;font-size:.9rem;font-weight:800}.travel-settings small{color:#8391a1;font-weight:500}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip-grid label{margin:0;cursor:pointer}.chip-grid input{position:absolute;opacity:0;pointer-events:none}.chip-grid span{display:block!important;margin:0!important;padding:8px 11px;border:1px solid #cfdae0;background:#fff;color:#43566a!important;font-size:.84rem!important;font-weight:700!important}.chip-grid input:checked+span{border-color:#087f6d;background:#e7f5f1;color:#006f60!important}.chip-grid input:focus-visible+span{outline:3px solid rgba(8,127,109,.2);outline-offset:2px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px}.filter-grid label{margin:0}.filter-grid select,.exclude-field input{width:100%;height:44px;border:1px solid #cfdde3;background:#fff;color:#24384a}.exclude-field{display:block;margin:0 0 18px}.candidate-info{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #e1e8ec;color:#617286}.candidate-info strong{color:#087f6d}.travel-settings .secondary{width:100%;min-height:44px}.wheel-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:#f6f9f9}.wheel-wrap{position:relative;width:min(100%,520px);aspect-ratio:1}.wheel-wrap canvas{display:block;width:100%;height:100%}.wheel-pointer{position:absolute;top:-3px;left:50%;z-index:2;width:0;height:0;border-right:18px solid transparent;border-left:18px solid transparent;border-top:34px solid #142334;transform:translateX(-50%);filter:drop-shadow(0 2px 2px rgba(0,0,0,.2))}.wheel-wrap>button{position:absolute;left:50%;top:50%;display:flex;width:24%;aspect-ratio:1;align-items:center;justify-content:center;flex-direction:column;border:5px solid #fff;border-radius:50%;background:#142334;color:#fff;transform:translate(-50%,-50%);box-shadow:0 4px 16px rgba(18,35,52,.25)}.wheel-wrap>button span{font-size:1rem;font-weight:900}.wheel-wrap>button small{font-size:.65rem;color:#b7efe4}.wheel-wrap>button:disabled{cursor:not-allowed;opacity:.55}.wheel-panel>p{min-height:1.5em;margin:18px 0 0;color:#647487;text-align:center}.travel-result{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;margin-top:22px;padding:28px;border-left:5px solid #087f6d;background:#eef8f5}.travel-result h2{margin:5px 0 10px;font-size:2rem;letter-spacing:0}.travel-result #resultRegion{display:block;margin-top:6px;color:#66778a}.travel-result p{line-height:1.7}.result-tags{display:flex;flex-wrap:wrap;gap:6px}.result-tags span{padding:5px 8px;background:#fff;color:#087f6d;font-size:.78rem;font-weight:800}.travel-result dl{margin:0}.travel-result dl>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #d4e7e2}.travel-result dt{color:#697a8b}.travel-result dd{margin:0;font-weight:800}.result-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.result-actions button{min-height:40px;padding:6px;font-size:.78rem}.result-actions button:first-child{border-color:#087f6d;background:#087f6d;color:#fff}.travel-subgrid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-top:18px}.travel-subgrid>div{padding:22px;border:1px solid #d6e1e7;background:#fff}.candidate-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:16px}.candidate-list>span{display:flex;min-width:0;align-items:center;gap:7px;padding:9px;background:#f1f5f6;color:#344a5b;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-list b{display:grid;flex:0 0 22px;width:22px;height:22px;place-items:center;background:#d9ebe7;color:#087f6d;font-size:.7rem}.history-list{margin:14px 0 0;padding:0;list-style:none}.history-list li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #e4eaed}.history-list li span{color:#718194;font-size:.78rem}.history-list .is-empty{color:#81909f}.travel-guide{margin-top:44px;border-top:1px solid #d7e1e6;padding-top:38px}.travel-guide>header{max-width:800px}.travel-guide h2{margin:5px 0 12px;font-size:1.75rem;letter-spacing:0}.travel-guide p{color:#607287;line-height:1.8}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px;margin-top:25px}.guide-grid article{padding:22px 0;border-top:1px solid #dce5e9}.guide-grid h3{margin:0 0 8px;font-size:1.08rem;letter-spacing:0}.guide-grid p{margin:0;font-size:.94rem}.travel-faq{margin-top:28px;padding:25px;border:1px solid #d6e1e7}.travel-faq h2{margin:0 0 15px;font-size:1.35rem}.travel-faq details{border-top:1px solid #dde5e9}.travel-faq summary{padding:16px 2px;cursor:pointer;font-weight:800}.travel-faq details p{margin:0 0 16px}.travel-source{margin-top:22px;padding:14px 16px;background:#f3f6f7;font-size:.85rem}.tool-engagement-related{margin-top:38px}
@media(max-width:900px){.travel-tool,.travel-result,.travel-subgrid{grid-template-columns:1fr}.travel-settings{border-right:0;border-bottom:1px solid #d6e1e7}.wheel-panel{padding:24px 18px}.travel-result{gap:16px}.guide-grid{grid-template-columns:1fr}.candidate-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.travel-heading h1{font-size:2rem}.travel-settings{padding:20px 16px}.filter-grid{grid-template-columns:1fr}.wheel-wrap{width:min(100%,340px)}.wheel-pointer{border-right-width:13px;border-left-width:13px;border-top-width:25px}.wheel-wrap>button{width:27%;border-width:4px}.wheel-wrap>button span{font-size:.86rem}.travel-result{padding:22px 17px}.travel-result h2{font-size:1.65rem}.result-actions{grid-template-columns:1fr}.travel-subgrid>div{padding:18px 15px}.candidate-list{grid-template-columns:1fr 1fr}.travel-guide h2{font-size:1.45rem}.travel-faq{padding:20px 16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.travel-settings>header button,.travel-subgrid header button{flex:0 0 auto;width:auto!important}
.chip-grid input[type="checkbox"]{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important;pointer-events:none;clip:rect(0 0 0 0)}
.travel-guide>header>h2{font-size:1.45rem!important;line-height:1.45!important}
.travel-guide>header>p:last-child{margin-top:0;font-size:.98rem!important;line-height:1.85!important}
.result-attractions{margin-top:20px;padding-top:17px;border-top:1px solid #cfe2dd}
.result-attractions h3{margin:0 0 11px;font-size:.95rem;letter-spacing:0}
.result-attractions ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}
.result-attractions li{padding:9px 8px;background:#fff;color:#2d4b51;font-size:.8rem;font-weight:700;line-height:1.45;text-align:center;overflow-wrap:anywhere}
@media(max-width:560px){.travel-guide>header>h2{font-size:1.28rem!important}.travel-guide>header>p:last-child{font-size:.9rem!important}.result-attractions ul{grid-template-columns:1fr}.result-attractions li{text-align:left}}