/* Shared product tokens; editorial typography is a content variant. */
:root{--ui-paper:#fffef9;--ui-background:#faf7ef;--ui-ink:#20372e;--ui-muted:#5e6c64;--ui-line:#dedfd5;--ui-green:#204c3b;--ui-soft:#e9efe5;--ui-accent:#b2613d;--ui-radius:16px;--ui-control-radius:12px;--ui-space:8px;--ui-font:Manrope,"Noto Sans Thai",system-ui,sans-serif;--ui-body:"DM Sans","Noto Sans Thai",system-ui,sans-serif;--ui-serif:Georgia,"Noto Serif Thai",serif}
html[data-theme=dark]{--ui-paper:#1b302a;--ui-background:#14251f;--ui-ink:#eef1e5;--ui-muted:#becabf;--ui-line:#3c5147;--ui-green:#b8d5b0;--ui-soft:#284238;--ui-accent:#efb08b}
body.cc-body,body.tm-public{background:var(--ui-background);color:var(--ui-ink);font-family:var(--ui-body)}
[hidden]{display:none!important}
:is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}
button,input,select,textarea{font-family:inherit}
.site-header.topbar{box-sizing:border-box;height:74px;position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,4vw);margin:0;max-width:none;border-bottom:1px solid var(--ui-line);background:var(--ui-background);color:var(--ui-ink);backdrop-filter:none}
.site-header .brand{flex:0 0 auto}.site-header .brand-logo{width:142px!important;height:40px!important;object-fit:contain}
.site-header .main-nav{position:static!important;transform:none!important;display:flex!important;justify-content:center;align-items:stretch;gap:24px;width:auto!important;height:74px!important;margin:0;padding:0;border:0;background:transparent}
.site-header .nav-link{display:flex;align-items:center;justify-content:center;min-height:44px;height:74px;padding:0 2px;border:0;border-bottom:3px solid transparent;background:none;font:700 13px var(--ui-font);text-decoration:none;white-space:nowrap;color:var(--ui-muted)}
.site-header .nav-link.active,.site-header .nav-link[aria-current=page]{color:var(--ui-ink);border-bottom-color:var(--ui-green)}
.site-header .top-actions{position:relative;display:flex;align-items:center;gap:8px;min-width:0}
.site-header :is(.theme-toggle,.sign-in-button,.admin-link,.mobile-profile-button){box-sizing:border-box;min-height:44px;border:1px solid var(--ui-line);border-radius:var(--ui-control-radius);background:var(--ui-paper);color:var(--ui-ink);padding:9px 12px;font:700 12px var(--ui-font);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:none}
.site-header .theme-toggle{width:44px;padding:10px}.site-header .theme-toggle>span{display:none}.site-header .mobile-profile-button{display:none;width:44px;padding:10px}.site-header .admin-link{font-size:11px}
.site-header .signed-in{max-width:190px;overflow:hidden}.site-header .signed-in span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header :is(.signed-in,.mobile-profile-button) img{width:26px;height:26px;object-fit:cover;border-radius:50%}
.site-header .language-switch{height:44px;display:flex;border:1px solid var(--ui-line);border-radius:var(--ui-control-radius);background:var(--ui-paper);padding:2px;gap:2px;box-sizing:border-box}
.site-header .language-switch :is(a,button){display:grid;place-items:center;min-width:38px;min-height:38px;padding:0 8px;font:700 11px var(--ui-font);color:var(--ui-ink);text-decoration:none;border:0;border-radius:8px;background:none}
.site-header .language-switch :is([aria-current=true],[aria-pressed=true]){background:var(--ui-green);color:var(--ui-paper)}
.site-header .mobile-profile-panel{position:absolute;top:54px;right:0;z-index:3000;min-width:220px;padding:8px;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-paper);box-shadow:0 12px 32px #152d2524}
.site-header .mobile-profile-panel .profile-menu-link{display:block;width:100%;text-align:left;min-height:44px;padding:12px;border:0;border-radius:8px;background:none;color:var(--ui-ink);font:600 13px var(--ui-font);text-decoration:none}
.site-header .mobile-profile-panel .profile-menu-link:hover{background:var(--ui-soft)}
.saved-navigation{display:flex;gap:8px;margin:0 0 24px;padding:4px;border-radius:var(--ui-control-radius);background:var(--ui-soft);width:max-content;max-width:100%}
.saved-navigation a{display:flex;align-items:center;min-height:44px;padding:0 20px;border-radius:8px;color:var(--ui-ink);font:700 14px var(--ui-font);text-decoration:none}.saved-navigation [aria-current=page]{background:var(--ui-paper);box-shadow:0 1px 4px #13291d12}
.site-shared-footer.site-footer{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);align-items:start;gap:24px;padding:32px max(24px,4vw) 90px;margin:48px 0 0;border-top:1px solid var(--ui-line);background:var(--ui-paper);color:var(--ui-ink)}
.site-shared-footer .footer-brand{min-width:0}.site-shared-footer>p{grid-column:1/-1;max-width:100%;text-align:left;margin:0}.site-shared-footer .footer-links a{white-space:nowrap}
@media(max-width:600px){.site-shared-footer.site-footer{grid-template-columns:minmax(0,1fr);gap:20px}}
.site-shared-footer .footer-links{display:flex;gap:12px 20px;flex-wrap:wrap}.site-shared-footer .footer-links a{color:var(--ui-ink);font-size:13px}.site-shared-footer>p{font-size:12px;color:var(--ui-muted)}
.ui-button,.tm-public .button,.cc-body :is(button,.cc-button):not(.nav-link):not(.theme-toggle):not(.profile-menu-link):not([data-site-language]){min-height:44px;border-radius:var(--ui-control-radius);font-family:var(--ui-font)}
.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid var(--ui-line);background:var(--ui-paper);color:var(--ui-ink);font:700 13px var(--ui-font);text-decoration:none;cursor:pointer}.ui-button.primary{background:var(--ui-green);border-color:var(--ui-green);color:var(--ui-paper)}
.tm-public .tm-view-switch [aria-pressed=true],.tm-public .tm-filters [aria-pressed=true]{background:var(--ui-green);border-color:var(--ui-green);color:var(--ui-paper)}
.tm-public .tm-facts,.ui-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0;padding-top:16px;border-top:1px solid var(--ui-line)}
.tm-public .tm-facts dt,.ui-facts dt{font:700 11px var(--ui-font);color:var(--ui-muted);margin:0 0 4px;text-transform:none;letter-spacing:0}.tm-public .tm-facts dd,.ui-facts dd{margin:0;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.tm-public .tm-facts>div,.ui-facts>div{min-width:0}
.tm-row-key-facts{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--ui-ink);line-height:1.6;margin-top:5px}.tm-public .tm-row-teaser{font-size:13px}.tm-public .tm-area:empty{display:none}
.tm-public .tm-entry-copy>p:not(.tm-area){line-height:1.7}.tm-public .tm-map-badge+.tm-category{display:none}.tm-card-copy>.tm-category{display:none}
.tm-public :is(.tm-entry-actions,.tm-selection-actions){display:flex;flex-wrap:wrap;gap:8px}
.tm-public .tm-detail-heading .tm-eyebrow,.tm-public .tm-index-title .tm-eyebrow{font-size:11px}
[data-page=my-map].page-shell{padding-top:28px}.page-hero.compact{gap:24px;margin-bottom:24px}.page-hero.compact h1{font-size:clamp(30px,3.2vw,48px);line-height:1.15;max-width:760px}.page-hero.compact{display:block}.page-hero.compact>p:last-child{justify-self:start;margin-top:12px;font-size:16px}
.cc-body{--j-ink:var(--ui-ink);--j-green:var(--ui-green);--j-line:var(--ui-line);--j-muted:var(--ui-muted)}
.cc-body main{max-width:1180px;margin:auto;padding:28px 24px 0}.cc-body .cc-intro{padding:0;margin:0 0 24px}.cc-body .cc-intro h1{font-size:clamp(30px,3.5vw,48px);line-height:1.15;margin:12px 0}.cc-body .cc-panel{background:var(--ui-paper);border-color:var(--ui-line);border-radius:var(--ui-radius);padding:24px}
.cc-body .cc-card a{color:var(--ui-ink);text-decoration:none}.cc-body .cc-grid{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.cc-body .cc-card{padding:0;overflow:hidden;border:1px solid var(--ui-line);background:var(--ui-paper);border-radius:var(--ui-radius)}
.cc-card-visual{height:170px;display:block;object-fit:cover;width:100%;background:var(--ui-soft)}.cc-card-placeholder{height:170px;display:grid;place-items:center;background:var(--ui-soft);font:500 24px var(--ui-serif);color:var(--ui-muted)}.cc-card-copy{padding:20px}.cc-body .cc-card h2{font-size:20px;line-height:1.35;margin:10px 0}.cc-card-copy>p{font-size:14px;line-height:1.7}.cc-card-meta{font:600 12px var(--ui-font);color:var(--ui-muted)}.cc-body .cc-tag{font-size:11px;letter-spacing:0;text-transform:none;color:var(--ui-muted)}
.cc-body .journey-page{--j-green:var(--ui-green);--j-ink:var(--ui-ink);--j-soft:var(--ui-soft);--j-muted:var(--ui-muted);--j-line:var(--ui-line)}.cc-body .j-reading-bar{top:74px;background:var(--ui-background);box-shadow:none;z-index:600}.cc-body .j-view-tabs{background:var(--ui-soft)}.cc-body .journey-page .j-view-tabs [aria-selected=true]{background:var(--ui-paper);color:var(--ui-ink);border-color:var(--ui-line)}
.cc-body .j-hero h1{font-family:var(--ui-serif)}.cc-body .j-story-text{font-size:18px}.cc-body .j-reader-meta,.cc-body .j-copy-note,.cc-body .j-trust{font-size:12px}.cc-body .j-primary{background:var(--ui-green);border-color:var(--ui-green);color:var(--ui-paper)}
.cc-body .j-map-dialog{background:var(--ui-paper);color:var(--ui-ink)}.cc-body .j-map-reference{width:44px;min-height:44px}.cc-body .j-direction{min-height:44px;font-size:13px}.cc-body .j-map-legend{font-size:12px;line-height:1.6}
.cc-guide-hero{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start;margin:20px 0}.cc-guide-hero h1{font:800 clamp(30px,3.4vw,46px)/1.2 var(--ui-font);letter-spacing:-.035em;margin:8px 0 12px}.cc-guide-hero>div>p{font-size:16px;line-height:1.7;margin:8px 0 16px}.cc-guide-cover{width:100%;height:170px;object-fit:cover;border-radius:var(--ui-radius)}.cc-guide-cover figure{margin:0}.cc-guide-hero .j-author{margin:16px 0}.cc-guide-hero .j-copy-note{margin:8px 0;color:var(--ui-muted)}.cc-guide-hero .j-hero-actions{margin:12px 0}.cc-guide-intro{font-size:15px;line-height:1.8;max-width:760px}
.cc-guide-search{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}.cc-guide-search label{flex:1;min-width:150px;font:600 12px var(--ui-font);display:grid;gap:6px}.cc-guide-search input,.cc-guide-search select{width:100%;min-height:44px;border:1px solid var(--ui-line);border-radius:var(--ui-control-radius);padding:10px 12px;background:var(--ui-paper);color:var(--ui-ink);box-sizing:border-box}.cc-guide-list{list-style:none;display:grid;gap:16px;padding:0;margin:16px 0 32px}.cc-guide-place{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-paper);padding:24px;scroll-margin-top:170px}.cc-guide-place header{display:flex;gap:16px;align-items:start}.cc-guide-place h2{font:800 22px/1.35 var(--ui-font);margin:0 0 6px}.cc-guide-place .cc-guide-thumb{width:100px;height:100px;object-fit:cover;border-radius:12px;flex-shrink:0}.cc-guide-place .cc-guide-summary{font-size:15px;line-height:1.75}.cc-guide-place .j-guide-grid{padding:16px 0;gap:20px}.cc-guide-place .j-detail p{font-size:14px}.cc-guide-place .j-detail h4{font-size:13px}.cc-guide-place .j-attribution{padding:0;font-size:12px}.cc-guide-meta{font-size:13px;color:var(--ui-muted);margin:0}.cc-guide-place .j-stop-actions{display:flex;flex-wrap:wrap;gap:8px}.cc-guide-rank{font:800 22px var(--ui-font);color:var(--ui-green)}
.cc-body .is-guide .cc-guide-map .j-map{height:280px}.cc-guide-map+.cc-guide-list .cc-guide-place{padding:20px}.cc-order-note,.cc-result-count{font-size:13px;color:var(--ui-muted)}
.save-dialog{box-sizing:border-box;width:min(520px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--ui-line);border-radius:20px;padding:24px;background:var(--ui-paper);color:var(--ui-ink);font-family:var(--ui-body);box-shadow:0 20px 80px #10251f44}.save-dialog::backdrop{background:#13281f80;backdrop-filter:blur(3px)}.save-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.save-dialog h2{font:800 24px/1.3 var(--ui-font);margin:0}.save-dialog header button{min-width:44px;min-height:44px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-paper);color:var(--ui-ink);font-size:22px}.save-dialog p{font-size:14px;line-height:1.7}.save-dialog-list{display:grid;gap:8px;margin:16px 0}.save-dialog-list button{width:100%;justify-content:space-between;text-align:left}.save-dialog form{border-top:1px solid var(--ui-line);padding-top:16px;display:grid;gap:12px}.save-dialog label{display:grid;gap:6px;font-size:13px}.save-dialog input{min-height:44px;padding:10px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-background);color:var(--ui-ink);font:inherit;box-sizing:border-box}.save-dialog [role=status]{white-space:pre-line}.save-dialog .cc-error{color:#b33722}
@media(max-width:1100px){.site-header.topbar{gap:16px;padding:0 24px}.site-header .main-nav{gap:16px}.site-header .admin-link{display:none}.site-header .signed-in{max-width:140px}}
@media(max-width:800px){body{padding-bottom:66px}.site-header.topbar{height:62px;padding:0 12px;gap:8px}.site-header .brand-logo{width:104px!important;height:34px!important}.site-header .main-nav{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%!important;height:calc(58px + env(safe-area-inset-bottom))!important;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--ui-line);background:var(--ui-background);z-index:2000}.site-header .nav-link{min-width:0;max-width:none;width:100%;height:58px!important;min-height:44px;padding:0 4px;font-size:10px;white-space:normal;text-align:center;line-height:1.4;border-bottom:0;border-top:3px solid transparent;box-sizing:border-box}.site-header .nav-link.active,.site-header .nav-link[aria-current=page]{border-top-color:var(--ui-green);border-bottom:0}.site-header .top-actions{gap:6px}.site-header .mobile-profile-button{display:inline-flex}.site-header :is(#authButton,#site-auth){display:none}.site-header .language-switch :is(a,button){min-width:32px;padding:0 6px}.site-header .theme-toggle{width:40px;padding:8px}.site-header .admin-link{display:none}.cc-body main{padding:20px 16px 0}.cc-body .cc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-body .j-reading-bar{top:62px}.cc-guide-hero{grid-template-columns:1fr;margin:12px 0}.cc-guide-hero>figure{display:none}.cc-guide-hero h1{font-size:30px}.cc-guide-place{padding:18px}.cc-guide-place h2{font-size:20px}.cc-guide-place .cc-guide-thumb{width:72px;height:72px}.cc-body .is-guide .cc-guide-map .j-map{height:220px}.cc-guide-place .j-guide-grid{grid-template-columns:1fr}.cc-body .j-map-dialog{max-height:calc(100dvh - 24px);padding:18px}.cc-body .j-map-dialog small{font-size:11px}.page-hero.compact h1{font-size:32px}.page-shell{padding-top:24px}.site-shared-footer.site-footer{padding:24px 16px 90px}.tm-public .tm-facts{gap:14px}.saved-navigation{margin-bottom:20px}}
@media(max-width:520px){.cc-body .cc-grid{grid-template-columns:1fr}.cc-body .cc-panel{padding:18px}.cc-guide-search{gap:8px}.cc-guide-search label{min-width:125px}.cc-guide-search .ui-button{padding:10px 12px}.cc-guide-place header{gap:12px}.cc-guide-place .j-stop-actions .ui-button{flex:1}.cc-guide-list{gap:12px}.save-dialog{padding:20px}.site-header .brand-logo{width:94px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{scroll-behavior:auto!important}}

.site-header #mobileProfilePanel #authButton:not(.signed-in){display:flex}.site-header #mobileProfilePanel #adminNav:not([hidden]){display:block}.site-header #mobileProfilePanel #authButton.signed-in{display:none}
.cc-consent-bar{max-width:1180px;margin:0 auto;padding:0 24px 90px;font-size:12px;color:var(--ui-muted)}.cc-consent-bar button{font-size:12px}
html[data-theme=dark] .cc-body :is(.j-place-card,.j-journal-entry,.j-overview,.j-map-section,.j-view-tabs [aria-selected=true],.j-photo,.j-memory,.cc-editor-details){background:var(--ui-paper);color:var(--ui-ink);border-color:var(--ui-line)}html[data-theme=dark] .cc-body :is(.j-story-text,.j-memory p,.j-last-page p,.j-detail p,.j-description,.j-one-liner,.j-creator-status){color:var(--ui-muted)}html[data-theme=dark] .cc-body :is(input,select,textarea){background:var(--ui-background);color:var(--ui-ink);border-color:var(--ui-line)}html[data-theme=dark] .cc-body .j-demo{background:var(--ui-soft);color:var(--ui-ink)}

.site-header .nav-link::after{display:none!important}.cc-body .is-guide .cc-guide-hero{margin:12px 0}.cc-guide-hero:not(:has(figure)){grid-template-columns:1fr}.cc-guide-hero>div>p.cc-guide-meta{font-size:13px;margin:6px 0}.cc-guide-hero .j-author{margin:12px 0}.cc-guide-hero .j-copy-note{font-size:11px;line-height:1.6;margin:6px 0!important;max-width:620px}.cc-guide-disclosure{font-size:12px;margin:8px 0;color:var(--ui-muted)}.cc-guide-about{font-size:13px;margin:8px 0}.cc-guide-about summary{min-height:32px;cursor:pointer}.cc-guide-about p{margin:8px 0}.cc-body .is-guide .j-reading-bar{min-height:0;padding:8px 0;margin:12px 0;display:flex}.is-guide .j-reader-meta{display:none}.cc-order-note{margin:8px 0;font-size:12px}.cc-result-count{margin:8px 0;font-size:12px}.cc-guide-hero h1{margin-top:0}.cc-guide-hero>div>p:not(.cc-guide-meta):not(.j-copy-note){margin-bottom:12px}.cc-guide-search{margin:12px 0}.cc-guide-search input{font-size:14px}
@media(max-width:800px){.cc-guide-search{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:8px}.cc-guide-search label{min-width:0}.cc-guide-search input,.cc-guide-search select{font-size:12px;padding:8px}.cc-guide-search button{padding:10px}.cc-guide-search label:only-of-type{grid-column:1/3}.cc-guide-hero .j-author .j-avatar{width:32px;height:32px}.cc-guide-hero .j-author{margin:10px 0}.cc-body .is-guide .j-demo{padding:10px 12px;margin-bottom:16px}.cc-guide-hero .j-copy-note{font-size:11px}.cc-body .is-guide .j-reading-bar .j-view-tabs{width:100%;display:flex}.cc-body .is-guide .j-view-tabs button{flex:1}.cc-body .is-guide .j-breadcrumb{margin-bottom:16px}}

.cc-body .cc-guide-search label{margin:0}.cc-body .cc-guide-about summary{padding:4px 0;min-height:24px}.cc-body .is-guide .j-view-tabs button{font-size:13px}.cc-body .is-guide .j-reading-bar{padding:4px 0;margin:8px 0}.cc-body .cc-guide-hero .j-author strong{font-size:13px}.cc-body .is-guide .j-breadcrumb{margin-bottom:12px}

html,html[data-theme=dark]{--cream:var(--ui-background);--paper:var(--ui-paper);--white:var(--ui-paper);--navy:var(--ui-ink);--green:var(--ui-green);--green-2:var(--ui-green);--line:var(--ui-line);--muted:var(--ui-muted)}
.cc-body .journey-page button.j-primary,.cc-body button.primary{background:var(--ui-green);border-color:var(--ui-green);color:var(--ui-paper)}
.cc-body .journey-page .j-hero-actions button:not(.j-primary){background:var(--ui-paper);border-color:var(--ui-line);color:var(--ui-ink)}
.cc-body .journey-page .j-copy-note{color:var(--ui-muted)}
html[data-theme=dark] .cc-body :is(.j-hero-photo,.j-plan-note,.j-pocket-inner,.j-detail-highlight,.j-map-dialog,.j-photo-stamp,.j-transit-symbol,.j-day-badge,.j-no-cover){background:var(--ui-paper);color:var(--ui-ink);border-color:var(--ui-line)}
html[data-theme=dark] .cc-body .journey-page .j-stop-chips button{background:var(--ui-soft);color:var(--ui-ink);border-color:var(--ui-line)}
html[data-theme=dark] .cc-body :is(.j-stop-number,.j-stop-chips b){color:var(--ui-paper)}
html[data-theme=dark] .cc-body :is(.j-opening,.j-shared-note,.j-handwritten,.j-pocket-highlight,.j-pocket-inner>small,.j-pocket-note>p,.j-journal-empty,.j-stop-kicker,.j-attribution a,.j-to-itinerary,.j-photo-stamp,.j-hero-photo figcaption){color:var(--ui-muted)}
html[data-theme=dark] .cc-body .j-visit-status,html[data-theme=dark] .cc-body .j-access-alert{background:var(--ui-soft);color:var(--ui-ink)}
body{font-family:var(--ui-body)}.button,.card-open{font-family:var(--ui-font);min-height:44px}.place-card,.map-list-card,.tm-public .tm-entry{border-radius:var(--ui-radius);border-color:var(--ui-line);background:var(--ui-paper)}.button.primary,.button.dark,.card-open{background:var(--ui-green);border-color:var(--ui-green);color:var(--ui-paper)}
.save-dialog .ui-button{display:flex}.save-dialog-list .ui-button{gap:12px}.save-dialog-list .ui-button span{flex:1;min-width:0}.save-dialog-list .ui-button small{flex:0 0 auto;max-width:90px;text-align:right;color:var(--ui-muted);font-size:11px}.save-dialog h2{font-size:22px}
.j-timeline-item,.j-journal-entry,.cc-guide-place{scroll-margin-top:170px}.tm-row-key-facts>span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.tm-row-key-facts{display:grid;gap:2px}.tm-public .tm-row-teaser{-webkit-line-clamp:2}.tm-entry .tm-entry-actions .button{font-size:13px}
@media(max-width:800px){.j-timeline-item,.j-journal-entry,.cc-guide-place{scroll-margin-top:152px}.save-dialog-list .ui-button small{max-width:80px}}

html[data-theme=dark] .cc-body .j-eyebrow{color:var(--ui-muted)}

@media(max-width:420px){[data-page="my-map"] .map-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}[data-page="my-map"] .map-tabs button{min-width:0;padding:10px 3px;font-size:12px;white-space:normal}[data-page="my-map"] .map-tabs b{margin-left:3px;min-width:19px}}

.landing-grid img[src*="/assets/troviro-share-card."]{object-fit:contain;background:var(--ui-soft)}
@media(max-width:600px){.landing-grid,.cc-body .cc-grid{grid-template-columns:minmax(0,1fr)}}

.collection-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.4em;margin-inline-start:5px;font-size:.85em;line-height:1.4;border-radius:99px;background:var(--ui-soft);color:var(--ui-ink)}
.collection-count[hidden]{display:none}.collection-attribution{font-size:13px;color:var(--ui-muted)}.tm-copy-actions{margin:12px 0 18px}.tm-copy-actions [role=status]{margin-inline-start:12px}.cc-body .j-view-tabs{flex-wrap:wrap}

/* Let practical details use the full reading width on narrow screens. */
@media(max-width:650px){.tm-public .tm-facts,.ui-facts{grid-template-columns:1fr}}

.tm-information-note{padding:16px 20px;margin:16px 0;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-soft);font-size:14px;line-height:1.7;overflow-wrap:anywhere}

body.ui-document{margin:0;background:var(--ui-background);color:var(--ui-ink);font-family:var(--ui-body)}
.ui-document-main{box-sizing:border-box;max-width:960px;margin:0 auto;padding:32px 24px;line-height:1.8;overflow-wrap:anywhere}
.ui-document-main h1{font-size:clamp(28px,4vw,40px);line-height:1.35;margin:0 0 20px}
@media(max-width:650px){.ui-document-main{padding:24px 16px}}
.action-modal .photo-spot-fields,.action-modal .new-find-photo-fields{box-sizing:border-box;padding:18px;min-width:0}

.action-modal .choice-grid>label>span{padding:14px}

@media(min-width:761px){#mobileCategoryDialog{box-sizing:border-box;padding-inline:16px;overflow-y:auto}}

.profile-hero>*{min-width:0}.profile-hero h1{overflow-wrap:anywhere}