
.travel-page,.travel-detail{max-width:1180px}.travel-back{display:inline-flex;margin-bottom:20px}.travel-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:20px 0 32px}.travel-heading h1{font-size:clamp(27px,3.2vw,40px);font-weight:400;margin:12px 0}.travel-heading p{color:var(--muted);line-height:1.8}.travel-actions{display:flex;gap:10px;flex-wrap:wrap}.travel-overview{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #ffffffb8;border-radius:26px;background:#ffffff70;backdrop-filter:blur(18px)}.travel-overview>a{display:flex;align-items:center;gap:14px;padding:18px 24px;border-radius:20px;white-space:nowrap}.travel-overview>a.selected{background:#ffffffb5;box-shadow:0 8px 30px #4674840b}.travel-overview b{font-size:30px;font-weight:400;margin-right:6px}.travel-overview p{font-size:13px;color:var(--muted);line-height:1.8;margin-left:auto;max-width:230px}.travel-toolbar{display:flex;align-items:center;justify-content:space-between;margin:28px 0 20px;gap:20px;color:var(--muted);font-size:14px}.travel-toolbar label{display:flex;align-items:center;gap:12px}.travel-toolbar input{width:220px;border:1px solid #ffffffbb;border-radius:30px;padding:12px 18px;background:#ffffff8c;color:var(--ink)}.travel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.travel-card{padding:27px;border:1px solid #ffffffcc;border-radius:28px;background:linear-gradient(140deg,#ffffffb5,#f0f8f77d);box-shadow:0 14px 36px #436f7b08;min-width:0;transition:transform .25s,box-shadow .25s}.travel-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #436f7b14}.travel-card-top{display:flex;justify-content:space-between;gap:12px}.travel-kind{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--accent)}.travel-kind svg{width:17px;height:17px}.travel-visibility{font-size:11px;color:var(--muted);white-space:nowrap}.travel-card-main{display:block;margin-top:24px}.travel-card time{font-size:12px;color:var(--muted);letter-spacing:.07em}.travel-card h2{font-size:22px;font-weight:400;line-height:1.6;margin:12px 0 8px;overflow-wrap:anywhere}.travel-card p{font-size:14px;line-height:1.8;color:var(--muted)}.travel-card .travel-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.travel-card footer{border-top:1px solid #abcbd940;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;margin-top:25px;font-size:13px}.travel-card footer .button{padding:7px 15px;font-size:12px}.travel-card footer b{font-size:20px;font-weight:400}.travel-city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.travel-city{padding:28px;border-radius:28px;border:1px solid #ffffffbf;background:#f8f5ff9c;transition:transform .2s}.travel-city:nth-child(3n+2){background:#eff9f3a3}.travel-city:nth-child(3n){background:#fff4ebad}.travel-city:hover{transform:translateY(-3px)}.travel-city-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:17px;background:#ffffffad;color:var(--accent)}.travel-city h2{font-size:25px;font-weight:400;margin:20px 0 8px;overflow-wrap:anywhere}.travel-city p{color:var(--muted);font-size:13px;margin-bottom:26px}.travel-city .text-link{font-size:13px}.travel-empty{text-align:center;padding:60px 20px;border:1px dashed #7dabb649;border-radius:28px;background:#ffffff48}.travel-empty>svg{width:36px;height:36px;color:var(--accent)}.travel-empty h2{font-size:23px;font-weight:400}.travel-empty p{color:var(--muted);margin:18px 0 25px}.travel-rules{margin-top:30px;padding:20px 24px;background:#ffffff48;border-radius:20px;font-size:13px;color:var(--muted);line-height:1.9}.travel-rules summary{cursor:pointer;color:var(--ink)}.travel-detail-head{margin:28px 0;padding:42px}.travel-detail-head h1{font-size:clamp(28px,3.5vw,40px);font-weight:400;line-height:1.6;overflow-wrap:anywhere}.travel-tags{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.travel-tags>a,.travel-tags>span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#ffffffad;border-radius:25px;font-size:14px}.travel-tags svg{width:17px}.travel-note{white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;margin:26px 0;color:var(--muted)}.travel-album-picker{margin:22px 0;padding:18px;border:1px solid #d0e1e8;border-radius:18px}.travel-album-picker summary{cursor:pointer;font-size:14px}.travel-album-options{max-height:230px;overflow:auto;margin-top:15px}.travel-album-options>label{display:flex;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid #d0e1e84a;cursor:pointer}.travel-album-options input{width:18px;height:18px;accent-color:var(--accent)}.travel-album-options b{font-size:14px;font-weight:400}.travel-album-options small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.travel-options{display:grid;gap:12px;margin:22px 0}.travel-options .check-label{font-size:13px}#travel-form .form-actions{flex-wrap:wrap}#travel-error{min-height:18px}
@media(max-width:760px){.travel-heading{align-items:flex-start;flex-direction:column}.travel-overview{flex-wrap:wrap;padding:12px;gap:8px}.travel-overview>a{flex:1;padding:14px 10px;gap:8px;font-size:12px}.travel-overview b{font-size:25px}.travel-overview p{max-width:none;flex-basis:100%;margin:0 8px;font-size:12px}.travel-grid{grid-template-columns:1fr}.travel-city-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.travel-city{padding:20px}.travel-city h2{font-size:23px}.travel-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.travel-toolbar label{width:100%}.travel-toolbar input{flex:1;min-width:0;width:auto}.travel-detail-head{padding:25px}.travel-actions{width:100%}.travel-actions .button{flex:1;font-size:13px}.travel-card{padding:23px}}
@media(prefers-reduced-motion:reduce){.travel-card,.travel-city{transition:none}.travel-card:hover,.travel-city:hover{transform:none}}
.travel-toolbar label{white-space:nowrap}.travel-toolbar input{flex-shrink:0}
.travel-toolbar input#travel-search{width:220px;flex:0 0 220px}
@media(max-width:760px){.travel-actions{display:grid;grid-template-columns:1fr 1fr}.travel-actions .primary{grid-column:1/-1}.travel-actions .button{white-space:nowrap;padding:12px 14px}.travel-toolbar input{flex-shrink:1}}
@media(max-width:760px){.travel-toolbar input#travel-search{width:0;flex:1 1 0}}

