:root{--ink:#1d2925;--paper:#f7f4ed;--orange:#e65d36;--green:#28413c;--line:#dfdbd1;--soft:#e9e6de}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei',sans-serif}button,input,textarea,select{font:inherit}header{height:76px;padding:0 5.5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fbf9f4}.brand{display:flex;gap:9px;align-items:center;color:var(--ink);font:700 22px 'Songti SC', SimSun, serif;text-decoration:none}.brand i,footer i{font-style:normal;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font:17px 'Songti SC', SimSun, serif}nav{display:flex;gap:33px;margin-left:100px}nav a{color:#69756f;font-size:14px;text-decoration:none}nav .active{font-weight:bold;color:var(--ink)}.publish,.primary,.outline{border:0;padding:11px 18px;border-radius:2px;background:var(--orange);color:#fff;font-weight:bold;cursor:pointer}.outline{background:transparent;border:1px solid var(--ink);color:var(--ink)}.primary:disabled{opacity:.6;cursor:wait}.hero{min-height:475px;display:grid;grid-template-columns:1.08fr 1.05fr .47fr;border-bottom:1px solid var(--line)}.hero>div{padding:88px 5.5vw}.eyebrow{margin:0 0 14px;font:10px ui-monospace, monospace;letter-spacing:1.1px;color:#74817a}.hero h1,h2,h3{font-family:'Songti SC', SimSun, serif;letter-spacing:-1px}.hero h1{font-size:49px;line-height:1.25;margin:0 0 18px}.lead{font-size:15px;line-height:1.85;color:#65716c;margin:0 0 27px}.hero>img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.hero aside{padding:92px 30px;background:#b5ca73;display:flex;flex-direction:column}.hero aside b{font:34px ui-monospace, monospace}.hero aside span{font-size:12px;margin-top:8px}.filters{padding:70px 5.5vw;display:flex;justify-content:space-between;align-items:end}.filters h2,.feed h2,.about h2{margin:0;font-size:29px}.filter-list{display:flex;gap:9px;flex-wrap:wrap}.filter-list button{border:1px solid var(--line);border-radius:50px;background:transparent;padding:8px 14px;color:#52615b;font-size:13px;cursor:pointer}.filter-list button.selected{background:var(--green);color:white;border-color:var(--green)}.feed{background:var(--soft);padding:64px 5.5vw 82px}.feed-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.post-list{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{background:#fcfbf7;box-shadow:0 1px 0 #d6d2c8;overflow:hidden}.cover{display:block;width:100%;height:205px;object-fit:cover}.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#b5ca73,#496c6a);color:#fff;font:28px 'Songti SC', SimSun, serif}.card-body{padding:20px}.byline{display:flex;gap:7px;align-items:center;font-size:11px;color:#74817a;margin:0 0 16px}.byline span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#507a70;color:white;font-size:10px}.tag{color:var(--orange);font-size:11px;margin:0 0 7px}.card h3{font-size:20px;line-height:1.45;margin:0 0 10px}.excerpt{font-size:12px;color:#65716c;line-height:1.75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.metrics{margin-top:17px;display:flex;align-items:center;gap:11px}.metrics button{border:0;background:transparent;padding:0;color:#76807b;font:11px system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei';cursor:pointer}.metrics .liked{color:var(--orange)}.metrics .read{margin-left:auto;color:var(--green);font-weight:bold}.empty,.loading{grid-column:1/-1;text-align:center;padding:45px 10px;color:#67746e}.empty b{font-family:'Songti SC', SimSun, serif;font-size:20px}.about{padding:86px 5.5vw;max-width:730px}.about h2{font-size:36px;line-height:1.35;margin-bottom:18px}.about>p:last-child{font-size:14px;line-height:1.9;color:#65716c}footer{border-top:1px solid var(--line);padding:30px 5.5vw;display:flex;justify-content:space-between;align-items:center;color:#68756f;font-size:12px}footer span{display:flex;align-items:center;gap:8px;font:700 18px 'Songti SC', SimSun, serif}footer small{font:9px ui-monospace, monospace}dialog{border:0;background:#fcfbf7;padding:0;box-shadow:0 20px 60px #0005;width:min(560px,93vw)}dialog::backdrop{background:#1624219b}dialog form,#detailContent{padding:32px;position:relative}dialog h2{margin:0 0 20px;font-size:28px}.close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;position:absolute;right:15px;top:12px;color:#394741}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;color:#64716b;font-size:12px;margin:12px 0}input,textarea,select{width:100%;display:block;margin-top:5px;border:1px solid var(--line);padding:10px;background:white;color:var(--ink);outline-color:var(--orange);border-radius:1px}textarea{height:94px;resize:vertical}.upload-title{font-size:12px;font-weight:bold;margin:18px 0 8px}.upload-title em{font-size:10px;font-style:normal;font-weight:normal;color:#89938e;margin-left:5px}.upload-preview{display:flex;flex-wrap:wrap;gap:8px}.upload-box,.preview{width:108px;height:100px}.upload-box{margin:0;border:1px dashed #bdb8ae;background:#f0ede5;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#65716c}.upload-box input{display:none}.upload-box b{font-size:24px;line-height:24px;color:var(--orange)}.upload-box span{font-size:12px;font-weight:bold}.upload-box small{font-size:9px;color:#909790}.preview{position:relative}.preview img{width:100%;height:100%;object-fit:cover}.preview button{position:absolute;right:4px;top:4px;width:21px;height:21px;border:0;border-radius:50%;background:#1c2925cc;color:#fff;font-size:17px;cursor:pointer}.form-error{min-height:18px;margin:8px 0;color:#b63e23;font-size:12px}.wide{width:100%}.detail-images{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:20px 0}.detail-images img{width:100%;height:180px;object-fit:cover}.detail-body{line-height:1.95;font-size:14px;color:#45534c}.comments{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.comments h3{font-size:19px}.comment{border-bottom:1px solid #e8e4db;padding:11px 0;font-size:12px}.comment b{margin-right:8px}.comment span{font-size:10px;color:#84908a}.comment p{margin:6px 0 0;color:#536159}.comments form{padding:0;margin-top:14px}.comments textarea{height:58px}.comments .primary{margin-top:8px;font-size:12px}.muted{font-size:12px;color:#87908a}@media(max-width:850px){header{padding:0 6vw}nav{display:none}.hero{grid-template-columns:1fr}.hero>div{padding:60px 6vw}.hero h1{font-size:40px}.hero aside{display:none}.hero>img{height:280px}.filters{display:block;padding:48px 6vw}.filter-list{margin-top:22px}.feed,.about{padding:50px 6vw}.post-list{grid-template-columns:1fr}.feed-head{align-items:end}.outline{font-size:12px;padding:9px 11px}.two{grid-template-columns:1fr}.card h3{font-size:22px}.detail-images{grid-template-columns:1fr}.detail-images img{height:220px}}

/* Content-first community homepage */
body{background:#f6f7f8;font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei',sans-serif}header{height:68px;padding:0 max(24px,calc((100vw - 1040px)/2));gap:24px;background:#fff}nav{margin-left:24px;gap:24px;white-space:nowrap}.community-main{max-width:1040px;margin:0 auto;padding:32px 24px 56px}.feed{background:transparent;padding:0;scroll-margin-top:20px}.feed-head{align-items:center;margin:0 0 20px;gap:16px}.feed h1{font:700 28px system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei',sans-serif;margin:0 0 8px;letter-spacing:0}.feed-intro{font-size:14px;line-height:1.7;color:#65716c;margin:0}.post-count{font-size:13px;white-space:nowrap;color:#68756f}.post-count b{font-weight:500}.filters{padding:0 0 20px;display:block}.filter-list{gap:8px;margin:0}.filter-list button{background:white;border-color:#dfe4e1;border-radius:6px}.post-list{display:flex;flex-direction:column;gap:16px}.card{border:1px solid #e1e6e3;border-radius:8px;box-shadow:none;background:white}.card-body{padding:24px 28px}.byline{font-size:13px;margin-bottom:12px;gap:8px}.byline span{width:28px;height:28px;font-size:12px}.card h2{margin:0 0 8px;font-family:inherit;letter-spacing:0}.story-title{border:0;padding:0;background:none;text-align:left;font:700 23px/1.5 system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei',sans-serif;color:var(--ink);cursor:pointer}.story-title:hover{color:var(--orange)}.tag{font-size:12px;color:#61746b;margin:0 0 12px}.excerpt{font-size:15px;line-height:1.9;color:#43514b;-webkit-line-clamp:4;margin:0 0 16px;white-space:pre-line;overflow-wrap:anywhere}.story-photos{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;border:0;background:none;width:100%;cursor:pointer}.story-photos img{width:100%;height:210px;object-fit:cover;border-radius:5px;display:block}.story-photos.photos-1{max-width:520px;grid-template-columns:1fr}.story-photos.photos-1 img{height:auto;max-height:340px;object-fit:contain;object-position:left;background:#f5f6f5}.story-photos.photos-2{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-count{position:absolute;right:8px;bottom:8px;padding:5px 8px;background:#0009;color:white;border-radius:4px;font-size:12px}.metrics{border-top:1px solid #eef0ef;padding-top:14px;margin-top:20px;gap:22px}.metrics button{font-size:13px;min-height:28px}.empty,.loading{width:100%}footer{padding:24px max(24px,calc((100vw - 992px)/2));background:#fff}footer small{font:12px system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei',sans-serif}.detail-images{grid-template-columns:1fr}.detail-images img{height:auto;max-height:75vh;object-fit:contain}.detail-body{font-size:16px}#detailDialog{width:min(800px,94vw)}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:4px}@media(max-width:600px){header{height:62px;gap:8px}.brand{font-size:19px}.community-main{padding:24px 12px 36px}.feed-head{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:16px}.feed h1{font-size:24px}.feed-intro{font-size:13px}.filters{padding:0 0 16px}.filter-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.filter-list button{white-space:nowrap}.card-body{padding:18px 16px}.story-title{font-size:20px}.excerpt{font-size:14px}.story-photos img{height:130px}.metrics{gap:16px}.metrics button{font-size:12px}footer{padding:22px 16px;gap:14px;flex-wrap:wrap}.two{grid-template-columns:1fr}dialog form,#detailContent{padding:28px 20px}}
.my-page{scroll-margin-top:20px}.back-home{display:inline-block;margin-bottom:24px;color:#567267;text-decoration:none;font-size:14px}.profile-header{display:flex;align-items:center;gap:18px;padding:28px;background:#fff;border:1px solid #e1e6e3;border-radius:8px}.profile-avatar{width:64px;height:64px;flex-shrink:0;border-radius:50%;background:#28413c;color:white;display:grid;place-items:center;font-size:28px}.profile-label{font-size:12px;color:#78857d;margin:0 0 6px}.profile-header h1{font-size:26px;margin:0;overflow-wrap:anywhere}.profile-header .muted{margin:8px 0 0;font-size:14px}.profile-header>.primary{margin-left:auto;white-space:nowrap}.journey-heading{margin:30px 0 18px}.journey-heading h2{font:700 20px system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei',sans-serif;margin:0 0 8px}.journey-heading p{font-size:13px;color:#718078;margin:0}.my-home-link{color:#28413c;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:600}.my-home-link:hover{text-decoration:underline}.detail-images figure{margin:0}.detail-images figcaption{text-align:center;font-size:12px;color:#718078;margin:8px 0 16px}.detail-body{white-space:normal;overflow-wrap:anywhere}.account-bar{white-space:nowrap}.profile-header button{font-size:14px}@media(max-width:600px){.profile-header{padding:20px 16px;gap:12px;flex-wrap:wrap}.profile-avatar{width:48px;height:48px;font-size:22px}.profile-header h1{font-size:22px}.profile-header>.primary{width:100%;margin:6px 0 0}.my-home-link{font-size:12px}header .account-bar span{display:none}header .account-bar{font-size:12px}header .brand{gap:5px}header .publish{white-space:nowrap}.journey-heading p{line-height:1.7}}

.social-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;background:#28413c;color:white;border-radius:8px;box-shadow:0 4px 20px #0002;z-index:100;font-size:14px}.metrics .liked{color:#cc492b}.comment-login{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:#61746b}.comment-status{color:#28413c;font-size:13px}.comment-status:empty{display:none}.comment p{white-space:pre-wrap;overflow-wrap:anywhere}.comments{scroll-margin-top:16px}.metrics button:disabled{opacity:.55;cursor:wait}
/* Food directory: compact province groups and city guides. */
.food-page{padding-bottom:20px}.food-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:#7a857f;margin-bottom:26px}.food-breadcrumb a{color:#526d61;text-decoration:none}.food-heading{margin-bottom:24px}.food-heading h1{font-size:28px;margin:0 0 10px}.food-heading>p{font-size:14px;color:#617169;line-height:1.8;margin:0 0 10px}.food-coverage{font-size:12px;color:#7a857f}.food-search{font-size:13px;margin:0 0 26px;max-width:520px}.food-search input{padding:13px 14px;border-radius:6px;margin-top:8px}.province-group{background:#fff;border:1px solid #e1e6e3;border-radius:8px;padding:22px 24px;margin-bottom:16px}.province-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.province-head h2{font:600 19px system-ui,sans-serif;letter-spacing:0;margin:0}.province-head h2 a{color:#1d2925;text-decoration:none}.province-head>span{font-size:12px;color:#7a857f}.food-cities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.food-city{display:flex;flex-direction:column;gap:9px;padding:16px;background:#f6f8f6;border-radius:6px;border:1px solid transparent;text-decoration:none;color:#627369;font-size:13px;line-height:1.6}.food-city:hover{border-color:#93aa9c;background:#eff4ef}.food-city-name{font-size:17px;font-weight:600;color:#28413c;display:flex;justify-content:space-between}.food-city-name>span{font-weight:400}.food-dishes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.food-dish{display:flex;gap:16px;background:#fff;border:1px solid #e1e6e3;border-radius:8px;padding:26px}.food-number{font:500 16px ui-monospace,monospace;color:#9bac9f;line-height:1.7}.food-tag{font-size:11px;background:#edf3ed;color:#587160;padding:4px 8px;border-radius:4px}.food-dish h2{font:600 22px system-ui,sans-serif;letter-spacing:0;margin:13px 0 10px}.food-dish p{font-size:14px;line-height:1.9;color:#52645a;margin:0}.food-sources{margin:28px 0;padding:20px 0;border-top:1px solid #dfe5df}.food-sources h2{font:600 15px system-ui,sans-serif;margin:0 0 14px}.food-sources a{display:block;color:#567267;font-size:13px;margin:12px 0;text-decoration:none;overflow-wrap:anywhere}.food-sources p{font-size:12px;color:#7a857f}.food-kicker{font-size:12px!important;color:#718777!important}@media(max-width:850px){header{height:auto;min-height:68px;flex-wrap:wrap;padding-top:12px;padding-bottom:0;column-gap:12px;row-gap:8px}header nav{display:flex;order:5;flex:0 0 100%;margin:0;gap:26px;border-top:1px solid #edf0ec;padding:12px 0}header nav a{font-size:13px}header .account-bar{margin-left:auto}header .publish{white-space:nowrap}}@media(max-width:600px){.food-breadcrumb{margin-bottom:20px}.food-heading h1{font-size:24px}.food-heading{margin-bottom:18px}.food-coverage{line-height:1.8;display:block}.province-group{padding:18px 16px}.food-cities,.food-dishes{grid-template-columns:1fr}.food-city{padding:14px}.food-dish{padding:22px 18px}.food-dish h2{font-size:21px}}
.food-confirm-hint{font-size:13px;line-height:1.8;color:#607368}.food-photo-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.food-photo-picker label{position:relative;margin:0;cursor:pointer}.food-photo-picker input{width:18px;height:18px;position:absolute;left:6px;top:2px;accent-color:#28413c}.food-photo-picker img{width:100%;height:100px;object-fit:cover;border-radius:5px}.food-photo-picker span{display:block;font-size:12px;text-align:center}.food-suggestions{display:flex;gap:8px;flex-wrap:wrap}.food-suggestions button{padding:6px 10px;border:1px solid #d4ddd5;background:#f3f7f3;border-radius:5px;color:#28413c;cursor:pointer}.food-done{margin-top:10px}.food-existing{margin-top:24px;border-top:1px solid #ddd;padding-top:12px}.food-existing h3{font-size:16px}.food-existing p{font-size:13px}.food-existing a{color:#28413c}.food-existing button{border:0;background:transparent;color:#a5442b;cursor:pointer;margin-left:14px}.food-extract{margin:16px 0}.community-food{margin:28px 0}.community-food>h2{font:600 21px system-ui,sans-serif}.community-food>h2 span{font-size:13px;color:#748578;margin-left:10px}.community-food-card{padding:22px;background:white;border:1px solid #e1e6e3;border-radius:8px;margin:16px 0}.community-food-card h3{font:600 20px system-ui,sans-serif;margin:0 0 10px}.community-food-note{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.community-food-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.community-food-photos img{width:100%;height:160px;object-fit:cover;border-radius:5px}.food-original{display:inline-block;color:#526d61;font-size:13px;text-decoration:none;margin-top:10px}#foodContribution h2{font:600 23px system-ui,sans-serif;line-height:1.5;padding-right:14px}@media(max-width:600px){.community-food-card{padding:18px}.community-food-photos img{height:100px}.food-photo-picker img{height:85px}}
/* City attraction guides */
.sight-city-intro{font-size:14px;line-height:1.8;color:#637168}.sight-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sight-card{display:block;padding:22px;background:#f6f8f6;border:1px solid #e3e9e3;border-radius:6px;text-decoration:none;color:var(--ink)}.sight-card:hover{border-color:#8da494;background:#eff4ef}.sight-card h3{font:600 21px system-ui,sans-serif;letter-spacing:0;display:flex;justify-content:space-between;gap:8px;margin:16px 0 10px}.sight-card p{font-size:14px;line-height:1.8;color:#58685d}.sight-card small{display:block;line-height:1.8;color:#65736a}.sight-card .sight-pending{color:#975433;margin-top:8px}.sight-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.sight-jumps a{font-size:13px;padding:9px 12px;border:1px solid #cdd9cf;border-radius:4px;text-decoration:none;color:#365444}.sight-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sight-facts>section,.sight-section{background:white;border:1px solid #e1e6e3;border-radius:7px;padding:24px;margin-bottom:18px;scroll-margin-top:20px}.sights-page h2{font:600 20px system-ui,sans-serif;letter-spacing:0;margin:0 0 16px}.sights-page h3{letter-spacing:0}.sights-page ul{padding-left:20px;margin:0}.sights-page li,.sight-section p{font-size:15px;line-height:1.95;margin:8px 0;overflow-wrap:anywhere}.sight-section a{color:#365d47;font-weight:600}.sight-section small{color:#6d786f;line-height:1.8}.sight-notice{padding:14px 18px;border-left:3px solid #c58b4f;background:#fbf3e8;color:#775431;font-size:14px;line-height:1.8}.sight-facts section{min-width:0}.sights-page a:focus-visible{outline:2px solid #e65d36;outline-offset:4px}header nav{margin-left:20px;gap:24px}@media(max-width:850px){header nav{margin-left:0;gap:24px}}@media(max-width:600px){.sight-cards,.sight-facts{grid-template-columns:1fr}.sight-card,.sight-section,.sight-facts>section{padding:18px}.sight-card h3{font-size:19px}.sight-facts{gap:0}header nav{gap:20px;justify-content:space-between}.sight-jumps{gap:8px}.sight-jumps a{padding:8px 10px}}
[hidden]{display:none!important}

.post-owner-actions{margin:18px 0 8px}.post-owner-actions button{font-size:13px;padding:8px 14px}#editPostDialog{width:min(650px,94vw)}#editPostDialog h2{padding-right:24px}#editPostDialog textarea{min-height:160px}#editPhotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.edit-photo img{width:100%;height:110px;object-fit:cover;border-radius:4px}.edit-photo button{width:100%;padding:8px;border:1px solid #ddd;background:white;color:#a54630;cursor:pointer}.edit-add{margin-top:18px;font-weight:600}.edit-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:20px}.delete-post{border:0;background:transparent;color:#ac3e2b;cursor:pointer;padding:10px}.edit-bottom button:disabled{opacity:.5}#editPostDialog .muted{font-size:13px;line-height:1.7}@media(max-width:600px){#editPostDialog form{padding:24px 18px}.edit-photo img{height:85px}}
.sight-owner{padding:18px;background:#edf3ee;border-radius:6px;margin:18px 0}.sight-owner p{font-size:14px;line-height:1.8}.sight-owner button{margin:4px 10px 4px 0}.sight-owner button:disabled{opacity:.6;cursor:default}#sightManageDialog{width:min(740px,94vw)}.sight-manager-content{padding:28px;position:relative}.sight-manager-content h2{padding-right:25px}.sight-manager-content form{padding:0}.sight-manager-content textarea{min-height:110px}.sight-manager-content .muted{font-size:13px;line-height:1.8}.sight-application{border-top:1px solid #ddd;padding:18px 0}.sight-application h3{font:600 18px system-ui}.sight-application p{font-size:14px;line-height:1.8}.application-reason{white-space:pre-wrap;overflow-wrap:anywhere}.sight-application button{margin:12px 10px 0 0}#sightPhotoPreview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sight-gallery{margin:24px 0}#sightPhotoCount{font-size:14px;font-weight:400}@media(max-width:600px){.sight-manager-content{padding:24px 18px}.sight-owner button{width:100%;margin-right:0}.sight-gallery img{height:120px}}
/* Photo captions and compact travel feed */
#postList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}#postList .feed-tile{min-width:0;display:flex;flex-direction:column;overflow:hidden}#postList .tile-cover{display:block;position:relative;padding:0;border:0;aspect-ratio:4/3;width:100%;background:#e7ede8;cursor:pointer;overflow:hidden}#postList .tile-cover img{display:block;width:100%;height:100%;object-fit:cover}#postList .tile-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:20px;background:#e6eee7;color:#4b6554;font:600 20px/1.5 system-ui;overflow-wrap:anywhere}#postList .tile-content{padding:12px 14px 6px;display:flex;flex-direction:column;flex:1}#postList .tile-content h2{margin:0;min-height:48px}#postList .story-title{font:600 17px/1.45 system-ui;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;width:100%;min-height:44px}#postList .metrics{margin:8px 0 0;padding-top:0;display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}#postList .metrics button{min-height:44px;font-size:13px;white-space:nowrap}#postList .metrics b{font-weight:500}.photo-caption-label{font-size:12px;line-height:1.5;margin:8px 0 0}.photo-caption-label textarea,#editPostDialog .photo-caption-label textarea,.sight-manager-content .photo-caption-label textarea{font-size:16px;line-height:1.5;height:80px;min-height:80px;padding:8px;resize:vertical}.photo-caption-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#526159;font-size:14px;margin:8px 0;text-align:left}#uploadPreview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#uploadPreview .preview{width:auto;height:auto;min-width:0}#uploadPreview .preview img{display:block;width:100%;height:140px;object-fit:cover}#uploadPreview .upload-box{width:100%;min-height:140px;height:auto}#uploadPreview .preview>button{width:32px;height:32px;top:4px;right:4px}#editPhotos,#sightPhotoPreview{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.edit-photo{min-width:0}.edit-photo button{min-height:40px}.sight-gallery figure{margin:0;min-width:0}dialog{max-height:calc(100dvh - 24px);overscroll-behavior:contain}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}@media(max-width:600px){#postList{gap:10px}#postList .tile-content{padding:9px 10px 3px}#postList .story-title{font-size:15px;line-height:1.45}#postList .tile-content h2{min-height:44px}#postList .metrics{gap:3px;margin-top:4px}#postList .metrics button{font-size:11px}#postList .tile-placeholder{font-size:17px}.feed-head{gap:4px;margin-bottom:12px}.feed-intro{font-size:12px}.feed h1{font-size:22px}.community-main{padding-top:18px}.filters{padding-bottom:10px}dialog input,dialog textarea,dialog select{font-size:16px}#uploadPreview .preview img{height:120px}#uploadPreview .upload-box{min-height:120px}.detail-images figure{margin:10px 0}.sight-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
.preview video,.edit-photo video{width:100%;height:140px;background:#17251f;object-fit:contain;display:block}.detail-images video{width:100%;max-height:75vh;background:#17251f;display:block}.tile-media-badge{position:absolute;right:8px;bottom:8px;background:#14201fcc;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.food-evidence{font-size:13px;margin:16px 0;line-height:1.8}.food-evidence summary{cursor:pointer;color:#426450}.food-tags{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.food-tags span{padding:4px 8px;color:#45694f;background:#edf4ee;font-size:12px;border-radius:4px}.food-restaurant{font-size:14px;color:#476052}#postForm .upload-title em{display:block;margin:6px 0;line-height:1.8}.food-confirm-hint{white-space:normal}
/* Immersive travel stories */
html.story-open,html.story-open body{overflow:hidden}
#detailDialog{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#101411;color:white;overflow:hidden}
#detailContent{padding:0;height:100%;max-width:none}
#detailDialog .close{position:absolute;right:max(16px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:5;color:white;background:#0007;border-radius:50%;width:44px;height:44px;line-height:40px}
.story-slides{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline:none}
.story-slides::-webkit-scrollbar{display:none}
.story-slide{position:relative;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#101411}
.story-slide>img,.story-slide>video{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0}
.story-slide>video:not(.live-motion){object-fit:contain;height:calc(100% - 210px);top:40px}
.story-caption{position:absolute;bottom:0;left:0;right:0;padding:80px 24px calc(42px + env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(0,0,0,.82));color:white;pointer-events:none}
.story-caption>*{pointer-events:auto}
#detailDialog .story-caption h2{font-size:24px;line-height:1.35;margin:8px 0;color:white}
.story-author{font-size:14px;margin:0}.story-author span{float:right}
.story-caption-text{white-space:pre-wrap;line-height:1.6;margin:8px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.story-caption-text.expanded{display:block;max-height:45dvh;overflow-y:auto;overscroll-behavior:contain}
.story-caption button{color:white;background:transparent;border:0;padding:6px 0;text-align:left;min-height:36px}.story-discuss{display:block;font-size:14px}
.story-next{position:absolute;bottom:env(safe-area-inset-bottom,0);left:calc(50% - 24px);z-index:3;background:#0005;color:white;border:0;width:48px;height:36px;font-size:26px}
.story-discussion{background:#faf9f5;color:#24342d}.discussion-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:76px max(24px,calc((100vw - 760px)/2)) calc(70px + env(safe-area-inset-bottom));box-sizing:border-box}
#detailDialog:has(.story-discussion:hover) .close{background:#3339}
.story-discussion .detail-body{white-space:pre-wrap}.story-text-cover{display:grid;place-items:center;height:65%;font-size:clamp(35px,8vw,80px);color:#829b8b;background:radial-gradient(ellipse,#2b4636,#101411)}
.live-motion{visibility:hidden}.live-playing .live-motion{visibility:visible}.live-toggle{position:absolute;top:calc(20px + env(safe-area-inset-top));left:20px;background:#0008;color:white;border:1px solid #fff8;border-radius:24px;padding:10px 14px;z-index:2}
.heic-preview{display:grid;place-content:center;min-height:140px;background:#e8ebe6;color:#435447;text-align:center}.live-label{position:absolute;top:4px;left:4px;background:#0009;color:white;padding:4px 8px;border-radius:12px;font-size:12px}
.live-picker{max-width:520px}.live-picker p{line-height:1.7}.brand i{font-family:Arial,sans-serif;font-style:normal;font-weight:800}
@media(prefers-reduced-motion:reduce){.story-slides{scroll-behavior:auto}}
/* Keep native file inputs tappable on mobile Safari. */
#uploadPreview .upload-box{position:relative;overflow:hidden;min-height:140px;padding:12px;text-align:center}
#uploadPreview .upload-box input{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;z-index:2;cursor:pointer;font-size:16px}
#uploadPreview .upload-box:focus-within{outline:2px solid var(--orange);outline-offset:2px}
#uploadPreview .upload-box span{line-height:1.6}.publish-options,.live-inline{margin:14px 0;font-size:13px}.publish-options summary,.live-inline summary{cursor:pointer;padding:10px 0;color:#596b60}.live-inline p{line-height:1.7}#uploadProgress{font-size:14px;color:#28413c}#postForm .eyebrow{display:none}
#floatingUpload{position:fixed;top:calc(env(safe-area-inset-top) + 82px);right:max(14px,env(safe-area-inset-right));z-index:1000;border:1px solid #ffffff80;border-radius:30px;padding:12px 16px;background:#28413cf2;color:white;box-shadow:0 3px 18px #0003;font-size:13px;font-weight:600;min-width:72px;cursor:pointer}#floatingUpload.upload-failed{background:#a13724}#floatingUpload.upload-done{background:#315f40}
#detailDialog .story-slide>video:not(.live-motion){inset:0;width:100%;height:100%;object-fit:cover}
#detailDialog .story-caption h2{font:600 16px/1.4 system-ui;margin:5px 0;color:white}
#detailDialog .story-author{font-size:12px;line-height:1.5;margin:0}
#detailDialog .story-caption-text{font-size:13px;line-height:1.6;margin:6px 0}
#detailDialog .story-caption-text:empty{display:none}
#detailDialog .story-caption{padding:65px 20px calc(40px + env(safe-area-inset-bottom))}
#detailDialog .story-slide:has(>video:not(.live-motion)) .story-caption{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.story-social{display:flex;align-items:center;gap:16px}.story-social .story-index{margin-left:auto;font-size:12px;white-space:nowrap}#detailDialog .story-social button{font-size:13px;margin:0;min-height:40px}#detailDialog .story-social .liked{color:#ffbba2}
#detailDialog .story-caption{background:none;padding:0 16px calc(10px + env(safe-area-inset-bottom));text-shadow:0 1px 3px #000,0 0 4px #0008}
#detailDialog .story-slide:has(>video:not(.live-motion)) .story-caption{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
#detailDialog .story-caption h2{font-size:13px;font-weight:500;margin:3px 0}
#detailDialog .story-author{font-size:20px;font-weight:650;line-height:1.4}
#detailDialog .story-caption button{text-shadow:0 1px 3px #000}
#detailDialog .story-next{top:calc(14px + env(safe-area-inset-top));bottom:auto;left:calc(50% - 24px);background:transparent;text-shadow:0 1px 3px #000}
.story-video-controls{position:absolute;top:calc(64px + env(safe-area-inset-top));left:16px;right:16px;display:flex;align-items:center;gap:8px;z-index:2}.story-video-controls button{border:0;border-radius:20px;background:#0006;color:#fff;min-width:44px;min-height:40px;font-size:12px}.story-video-controls input{padding:0;margin:0;min-width:0;flex:1;background:transparent;height:28px}
.food-location-map{height:300px;width:100%;margin:12px 0;isolation:isolate}.location-actions{display:flex;flex-wrap:wrap;gap:8px}.location-status{font-size:12px;line-height:1.6}.food-location-map .leaflet-control-attribution{font-size:10px}.community-food-photos video{width:100%;max-height:280px;object-fit:contain}.food-location-link{color:#28413c}
.story-author-line{display:flex;align-items:center;gap:14px;min-width:0}.story-author-line .story-author{flex:0 1 auto;min-width:0;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#detailDialog .story-inline-progress{--played:0%;appearance:none;-webkit-appearance:none;flex:1;min-width:44px;max-width:140px;height:24px;padding:0;margin:0 0 0 auto;border:0;border-radius:0;outline-offset:3px;background:transparent;opacity:.65;cursor:pointer;touch-action:pan-x}
.story-inline-progress::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#fff var(--played),#ffffff55 var(--played));border-radius:2px}.story-inline-progress::-webkit-slider-thumb{-webkit-appearance:none;width:5px;height:5px;border-radius:50%;background:white;margin-top:-1.5px}
.story-inline-progress::-moz-range-track{height:2px;background:#ffffff55}.story-inline-progress::-moz-range-progress{height:2px;background:white}.story-inline-progress::-moz-range-thumb{width:5px;height:5px;border:0;border-radius:50%;background:white}
#detailDialog .story-inline-progress:focus-visible,#detailDialog .story-inline-progress:active{opacity:1}
/* Shared city discovery */
#guidePage{max-width:960px;margin:0 auto;padding-bottom:84px}.guide-search input,.guide-list-heading input{font-size:16px;border:0;border-radius:22px;background:#f0f1ef;padding:11px 16px;margin:0;width:100%}.guide-search{margin:8px 0 18px}.city-picker{display:grid;grid-template-columns:86px 1fr;gap:12px;min-height:440px}.city-areas{display:flex;flex-direction:column;background:#f3f3f1;padding:6px 0;gap:4px}.city-areas button{border:0;background:none;padding:17px 6px;color:#6b716c;font-size:14px}.city-areas button.active{background:white;color:#28413c;font-weight:700;border-left:3px solid #e65d36}.province-choice-grid,.city-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.city-choice button{border:0;background:#f3f3f1;padding:12px 4px;color:#59645d;min-height:44px;font-size:14px;overflow-wrap:anywhere}.city-choice button.active{background:#e4ebe3;color:#28413c}.city-choice-grid{margin-top:16px}.city-choice-grid button{background:#eef3ed;color:#28413c;font-weight:600}.city-subtitle{font-size:13px;color:#69796c}.guide-footnote,.guide-sort-note{font-size:11px;color:#859087;line-height:1.6}.guide-list-heading{display:flex;gap:12px;align-items:center;margin-bottom:12px}.guide-city-button{border:0;background:none;font-weight:650;font-size:18px;white-space:nowrap;padding:10px 0}.guide-list-heading input{min-width:0;flex:1}.guide-sorts{display:flex;gap:6px;justify-content:space-between;border-bottom:1px solid #e6e7e2}.guide-sorts button{flex:1;white-space:nowrap;border:0;background:none;padding:13px 0;font-size:13px;color:#757f77;border-bottom:2px solid transparent}.guide-sorts button.active{color:#28413c;border-bottom-color:#e65d36;font-weight:700}.guide-tools{display:flex;gap:10px;flex-wrap:wrap;padding:12px 0 0}.guide-tools button{border:0;background:none;font-size:12px;color:#64756b;padding:4px 0}.guide-row{padding:18px 0;border-bottom:1px solid #e6e7e2}.guide-row-top{display:flex;gap:10px;align-items:center}.guide-row h2{font:650 18px/1.4 system-ui;margin:0;flex:1;min-width:0}.guide-row h2 a{color:#38493e;text-decoration:none}.guide-heat{font-size:11px;color:#ed7455;background:#fff1eb;padding:2px 5px;white-space:nowrap}.guide-favorite{border:0;background:none;font-size:29px;color:#697468;padding:0 2px;min-height:40px;min-width:36px}.guide-favorite[aria-pressed=true]{color:#e99032}.guide-row-subtitle{font-size:12px;color:#7a817b;margin:3px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-description{font-size:13px;line-height:1.6;color:#667367;margin:5px 0 12px}.guide-photos{display:grid;grid-template-columns:repeat(var(--photo-columns),minmax(0,1fr));gap:5px}.guide-photos a{position:relative;display:block;min-width:0}.guide-photos img{width:100%;height:190px;object-fit:cover;display:block}.guide-photos span{position:absolute;right:4px;bottom:4px;background:#0008;color:white;font-size:11px;padding:2px 4px}.guide-no-photo{background:#f0f2ed;color:#9aa298;font-size:12px;text-align:center;padding:24px 8px}.guide-row-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:12px}.guide-row-actions a,.guide-row-actions button{color:#6a7d6c;text-decoration:none}.guide-row-actions button{border:0;background:none;padding:4px 0;font-size:12px}.guide-map-button{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#405ba8;color:white;border:0;border-radius:30px;padding:14px 26px;box-shadow:0 4px 16px #0002;font-weight:600;z-index:5}.guide-dialog-content{padding:30px 22px}.guide-dialog form{padding:0}.guide-dialog h2{font-size:22px}.stay-photo-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.stay-photo-picker label{position:relative}.stay-photo-picker input{width:auto;position:absolute;top:4px;left:4px}.stay-photo-picker img{width:100%;height:100px;object-fit:cover}#guideStatus{font-size:12px;color:#a35538;line-height:1.5}@media(max-width:600px){#guidePage .guide-photos img{height:154px}#guidePage .guide-row h2{font-size:17px}.community-main:has(#guidePage:not([hidden])){padding-top:12px}.guide-description{margin-bottom:9px}.guide-no-photo{padding:20px 6px}.city-picker{grid-template-columns:76px 1fr;gap:10px}}
body:has(#guidePage:not([hidden])){background:#fff}#guidePage .guide-sort-note{margin:10px 0 4px}#guideStatus:empty{display:none}#guidePage .guide-row{padding:14px 0}#guidePage .guide-photos img{height:170px}
.guide-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.guide-description.expanded{display:block;-webkit-line-clamp:unset}.guide-expand{border:0;background:none;color:#65736b;font-size:12px;padding:0 0 8px;cursor:pointer}
/* Convenient publishing and compact discovery */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.feed-discovery{margin:0 0 18px}.feed-search input{box-sizing:border-box;width:100%;border:0;border-radius:24px;background:#eef1ed;padding:13px 18px;font-size:16px}.feed-filters{display:flex;gap:12px;align-items:center;margin-top:12px}.feed-filters>button{border:0;border-radius:18px;padding:8px 16px;background:transparent;color:#637367;min-height:40px}.feed-filters>button[aria-pressed=true]{background:#28413c;color:white}.feed-filters label{margin-left:auto}.feed-filters select{width:auto;border:0;background:none;color:#64746b;font-size:13px;padding:8px}.feed-discovery #feedResultStatus{font-size:12px;color:#69766f;margin:6px 0}.tile-author{font:12px/1.5 system-ui;color:#758178;margin:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-edit{margin-top:8px;border:1px solid #dce3dc;border-radius:8px;background:white;color:#28413c;padding:8px 12px;min-height:40px}.draft-status{font-size:12px;color:#6f7d72;line-height:1.7}.composer-actions{display:flex;gap:10px;position:sticky;bottom:0;background:#fcfbf7;padding:12px 0 calc(12px + env(safe-area-inset-bottom));z-index:3}.composer-actions #saveDraft{white-space:nowrap;min-width:90px}.discard-draft{border:0;background:none;color:#849084;font-size:12px;padding:10px 0}.attachment-order{display:flex;gap:4px;flex-wrap:wrap;align-items:center;width:100%;padding:6px 0}.attachment-order span{font-size:11px;color:#68796c;margin-right:auto}.upload-preview .preview .attachment-order button{position:static;inset:auto;width:auto;height:auto;min-height:36px;border-radius:6px;background:#edf1eb;color:#334e3d;font-size:11px;padding:5px 8px;border:0;transform:none}.attachment-order button:disabled{opacity:.35}.quick-publish{display:none}.share-link-dialog{max-width:420px}.share-link-dialog input{width:100%;box-sizing:border-box}.story-social{flex-wrap:wrap}
@media(max-width:600px){.quick-publish{display:flex;align-items:center;gap:5px;position:fixed;right:16px;bottom:calc(22px + env(safe-area-inset-bottom));z-index:35;background:#e65d36;color:white;border:0;border-radius:28px;padding:12px 18px;box-shadow:0 5px 18px #0002;font-size:14px;min-height:48px}.quick-publish span{font-size:24px;line-height:1}body:has(dialog[open]) .quick-publish,.story-open .quick-publish{display:none}#postDialog{box-sizing:border-box;width:100%;max-width:100%;max-height:100dvh;height:100dvh;margin:0;padding:24px 18px env(safe-area-inset-bottom);border:0;border-radius:0}#postDialog h2{font-size:26px;margin:8px 0 14px}#postDialog label{font-size:14px}#postDialog input:not([type=file]),#postDialog textarea{font-size:16px}#postDialog .upload-preview{gap:10px}#postDialog .upload-title em{display:block;line-height:1.7;font-size:11px}#postDialog .photo-caption-label textarea{min-height:66px}.feed{padding-bottom:80px}}

@media(max-width:600px){header .publish{display:none}}
/* Content-first note browsing and persistent app navigation */
body{padding-bottom:calc(76px + env(safe-area-inset-bottom));background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.quick-publish{display:none!important}.app-bottom-nav{position:fixed;z-index:60;bottom:0;left:0;right:0;height:64px;padding:0 10px env(safe-area-inset-bottom);display:flex!important;align-items:center;justify-content:space-around;background:#fffffff5;border-top:1px solid #eceeeb;backdrop-filter:blur(14px);gap:0}.app-bottom-nav a,.app-bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;color:#778178;border:0;background:none;font:12px/1.4 system-ui;min-height:50px;margin:0;padding:2px}.app-bottom-nav span{font-size:25px;line-height:28px}.app-bottom-nav .active{color:#263e32;font-weight:750}.app-bottom-nav .nav-compose span{background:#e65d36;color:white;border-radius:13px;width:49px;height:38px;font:32px/34px system-ui}.story-open .app-bottom-nav{display:none!important}.guide-map-button{bottom:calc(86px + env(safe-area-inset-bottom))}#discoverPage{max-width:800px;margin:20px auto;padding-bottom:50px}#discoverPage h1{font-size:26px}#discoverPage>p{color:#829084}.discovery-links{display:grid;gap:14px}.discovery-links a{background:#f3f5f1;padding:24px;border-radius:18px;text-decoration:none;color:#28413c}.discovery-links span{font-size:12px;color:#899788}.discovery-links h2{font-size:23px;margin:12px 0}.discovery-links p{font-size:14px;margin:0}.feed-tile{border:0!important;border-radius:12px!important;overflow:hidden;background:white!important;box-shadow:none!important}.feed-tile .tile-cover{aspect-ratio:3/4!important}.feed-tile .tile-content{padding:10px 3px!important}.feed-tile .story-title{font:650 14px/1.5 system-ui!important}.feed-tile .metrics{border:0;padding-top:3px}.feed-tile .tile-author{font-size:12px}.feed-discovery{margin-bottom:12px}footer{display:none}.feed{padding-top:8px}.post-list{gap:14px!important}
#detailDialog.note-view{background:white;color:#26382c;overflow-y:auto;max-width:760px;width:100%;height:100dvh;max-height:100dvh;margin:0 auto;padding:0;border:0;border-radius:0}#detailDialog.note-view #detailContent{height:auto;min-height:100%;padding:0 0 30px;background:white;color:#26382c}#detailDialog.note-view .close{position:sticky;float:right;top:12px;right:12px;z-index:5;background:#f4f6f2;color:#283d30;text-shadow:none;border:0;border-radius:50%;width:36px;height:36px;margin:10px}#detailDialog.note-view .note-author{height:60px;padding:18px 20px;box-sizing:border-box;margin:0;font:650 14px/24px system-ui;color:#354b3c}#detailDialog.note-view .detail-images{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;gap:0;scrollbar-width:none;width:100%;padding:0;margin:0;clear:both;overscroll-behavior-x:contain}#detailDialog.note-view .detail-images figure{flex:0 0 100%;width:100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always;display:block}#detailDialog.note-view .detail-images img{width:100%;height:min(62dvh,580px);object-fit:contain;display:block;border-radius:0;background:#f5f5f3}#detailDialog.note-view figcaption{padding:8px 20px;font-size:13px;color:#627364}#detailDialog.note-view figcaption>span{display:none}#detailDialog.note-view .photo-caption-text{margin:0;white-space:pre-wrap}#detailDialog.note-view .note-page{display:block;text-align:right;font-size:12px;color:#7c8b7f;padding:4px 20px}#detailDialog.note-view h2{font:700 20px/1.5 system-ui;color:#273c2f;margin:8px 20px}#detailDialog.note-view .detail-body{font:15px/1.9 system-ui;white-space:pre-wrap;margin:10px 20px}#detailDialog.note-view #detailContent>.tag{display:none}#detailDialog.note-view #detailContent>.outline{margin:8px 0 8px 20px;font-size:12px}#detailDialog.note-view .note-actions{position:sticky;bottom:0;background:#fff;padding:12px 20px;display:flex;justify-content:space-between;border-top:1px solid #eee;z-index:3}#detailDialog.note-view .comments{padding:20px;border-top:1px solid #eee}#detailDialog.note-view .comments h3{font-size:16px}#detailDialog.note-view .comment{font-size:14px}#detailDialog.note-view .detail-images:focus-visible{outline:2px solid #e65d36;outline-offset:-2px}#postDialog .upload-title{margin-top:12px}#postDialog .upload-box{min-height:130px}
@media(min-width:761px){.app-bottom-nav{left:50%;transform:translateX(-50%);max-width:720px;border-radius:20px 20px 0 0}.discovery-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){header nav{display:none!important}header{padding-bottom:10px}.feed{padding-bottom:16px}.feed-tile .metrics button{font-size:11px}#detailDialog.note-view{max-width:100%}}

.app-bottom-nav{margin:0;box-sizing:content-box}.app-bottom-nav svg{display:block;margin:2px auto}

/* Community feed: preserve navigation, orange brand and composer positions. */
body:has(#feed:not([hidden])){background:#f7f7f9}
#feed{max-width:760px;margin-left:auto;margin-right:auto}
#postList{display:flex;flex-direction:column;gap:18px!important}
#postList .community-card{padding:24px 26px;border:0;border-radius:16px;background:#fff;box-shadow:0 2px 16px #20202003;overflow:hidden}
.community-author{display:flex;align-items:center;gap:11px;margin-bottom:18px;min-width:0}
.community-avatar{width:43px;height:43px;flex:0 0 43px;border-radius:50%;display:grid;place-items:center;background:#fff0e8;color:#d95e32;font:700 19px system-ui;border:1px solid #f9ddcc}
.community-author>div{min-width:0}.community-author b{font-size:15px;font-weight:650;overflow-wrap:anywhere}.community-author p{font-size:11px;color:#939393;margin:4px 0 0;line-height:1.5}
#postList .community-card h2{margin:0 0 7px;font:600 18px/1.65 system-ui;letter-spacing:0}
.community-title{display:block;border:0;background:none;padding:0;color:#242424;text-align:left;font:inherit;line-height:inherit;cursor:pointer;overflow-wrap:anywhere}
.community-title:hover{color:var(--orange)}.community-copy{font:15px/1.85 system-ui;color:#333;margin:0 0 15px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.community-copy.expanded{display:block;-webkit-line-clamp:unset}.community-expand{border:0;background:none;color:var(--orange);font-size:13px;padding:0 0 12px;min-height:32px;cursor:pointer}
.community-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border-radius:10px;overflow:hidden;margin-top:13px}.community-gallery>button{position:relative;border:0;padding:0;background:#f4f4f4;display:block;width:100%;aspect-ratio:1;overflow:hidden;cursor:pointer}.community-gallery img{width:100%;height:100%;display:block;object-fit:cover}.community-gallery.gallery-1{grid-template-columns:1fr;max-width:460px}.community-gallery.gallery-1>button{aspect-ratio:4/3}.community-gallery.gallery-2{grid-template-columns:repeat(2,minmax(0,1fr))}.community-media-badge,.community-more-photos{position:absolute;color:white;background:#0008;border-radius:4px;font-size:10px;padding:4px 6px;line-height:1.3}.community-media-badge{left:6px;top:6px}.community-more-photos{right:6px;bottom:6px}.community-video-placeholder{height:100%;display:grid;place-items:center;color:#909090;font-size:20px}
.community-actions{display:flex;align-items:center;gap:20px;margin-top:18px}.community-comment-prompt{border:0;border-radius:25px;background:#f7f7fa;color:#a3a3ab;text-align:left;padding:10px 14px;flex:1;min-width:0;font-size:13px;min-height:42px;cursor:pointer}.community-comment-prompt>span{color:#dd8968;margin-right:5px;font-size:18px}
#postList .community-actions .metrics{border:0;padding:0;margin:0;display:flex;align-items:center;gap:18px;flex-wrap:nowrap;justify-content:flex-end;flex-shrink:0}
#postList .community-actions .metrics button{display:flex;align-items:center;gap:5px;font-size:12px;color:#666;min-height:44px}.community-actions .like>span{font-size:24px;color:#535353}.community-actions .like.liked,.community-actions .like.liked>span{color:var(--orange)!important}.community-comment-count span{font-size:11px}.community-gallery>button:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
@media(max-width:600px){#postList{gap:12px!important}#postList .community-card{padding:17px 16px;border-radius:13px}.community-author{margin-bottom:14px;gap:9px}.community-avatar{width:36px;height:36px;flex-basis:36px;font-size:16px}.community-author b{font-size:14px}.community-author p{font-size:10px}#postList .community-card h2{font-size:16px;line-height:1.65}.community-copy{font-size:14px;line-height:1.8;margin-bottom:10px}.community-gallery{gap:4px;border-radius:8px;margin-top:10px}.community-actions{gap:10px;margin-top:13px}.community-comment-prompt{padding:8px 10px;font-size:12px;min-height:38px}#postList .community-actions .metrics{gap:12px}#postList .community-actions .metrics button{font-size:11px;gap:3px}.community-comment-count span{font-size:10px}.community-media-badge,.community-more-photos{font-size:9px;padding:3px 4px}.community-actions .like>span{font-size:23px}}
@media(max-width:360px){.community-comment-prompt{font-size:11px;padding:7px}.community-comment-prompt>span{display:none}#postList .community-actions .metrics{gap:8px}}

/* Reference refinement: readable copy, tight media row, compact social controls. */
#postList .community-card{border-radius:12px;padding:22px 24px;box-shadow:0 2px 12px #20202004}
.community-author{margin-bottom:15px}.community-author b{font-size:16px}.community-author p{font-size:13px;margin-top:3px}
.community-copy{font:400 17px/1.55 system-ui,-apple-system,sans-serif;color:#222;-webkit-line-clamp:5;margin:0 0 12px;white-space:pre-wrap}.community-title{display:inline;font:inherit;color:inherit}.community-gallery{gap:4px;border-radius:9px;margin-top:10px}.community-gallery.gallery-1{max-width:50%;grid-template-columns:1fr}.community-gallery.gallery-1>button{aspect-ratio:1}.community-gallery.gallery-2{max-width:67%;grid-template-columns:repeat(2,minmax(0,1fr))}.community-location{display:table;margin-top:12px;padding:4px 9px;border-radius:18px;background:#f1f1f1;font-size:13px;color:#444;max-width:100%;overflow-wrap:anywhere}.community-location>span{font-size:11px;color:#6c6c6c}
.community-actions{gap:22px;margin-top:14px}.community-comment-prompt{display:flex;align-items:center;gap:8px;padding:5px 9px;min-height:40px;background:#f6f7fb;font-size:15px;color:#aaa}.community-comment-prompt .comment-avatar{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#ffede4;color:#d97a53;font:500 13px/27px system-ui;text-align:center;margin:0}
#postList .community-actions .metrics{gap:17px}#postList .community-actions .metrics button{position:relative;min-width:34px;min-height:40px;color:#252525;padding:0 4px;justify-content:center}.community-actions .metrics svg{width:25px;height:25px;flex-shrink:0}.community-actions .metrics b,.community-actions .community-comment-count span{position:absolute;top:-1px;left:27px;font:400 11px/1 system-ui;background:#fff;padding:0 2px;min-width:0}.community-actions .metrics b:empty,.community-comment-count span:empty{display:none}
@media(max-width:600px){#postList{gap:13px!important}#postList .community-card{padding:18px 17px;border-radius:11px}.community-author{gap:8px;margin-bottom:14px}.community-avatar{width:34px;height:34px;flex-basis:34px}.community-author b{font-size:14px}.community-author p{font-size:12px}.community-copy{font-size:16px;line-height:1.5;-webkit-line-clamp:5;margin-bottom:11px}.community-gallery{gap:3px;border-radius:8px}.community-location{font-size:12px;margin-top:11px;padding:3px 8px}.community-actions{gap:22px;margin-top:13px}.community-comment-prompt{font-size:14px;min-height:38px;padding:4px 7px}.community-comment-prompt .comment-avatar{display:block}#postList .community-actions .metrics{gap:13px}#postList .community-actions .metrics button{font-size:12px;min-width:30px}.community-actions .metrics svg{width:24px;height:24px}.community-actions .metrics b,.community-actions .community-comment-count span{left:25px;top:1px}}

.stay-media-existing,.stay-media-added{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}.stay-media-tile{min-width:0}.stay-media-tile>img,.stay-media-tile>video{display:block;width:100%;height:150px;object-fit:contain;background:#f5f5f5;border-radius:10px}.stay-media-tile label{display:flex;align-items:center;gap:6px;font-size:13px}.stay-media-tile input{width:auto}.stay-media-tile button{font-size:13px;margin-top:6px}

.map-choice{padding:28px 24px;width:min(420px,calc(100% - 32px));border:0;border-radius:20px}.map-choice h2{margin:0 0 20px}.map-choice select{width:100%;font-size:16px}.map-providers{display:grid;gap:12px;margin:18px 0}.map-provider{display:block;text-decoration:none;text-align:center;padding:15px;border:1px solid #f4d4c6;border-radius:12px;background:#fff5ef;color:#b94420;font-size:17px;font-weight:600}.map-provider:hover{background:#ffeadf}.map-provider:disabled{opacity:.5}.map-choice-note{font-size:13px;line-height:1.6}.map-cancel{width:100%;margin-top:12px}.map-destination-name{font-weight:600}

.guide-sorts{overflow-x:auto;justify-content:flex-start;gap:18px;-webkit-overflow-scrolling:touch}.guide-sorts button{flex:0 0 auto}.guide-facts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0;font-size:13px;color:#68746e}.guide-facts button{border:0;background:transparent;color:#d75b32;padding:4px 0}.guide-distance{color:#b64a27}.guide-map-button{background:#e65d36;min-width:100px}
.guide-sorts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px;overflow:visible}.guide-sorts button{font-size:14px;padding:12px 0}

body:has(#guidePage:not([hidden])){background:#f7f7f9}#guideRows{display:grid;gap:16px}#guidePage .guide-row{background:#fff;border:1px solid #f0f0f0;border-radius:18px;padding:18px;box-shadow:0 3px 14px #00000004;cursor:pointer}#guidePage .guide-row:focus-visible{outline:2px solid #e65d36;outline-offset:3px}#guidePage .guide-photos{border-radius:12px;overflow:hidden}#guidePage .guide-row h2 a{pointer-events:none}.guide-topic{padding:0;border:0;border-radius:18px;width:min(760px,100%);max-width:100%;height:94dvh;max-height:100dvh;background:white;color:#26382c;overflow-y:auto;overscroll-behavior:contain}.guide-topic-header{position:sticky;top:0;display:flex;align-items:center;gap:16px;padding:12px 18px;background:#fff;z-index:2;border-bottom:1px solid #eee}.guide-topic-header button{width:40px;height:40px;border:0;border-radius:50%;font-size:28px;background:#f6f6f6;color:#283d30}.guide-topic-header span{font-size:15px}.guide-topic-body{padding:18px 22px 32px}.guide-topic-body h1{font-size:25px;line-height:1.4;margin:10px 0}.guide-topic-city{color:#d75b32;font-size:13px}.guide-topic-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;overscroll-behavior-x:contain}.guide-topic-gallery figure{margin:0;flex:0 0 100%;min-width:0;scroll-snap-align:start}.guide-topic-gallery img,.guide-topic-gallery video{display:block;width:100%;height:min(52dvh,460px);object-fit:contain;background:#f7f7f7;border-radius:12px}.guide-topic-gallery figcaption{text-align:right;font-size:12px;color:#888;padding:6px}.guide-topic-description{white-space:pre-wrap;font-size:16px;line-height:1.8}.guide-topic-extra{font-size:15px;line-height:1.8}.guide-topic-extra h2{font-size:18px}.guide-topic-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}@media(max-width:600px){.guide-topic{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.guide-topic-body{padding:14px 18px calc(24px + env(safe-area-inset-bottom))}#guidePage .guide-row{padding:16px}}

#myPostList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#myPostList>.empty,#myPostList>.loading{grid-column:1/-1}.profile-post-card{min-width:0;background:#fff;border:1px solid #eee;border-radius:15px;overflow:hidden}.profile-post-open{display:flex;align-items:stretch;gap:12px;width:100%;padding:12px;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.profile-post-cover{position:relative;display:block;width:96px;height:96px;flex:0 0 96px;overflow:hidden;border-radius:10px;background:#fff1e8}.profile-post-cover img{display:block;width:100%;height:100%;object-fit:cover}.profile-post-placeholder{display:grid;place-items:center;height:100%;color:#c36b42;font-size:13px}.profile-post-media{position:absolute;bottom:0;left:0;right:0;padding:4px;background:#0008;color:white;font-size:10px;text-align:center}.profile-post-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;padding:2px 0}.profile-post-copy strong{font-size:16px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.profile-post-excerpt{font-size:13px;color:#7b827e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-post-meta{font-size:11px;color:#818781;margin-top:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-post-footer{display:flex;align-items:center;justify-content:space-between;padding:0 12px 10px;font-size:12px;color:#808781}.profile-post-footer button{border:0;background:none;color:#d75b32;padding:4px 8px;font-size:13px;min-height:30px}@media(max-width:600px){#myPostList{grid-template-columns:1fr;gap:10px}.my-page .journey-heading{margin:20px 0 12px}.my-page .journey-heading p{display:none}}
.home-search-toggle{display:none;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:0;background:transparent;color:#303b35;padding:8px}body:has(#feed:not([hidden])) .home-search-toggle{display:flex}.home-search-panel{margin:0 0 18px;background:white;border-radius:16px;padding:16px;scroll-margin-top:80px}.home-search-form{display:flex;align-items:center;gap:8px;padding:0}.home-search-form .feed-search{flex:1;min-width:0;margin:0}.home-search-form button{border:0;white-space:nowrap;padding:8px 5px;font-size:14px;background:none;color:#d75b32}.home-search-cancel{color:#7a827e!important}.search-suggestion-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.search-suggestion-heading h2{font-size:15px;margin:0}.search-suggestion-heading button{border:0;background:none;font-size:12px;color:#8b918d}.recent-searches{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#89918b}.recent-searches button{border:0;background:#f5f5f5;color:#526056;border-radius:16px;padding:7px 12px;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-popular-note{font-size:11px;color:#8b918d;margin:0 0 10px}.popular-searches{display:grid;gap:8px;font-size:13px;color:#89918b}.popular-searches button{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:none;color:#39483e;padding:6px 0;font-size:14px}.popular-searches button>span:first-child{color:#e65d36;font-weight:700;min-width:16px}.popular-searches button>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media(max-width:600px){.home-search-panel{padding:12px}.home-search-form .feed-search input{padding:12px 14px}.home-search-toggle{margin-left:4px}header{gap:6px}}
/* Feed filtering is controlled by the bottom navigation; omit the duplicate toolbar. */
.feed-discovery .feed-filters{display:none}
.feed-discovery:has(#feedResultStatus:empty){display:none}
#feed{padding-top:0}

.guide-header-search{display:none;flex:1;min-width:0}.guide-header-active header .brand,.guide-header-active header>nav,.guide-header-active header>.publish{display:none!important}.guide-header-active .guide-header-search{display:block;order:1}.guide-header-active header .account-bar{order:2;margin-left:8px;margin-right:0;flex-shrink:0}.guide-header-search .guide-list-heading{display:flex;align-items:center;gap:12px;margin:0;width:100%}.guide-header-search .guide-city-button{border:0;background:none;font-size:17px;font-weight:650;white-space:nowrap;color:#d75b32;padding:8px 0}.guide-header-search input{min-width:0;flex:1;width:100%;border:0;border-radius:24px;background:#f2f3f2;padding:11px 15px;font-size:16px;margin:0}.guide-compact-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:0 2px}.guide-compact-tools>button,.guide-more-menu summary{border:0;background:none;font-size:14px;color:#66746b;padding:10px 0;white-space:nowrap;cursor:pointer}.guide-compact-tools>button[aria-pressed=true]{color:#e65d36}.guide-sort-select{margin:0;min-width:0}.guide-sort-select select{width:auto;max-width:140px;font-size:14px;font-weight:600;border:0;background:transparent;color:#35483c;padding:10px 20px 10px 0;margin:0}.guide-more-menu{position:relative;margin:0;border:0;padding:0}.guide-more-menu summary{list-style:none}.guide-more-menu summary::-webkit-details-marker{display:none}.guide-more-options{position:absolute;right:0;top:40px;z-index:25;width:200px;padding:8px;background:white;border:1px solid #eee;border-radius:12px;box-shadow:0 6px 24px #0002}.guide-more-options button{display:block;width:100%;padding:12px;text-align:left;border:0;background:none;font-size:14px;color:#405247}.guide-more-options p{font-size:11px;color:#89928c;padding:0 12px;line-height:1.6}.guide-header-active .community-main{padding-top:14px}#guideStatus{font-size:12px;margin:0 0 12px}#guideStatus:empty{display:none}@media(max-width:600px){.guide-header-active header{gap:4px;padding:0 12px}.guide-header-search .guide-list-heading{gap:8px}.guide-header-search .guide-city-button{font-size:16px}.guide-header-search input{padding:10px 12px}.guide-header-active header .account-bar{margin-left:4px;gap:3px}.guide-compact-tools{gap:8px}}

/* Category navigation remains available on phones; replace the bottom dock. */
body{padding-bottom:env(safe-area-inset-bottom)}
.app-bottom-nav{display:none!important}
header>nav,.guide-header-active header>nav{display:flex!important}
.guide-header-active header{height:auto;min-height:68px;flex-wrap:wrap;padding-top:10px}
.guide-header-active header>nav{order:5;flex:0 0 100%;margin:0;padding:12px 0;border-top:1px solid #edf0ec}
.guide-map-button{bottom:calc(20px + env(safe-area-inset-bottom))}
@media(max-width:600px){header>nav,.guide-header-active header>nav{order:5;flex:0 0 100%;margin:0;gap:12px;justify-content:space-between;white-space:nowrap;padding:12px 0}header>nav a{font-size:13px}header{padding-bottom:0}}

.trip-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff2eb;border-radius:14px;padding:14px 16px;margin-bottom:18px;font-size:14px}.trip-entry button{border-radius:20px;white-space:nowrap}.guide-row-actions .trip-add{color:#d9552d;font-weight:650}.trip-dialog{width:min(900px,96vw);max-height:92dvh;border-radius:20px;background:#f7f7fa;padding:24px;overflow:auto}.trip-dialog h2{font:700 24px system-ui;margin-right:30px}.trip-settings{display:flex;align-items:center;gap:20px}.trip-settings label{width:120px}.trip-map{height:320px;border-radius:16px;overflow:hidden;background:#e8eee9}.trip-day{padding:18px;background:#fff;border-radius:16px;margin:16px 0}.trip-day h3{font:700 20px system-ui;margin:0}.trip-day h3 small{font-size:13px;color:#879087;font-weight:400}.trip-stop{border-bottom:1px solid #eee;padding:14px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.trip-stop>div{width:100%}.trip-stop span,.trip-stays small,.trip-stop small{font-size:12px;color:#7b857e}.trip-stop button,.trip-stays p button{background:none;border:0;color:#d9552d;padding:6px 12px 6px 0}.trip-stays{background:#fff5ee;border-radius:12px;padding:14px;margin-top:16px;font-size:14px}.trip-stays h4{margin:0 0 10px}.trip-stays small{display:block;line-height:1.7}.trip-stays>.outline{font-size:12px;border-color:#edd3c3;margin:4px;padding:8px}.trip-pin span{display:block;border:2px solid white;color:white;border-radius:14px;padding:4px;font:bold 12px system-ui;text-align:center;box-shadow:0 2px 5px #0004}.trip-dialog .close{z-index:2}.trip-dialog .leaflet-container{z-index:0}.trip-entry+ #guideRows{margin-top:12px}@media(max-width:600px){.trip-dialog{padding:20px 14px;width:96vw}.trip-entry{font-size:12px;padding:12px}.trip-entry button{font-size:13px;padding:10px}.trip-map{height:290px}}

/* Bounded feed pagination and explicit original image access. */
.feed-pagination{text-align:center;padding:18px 12px 30px;color:#718078}.feed-pagination button{border:1px solid #ed6033;border-radius:24px;background:#fff;color:#d9532b;padding:10px 28px;cursor:pointer}.feed-pagination button:disabled{opacity:.6;cursor:wait}.feed-pagination[hidden]{display:none}.detail-original{display:inline-block;color:#d9532b;font-size:13px;padding:8px 12px}.story-slide>.detail-original{position:absolute;right:16px;top:66px;z-index:3;background:rgba(255,255,255,.9);border-radius:20px}
/* Consistent reading layout, with media space reserved before downloads finish. */
#detailDialog.post-reader{inset:0;width:min(760px,100%);height:100dvh;max-height:100dvh;margin:0 auto;border:0;border-radius:0;background:#fff;color:#26382c;overflow-y:auto;overscroll-behavior:contain}
#detailDialog.post-reader #detailContent{height:auto;min-height:100%;padding:0 0 env(safe-area-inset-bottom);background:#fff;color:inherit}
.reader-bar{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;background:#fffffff5;border-bottom:1px solid #eee;padding:8px 20px;padding-top:max(8px,env(safe-area-inset-top))}
.reader-bar button{border:0;border-radius:50%;background:#f3f4f3;width:40px;height:40px;font-size:26px;color:#35443b}
.reader-article{padding:20px;overflow-wrap:anywhere}.reader-author{font-size:14px;margin:0 0 12px}.reader-author time{font-size:12px;color:#7b817c;margin-left:8px}.reader-article h1{font-size:22px;line-height:1.5;margin:8px 0}.reader-article .detail-body{white-space:pre-wrap;font-size:16px;line-height:1.8;margin:12px 0 20px}.reader-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:0;scrollbar-width:none}.reader-gallery figure{flex:0 0 100%;width:100%;min-width:0;margin:0;scroll-snap-align:start;scroll-snap-stop:always}.reader-media{position:relative;background:#eef0ef;border-radius:10px;overflow:hidden;aspect-ratio:4/3}.reader-media img,.reader-media video{width:100%;height:100%;display:block;object-fit:contain;background:#eef0ef}.reader-media [hidden]{display:none!important}.reader-media .detail-original{position:absolute;right:8px;bottom:8px;background:#fff;padding:5px 10px;border-radius:12px;font-size:12px}.reader-live-toggle{position:absolute;top:8px;left:8px;background:#fff;border:0;border-radius:14px;padding:6px 12px}.reader-gallery figcaption{white-space:pre-wrap;padding:10px 0;font-size:14px}.reader-gallery-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px}.reader-gallery-controls button{width:44px;height:36px;border:1px solid #ddd;background:#fff;border-radius:18px}.reader-gallery-controls button:disabled{opacity:.35}.reader-counter{font-size:13px;color:#747e77;min-width:50px;text-align:center}.reader-owner{display:flex;gap:10px;flex-wrap:wrap}.reader-actions{display:flex;justify-content:space-between;padding:14px 0}.reader-article .comments{border-top:1px solid #eee;padding-top:16px}.reader-article .comments h2{font-size:18px}.reader-article form{padding:0}.reader-article .comment p{white-space:pre-wrap}.reader-article .comment-login{font-size:14px;line-height:1.8}.reader-article .comment-login button{display:block;margin-top:10px}
.community-gallery>button,.guide-photos a,.profile-post-cover{background:#e9ecea}.guide-photos img{background:#e9ecea}.guide-list-end{text-align:center;color:#889188;font-size:13px;padding:22px 0}.guide-header-search{position:relative}.guide-city-panel{position:absolute;top:100%;left:0;right:0;z-index:70;background:#fff;padding:16px;border:1px solid #eee;border-radius:14px;box-shadow:0 8px 28px #0002;max-height:65dvh;overflow-y:auto}.guide-city-panel[hidden]{display:none}.guide-city-panel input{width:100%;font-size:16px}.guide-city-panel .city-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.guide-city-panel button{border:0;border-radius:8px;padding:10px 4px;background:#f5f5f3;min-height:44px;color:#35443b}.guide-city-panel button[aria-pressed=true]{background:#fff0e8;color:#c6532b}.guide-city-panel small{display:block;color:#899189;font-size:10px}.guide-city-panel-head{display:flex;justify-content:space-between;align-items:center}.guide-city-panel-head button{background:transparent;padding:4px 10px;font-size:22px}.guide-compact-tools{flex-wrap:wrap}.guide-compact-tools>[data-current-position]{white-space:nowrap}.guide-boot #serverContent{display:none!important}
@media(max-width:600px){.reader-article{padding:16px}.reader-article h1{font-size:20px}.reader-media{aspect-ratio:1}.reader-bar{padding-left:16px;padding-right:16px}.guide-city-panel{position:fixed;top:128px;left:12px;right:12px;max-height:65dvh}.guide-city-panel .city-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
#postList .community-actions .metrics .community-comment-count{min-width:44px;padding-right:12px}

/* Food cards follow the compact home feed rhythm. */
#guidePage .food-feed-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:0;padding:20px 22px;border-radius:12px;border:0;box-shadow:0 2px 12px #20202004}
.food-feed-card>.guide-row-top,.food-feed-card>.guide-row-subtitle,.food-feed-card>.guide-description,.food-feed-card>.guide-expand,.food-feed-card>.guide-photos,.food-feed-card>.guide-no-photo{grid-column:1/-1}
.food-feed-card>.guide-row-top{order:1}.food-feed-card>.guide-row-subtitle{order:2}.food-feed-card>.guide-description,.food-feed-card>.guide-expand{order:3}.food-feed-card>.guide-photos,.food-feed-card>.guide-no-photo{order:4}.food-feed-card>.guide-facts{order:5}.food-feed-card>.guide-row-actions{order:6}
#guidePage .food-feed-card h2{font-size:18px;line-height:1.5}.food-feed-card .guide-favorite{font-size:25px;min-width:36px;min-height:36px}.food-feed-card .guide-heat{font-size:10px;background:transparent;color:#929990}.food-feed-card .guide-row-subtitle{font-size:12px;line-height:1.6;margin:2px 0 8px;color:#879087}.food-feed-card .guide-description{font-size:16px;line-height:1.55;margin:2px 0 12px;color:#333;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.food-feed-card .guide-description:empty,.food-feed-card .guide-row-subtitle:empty{display:none}.food-feed-card .guide-expand{justify-self:start;margin:0 0 8px}
#guidePage .food-feed-card .guide-photos{gap:4px;border-radius:9px;margin:3px 0 12px;width:100%}#guidePage .food-feed-card .guide-photos-1{width:50%;max-width:230px}#guidePage .food-feed-card .guide-photos-2{width:67%;max-width:460px}#guidePage .food-feed-card .guide-photos a{aspect-ratio:1;min-width:0;overflow:hidden;background:#e9ecea}#guidePage .food-feed-card .guide-photos img{height:100%;width:100%;object-fit:cover}.food-feed-card .guide-photos span{font-size:10px;border-radius:4px;right:5px;bottom:5px;padding:3px 5px}.food-feed-card .guide-no-photo{padding:14px 8px;border-radius:8px;margin:4px 0 12px}
.food-feed-card .guide-facts{grid-column:1;gap:8px;font-size:12px;margin:0;align-self:center;flex-wrap:wrap}.food-feed-card .guide-facts button{min-height:36px;font-size:12px}.food-feed-card .guide-row-actions{grid-column:2;justify-content:flex-end;gap:10px;font-size:12px;margin:0;align-self:center}.food-feed-card .guide-distance{color:#899189;font-size:11px}.food-feed-card .guide-row-actions button{font-size:12px;min-height:36px;color:#d75b32}.food-feed-card .guide-row-actions a{font-size:11px}
@media(max-width:600px){#guidePage .food-feed-card{padding:17px;border-radius:11px;column-gap:8px}#guidePage .food-feed-card h2{font-size:17px}.food-feed-card .guide-row-actions{gap:8px}.food-feed-card .guide-facts{gap:6px}.food-feed-card .guide-description{font-size:16px}}
@media(max-width:360px){.food-feed-card>.guide-facts,.food-feed-card>.guide-row-actions{grid-column:1/-1}.food-feed-card>.guide-row-actions{justify-content:flex-start}}
.food-feed-card .guide-description.expanded{display:block;-webkit-line-clamp:unset}

.reader-pending{position:relative;aspect-ratio:4/3;margin:20px;background:#f2f3f2;border-radius:10px;overflow:hidden;display:grid;place-items:center}.reader-pending img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.reader-spinner{display:block;width:22px;height:22px;border:2px solid #ffffff70;border-top-color:#fff;border-radius:50%;animation:reader-spin .8s linear infinite;position:relative}.reader-pending>.reader-spinner{background:#0006;box-shadow:0 0 0 9px #0006}.reader-video-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border:0;border-radius:50%;background:#0006;color:#fff;display:grid;place-items:center;font-size:18px;padding:0}.reader-video-state.is-loading{cursor:wait}.reader-video-state[hidden]{display:none}@keyframes reader-spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){.reader-spinner{animation:none}}@media(max-width:600px){.reader-pending{aspect-ratio:1;margin:16px}}

.reader-opening-video{margin:16px;aspect-ratio:4/3}.reader-media:has(video),.reader-media video{background:#111}.reader-opening-video .reader-video-state{pointer-events:auto}@media(max-width:600px){.reader-opening-video{aspect-ratio:1}}

/* SSR and refreshed stays use identical guide-row markup and existing styles. */
body.stay-ssr main>section:not(#guidePage){display:none!important}
body.stay-ssr #guidePage{display:block;min-width:0}
body.stay-ssr #guidePage[hidden]{display:none!important}
#guidePage[data-mode="stays"] .guide-row h2 a{pointer-events:auto}
#guidePage[data-mode="stays"] .guide-row,#guidePage[data-mode="stays"] .guide-row-top,#guidePage[data-mode="stays"] .guide-facts,#guidePage[data-mode="stays"] .guide-row-actions{min-width:0;overflow-wrap:anywhere}
#guidePage[data-mode="stays"] .guide-photos a{height:170px;overflow:hidden}
#guidePage[data-mode="stays"] .guide-photos img{height:100%;width:100%;object-fit:cover}
#guidePage[data-mode="stays"] .guide-description{white-space:pre-wrap}
.guide-stale{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:8;margin:0;padding:7px 10px;border-radius:8px;background:#fff8ec;color:#8a6642;box-shadow:0 2px 8px #0001;font-size:12px;pointer-events:none}
.guide-stale[hidden],.stay-empty[hidden],.guide-list-end[hidden]{display:none}
.stay-empty{padding:24px 16px;text-align:center;color:#748076;font-size:14px}
body.stay-ssr .guide-header-search{min-width:0}
@media(max-width:600px){body.stay-ssr .community-main{padding:14px 12px 36px}#guidePage[data-mode="stays"] .guide-row{padding:16px}body.stay-ssr header{padding-left:12px;padding-right:12px}body.stay-ssr .guide-compact-tools{gap:8px;flex-wrap:wrap}body.stay-ssr .guide-header-search input{width:0;min-width:0;flex:1}body.stay-ssr .guide-row-actions{gap:10px}}

/* An independent image protects the first video frame on iOS as well as other browsers. */
.reader-media .reader-video-cover{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;background:#111;pointer-events:none;opacity:1;transition:opacity 150ms ease}
.reader-media .reader-video-cover.is-fading{opacity:0}
.reader-video-state{z-index:2}
@media(prefers-reduced-motion:reduce){.reader-media .reader-video-cover{transition:none}}

/* Inline video uses our own controls; iOS native controls dim the entire picture. */
.reader-video-stage{position:absolute;inset:0 0 44px;background:#111;overflow:hidden}
.reader-video-toolbar{position:absolute;left:0;right:0;bottom:0;height:44px;display:flex;align-items:center;gap:4px;padding:0 4px;background:#111;color:#fff;box-sizing:border-box}
.reader-video-toolbar button{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font:12px/1 system-ui;cursor:pointer}
.reader-video-toolbar [data-video-play],.reader-video-toolbar [data-video-fullscreen]{font-size:19px}
.reader-video-toolbar input[type=range]{flex:1;min-width:24px;width:0;height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;accent-color:var(--orange,#e65d36);touch-action:none;cursor:pointer}
.reader-video-time{flex:0 0 auto;font:10px/1.3 system-ui;font-variant-numeric:tabular-nums;white-space:nowrap}
.reader-video-toolbar :focus-visible{outline:2px solid #ff8f66;outline-offset:-3px}
/* Keep the gallery, controls and touch scrolling together on iPhone. */
.reader-media:has(video){width:100%;max-height:max(140px,calc(100dvh - 128px))}
.reader-fullscreen-bar{display:none}
#detailDialog.post-reader.reader-fullscreen{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:hidden;background:#111;color:#fff}
#detailDialog.reader-fullscreen #detailContent{height:100%;min-height:0;padding:0;background:#111}
.reader-fullscreen .reader-bar,.reader-fullscreen .reader-intro,.reader-fullscreen .reader-tail{display:none}
.reader-fullscreen .reader-article{height:100%;padding:0}
.reader-fullscreen .reader-gallery-wrap{height:100%;display:flex;flex-direction:column;min-height:0;background:#111}
.reader-fullscreen .reader-fullscreen-bar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));padding-top:max(4px,env(safe-area-inset-top));color:#fff}
.reader-fullscreen-bar button{min-height:44px;border:0;background:transparent;color:#fff;font-size:14px;padding:0 8px;white-space:nowrap}
.reader-fullscreen-bar [data-detail-close]{width:44px;font-size:28px}.reader-fullscreen-bar span{font-size:12px;color:#bbb}
.reader-fullscreen .reader-gallery{flex:1;min-height:0;touch-action:pan-x pan-y pinch-zoom}
.reader-fullscreen .reader-gallery figure{height:100%;min-height:0}
.reader-fullscreen .reader-media{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0;background:#111}
.reader-fullscreen .reader-media>img{background:#111}
.reader-fullscreen .reader-video-stage video{pointer-events:none}
.reader-fullscreen .reader-gallery figcaption{display:none}
.reader-fullscreen .reader-gallery-controls{flex:0 0 auto;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#111}
.reader-fullscreen .reader-gallery-controls button{height:44px;background:#222;color:#fff;border-color:#555}
.reader-fullscreen .reader-counter{color:#ddd}
.reader-fullscreen .reader-video-toolbar{padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right))}
.reader-fullscreen .reader-gallery-wrap:not(:has(.reader-gallery-controls)){padding-bottom:env(safe-area-inset-bottom)}