/* Presentation only: shared paper, depth and restrained motion. */
:root{--ease-editorial:cubic-bezier(.22,.61,.36,1);--shadow-soft:0 3px 10px #60462408,0 12px 28px #60462408}
body{background-color:#f8f2e7;background-image:radial-gradient(ellipse 100% 600px at 15% 0%,#fffaf3b3,transparent 75%),radial-gradient(ellipse 85% 800px at 100% 750px,#e9ddc333,transparent 75%)}
body>header,.overview-top{background:transparent;box-shadow:none;isolation:isolate;z-index:1200}
/* Paint full-width without widening the content box or clipping the menu.
   Border-image outsets extend paint only, so scrollbars do not add overflow. */
body>header::before,.overview-top::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-image:linear-gradient(110deg,#fcf7ee,#f4ecdf) fill 0 / 1 / 0 100vw}
body>header::after,.overview-top::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;background:#d6c5aa;box-shadow:0 0 0 100vmax #d6c5aa;clip-path:inset(0 -100vmax)}
.gallery,.tavern-story{background-image:linear-gradient(125deg,#fffaf333,#e7d5b022);box-shadow:0 1px 0 #fffaf080 inset}
.card{border-color:#d9c9b0;box-shadow:var(--shadow-soft);transition:transform 200ms var(--ease-editorial),box-shadow 200ms var(--ease-editorial),border-color 200ms ease}
.card,.craft-note,.bell-cards li{background-image:linear-gradient(140deg,#ffffff35,transparent 65%)}
.bell-cards li,.craft-note,.historical-note{box-shadow:0 1px 0 #fffaf0 inset,0 4px 16px #60462406}
.primary,.hero-button,.overview,.overview-back,.saved-collection-action,.view-tools button,.toolbar button,.filters input,.filters select,.search input,.language-switch a,.detail-actions button,.heart,.close,.collection-menu summary{transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,color 180ms ease,transform 180ms var(--ease-editorial)}
.primary,.hero-button{box-shadow:0 3px 8px #71353414,inset 0 1px 0 #ffffff15}
.filters input:focus,.filters select:focus,.toolbar input:focus{box-shadow:0 0 0 4px #ad8e6020;background-color:#fffcf7}
.source-expansion{border-color:#d8c7ad;border-radius:8px;transition:background-color 180ms ease,box-shadow 180ms ease}
.source-expansion[open]{background-color:#fcf7ee;box-shadow:0 5px 20px #60462408}
.source-expansion>summary{border-radius:8px;transition:background-color 180ms ease}
.source-reading{border-top:1px solid #e7dac7}
.collection-menu-panel{box-shadow:0 6px 15px #49351e0c,0 22px 50px #49351e1c;border-color:#d8c5a7;background:linear-gradient(135deg,#fffbf3,#f8f1e5)}
.collection-menu-panel a{transition:background-color 160ms ease,color 160ms ease}
dialog{border:1px solid #d5c2a4;box-shadow:0 16px 45px #30251a35,0 40px 100px #30251a26,inset 0 1px 0 #fffcf5;background-color:#fbf6ed}
dialog::backdrop{background:rgba(43,35,27,.48);backdrop-filter:blur(3px)}
#detail .modal-scroll{background:linear-gradient(125deg,#fffaf1,#f8f2e7 75%)}
.modal-top,.detail-top{background-image:linear-gradient(125deg,#fffdf64d,transparent)}
dialog .close{border:1px solid #ddcdb5;box-shadow:0 3px 10px #49351e12}
.modal-photo img,.tavern-photo img,.source-illustration img{box-shadow:0 3px 12px #49351e0b}
@media(hover:hover) and (pointer:fine){
 .card:hover{transform:translateY(-3px);border-color:#bea481;box-shadow:0 7px 16px #6046240d,0 17px 32px #60462412}
 .primary:hover,.hero-button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #71353422}
 .overview:hover,.overview-back:hover,.heart:hover,.close:hover,.collection-menu summary:hover{box-shadow:0 3px 10px #60462412;border-color:#b99e79}
 .source-expansion>summary:hover{background-color:#eadcc533}
 .collection-link .devisli{transition:transform 260ms var(--ease-editorial),filter 260ms ease}
 .collection-link:hover .devisli{transform:translateY(-5px) rotate(0deg);filter:drop-shadow(0 9px 7px #5e48201a)}
 .collection-link .cta{transition:color 160ms ease;}
 .collection-link:hover .cta{color:#632e32}
}
@media(prefers-reduced-motion:no-preference){
 /* Keep illustration ancestors uncomposited so multiply blends with the paper from first paint. */
 dialog[open]{animation:dialog-arrive 220ms var(--ease-editorial)}
 dialog[open]::backdrop{animation:backdrop-arrive 200ms ease-out}
 .collection-menu[open] .collection-menu-panel{transform-origin:top right;animation:menu-arrive 160ms var(--ease-editorial)}
 .source-expansion[open] .source-reading{animation:reading-arrive 220ms ease-out}
}
@keyframes editorial-arrive{from{opacity:.65;translate:0 6px}to{opacity:1;translate:0 0}}
@keyframes dialog-arrive{from{opacity:.5;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}
@keyframes menu-arrive{from{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}
@keyframes reading-arrive{from{opacity:.55}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card:hover,.collection-link:hover .devisli,.primary:hover,.hero-button:hover{transform:none!important}}
@media print{body,body>header,.overview-top{background:#fff!important;box-shadow:none!important}*,*::before,*::after{animation:none!important;transition:none!important;box-shadow:none!important}}
/* Consistent tactile controls and warmer paper depth. */
body{background-image:radial-gradient(ellipse 100% 720px at 8% 0%,#fffdf6e6,transparent 78%),radial-gradient(ellipse 85% 1100px at 100% 650px,#e8d5b547,transparent 80%),linear-gradient(135deg,#faf5ec 0%,#f5eddf 52%,#f9f3e8 100%)}
.view-switch,.segmented{display:inline-flex;align-items:center;gap:3px;padding:4px!important;border:1px solid #dac9ae;border-radius:28px!important;background:linear-gradient(145deg,#ede2cf,#f4ebdc)!important;box-shadow:inset 0 1px 3px #694c2010,0 1px 0 #ffffff80}
.view-switch button,.segmented button{border:0!important;border-radius:24px!important;padding:9px 17px!important;min-height:36px;background:transparent!important;color:#79654d!important;font-size:11px;line-height:1.3;white-space:nowrap;transition:background-color 200ms ease,color 200ms ease,box-shadow 200ms ease,transform 160ms var(--ease-editorial)}
.view-switch button[aria-pressed=true],.segmented button[aria-pressed=true]{background:linear-gradient(135deg,#94484b,#7c3438)!important;color:#fffaf3!important;box-shadow:0 2px 5px #61332b22,inset 0 1px 0 #ffffff20}
.view-switch button[aria-pressed=false]:hover,.segmented button[aria-pressed=false]:hover{background:#fffaf37a!important;color:#653a32!important}
.saved-collection-action,.view-tools>button,.detail-actions button,.modal-buttons button,.toolbar>button,.storage-actions button{border-radius:24px!important;box-shadow:0 2px 5px #60462409,inset 0 1px 0 #ffffff65}
.primary,.hero-button{background-image:linear-gradient(135deg,#ffffff10,#00000008)}
.card{border-radius:11px;background-image:linear-gradient(135deg,#ffffff70,transparent 70%)}
.card:focus-within{border-color:#aa8660;box-shadow:0 0 0 2px #aa866020,0 8px 24px #60462412}
.card .more,.collection-link .cta{display:inline-flex;align-items:center;gap:8px;text-underline-offset:4px}
@media(hover:hover){.card:hover .more,.collection-link:hover .cta{text-decoration:underline;text-decoration-color:#b18766}.primary:active,.hero-button:active,.view-switch button:active,.segmented button:active{transform:translateY(1px)}}
@media(prefers-reduced-motion:no-preference){
 .view-switch button[aria-pressed=true],.segmented button[aria-pressed=true]{animation:toggle-select 200ms var(--ease-editorial)}
 #explorer.gallery-mode>.results{animation:gallery-change 240ms ease-out}
 #explorer.map-mode>.results,#explorer.map-mode>.map-panel,#explorer.map-mode>.tavern-map-panel{animation:map-change 240ms ease-out}
}
@keyframes toggle-select{from{box-shadow:0 0 0 #61332b00;opacity:.7}to{box-shadow:0 2px 5px #61332b22,inset 0 1px 0 #ffffff20;opacity:1}}
@keyframes gallery-change{from{opacity:.55}to{opacity:1}}
@keyframes map-change{from{opacity:.55}to{opacity:1}}
@media(pointer:coarse){.view-switch button,.segmented button,.saved-collection-action,.view-tools>button,.detail-actions button,.modal-buttons button,.toolbar>button,.storage-actions button,.collection-menu summary{min-height:44px}.heart,.close{min-width:44px;min-height:44px}.language-switch a{min-height:36px;min-width:34px}}
@media(max-width:420px){.view-switch button,.segmented button{padding-inline:12px!important}.view-switch,.segmented{max-width:100%;box-sizing:border-box}}
/* Visible paper light and layered surfaces, including previously opaque sections. */
body{background:#f6ecdb;background-image:radial-gradient(ellipse 90% 850px at 0 0,#fffdf8 5%,transparent 75%),radial-gradient(ellipse 75% 1300px at 100% 550px,#ddc49a70,transparent 80%),linear-gradient(125deg,#faf5eb,#efdfc4 60%,#f8efdf)}
.intro,.tavern-hero,.hero{background:transparent}
.hero-copy{background-color:transparent}
.explore{background-image:linear-gradient(130deg,#faf5e9,#eee1c9 75%,#e8d7b9)!important;box-shadow:inset 0 1px 0 #fffdf5,0 -12px 40px #73542604}
.gallery{background:linear-gradient(135deg,#fffaf1,#eee0c7 85%)!important;border-radius:18px;box-shadow:0 12px 36px #7252260a,inset 0 1px 0 #fffdf5}
.card{background:linear-gradient(140deg,#fffdf7,#f8f0e2);box-shadow:0 3px 8px #61421f0a,0 10px 25px #61421f0a;border-color:#ddc8a7}
.view-switch.motion-toggle,.segmented.motion-toggle{position:relative;isolation:isolate}
.language-switch.motion-toggle{isolation:isolate}
.motion-toggle::before{content:'';position:absolute;z-index:0;pointer-events:none;top:4px;bottom:4px;left:0;width:var(--pill-width,0);transform:translateX(var(--pill-x,0));border-radius:24px;background:linear-gradient(140deg,#a14e50,#793137);box-shadow:0 3px 7px #713c3030,inset 0 1px 0 #ffffff26;transition:transform 340ms cubic-bezier(.22,.8,.22,1),width 340ms cubic-bezier(.22,.8,.22,1)}
.motion-toggle>button,.motion-toggle>a{position:relative;z-index:1}
.view-switch.motion-toggle button,.segmented.motion-toggle button,.language-switch.motion-toggle a,.language-switch.motion-toggle a[aria-current=true],.view-switch.motion-toggle button[aria-pressed=true],.segmented.motion-toggle button[aria-pressed=true]{background:transparent!important;box-shadow:none!important;animation:none!important}
.language-changing a{color:#74634f!important}.language-changing a.language-destination{color:#fffaf3!important}
.collection-menu[open] .collection-menu-panel,#explorer.gallery-mode>.results,#explorer.map-mode>.results,#explorer.map-mode>.map-panel,#explorer.map-mode>.tavern-map-panel{animation:none!important}
.collection-menu-panel{transform-origin:top right}

@keyframes page-light-in{from{opacity:.5}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.motion-toggle::before{transition:none!important}}
@media print{body,.intro,.hero,.tavern-hero,.explore,.gallery,.card{background:#fff!important;box-shadow:none!important}}
.language-switch.language-changing a[aria-current=true]{color:#74634f!important}
.language-switch.language-changing a.language-destination{color:#fffaf3!important}
body:has(#mapView) .hero-copy{isolation:auto}
body:has(#mapView) .hero-copy::before{z-index:0}
body:has(#mapView) .hero-copy>*{position:relative;z-index:1}
/* Continuous paper for open editorial sections; explicit edges for inset panels.
   Do not restart a rectangular gradient behind unframed text. */
.archive-intro{background:transparent;box-shadow:none}
.collection{background:transparent;box-shadow:none;border-top:0}
.fire,.interview-section{background:transparent}
.explore,.gallery,.tavern-story,.closing{
 border-radius:18px;
 outline:1px solid #cbb591;
 outline-offset:-1px;
 box-shadow:0 8px 24px #7252260a,inset 0 1px 0 #fffdf5;
}
.explore{border-color:transparent}
.closing{background:linear-gradient(125deg,#faf4e8,#ecddc3)}
@media(max-width:700px){.explore,.gallery,.tavern-story,.closing{border-radius:12px}}
@media print{.explore,.gallery,.tavern-story,.closing{outline:none;box-shadow:none;background:#fff!important}}
/* Tavern typography and filters follow the Grill collection's warm palette.
   Its inherited label underline must not sit beneath an already bordered input. */
.tavern-hero h1{color:#493b2c}
.tavern-hero h1 em{color:#853a3d;font-weight:500}
.tavern-explore .filters>label{border-bottom:0}
/* One control family across all three searchable collections. */
.filters{align-items:end}
.filters>label,.toolbar>label{border:0!important;background:transparent;box-shadow:none}
.filters .search,.toolbar .search,.filters .search-label{
 display:flex;align-items:center;gap:12px;height:52px;min-height:52px;
 padding:0 18px;border:1px solid #d6c5aa!important;border-radius:28px;
 background:#fffaf1;box-shadow:0 3px 10px #60462408;box-sizing:border-box;
}
.filters .search input,.toolbar .search input,.filters .search-label input{
 width:100%;min-width:0;height:100%;min-height:0;padding:0;border:0;
 border-radius:0;background:transparent;box-shadow:none;font-size:13px;color:#493b2c;
}
.filters select,.toolbar select{
 height:52px;min-height:52px;padding:0 16px;border:1px solid #d6c5aa;
 border-radius:28px;background:#fffaf1;box-shadow:0 3px 10px #60462408;
 font-size:13px;color:#493b2c;box-sizing:border-box;max-width:100%;
}
.toolbar>label,.toolbar>label:not(.search){height:52px}
.toolbar>button{height:52px;min-height:52px;border-radius:28px}
.filters label>span:not(.sr):not(.sr-only){margin-bottom:6px}
.filters .search:focus-within,.toolbar .search:focus-within,.filters .search-label:focus-within{box-shadow:0 0 0 3px #ad8e6030;border-color:#b3946f!important}
.filters .search input:focus,.toolbar .search input:focus,.filters .search-label input:focus{box-shadow:none;background:transparent}
/* Give the photo and text a shared center, including the formerly flush first row. */
body:not(:has(.tavern-hero)) #explorer.map-mode .results>.card{
 display:flex;align-items:center;padding:12px 8px;box-sizing:border-box;
}
body:not(:has(.tavern-hero)) #explorer.map-mode .card-main{align-items:center;min-height:0;width:100%}
body:not(:has(.tavern-hero)) #explorer.map-mode .card-main>img,
body:not(:has(.tavern-hero)) #explorer.map-mode .photo-frame{align-self:center;margin-block:0}
/* Shared frame for painted header artwork; copper engravings stay unframed. */
.intro-art img.painted-header-image,.hero-art img.painted-header-image{
 border:4px solid #e8d8bc;outline:1px solid #bca17b;outline-offset:0;
 border-radius:3px;background:#e8d8bc;box-shadow:0 5px 18px #5c3d2414;
 box-sizing:border-box;
}
/* The same compact close control for detail, consent and image dialogs. */
dialog button.close{
 display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;
 padding:0;border:0;border-radius:50%;font:400 26px/1 Arial,sans-serif;
 color:#493b2c;background:#fffaf1;box-shadow:0 3px 12px #55402714;
}
#lightbox .viewer-tools .close{position:absolute;top:18px;right:18px;margin:0;z-index:1002}
/* Long place names must fit narrow list cards without horizontal scrolling. */
.card h3{overflow-wrap:anywhere}
/* Pointer focus is quiet; keyboard focus follows the rounded card shell. */
html.pointer-navigation :focus{outline:none!important}
html.keyboard-navigation .card-main:focus-visible{outline:none!important}
html.keyboard-navigation .card:has(.card-main:focus-visible){outline:2px solid #a76a60;outline-offset:-3px}
html.pointer-navigation .card:focus-within{border-color:#ddc8a7;box-shadow:var(--shadow-soft)}
.card button.heart{
 display:grid;place-items:center;top:12px!important;right:12px!important;left:auto!important;
 width:36px;height:36px;min-width:36px;min-height:36px;padding:0!important;
 border:1px solid #d8c5a9;border-radius:50%!important;background:#fffaf1!important;
 color:#853a3d!important;font-size:0!important;line-height:1;box-shadow:0 2px 7px #60462412;
}
.card button.heart::before{content:'';width:18px;height:18px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z' fill='none' stroke='%23853a3d' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E")}
.card button.heart[aria-pressed=true]{background:#853a3d!important;border-color:#853a3d}
.card button.heart[aria-pressed=true]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.7l-1.1-1.1a5.5 5.5 0 0 0-7.8 7.8L12 21l8.8-8.6a5.5 5.5 0 0 0 0-7.8Z' fill='%23fffaf1'/%3E%3C/svg%3E")}
.map-mode .card .card-copy{padding-right:48px}
@media(pointer:coarse){.card button.heart{width:44px;height:44px;min-width:44px;min-height:44px}.map-mode .card .card-copy{padding-right:56px}}
/* Overview cards share one baseline and one arrow treatment per grid row. */
.collections{align-items:stretch}
.collections .collection-link{height:100%}
.collections .card-text{flex:1;min-height:0}
.collections .description{margin-bottom:10px}
.collections .cta{display:flex;width:fit-content;max-width:100%;justify-content:flex-start;align-items:center;gap:5px;min-height:24px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.collections .cta>span{flex:0 0 16px;font:400 16px/1 Arial,sans-serif;text-align:left}
/* Mobile chapel introduction: text, complete engraving, then credits. */
@media(max-width:700px){
 body:has(#mapView) .hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 0;gap:0}
 body:has(#mapView) .hero-copy h1{font-size:clamp(38px,10vw,48px);line-height:1.12;margin:18px 0 24px}
 body:has(#mapView) .hero-copy>p,html[lang=en] body:has(#mapView) .hero-copy>p{width:100%;max-width:100%;font-size:15px;line-height:1.8;margin:0 0 24px}
 body:has(#mapView) .hero-copy::before{position:relative;inset:auto;order:4;flex:none;content:'';width:100%;height:220px;margin:24px 0 10px;border-radius:0;opacity:1;background:transparent url('../kapellen/assets/appenzell-magdalena-mobile.webp') center/contain no-repeat;mix-blend-mode:multiply}
 body:has(#mapView) .hero-bottom{order:5;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding-top:16px;margin:0;font-size:10px}
 body:has(#mapView) .hero-bottom>span+span{padding-left:16px}
}
/* Chapel hero follows the Brickworks composition at every viewport width. */
body:has(#mapView) .hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:32px;max-width:1320px;margin:auto;padding:55px 5%;min-height:0}
body:has(#mapView) .hero-copy{display:block;padding:0;background:transparent;text-align:left;min-width:0}
body:has(#mapView) .hero-copy::before{display:none!important}
body:has(#mapView) .hero-copy h1{font-size:clamp(43px,4.5vw,67px);line-height:1.12;margin:20px 0 24px}
body:has(#mapView) .hero-copy h1 br{display:initial}
body:has(#mapView) .hero-copy>p,html[lang=en] body:has(#mapView) .hero-copy>p{width:100%;max-width:470px;font:400 15px/1.8 'DM Sans',sans-serif;margin:0 0 24px}
body:has(#mapView) .hero-bottom{display:flex;flex-wrap:wrap;gap:16px;padding-top:28px;margin:0;justify-content:flex-start}
.chapel-hero-art{margin:0;width:100%;mix-blend-mode:multiply}
.chapel-hero-art img{display:block;width:100%;height:auto;filter:contrast(1.25)}
@media(max-width:900px){
 body:has(#mapView) .hero{grid-template-columns:1fr;padding:35px 6%;gap:28px}
 body:has(#mapView) .hero-copy{text-align:center}
 body:has(#mapView) .hero-copy .primary{width:fit-content;margin-inline:auto}
 body:has(#mapView) .hero-copy h1{font-size:clamp(38px,6.5vw,54px)}
 body:has(#mapView) .hero-copy>p,html[lang=en] body:has(#mapView) .hero-copy>p{margin-inline:auto}
 body:has(#mapView) .hero-bottom{justify-content:center}
 .chapel-hero-art{max-width:500px;justify-self:center}
}

/* Stable card spacing and optically centered favorites, without hover movement. */
.card button.heart::before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block}
.card button.heart{line-height:0!important}
#explorer .card:hover{transform:none;translate:none;box-shadow:0 3px 10px #60462414;border-color:#bea481}
#explorer.map-mode .results{display:flex;flex-direction:column;gap:12px}
#explorer.map-mode .results>.card{flex-shrink:0;margin-block:0}
/* Both modal controls share a 44px row and the same inset at every size. */
dialog:has(.modal-language) .close,
#lightbox:has(.modal-language) .viewer-tools .close{position:absolute;float:none;top:18px;right:18px;margin:0;z-index:1002}
dialog .modal-language{top:18px!important;right:72px!important;height:44px;box-sizing:border-box;align-items:center}
dialog .modal-language a{height:36px;min-height:36px;box-sizing:border-box}

/* Editorial links: one continuous rule, with an aligned, un-underlined arrow. */
.collections .cta,.intro .text-link{
 display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;
 width:fit-content;max-width:100%;min-height:28px;padding-bottom:4px;
 border-bottom:1px solid #b78d78;text-decoration:none;line-height:1.5;
 transition:color 180ms ease,border-color 180ms ease;
}
.collections .cta>span,.intro .text-link>span{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 14px;
 margin:0;font:400 15px/1 Arial,sans-serif;text-decoration:none;
}
.collections .collection-link:hover .cta,.intro .text-link:hover{
 text-decoration:none;border-bottom-color:#853a3d;color:#713337;
}

/* Tightly cropped chapel engraving: balance its actual subject with the title. */
.chapel-hero-art{max-width:480px;justify-self:center}
@media(max-width:900px){.chapel-hero-art{max-width:400px}}

/* Compact phone headers and uninterrupted page scrolling. */
.mobile-skip-places{display:none}
.map-touch-toggle{position:absolute;z-index:1000;bottom:30px;left:50%;transform:translateX(-50%);border:1px solid #c8b391;border-radius:24px;padding:10px 18px;min-height:44px;background:#fff9ed;color:#873d41;box-shadow:0 3px 12px #61482322;font:12px 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}
.map-touch-toggle[hidden]{display:none}
@media(max-width:700px){
 body>header .overview-back,body>header>.overview{display:none!important}
 body>header>nav:has(>.overview-back){display:none!important}
 body>header,.overview-top{min-height:98px!important}
 .map-mode .results{height:auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important}
 .leaflet-container.map-page-scroll{touch-action:pan-y!important}
 .mobile-skip-places{display:block;width:fit-content;margin:8px 0 18px;color:#873d41;text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:10px 0}
}