@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
/* Sandstone A8 — Stage 1. Inspired by the structure of SB Manage, with independent branding. */
:root{--bg:#f5f0e7;--bg2:#eee7dc;--surface:#fffcf7;--surface2:#f7f2e9;--border:#e0d5c5;--text:#30332f;--muted:#77766f;--accent:#86613d;--accentHover:#6c4d31;--accentSoft:#f0e4d5;--highlight:#c7a57d;--white:#fff;--shadow:0 16px 50px rgba(70,55,37,.065);--radius:18px;--container:1150px;--focus:#a77141;color-scheme:light}
:root[data-theme="dark"]{--bg:#1b1e1d;--bg2:#202623;--surface:#282d2a;--surface2:#303531;--border:#414640;--text:#f1ede6;--muted:#aba99f;--accent:#d1ac80;--accentHover:#e7bd90;--accentSoft:#3d382f;--highlight:#d2b28c;--white:#141817;--shadow:0 16px 50px rgba(0,0,0,.19);--focus:#f5c890;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--bg);color:var(--text);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.042em}h1{font-size:clamp(34px,4.6vw,55px);font-weight:720}h2{font-size:clamp(25px,3.1vw,34px);font-weight:700}h3{font-size:19px;font-weight:650;letter-spacing:-.028em}p{color:var(--muted);margin:0 0 14px}.app{min-height:100vh}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}.header-inner{height:77px;max-width:var(--container);margin:auto;display:flex;align-items:center;gap:20px;padding:0 26px}.brand-link{display:flex;align-items:center;gap:12px;min-width:247px;color:var(--text)}.brand-logo{width:44px;height:44px;border-radius:13px;background:var(--text);color:var(--bg);font-family:Georgia,serif;font-size:29px;font-weight:700;display:grid;place-items:center;line-height:1;letter-spacing:-.1em;position:relative;flex-shrink:0}.brand-logo-dot{position:absolute;width:6px;height:6px;border-radius:50%;font-size:0;background:var(--highlight);top:9px;right:9px}.brand-stack{display:flex;flex-direction:column;gap:1px}.brand-stack strong{font-size:14px;letter-spacing:.15em;font-weight:850}.brand-stack small{font-size:9px;letter-spacing:.15em;color:var(--muted);font-weight:750}.desktop-nav{display:flex;gap:4px;margin-left:auto}.desktop-nav a{color:var(--muted);padding:11px 14px;border-radius:11px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.desktop-nav a:hover,.desktop-nav a.active{background:var(--accentSoft);color:var(--accent)}.header-actions{display:flex;align-items:center;gap:11px}.lang-label{font-size:11px;letter-spacing:.09em;color:var(--muted);font-weight:800;border-left:1px solid var(--border);padding-left:15px}.icon-button{display:flex;align-items:center;justify-content:center;width:39px;height:39px;background:var(--surface2);color:var(--accent);border:1px solid var(--border);border-radius:12px;font-size:21px}.icon-button:hover{border-color:var(--highlight)}.site-main{max-width:var(--container);padding:32px 26px 105px;margin:auto;min-height:80vh}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:10px;margin-bottom:13px}.eyebrow:before{content:'';height:2px;width:23px;background:var(--highlight)}.hero{border:1px solid var(--border);background:var(--surface);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.12fr .88fr;min-height:358px;box-shadow:var(--shadow)}.hero-content{padding:43px 42px 38px;display:flex;flex-direction:column;justify-content:center}.hero h1{margin-bottom:14px;max-width:580px}.hero h1 span{color:var(--accent)}.hero .lede{max-width:465px;font-size:16px;line-height:1.7}.hero-art{min-height:340px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 5%,#fbf4e9 0%,transparent 40%),linear-gradient(140deg,#d3baa0 0%,#b69a79 56%,#8e7053 100%)}.hero-art:before{content:'';position:absolute;width:74%;height:84%;left:20%;bottom:-10%;border:24px solid #efddc5ab;border-bottom:0;border-radius:210px 210px 0 0;box-shadow:0 0 0 19px #66493518,0 19px 40px #6b513348;transform:rotate(-8deg)}.hero-art:after{content:'';position:absolute;inset:12% -13% auto auto;width:64%;height:62%;background:repeating-linear-gradient(145deg,transparent 0 25px,#fff2 26px 27px,transparent 28px 47px);transform:rotate(15deg);opacity:.8}.art-pill{position:absolute;left:19px;bottom:20px;color:#fff;background:#42352bb9;backdrop-filter:blur(7px);padding:10px 14px;display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;border:1px solid #ffffff44;border-radius:9px;z-index:1}.art-pill:before{content:'';width:7px;height:7px;background:#ecd0a9;border-radius:50%}.hero-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:43px;font-weight:750;font-size:13px;padding:10px 16px;border-radius:11px;background:var(--surface);border:1px solid var(--border);color:var(--text);transition:transform .15s,background .15s,border-color .15s}.btn:hover{transform:translateY(-1px);border-color:var(--highlight);background:var(--surface2)}.btn.primary{background:var(--accent);color:var(--white);border-color:var(--accent)}.btn.primary:hover{background:var(--accentHover)}:root[data-theme="dark"] .btn.primary{color:#161917}.btn.soft{background:var(--accentSoft);border-color:transparent;color:var(--accent)}.btn.full{width:100%}.meta-row{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:21px}.meta-row span{display:flex;gap:6px;align-items:center}.tiny-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.tiny-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:34px 0 16px}.section-intro h2{margin-bottom:5px}.section-intro p{margin-bottom:0}.mini-link{font-size:13px;font-weight:800;color:var(--accent);white-space:nowrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:23px;box-shadow:0 7px 35px rgba(65,51,34,.018)}.card.flat{box-shadow:none}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-height:168px;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-2px);border-color:var(--highlight)}.tile-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;color:var(--accent);background:var(--accentSoft)}.tile-icon svg{width:21px;height:21px}.tile h3{margin:0;font-size:17px}.tile p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.tile .arrow{margin-top:auto;font-size:13px;color:var(--accent);font-weight:800}.compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.stat{padding:19px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.stat .stat-icon{color:var(--accent);margin-bottom:10px}.stat strong{display:block;color:var(--text);font-size:17px;margin-bottom:1px;font-weight:750}.stat span{font-size:12px;color:var(--muted)}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.feature{background:var(--text);border-radius:19px;padding:25px;color:var(--bg);position:relative;overflow:hidden}.feature:after{content:'';position:absolute;width:240px;height:240px;border:1px solid #e9dbbe4d;border-radius:50%;right:-95px;top:-85px;box-shadow:0 0 0 30px #d1a67112,0 0 0 65px #d1a67112;pointer-events:none}.feature p{color:color-mix(in srgb,var(--bg) 70%,transparent)}.feature h3{font-size:22px;color:var(--bg)}.feature .eyebrow{color:var(--highlight)}.feature a{position:relative;z-index:1}.feature .btn{background:var(--surface);color:var(--text);border:0}.info-card{display:flex;flex-direction:column;gap:6px}.info-card strong{font-size:17px}.info-card small{color:var(--muted)}.page-heading{margin:7px 0 26px;display:flex;justify-content:space-between;align-items:end;gap:18px}.page-heading h1{margin:0 0 8px;font-size:clamp(31px,4vw,43px)}.page-heading p{max-width:640px;margin:0}.back{font-size:12px;font-weight:800;color:var(--accent);display:inline-flex;align-items:center;gap:8px;margin-bottom:15px}.detail-layout{display:grid;grid-template-columns:255px 1fr;align-items:start;gap:20px}.sidebar{background:var(--surface);border:1px solid var(--border);padding:9px;border-radius:16px;position:sticky;top:94px}.sidebar a{display:flex;gap:11px;align-items:center;color:var(--muted);font-weight:680;font-size:13px;padding:12px 13px;border-radius:10px}.sidebar a:hover,.sidebar a.active{background:var(--accentSoft);color:var(--accent)}.sidebar a .tiny-icon{flex-shrink:0}.content-col{min-width:0}.content-col .card+.card,.content-col .note+.card,.content-col .card+.note{margin-top:14px}.card-title{display:flex;align-items:center;gap:11px;margin-bottom:14px}.card-title h2{font-size:20px;margin:0}.card-title .tile-icon{width:37px;height:37px}.content-col p{line-height:1.7}.steps{counter-reset:step;display:grid;gap:12px}.step{display:flex;gap:14px}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);flex:0 0 33px;height:33px;display:grid;place-items:center;border-radius:10px;background:var(--accentSoft);color:var(--accent);font-size:11px;font-weight:850}.step h3{margin:0 0 5px;font-size:16px}.step p{margin:0}.note{padding:16px 19px;border-radius:13px;border:1px solid var(--border);background:var(--accentSoft);color:var(--accent);font-size:13px;line-height:1.55}.note strong{display:block;margin-bottom:4px}.mini-list{margin:0;padding-left:20px;color:var(--muted)}.mini-list li+li{margin-top:8px}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{background:var(--surface2);border:1px solid var(--border);border-radius:99px;padding:8px 12px;font-size:12px;color:var(--text);font-weight:650}.accord{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--surface)}.accord+.accord{margin-top:10px}.accord summary{list-style:none;padding:16px 18px;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:750;cursor:pointer}.accord summary::-webkit-details-marker{display:none}.accord summary:after{content:'+';margin-left:auto;color:var(--accent);font-size:20px;font-weight:500;line-height:1}.accord[open] summary:after{content:'−'}.accord[open] summary{border-bottom:1px solid var(--border)}.accord .accord-body{padding:16px 19px}.accord .accord-body p{white-space:pre-line;margin:0}.check-row{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--border)}.check-row:last-child{border-bottom:0}.check-dot{width:20px;height:20px;border-radius:50%;background:var(--accentSoft);color:var(--accent);flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:11px}.check-row strong{display:block;font-size:14px;margin-bottom:2px}.check-row p{margin:0;font-size:13px}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.explore-card{min-height:185px;display:flex;flex-direction:column;gap:9px}.explore-category{font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:850;color:var(--accent)}.explore-card h3{margin:0}.explore-card p{font-size:13px;flex:1}.map-strip{padding:20px 23px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(125deg,var(--surface) 22%,var(--accentSoft));display:flex;justify-content:space-between;align-items:center;gap:15px}.map-strip strong{font-size:17px}.map-strip p{margin:2px 0 0;font-size:12px}.weather-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.weather-metric{display:flex;align-items:center;gap:11px}.weather-temp{font-size:34px;font-weight:690;letter-spacing:-.045em;color:var(--text);line-height:1}.weather-state{font-size:12px;color:var(--muted)}.kicker{color:var(--accent);font-size:11px;letter-spacing:.13em;font-weight:840;text-transform:uppercase;margin:0 0 8px}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.support-card h2{font-size:23px;margin-bottom:9px}.support-card p{min-height:52px}.placeholder{background:repeating-linear-gradient(135deg,var(--surface2),var(--surface2) 10px,var(--accentSoft) 10px,var(--accentSoft) 11px);border:1px dashed var(--highlight);padding:34px;text-align:center;border-radius:15px}.placeholder h3{margin-bottom:7px}.loading{text-align:center;padding:80px 20px;color:var(--muted)}.site-footer{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);max-width:var(--container);padding:19px 26px 28px;margin:auto}.mobile-nav{display:none}.muted{color:var(--muted)}.strong{color:var(--text);font-weight:700}.spaced{margin-top:18px}.margin-b{margin-bottom:16px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.border-top{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}.empty-state{margin-top:6px}.emergency-number{font-size:38px;line-height:1.1;font-weight:760;color:var(--accent);margin:0 0 9px}
@media (max-width:920px){.desktop-nav{gap:0}.desktop-nav a{padding:10px}.brand-link{min-width:205px}.hero-content{padding:32px}.tile-grid{grid-template-columns:repeat(2,1fr)}.compact-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:200px 1fr}.explore-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.site-header{top:0}.header-inner{height:64px;padding:0 16px}.brand-logo{width:38px;height:38px;border-radius:11px;font-size:25px}.brand-stack strong{font-size:12px}.brand-stack small{font-size:8px;letter-spacing:.11em}.brand-link{min-width:auto}.desktop-nav{display:none}.header-actions{margin-left:auto}.site-main{padding:21px 15px calc(106px + env(safe-area-inset-bottom))}.hero{display:flex;flex-direction:column}.hero-content{padding:28px 23px 26px}.hero h1{font-size:clamp(32px,8vw,43px)}.hero .lede{font-size:14px}.hero-art{min-height:184px;max-height:184px}.hero-art:before{width:60%;height:104%;left:38%;border-width:19px;bottom:-29%}.hero-buttons{margin-top:18px}.hero-buttons .btn{flex:1}.meta-row{margin-top:17px;gap:8px 14px;font-size:11px}.section-intro{margin:27px 0 14px}.section-intro h2{font-size:24px}.card{padding:19px}.tile-grid{gap:11px}.tile{min-height:146px;gap:9px}.tile-icon{height:39px;width:39px}.tile h3{font-size:15px}.tile p{font-size:12px}.split{grid-template-columns:1fr}.compact-grid{gap:10px}.stat{padding:15px}.stat strong{font-size:15px}.page-heading{margin-top:0}.page-heading h1{font-size:32px}.detail-layout{display:block}.sidebar{display:flex;overflow-x:auto;position:relative;top:auto;margin-bottom:18px;gap:4px;scrollbar-width:thin}.sidebar a{white-space:nowrap;flex:0 0 auto;padding:10px}.sidebar a .tiny-icon{display:none}.explore-grid{gap:11px}.explore-card{min-height:166px}.support-grid{grid-template-columns:1fr}.map-strip{align-items:flex-start;flex-direction:column}.site-footer{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--surface) 97%,transparent);backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:55;justify-content:space-around;padding:6px 8px calc(7px + env(safe-area-inset-bottom))}.mobile-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;color:var(--muted);font-size:10px;font-weight:760;min-width:65px;padding:4px 8px 2px;border-radius:11px}.mobile-nav a .nav-ico{font-size:21px;line-height:26px;font-weight:400}.mobile-nav a.active{color:var(--accent);background:var(--accentSoft)}}
@media (max-width:400px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile p{font-size:11px}.hero-buttons{flex-direction:column}.meta-row{gap:7px 10px}.hero-art{min-height:156px;max-height:156px}.explore-grid{grid-template-columns:1fr}.explore-card{min-height:140px}.weather-metric{display:block}.weather-temp{font-size:27px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Stage 1.1: compact, symmetrical homepage and app installation */
[hidden]{display:none!important}
.home-hero{min-height:292px;grid-template-columns:1.17fr .83fr}
.home-hero .hero-content{padding:34px 38px 28px}
.home-hero .hero-art{min-height:284px}
.home-hero h1{font-size:clamp(34px,4.1vw,49px);margin-bottom:10px}
.home-hero .lede{font-size:15px;line-height:1.52;margin-bottom:0}
.home-hero .hero-buttons{margin-top:19px}
.hero-facts{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:18px}
.hero-facts span{display:inline-flex;align-items:center;gap:6px}
.arrival-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--surface);border:1px solid var(--border);border-radius:15px;margin-top:13px;overflow:hidden}
.arrival-item{display:flex;align-items:center;gap:12px;padding:16px 19px;min-width:0}
.arrival-item:not(:last-child){border-right:1px solid var(--border)}
.arrival-item>.tiny-icon{flex-shrink:0;color:var(--accent);height:20px;width:20px}
.arrival-item>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.arrival-label{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.105em;font-weight:800}
.arrival-item strong{color:var(--text);font-size:14px;line-height:1.3;white-space:nowrap}
.home-shortcuts{margin-top:24px}
.home-heading{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:12px}
.home-heading h2{margin-bottom:1px;font-size:23px}
.home-heading p{font-size:12px;margin:0}
.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.shortcut{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:17px 15px;color:var(--text);min-width:0;min-height:81px;transition:background .15s,border-color .15s}
.shortcut:hover{background:var(--surface2);border-color:var(--highlight)}
.shortcut-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;flex-shrink:0;background:var(--accentSoft);color:var(--accent)}
.shortcut-icon .tiny-icon{width:19px;height:19px}
.shortcut-label{display:flex;flex-direction:column;min-width:0;line-height:1.25;gap:5px}
.shortcut-label strong{font-size:14px}
.shortcut-label small{font-size:11px;color:var(--muted)}
.shortcut-arrow{font-size:15px;margin-left:auto;color:var(--accent);flex-shrink:0}
.home-help{display:flex;gap:12px;align-items:center;border-top:1px solid var(--border);margin-top:23px;padding:17px 4px 0}
.home-help-mark{display:grid;place-items:center;color:var(--accent)}
.home-help>div{min-width:0;flex:1}
.home-help strong{font-size:13px}
.home-help p{font-size:12px;margin:0;line-height:1.4}
.install-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;background:var(--accent);color:var(--white);font-weight:750;font-size:12px;border:1px solid var(--accent);min-height:39px;padding:0 12px;white-space:nowrap}
.install-button:hover{background:var(--accentHover)}
.install-button span:first-child{font-size:18px;line-height:1}
:root[data-theme="dark"] .install-button{color:#1b1e1d}
.install-dialog{width:min(440px,calc(100vw - 30px));max-height:min(86dvh,690px);overflow:auto;box-sizing:border-box;padding:24px;border-radius:19px;border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:0 24px 80px #0004}
.install-dialog::backdrop{background:#12140fb8;backdrop-filter:blur(3px)}
.install-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.install-dialog-head h2{font-size:25px;margin:0 0 7px}
.install-dialog-head .eyebrow{margin-bottom:7px}
.install-dialog .icon-button{width:38px;height:38px;flex-shrink:0;font-size:24px}
.install-instructions p{font-size:14px;line-height:1.65}
.install-steps{margin:13px 0 12px;padding-left:27px;font-size:14px;line-height:1.7}
.install-steps li{padding-left:4px;margin:10px 0}
.install-steps li::marker{color:var(--accent);font-weight:800}
.install-tip{border-radius:10px;padding:11px;background:var(--accentSoft);color:var(--text)}
.install-dialog-footer{border-top:1px solid var(--border);margin-top:21px;padding-top:15px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}
.install-app-icon{width:31px;height:31px;border-radius:8px;color:var(--bg);background:var(--text);display:grid;place-items:center;font-family:Georgia,serif;font-weight:800;font-size:18px}
.share-symbol{display:inline-grid;place-items:center;vertical-align:middle;width:20px;height:20px;font-size:21px;line-height:1;color:var(--accent);font-weight:850}
@media(max-width:1100px){.shortcut{padding:14px 11px;gap:9px}.shortcut-arrow{display:none}.shortcut-label strong{font-size:13px}}
@media(max-width:720px){
 .site-header{padding-top:0}
 .header-inner{gap:10px}
 .lang-label{display:none}
 .install-button{min-height:38px;padding:0 10px;font-size:11px;gap:4px}
 .site-main{padding-top:14px}
 .home-hero{min-height:auto}
 .home-hero .hero-content{padding:24px 22px 22px}
 .home-hero h1{font-size:clamp(31px,7.4vw,40px);margin-bottom:8px}
 .home-hero .lede{font-size:13px;line-height:1.5}
 .home-hero .hero-buttons{margin-top:16px;gap:8px}
 .home-hero .hero-buttons .btn{font-size:12px;min-height:42px;padding:9px 11px}
 .home-hero .hero-art{min-height:78px;max-height:78px}
 .home-hero .hero-art:before{height:195%;width:53%;left:47%;bottom:-70%}
 .home-hero .art-pill{padding:6px 10px;font-size:9px;bottom:11px;left:14px}
 .hero-facts{margin-top:14px;gap:10px;font-size:11px}
 .arrival-strip{margin-top:10px;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:13px}
 .arrival-item{padding:12px 15px;gap:9px}
 .arrival-item strong{font-size:13px}
 .arrival-item .tiny-icon{width:17px;height:17px}
 .arrival-item:nth-child(2){border-right:1px solid var(--border)}
 .location-item{grid-column:span 2;border-bottom:1px solid var(--border);border-right:0!important}
 .home-shortcuts{margin-top:18px}
 .home-heading h2{font-size:21px}
 .shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .shortcut{padding:12px;min-height:78px;gap:9px}
 .shortcut-label strong{font-size:13px}
 .shortcut-label small{font-size:10px}
 .shortcut-icon{width:32px;height:32px}
 .home-help{margin-top:18px;padding-top:12px}
 .home-help>div p{font-size:11px}
 .home-help .mini-link{font-size:12px}
}
@media(max-width:420px){
 .brand-stack small{font-size:7px;letter-spacing:.06em}
 .brand-link{gap:8px}
 .header-inner{padding:0 12px}
 .header-actions{gap:7px}
 .install-button{font-size:11px;padding:0 8px}
 .install-button span:first-child{font-size:16px}
 .hero-facts{font-size:10px}
 .home-hero .hero-art{min-height:64px;max-height:64px}
 .home-hero .hero-buttons{flex-direction:row}
 .shortcut{align-items:flex-start}
 .shortcut-icon{width:29px;height:29px}
 .shortcut-label small{line-height:1.22}
 .home-help{flex-wrap:wrap}
}
@media(max-width:355px){
 .install-button span:last-child{display:none}
 .install-button{width:38px}
 .brand-stack small{display:none}
 .shortcut-icon{display:none}
}
@media(display-mode:standalone){.site-header{padding-top:env(safe-area-inset-top)}.site-main{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}

.welcome-break{display:block}

/* Stage 1.2 — intentionally compact, symmetric homepage. Other pages stay unchanged. */
.site-main.is-home{min-height:0;padding-top:22px;padding-bottom:35px}
.home-hero{min-height:270px;grid-template-columns:1.35fr .65fr}
.home-hero .hero-content{padding:32px 36px}
.home-hero h1{font-size:clamp(33px,3.8vw,46px);max-width:650px;margin-bottom:10px}
.home-hero .hero-art{min-height:268px}
.home-hero .lede{font-size:14px;line-height:1.5}
.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:21px}
.hero-actions .btn{white-space:nowrap}
.hero-actions .hero-facts{display:inline-flex;gap:7px;margin:0;align-items:center;flex-wrap:wrap}
.hero-actions .hero-facts .tiny-icon{width:15px;height:15px}
.dot-sep{color:var(--highlight)}
.arrival-strip{margin-top:12px}
.arrival-item{min-height:67px;padding:12px 20px}
.home-shortcuts{margin-top:22px}
.home-heading{align-items:center;margin-bottom:11px}
.home-heading h2{font-size:20px;margin:0}
.shortcut{min-height:76px;padding:13px}
.shortcut-grid{gap:10px}
.home-support{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);margin-top:17px;padding:13px 3px 0;color:var(--muted);font-size:12px}
.home-support>.tiny-icon{color:var(--accent)}
.home-support strong{margin-left:auto;color:var(--accent);font-size:12px}
.home-support:hover strong{text-decoration:underline}
@media (max-width:720px){
 .site-main.is-home{padding:12px 15px calc(79px + env(safe-area-inset-bottom));}
 .home-hero{display:block;min-height:0;position:relative;border-radius:18px}
 .home-hero .hero-content{position:relative;z-index:2;padding:18px 20px 17px}
 .home-hero .eyebrow{font-size:9px;margin-bottom:9px;letter-spacing:.13em}
 .home-hero h1{font-size:clamp(27px,7.5vw,34px);line-height:1.1;max-width:340px;margin-bottom:7px}
 .home-hero .lede{font-size:12px;line-height:1.35;max-width:280px}
 .home-hero .hero-art{display:none}
 .home-hero:after{content:'';position:absolute;width:162px;height:162px;border:19px solid color-mix(in srgb,var(--highlight) 13%,transparent);border-radius:50%;right:-94px;top:-66px;pointer-events:none;}
 .hero-actions{gap:12px;margin-top:13px;display:flex;align-items:center}
 .hero-actions .btn{min-height:36px;font-size:12px;padding:7px 12px}
 .hero-actions .hero-facts{font-size:10px;gap:4px}
 .hero-actions .hero-facts .tiny-icon{width:13px;height:13px}
 .arrival-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:9px;border-radius:12px}
 .arrival-item,.arrival-item:nth-child(2),.location-item{grid-column:auto;border:0;border-right:1px solid var(--border)!important;border-bottom:0;min-height:73px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
 .arrival-item:last-child{border-right:0!important}
 .arrival-item .tiny-icon{width:15px;height:15px}
 .arrival-item>div{align-items:center;gap:1px}
 .arrival-item strong{font-size:12px;white-space:normal;line-height:1.15}
 .arrival-label{font-size:9px;letter-spacing:.08em}
 .country-suffix{display:none}
 .home-shortcuts{margin-top:15px}
 .home-heading{margin-bottom:9px;min-height:24px}
 .home-heading h2{font-size:18px}
 .home-heading .mini-link{font-size:11px}
 .shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .shortcut{min-height:65px;border-radius:12px;gap:9px;padding:10px 11px;align-items:center}
 .shortcut-icon{width:29px;height:29px;border-radius:9px;flex-shrink:0}
 .shortcut-icon .tiny-icon{width:17px;height:17px}
 .shortcut-label{gap:2px}
 .shortcut-label strong{font-size:12px;line-height:1.2}
 .shortcut-label small{display:none}
 .shortcut-arrow{display:none}
 .home-support{margin-top:12px;padding:10px 3px 0;font-size:11px}
 .home-support strong{font-size:11px}
}
@media(max-width:370px){
 .home-hero .hero-content{padding:14px 15px}
 .home-hero h1{font-size:27px}
 .hero-actions{gap:8px;margin-top:11px}
 .hero-actions .hero-facts{font-size:9px}
 .shortcut{padding:9px;gap:7px}
 .shortcut-icon{width:27px;height:27px}
 .shortcut-label strong{font-size:11px}
}
@media(max-width:720px) and (max-height:700px){
 .site-main.is-home{padding-top:8px}
 .home-hero .hero-content{padding-top:12px;padding-bottom:12px}
 .home-hero .eyebrow{margin-bottom:6px}
 .home-hero h1{font-size:25px;margin-bottom:4px}
 .home-hero .lede{font-size:11px}
 .hero-actions{margin-top:9px}
 .hero-actions .btn{min-height:32px;font-size:11px}
 .arrival-item{min-height:62px}
 .home-shortcuts{margin-top:10px}
 .home-heading{margin-bottom:6px}
 .shortcut{min-height:54px}
 .home-support{margin-top:8px;padding-top:7px}
}
@media(max-width:720px) and (max-height:610px){
 .home-hero .lede{display:none}
 .home-support{display:none}
 .hero-actions .hero-facts{display:none}
 .site-main.is-home{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
}
@media(max-width:720px){.home-hero h1 span{display:block}}
@media(max-width:355px){
 .home-shortcuts .shortcut-icon{display:grid;width:24px;height:24px}
 .home-shortcuts .shortcut{gap:6px;padding:8px}
 .home-shortcuts .shortcut-label strong{font-size:10.5px;letter-spacing:-.015em}
}

/* Stage 1.3 — genuine apartment photo integrated into the compact hero.
   The photograph is decorative, while readable text and navigation remain HTML. */
.home-hero{
  position:relative;
  isolation:isolate;
  background:var(--surface);
}
.home-hero::before{
  content:"";
  position:absolute;inset:0;
  z-index:0;
  background-image:url('./assets/sandstone-apartment.webp');
  background-size:cover;
  background-position: center 54%;
  opacity:.8;
  filter:saturate(.82) sepia(.06);
  pointer-events:none;
}
.home-hero::after{
  content:"";
  position:absolute;inset:0;
  z-index:1;
  background:linear-gradient(90deg,
    var(--surface) 0%,
    color-mix(in srgb,var(--surface) 98%,transparent) 25%,
    color-mix(in srgb,var(--surface) 93%,transparent) 45%,
    color-mix(in srgb,var(--surface) 48%,transparent) 69%,
    color-mix(in srgb,var(--surface) 10%,transparent) 100%);
  pointer-events:none;
}
.home-hero .hero-content{position:relative;z-index:3}
.home-hero .hero-art{position:relative;z-index:2;background:transparent}
.home-hero .hero-art::before,.home-hero .hero-art::after{display:none}
.home-hero .art-pill{background:#332c23b8;color:#fff;border:1px solid #fff5;font-size:10px}
:root[data-theme="dark"] .home-hero::before{opacity:.55;filter:saturate(.65) sepia(.1)}
@media(max-width:720px){
  .home-hero::before{background-position:52% 52%;opacity:.53}
  .home-hero::after{
    background:linear-gradient(90deg,
      color-mix(in srgb,var(--surface) 95%,transparent) 0%,
      color-mix(in srgb,var(--surface) 91%,transparent) 50%,
      color-mix(in srgb,var(--surface) 80%,transparent) 100%);
  }
  .home-hero .hero-art{display:none}
  /* Remove the old abstract ring: the apartment photo is the visual texture. */
  .home-hero:after{width:auto;height:auto;right:0;top:0;border:0;border-radius:0}
  :root[data-theme="dark"] .home-hero::before{opacity:.48}
  :root[data-theme="dark"] .home-hero::after{
    background:linear-gradient(90deg,
      color-mix(in srgb,var(--surface) 96%,transparent) 0%,
      color-mix(in srgb,var(--surface) 91%,transparent) 60%,
      color-mix(in srgb,var(--surface) 82%,transparent) 100%);
  }
}


/* Stage 1.4: Stronger photo treatment. Photo is in assets/sandstone-apartment.webp. */
.home-hero::before{
 background-image:url('./assets/sandstone-apartment.webp?v=1.4');
 opacity:1;
 filter:contrast(1.08) saturate(.90) sepia(.04);
 background-position:66% 48%;
}
.home-hero::after{
 background:linear-gradient(90deg,
  var(--surface) 0%,
  color-mix(in srgb,var(--surface) 97%,transparent) 27%,
  color-mix(in srgb,var(--surface) 83%,transparent) 43%,
  color-mix(in srgb,var(--surface) 32%,transparent) 61%,
  color-mix(in srgb,var(--surface) 6%,transparent) 78%);
}
:root[data-theme="dark"] .home-hero::before{opacity:.85;filter:brightness(.83) contrast(1.07) saturate(.8)}
:root[data-theme="dark"] .home-hero::after{background:linear-gradient(90deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 98%,transparent) 30%,color-mix(in srgb,var(--surface) 82%,transparent) 44%,color-mix(in srgb,var(--surface) 24%,transparent) 73%)}
/* Live weather and local-time pair: use former blank desktop space, one compact row. */
.home-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}
.home-live-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 16px 10px;min-width:0;box-shadow:0 8px 26px rgba(62,48,31,.025)}
.live-top,.live-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.live-overline{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:850;white-space:nowrap}
.live-overline .tiny-icon{width:15px;height:15px}
.live-badge{font-size:9px;letter-spacing:.09em;color:var(--muted);font-weight:800;border:1px solid var(--border);border-radius:5px;padding:2px 6px;white-space:nowrap}
.live-badge.live-ok{color:#4e7b4d;border-color:#aac8a4;background:#ecf3e8}
.live-weather-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.live-weather-info span{font-size:13px;font-weight:750;line-height:1.2}
.live-weather-info small,.local-details small{font-size:11px;color:var(--muted);line-height:1.3}
.weather-live-main,.local-live-main{display:flex;align-items:center;gap:11px;min-height:52px;margin-top:4px}
.weather-symbol{width:32px;flex-shrink:0;font-size:26px;line-height:1;text-align:center}
.live-temp{font-size:30px;font-weight:760;letter-spacing:-.06em;white-space:nowrap;line-height:1.2}
.local-now{font-size:30px;letter-spacing:-.055em;font-weight:750;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}
.local-details{display:flex;flex-direction:column;gap:3px}
.local-details>span{font-size:13px;font-weight:750}
.live-bottom{border-top:1px solid var(--border);padding-top:8px;margin-top:3px}
.live-bottom small{font-size:10px;color:var(--muted)}
.inline-weather-button,.live-action-link{border:0;background:none;padding:2px 0;color:var(--accent);font-weight:800;font-size:11px;cursor:pointer;text-decoration:none;white-space:nowrap}
.inline-weather-button:hover,.live-action-link:hover{text-decoration:underline}
.forecast-dialog{width:min(480px,calc(100vw - 28px))}
.forecast-intro{font-size:13px;margin:10px 0 14px}
.forecast-days{display:grid;gap:0;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.forecast-day{display:flex;align-items:center;gap:12px;padding:12px 15px}
.forecast-day + .forecast-day{border-top:1px solid var(--border)}
.forecast-day-date{display:flex;flex:1;flex-direction:column;gap:2px}
.forecast-day-date strong{font-size:14px}.forecast-day-date small{color:var(--muted);font-size:11px}
.forecast-icon{font-size:22px}.forecast-hi{font-size:16px;white-space:nowrap}.forecast-hi span{font-size:13px;color:var(--muted);font-weight:500}
.forecast-pop{font-size:10px;color:var(--muted);width:56px;text-align:right}
.forecast-credit{margin-top:13px;font-size:11px}
/* Keep first view compact on phones; no separate large weather section. */
@media(max-width:720px){
 .home-hero::before{opacity:.9;background-position:65% 51%}
 .home-hero::after{background:linear-gradient(90deg,
  color-mix(in srgb,var(--surface) 96%,transparent) 0%,
  color-mix(in srgb,var(--surface) 89%,transparent) 48%,
  color-mix(in srgb,var(--surface) 64%,transparent) 100%)}
 :root[data-theme="dark"] .home-hero::before{opacity:.7}
 :root[data-theme="dark"] .home-hero::after{background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 99%,transparent),color-mix(in srgb,var(--surface) 80%,transparent) 62%,color-mix(in srgb,var(--surface) 52%,transparent))}
 .home-live-grid{gap:7px;margin-top:10px}
 .home-live-card{padding:9px 10px 8px;border-radius:12px}
 .live-overline{letter-spacing:.015em;font-size:9px;gap:4px}
 .live-overline .tiny-icon{width:13px;height:13px}
 .live-badge{font-size:8px;padding:2px 4px}
 .weather-live-main,.local-live-main{gap:5px;min-height:43px;margin-top:2px}
 .weather-symbol{font-size:17px;width:18px}
 .live-temp,.local-now{font-size:23px}
 .live-weather-info span,.local-details>span{font-size:11px;line-height:1.12}
 .live-weather-info small,.local-details small{font-size:9px;line-height:1.2}
 .live-bottom{padding-top:5px}
 .live-bottom small{font-size:8px;max-width:105px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .inline-weather-button,.live-action-link{font-size:9px}
 .home-support{margin-top:10px;padding-top:8px}
}
@media(max-width:365px){
 .home-live-grid{gap:5px}
 .home-live-card{padding:8px 7px 7px}
 .live-overline{font-size:8px}
 .live-badge{display:none}
 .weather-symbol{display:none}
 .live-temp,.local-now{font-size:22px}
 .live-weather-info span,.local-details>span{font-size:10px}
 .live-bottom small{display:none}
 .inline-weather-button,.live-action-link{margin-left:auto}
}
@media(max-width:720px) and (max-height:690px){
 .home-live-card{padding:7px 8px 6px}
 .weather-live-main,.local-live-main{min-height:34px}
 .live-temp,.local-now{font-size:21px}
 .live-bottom{padding-top:3px}
 .home-shortcuts{margin-top:8px}
 .home-support{margin-top:7px;padding-top:5px}
}

.apartment-gallery-figure{margin:0}.apartment-gallery-figure img{display:block;width:100%;max-height:460px;object-fit:cover;object-position:center;border-radius:13px;border:1px solid var(--border)}.apartment-gallery-figure figcaption{color:var(--muted);font-size:12px;margin-top:8px}

/* Stage 1.5: visible image (real <img>, not background pseudoelement) and full weather panel */
.home-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);min-height:240px;background:var(--surface);position:relative;isolation:isolate}
.home-hero::before,.home-hero::after{content:none!important;display:none!important}
.home-hero .hero-content{padding:26px 33px;z-index:1;min-width:0}
.home-hero .hero-photo-frame{position:relative;grid-column:2;grid-row:1;min-height:240px;overflow:hidden;background:#c8baaa}
.home-hero .hero-photo-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,252,247,.18),transparent 32%);pointer-events:none}
.home-hero .hero-photo{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:55% 56%;filter:saturate(.88) contrast(1.025)}
.home-hero .hero-photo-caption{position:absolute;bottom:11px;right:13px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.085em;text-transform:uppercase;text-shadow:0 1px 5px #0008;padding:4px 8px;border-radius:6px;background:rgba(43,34,22,.5);backdrop-filter:blur(4px)}
:root[data-theme="dark"] .home-hero .hero-photo{filter:brightness(.85) saturate(.78)}
.home-hero h1{font-size:clamp(31px,3.6vw,44px)}
.home-weather-section{margin-top:13px}
.weather-home-card{border:1px solid var(--border);background:var(--surface);border-radius:15px;padding:12px 16px;box-shadow:0 8px 22px rgba(54,43,29,.025)}
.weather-home-head,.weather-home-body,.weather-home-reading,.weather-home-actions{display:flex;align-items:center;gap:12px}
.weather-home-head{justify-content:space-between;margin-bottom:5px}
.weather-home-kicker{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.1em;display:flex;align-items:center;gap:6px}
.weather-home-kicker .tiny-icon{width:14px;height:14px}
.weather-home-status{font-size:9px;border:1px solid var(--border);border-radius:6px;padding:2px 7px;color:var(--muted);letter-spacing:.06em;font-weight:780}
.weather-home-body{justify-content:space-between;gap:15px;min-width:0}
.weather-home-reading{min-width:0;gap:11px}
.weather-home-icon{font-size:27px;line-height:1}
.weather-home-temperature{font-size:31px;letter-spacing:-.055em;white-space:nowrap;line-height:1.15}
.weather-home-copy{display:flex;flex-direction:column;min-width:0;gap:1px}
.weather-home-copy strong{font-size:12px;line-height:1.3}
.weather-home-copy small{font-size:10px;color:var(--muted)}
.weather-home-actions{justify-content:flex-end;flex:1;min-width:0}
.weather-home-provider{font-size:10px;color:var(--muted);white-space:nowrap}
.weather-open{display:flex;gap:6px;align-items:center;white-space:nowrap;border:1px solid var(--border);background:var(--accentSoft);color:var(--accent);border-radius:9px;padding:9px 11px;font-size:11px;font-weight:850}
.weather-open:hover{border-color:var(--highlight)}
.weather-open .tiny-icon{width:14px;height:14px}
.forecast-dialog{width:min(780px,calc(100vw - 24px));max-height:min(89dvh,860px);overflow-y:auto;padding:17px 18px 18px}
.forecast-dialog .install-dialog-head{margin-bottom:12px}
.forecast-dialog h2{font-size:22px}
.full-forecast{display:grid;gap:12px;min-width:0}
.forecast-current{background:linear-gradient(128deg,#6a4b30,#92714e);color:#fff;border-radius:16px;padding:20px 21px}
.forecast-current-main{display:flex;align-items:center;justify-content:space-between;gap:12px}
.forecast-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#ffe6c7}
.forecast-temp-big{font-size:56px;font-weight:770;letter-spacing:-.075em;line-height:1.14;margin-top:3px}
.forecast-temp-big span{font-size:21px;vertical-align:top;display:inline-block;margin:12px 0 0 4px}
.forecast-condition{font-size:13px;color:#f6e6d2}
.forecast-symbol-big{font-size:48px}
.forecast-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff55;margin-top:15px;padding-top:12px}
.forecast-metrics>div{display:grid;justify-items:center;gap:3px;text-align:center;min-width:0;padding:0 3px}
.forecast-metrics>div+div{border-left:1px solid #ffffff55}
.forecast-metrics .tiny-icon{width:18px;height:18px;color:#ffe6c7}
.forecast-metrics strong{font-size:12px}.forecast-metrics span{font-size:10px;color:#f6e6d2}
.forecast-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:13px 14px;min-width:0}
.forecast-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
.forecast-panel-head h3{font-size:15px;margin:0}.forecast-panel-head span{font-size:10px;color:var(--muted)}
.forecast-hour-strip{display:flex;gap:7px;overflow-x:auto;padding-bottom:7px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.forecast-hour{flex:0 0 70px;scroll-snap-align:start;border:1px solid var(--border);background:var(--surface2);border-radius:11px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.forecast-hour small{font-size:10px;color:var(--muted);white-space:nowrap}.forecast-hour>span{font-size:21px}.forecast-hour strong{font-size:15px}
.forecast-day-list{display:grid}.forecast-day-row{display:grid;grid-template-columns:80px 28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 2px;font-size:12px}
.forecast-day-row+.forecast-day-row{border-top:1px solid var(--border)}
.forecast-day-symbol{font-size:18px}.forecast-day-desc{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forecast-day-row b{white-space:nowrap}.forecast-day-row em{font-style:normal;color:var(--muted);font-weight:500}
.forecast-tip{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);background:var(--surface2);border-radius:12px;padding:12px}
.forecast-tip>.tiny-icon{color:var(--accent);flex-shrink:0;margin-top:2px}
.forecast-tip strong{font-size:12px}.forecast-tip p{margin:2px 0 0;font-size:12px;line-height:1.5}
.forecast-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}
.forecast-refresh{font-size:11px;padding:8px 9px;color:var(--accent);background:var(--surface);border:1px solid var(--border);border-radius:9px;white-space:nowrap}
.forecast-attribution{font-size:10px;color:var(--muted);margin:0;line-height:1.5}
.forecast-loading{background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:18px;color:var(--muted);font-size:13px}
.weather-full-inline{max-width:760px}
@media(max-width:720px){
  .home-hero{display:flex;flex-direction:column;min-height:0}
  .home-hero .hero-photo-frame{order:-1;display:block;flex:none;min-height:0;height:93px;grid-column:auto;grid-row:auto}
  .home-hero .hero-photo{object-position:52% 49%}
  .home-hero .hero-photo-caption{font-size:8px;bottom:7px;right:9px}
  .home-hero .hero-content{padding:13px 17px 14px}
  .home-hero h1{font-size:clamp(26px,6.8vw,32px);line-height:1.08;max-width:none;margin-bottom:5px}
  .home-hero .eyebrow{margin-bottom:6px}
  .home-hero .lede{display:block;font-size:11px;margin-bottom:0}
  .hero-actions{margin-top:9px}
  .hero-actions .hero-facts{display:none}
  .weather-home-card{padding:10px 12px}
  .weather-home-body{gap:6px}.weather-home-actions{flex:none}
  .weather-home-provider{display:none}
  .weather-home-reading{gap:6px}
  .weather-home-icon{font-size:23px}
  .weather-home-temperature{font-size:26px}
  .weather-home-copy strong{font-size:11px}.weather-home-copy small{font-size:9px}
  .weather-open{font-size:10px;padding:8px 9px}
  .forecast-dialog{padding:13px}
  .forecast-temp-big{font-size:46px}
  .forecast-symbol-big{font-size:37px}
}
@media(max-width:380px){
  .home-hero .hero-photo-frame{height:75px}
  .home-hero .hero-content{padding:12px 14px}
  .home-hero .lede{font-size:10px}
  .weather-home-icon{display:none}
  .weather-home-temperature{font-size:23px}
  .weather-open{font-size:9px;padding:8px 7px}
  .forecast-day-row{grid-template-columns:48px 22px minmax(0,1fr) auto;gap:5px;font-size:11px}
}

.weather-btn-short{display:none}
@media(max-width:720px){.weather-btn-wide{display:none}.weather-btn-short{display:inline}}
@media(max-width:355px){.weather-home-card{padding:9px 10px}.weather-home-reading{gap:4px}.weather-home-copy small{font-size:8px}.weather-home-temperature{font-size:23px}.weather-open{padding:7px 6px}}

/* Stage 1.6 — refined typography, location shortcut, photo overlay, elegant weather timeline */
body,button,input,select{font-family:"Manrope","Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.012em}
h1,h2,h3{font-family:"Manrope","Avenir Next",sans-serif;letter-spacing:-.047em}
h1{font-weight:650}h2,h3{font-weight:650}
.brand-stack strong{font-weight:750;letter-spacing:.145em}
.home-hero{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:244px;background:#f8f0e6}
.home-hero .hero-photo-frame{position:absolute;display:block;inset:0;width:100%;height:100%;grid-column:auto;grid-row:auto;min-height:0;background:#baaa96;z-index:0;overflow:hidden}
.home-hero .hero-photo{position:absolute;display:block;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:contrast(1.13) saturate(.79) brightness(.91);opacity:1}
.home-hero .hero-photo-frame:after{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,247,242,.98) 0%,rgba(250,247,242,.91) 38%,rgba(250,247,242,.34) 85%,rgba(250,247,242,.21) 100%);pointer-events:none}
.home-hero .hero-content{position:relative;z-index:1;max-width:72%;padding:29px 34px;min-height:244px}
.home-hero .hero-content h1{font-size:clamp(32px,3.6vw,45px);font-weight:650;letter-spacing:-.055em}
.home-hero .hero-photo-caption{display:none}
:root[data-theme=dark] .home-hero{background:#252420}
:root[data-theme=dark] .home-hero .hero-photo{filter:brightness(.75) contrast(1.1) saturate(.65)}
:root[data-theme=dark] .home-hero .hero-photo-frame:after{background:linear-gradient(90deg,rgba(34,36,32,.97) 0%,rgba(34,36,32,.89) 37%,rgba(34,36,32,.34) 100%)}
.location-link{cursor:pointer;color:var(--text);position:relative;transition:background .15s}
.location-link:hover{background:var(--accentSoft)}
.location-link:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.location-link .location-outbound{font-size:12px;color:var(--accent);margin-left:auto}
.location-link strong{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}
.location-link:hover strong{text-decoration-color:currentColor}
.shortcut-grid{gap:10px}
.shortcut{min-height:68px;border-radius:13px;padding:12px 15px;box-shadow:none;gap:12px;background:var(--surface);transition:background .15s,border-color .15s,transform .15s}
.shortcut:hover{transform:translateY(-1px)}
.shortcut-icon{background:transparent;border:1px solid var(--border);width:35px;height:35px;border-radius:50%;color:var(--accent)}
.shortcut-icon .tiny-icon{width:18px;height:18px}
.shortcut-label{gap:3px}.shortcut-label strong{font-weight:650;font-size:13px;letter-spacing:-.022em}.shortcut-label small{font-size:10px;line-height:1.3}
.shortcut-arrow{font-size:14px;font-weight:500}
.home-heading h2{font-weight:650;letter-spacing:-.047em}
.home-support{display:none!important}
.weather-home-kicker{font-weight:750;letter-spacing:.08em}
.weather-home-status{font-weight:650}
.weather-open{font-weight:700}
.weather-home-provider{font-weight:500}
.language-control{height:37px;display:flex;align-items:center;gap:3px;position:relative;padding:0 7px 0 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);white-space:nowrap;color:var(--text)}
.language-flag{font-size:17px;line-height:1}
.language-control select{appearance:none;background:transparent;border:0;color:var(--text);font-size:11px;font-weight:700;width:61px;padding:0 11px 0 2px;outline-offset:5px;cursor:pointer}
.language-control:after{content:'⌄';font-size:15px;position:absolute;right:7px;top:7px;color:var(--accent);pointer-events:none}
/* Hourly view is a swipeable, balanced strip. Highlight Now without using excess vertical space. */
.forecast-hour-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 0 9px;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-color:var(--highlight) transparent}
.forecast-hour{flex:1 0 75px;min-width:75px;max-width:110px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:11px 5px 9px;scroll-snap-align:start;transition:border-color .15s,background .15s}
.forecast-hour-now{background:var(--accentSoft);border-color:var(--highlight)}
.forecast-hour-time{font-size:10px;font-weight:750;letter-spacing:.025em;color:var(--muted)}
.forecast-hour-now .forecast-hour-time{color:var(--accent)}
.forecast-hour-symbol{display:grid;place-items:center;color:var(--accent);height:26px}
.forecast-hour-symbol .tiny-icon{width:25px;height:25px}
.forecast-hour strong{font-size:20px;line-height:1;font-weight:650;letter-spacing:-.05em}
.forecast-hour-rain{display:flex;align-items:center;gap:3px;color:var(--muted);font-size:9px;white-space:nowrap}
.forecast-hour-rain .tiny-icon{width:11px;height:11px;color:var(--accent)}
.forecast-swipe-hint{font-size:10px;color:var(--muted)}
.forecast-current{background:linear-gradient(130deg,#725238,#9c7954)}
.forecast-panel-head h3{font-weight:700}
.forecast-day-row strong,.forecast-day-row b{font-weight:650}
@media(min-width:900px){.home-hero .hero-content{min-height:264px}}
@media(max-width:720px){
  .header-inner{gap:8px}
  .header-actions{gap:6px}
  .language-control{height:36px;padding-left:6px}
  .language-flag{font-size:15px}
  .language-control select{font-size:10px;width:51px;padding-right:11px}
  .home-hero{display:block!important;min-height:204px}
  .home-hero .hero-photo-frame{position:absolute!important;inset:0!important;order:0;height:100%!important;width:100%;display:block!important}
  .home-hero .hero-photo{object-position:57% 53%}
  .home-hero .hero-photo-frame:after{background:linear-gradient(90deg,rgba(250,247,242,.97) 0%,rgba(250,247,242,.88) 42%,rgba(250,247,242,.56) 100%)}
  .home-hero .hero-content{min-height:204px;max-width:100%;padding:20px 20px 18px}
  .home-hero .hero-content h1{max-width:245px;font-size:clamp(27px,7vw,33px)}
  .home-hero .lede{max-width:238px;font-size:11px}
  .home-hero .hero-facts{display:none}
  :root[data-theme=dark] .home-hero .hero-photo-frame:after{background:linear-gradient(90deg,rgba(34,36,32,.97) 0%,rgba(34,36,32,.88) 42%,rgba(34,36,32,.55) 100%)}
  .arrival-item .location-outbound{position:absolute;right:7px;top:5px;margin:0;font-size:12px}
  .shortcut{min-height:62px;padding:11px 12px;gap:9px}
  .shortcut-label small{display:none}
  .shortcut-icon{height:30px;width:30px}
  .shortcut-icon .tiny-icon{height:17px;width:17px}
  .shortcut-arrow{display:block;font-size:12px}
  .home-shortcuts{margin-top:12px}
  .home-weather-section{margin-top:9px}
  .forecast-hour{flex-basis:76px;max-width:82px}
}
@media(max-width:390px){
 .brand-stack strong{font-size:10px;letter-spacing:.1em}
 .brand-stack small{font-size:7px}
 .header-inner{padding-left:9px;padding-right:9px}
 .install-button{padding:0 7px;min-height:35px;font-size:10px}
 .icon-button{width:34px;height:35px}
 .language-control{height:35px;padding:0 6px}
 .language-control select{width:37px;font-size:10px}
 .home-hero .hero-content{min-height:199px}
 .home-hero h1{max-width:225px}
 .shortcut{padding:9px 10px;gap:6px}.shortcut-label strong{font-size:12px}
 .shortcut-arrow{font-size:11px}
}
@media(max-width:350px){
 .brand-stack small{display:none}
 .language-control select{width:30px;font-size:0}
 .install-button span:last-child{display:none}
 .install-button{width:34px}
 .shortcut-arrow{display:none}
}

/* Stage 1.7 — one clear route per destination: Guide stays in the main navigation.
   Hero text is information, not a second navigation button. */
.hero-stay-facts{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;margin-top:16px;font-weight:500;line-height:1.3;flex-wrap:wrap}
.hero-stay-facts .tiny-icon{width:14px;height:14px;color:var(--accent)}
.hero-stay-facts .dot-sep{padding:0 3px}
.home-heading{justify-content:flex-start}
.home-hero .hero-content{min-height:230px}
@media(min-width:900px){.home-hero .hero-content{min-height:235px}}
@media(max-width:720px){
 .home-hero{min-height:177px}
 .home-hero .hero-content{min-height:177px;padding:17px 20px}
 .hero-stay-facts{font-size:10px;gap:5px;margin-top:10px}
 .hero-stay-facts .tiny-icon{width:12px;height:12px}
 .home-heading{margin-bottom:8px;min-height:0}
}
@media(max-width:390px){.home-hero .hero-content{min-height:171px;padding:14px 16px}.hero-stay-facts{font-size:9px;margin-top:8px}}
@media(max-width:355px){.hero-stay-facts{gap:4px;font-size:8.7px}.hero-stay-facts .dot-sep{padding:0 1px}}
@media(max-width:720px) and (max-height:610px){.hero-stay-facts{display:none}.home-hero .hero-content{min-height:146px}.home-hero{min-height:146px}}

/* Stage 1.8 — warm-to-smoky vignette with real apartment photography.
   Darkest area is at right; fade spans naturally without a vertical cut-off. */
.home-hero{background:#e9e0d3;border-color:#d9c9b3;box-shadow:0 14px 35px rgba(58,43,29,.065)}
.home-hero .hero-photo{object-position:center 58%;filter:contrast(1.09) saturate(.83) brightness(.97)}
.home-hero .hero-photo-frame::after{display:block!important;content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(251,247,241,.99) 0%,rgba(251,247,241,.98) 24%,rgba(251,247,241,.82) 38%,rgba(244,233,215,.23) 65%,rgba(28,29,27,.12) 81%,rgba(26,27,24,.47) 100%),linear-gradient(0deg,rgba(42,33,23,.17),transparent 19%,transparent 82%,rgba(252,248,239,.10));}
.home-hero .hero-photo-frame{background:#d0c4b5}
.home-hero .hero-content{max-width:73%}
.home-hero .eyebrow,.home-hero .hero-stay-facts{position:relative;z-index:2}
:root[data-theme=dark] .home-hero{background:#28241f;border-color:#554738}
:root[data-theme=dark] .home-hero .hero-photo{filter:brightness(.80) saturate(.70) contrast(1.08)}
:root[data-theme=dark] .home-hero .hero-photo-frame::after{background:linear-gradient(90deg,rgba(32,31,27,.97) 0%,rgba(32,31,27,.94) 28%,rgba(32,31,27,.74) 42%,rgba(37,33,29,.25) 68%,rgba(17,16,15,.56) 100%)}
@media(max-width:720px){
 .home-hero .hero-photo{object-position:60% 52%;filter:contrast(1.08) saturate(.79) brightness(.89)}
 .home-hero .hero-photo-frame::after{background:linear-gradient(90deg,rgba(252,248,242,.985) 0%,rgba(252,248,242,.96) 28%,rgba(252,248,242,.87) 48%,rgba(248,241,231,.63) 65%,rgba(34,31,27,.22) 100%)!important}
 .home-hero .hero-content{max-width:100%}
 :root[data-theme=dark] .home-hero .hero-photo-frame::after{background:linear-gradient(90deg,rgba(32,31,27,.97),rgba(32,31,27,.95) 37%,rgba(32,31,27,.75) 60%,rgba(12,12,12,.48) 100%)!important}
}
/* Editorial photo grid, no generic stock imagery. */
.gallery-intro{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 15px}
.gallery-intro p{margin:0;color:var(--muted);font-size:13px}.gallery-intro span{color:var(--muted);font-size:11px;white-space:nowrap}
.sandstone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gallery-tile{display:block;padding:0;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;overflow:hidden;min-width:0;cursor:pointer;transition:transform .15s,border-color .15s}
.gallery-tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.gallery-tile img{width:100%;height:150px;display:block;object-fit:cover}
.gallery-featured{grid-column:span 2;grid-row:span 2}
.gallery-featured img{height:calc(300px + 12px + 35px)}
.gallery-tile-caption{display:block;padding:10px 13px;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery-dialog{padding:0;border:0;max-width:min(1140px,96vw);max-height:94dvh;width:100%;background:#24211d;color:white;border-radius:17px;box-shadow:0 25px 85px #0008}
.gallery-dialog::backdrop{background:rgba(16,14,12,.86);backdrop-filter:blur(6px)}
.gallery-dialog-inner{display:flex;flex-direction:column;max-height:94dvh}
.gallery-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 15px;font-size:12px;color:#f2e9df}
.gallery-close{background:#fff2;border:1px solid #fff4;color:white;width:38px;height:38px;border-radius:10px;font-size:24px;cursor:pointer}
.gallery-dialog img{display:block;width:100%;height:auto;max-height:calc(94dvh - 112px);min-height:0;object-fit:contain;background:#1d1a17}
.gallery-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-size:13px}
.gallery-dialog-bar button{border:1px solid #ffffff55;background:#ffffff16;color:white;border-radius:8px;padding:10px 13px;white-space:nowrap;cursor:pointer}
.gallery-dialog-bar span{min-width:0;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.children-photo{margin:12px 0}.children-photo img{width:100%;max-height:340px;object-fit:cover;object-position:center 38%;border-radius:13px;display:block}
.children-photo figcaption{font-size:11px;color:var(--muted);margin-top:6px}
.explore-cover{height:235px;border-radius:20px;overflow:hidden;position:relative;margin-bottom:20px;background:#bca88b}
.explore-cover img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 52%;inset:0}
.explore-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,29,27,.88),rgba(31,29,27,.57) 45%,rgba(31,29,27,.12) 100%)}
.explore-cover-overlay{position:absolute;z-index:2;bottom:0;left:0;padding:27px 31px;color:white;max-width:600px}
.explore-cover h1{color:white;font-size:clamp(28px,4vw,41px);margin:7px 0}.explore-cover p{margin:0;color:#f9f4eb}.explore-cover .eyebrow{color:#f6ddba}
@media(max-width:720px){
 .sandstone-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .gallery-featured{grid-column:span 2;grid-row:auto}.gallery-featured img{height:200px}
 .gallery-tile img{height:110px}.gallery-featured img{height:200px}
 .gallery-tile-caption{font-size:11px;padding:8px 10px}
 .gallery-dialog{max-width:100vw;width:100%;border-radius:13px;max-height:90dvh}
 .gallery-dialog-inner{max-height:90dvh}.gallery-dialog img{max-height:calc(90dvh - 109px)}
 .gallery-dialog-bar button{font-size:11px;padding:9px}
 .explore-cover{height:180px}.explore-cover-overlay{padding:19px 19px}.explore-cover h1{font-size:26px}.explore-cover p{font-size:12px}
}

/* Intermediate iPad/tablet widths: full navigation stays available without a crowded header. */
@media(min-width:721px) and (max-width:960px){
 .desktop-nav{display:none}
 .brand-link{min-width:0;margin-right:auto}
 .header-inner{gap:12px;padding:0 19px}
 .header-actions{gap:9px;flex-shrink:0}
 .site-main{padding-bottom:112px}
 .mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:color-mix(in srgb,var(--surface) 97%,transparent);backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:55;justify-content:space-around;padding:6px 8px calc(7px + env(safe-area-inset-bottom))}
 .mobile-nav a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;color:var(--muted);font-size:10px;font-weight:760;min-width:65px;padding:4px 8px 2px;border-radius:11px}
 .mobile-nav a.active{color:var(--accent);background:var(--accentSoft)}
 .mobile-nav a .nav-ico{font-size:20px;line-height:1.2}
}

/* v1.9 — Family request, English flag-only menu and device-choice installation sheet */
.language-picker{position:relative;z-index:60;flex-shrink:0}
.language-picker summary{cursor:pointer;list-style:none;height:39px;min-width:48px;border:1px solid var(--border);background:var(--surface2);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:3px;font-size:21px;padding:0 8px;line-height:1}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary:hover,.language-picker[open] summary{border-color:var(--highlight)}
.language-arrow{color:var(--accent);font-size:14px;line-height:1}
.language-options{position:absolute;right:0;top:calc(100% + 8px);padding:7px;background:var(--surface);border:1px solid var(--border);box-shadow:0 14px 35px #0002;border-radius:12px;min-width:151px;z-index:90}
.language-options span[role=status]{display:flex;align-items:center;gap:9px;padding:8px 10px;font-size:13px;font-weight:700;white-space:nowrap}
.language-check{margin-left:auto;color:var(--accent)}
.install-device-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0 15px}
.install-device-options button{color:var(--muted);background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:11px 5px;font-size:12px;font-weight:750;white-space:nowrap}
.install-device-options button[aria-pressed=true]{background:var(--accentSoft);color:var(--accent);border-color:var(--highlight)}
.family-home-card{margin-top:10px;display:flex;min-height:92px;align-items:center;gap:15px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:9px;color:var(--text);transition:border-color .2s,transform .2s}
.family-home-card:hover{border-color:var(--highlight);transform:translateY(-1px)}
.family-home-card>img{width:112px;height:75px;object-fit:cover;object-position:center 51%;border-radius:11px;flex-shrink:0}
.family-home-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.family-home-eyebrow{font-size:9px;letter-spacing:.14em;font-weight:800;color:var(--accent)}
.family-home-text strong{font-size:14px;line-height:1.35;font-weight:750;letter-spacing:-.025em}
.family-home-text small{font-size:11px;color:var(--muted);line-height:1.35}
.family-home-arrow{font-size:19px;color:var(--accent);padding:0 10px}
.children-request-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:15px;align-items:start}
.children-image-card{border:1px solid var(--border);overflow:hidden;background:var(--surface);border-radius:18px}
.children-image-card img{width:100%;max-height:360px;object-fit:cover;display:block}
.children-image-caption{padding:19px}
.children-image-caption h2{font-size:23px;margin:7px 0}
.children-image-caption p{font-size:13px;margin:0}
.children-eyebrow{font-size:10px;letter-spacing:.13em;color:var(--accent);font-weight:800}
.children-request-card .card-title h2{font-size:23px}
.children-request-card>p{font-size:13px}
.children-request-choices{border:0;margin:15px 0 16px;padding:0;display:grid;gap:9px;min-width:0}
.children-request-choices legend,.children-date-label{font-size:12px;font-weight:750;margin-bottom:9px}
.children-request-choices label{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--border);background:var(--surface2);border-radius:11px;cursor:pointer}
.children-request-choices input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}
.children-request-choices strong,.children-request-choices small{display:block}
.children-request-choices strong{font-size:13px}
.children-request-choices small{font-size:11px;color:var(--muted);margin-top:1px}
.children-date-label{display:block}.children-date-label span{font-weight:500;color:var(--muted)}
#children-arrival-date{display:block;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px;width:100%;min-height:43px;max-width:270px;font:inherit}
.children-request-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.children-request-actions .btn{font-size:12px}
.children-request-status{font-size:12px;line-height:1.5;margin-top:12px;margin-bottom:0}
.children-copy-text{width:100%;min-height:80px;margin-top:10px;color:var(--text);background:var(--surface2);border:1px solid var(--border);padding:9px;border-radius:9px}
@media(max-width:720px){.language-picker summary{height:36px;min-width:37px;font-size:19px;padding:0 5px}.language-arrow{font-size:12px}.family-home-card{min-height:80px;margin-top:9px;gap:10px;padding:7px;border-radius:13px}.family-home-card>img{width:82px;height:65px}.family-home-text strong{font-size:12.5px}.family-home-text small{font-size:10px}.family-home-eyebrow{font-size:8px}.family-home-arrow{font-size:16px;padding:0 4px}.children-request-layout{grid-template-columns:1fr}.children-image-card img{max-height:220px}.children-image-caption{padding:14px}.children-image-caption h2{font-size:20px}.children-request-actions{flex-direction:column}.children-request-actions .btn{width:100%}}
@media(max-width:390px){.language-picker summary{min-width:32px;height:35px;font-size:18px;padding:0 4px}.language-arrow{font-size:11px}.family-home-card>img{width:72px;height:63px}.family-home-text strong{font-size:12px}.family-home-text small{font-size:9px}}

/* v2.0: Gallery discoverability on the hero photograph; no extra home section. */
.hero-gallery-link{
 position:absolute;right:16px;bottom:16px;z-index:10;
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 min-height:39px;padding:8px 12px;border-radius:11px;
 background:rgba(33,31,28,.73);border:1px solid rgba(255,255,255,.43);
 color:#fff!important;box-shadow:0 4px 16px rgba(0,0,0,.18);
 backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
 font-family:'Manrope',sans-serif;font-size:12px;font-weight:650;
 line-height:1.15;text-decoration:none!important;
 transition:background .18s,transform .18s;
}
.hero-gallery-link .tiny-icon{width:17px;height:17px;flex-shrink:0}
.hero-gallery-link small{font-size:10px;color:#efe3d3;font-weight:600;padding-left:3px;border-left:1px solid #ffffff55}
.hero-gallery-link:hover{background:rgba(33,31,28,.90);transform:translateY(-1px)}
.hero-gallery-link:focus-visible{outline:3px solid #d9bb94;outline-offset:3px}
@media(max-width:720px){
 .hero-gallery-link{right:11px;bottom:11px;min-height:35px;padding:7px 9px;font-size:11px;border-radius:9px;gap:5px}
 .hero-gallery-link .tiny-icon{width:15px;height:15px}
 .hero-gallery-link small{font-size:9px}
}
@media(max-width:355px){
 .hero-gallery-link{right:9px;bottom:9px;min-height:34px;width:36px;padding:6px}
 .hero-gallery-link span:not(.tiny-icon),.hero-gallery-link small{display:none}
 .hero-gallery-link .tiny-icon{width:19px;height:19px}
}

/* v2.2 — Stable language flag rendering on desktop and mobile.
   Unlike Unicode regional indicator emojis, inline SVG never turns into "GB" text. */
.language-flag-svg{display:inline-block!important;vertical-align:middle;width:27px;height:17px;flex:0 0 auto;border-radius:2px;box-shadow:0 0 0 1px #00000015}
.language-options .language-flag-svg{width:25px;height:15px}
@media(max-width:720px){.language-picker summary .language-flag-svg{width:23px;height:15px}}
@media(max-width:390px){.language-picker summary .language-flag-svg{width:21px;height:14px}}

/* v2.3: consistent, small Back control on all non-Home pages. */
.page-back-wrap{margin:0 0 15px;display:flex;align-items:center}
.page-back-button{appearance:none;display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:39px;padding:6px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--accent);font-size:13px;font-weight:650;letter-spacing:.01em;transition:background .18s,border-color .18s}
.page-back-button:hover{border-color:var(--highlight);background:var(--surface2,var(--surface))}
.page-back-button span{font-size:19px;font-weight:400;line-height:1}
@media(max-width:720px){.page-back-wrap{margin:0 0 12px}.page-back-button{min-height:40px;padding:6px 13px;font-size:12px}}

/* v2.4 — one discreet Gallery entry, adjacent to the guest count. */
.hero-stay-facts{gap:7px}
.hero-facts-gallery{
 display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
 margin-left:7px;padding:5px 9px;min-height:31px;
 border:1px solid color-mix(in srgb,var(--accent) 27%,var(--border));
 border-radius:999px;background:color-mix(in srgb,var(--surface) 87%,transparent);
 color:var(--accent)!important;text-decoration:none!important;
 font:650 11px/1.2 'Manrope',system-ui,sans-serif;
 position:relative;z-index:4;
 box-shadow:0 1px 7px #47352210;
 transition:background .15s,border-color .15s;
}
.hero-facts-gallery:hover{background:var(--accentSoft);border-color:var(--accent)}
.hero-facts-gallery:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.hero-facts-gallery .tiny-icon{width:14px;height:14px;color:inherit}
.hero-facts-gallery .photo-count{opacity:.72;font-size:10px;font-variant-numeric:tabular-nums;padding-left:5px;border-left:1px solid currentColor}
/* Old floating control is removed from markup; avoid accidental duplicate on future changes. */
.hero-gallery-link{display:none!important}
@media(max-width:720px){
 .hero-stay-facts{gap:5px;margin-top:9px}
 .hero-facts-gallery{margin-left:3px;padding:4px 7px;min-height:27px;font-size:10px;gap:4px}
 .hero-facts-gallery .tiny-icon{width:13px;height:13px}
 .hero-facts-gallery .photo-count{font-size:9px;padding-left:3px}
}
@media(max-width:355px){
 .hero-facts-gallery{min-height:26px;padding:4px 6px;font-size:9px;margin-left:1px}
 .hero-facts-gallery .photo-count{display:none}
}
/* iOS / iPhone PWA: photo viewer remains inside visual viewport & safe-area.
   Flex/grid tracks reserve real space for Close and previous/next controls. */
.gallery-dialog{
 position:fixed;box-sizing:border-box;
 width:min(1080px,calc(100vw - 20px));
 max-width:calc(100vw - 20px);
 height:min(92dvh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px));
 max-height:min(92dvh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px));
 margin:auto;padding:0;overflow:hidden;
 overscroll-behavior:contain;
}
.gallery-dialog-inner{height:100%;max-height:none;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.gallery-dialog-toolbar{min-height:50px;padding:8px 12px;flex-shrink:0}
.gallery-dialog img{width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;user-select:none;-webkit-user-select:none}
.gallery-dialog-bar{min-height:54px;padding:8px 10px;flex-shrink:0}
.gallery-close{min-height:42px;min-width:42px;flex-shrink:0;touch-action:manipulation}
.gallery-dialog-bar button{min-height:42px;touch-action:manipulation}
@media(max-width:720px){
 .gallery-dialog{
  width:calc(100vw - 16px);max-width:calc(100vw - 16px);
  height:min(92dvh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px));
  max-height:min(92dvh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px));
  border-radius:13px;
 }
 .gallery-dialog-toolbar{padding:8px 10px;min-height:49px}
 .gallery-dialog-bar{padding:6px 8px;gap:4px}
 .gallery-dialog-bar button{font-size:11px;padding:8px;min-width:84px}
 .gallery-dialog-bar span{max-width:33%;font-size:11px}
}
@media(max-width:355px){.gallery-dialog-bar button{min-width:66px;font-size:10px;padding:6px}}

/* v2.5 — typographic-only top wordmark. No boxed S mark or subtitle. */
.site-header .brand-link{display:flex;align-items:center;gap:0;min-width:0;flex:0 1 auto;white-space:nowrap;text-decoration:none;margin-right:0}
.site-header .brand-wordmark{display:inline-block;font-family:"Manrope","Avenir Next",system-ui,sans-serif;font-size:16px;letter-spacing:.13em;font-weight:800;line-height:1.15;color:var(--text);white-space:nowrap}
@media(max-width:960px){.site-header .brand-link{margin-right:auto}.site-header .brand-wordmark{font-size:14px;letter-spacing:.09em}}
@media(max-width:720px){.site-header .header-inner{gap:9px}.site-header .brand-wordmark{font-size:13px;letter-spacing:.08em}.site-header .header-actions{gap:7px;flex-shrink:0}}
@media(max-width:370px){.site-header .header-inner{padding-left:10px;padding-right:10px;gap:5px}.site-header .brand-wordmark{font-size:11px;letter-spacing:.03em}.site-header .header-actions{gap:5px}}
/* Keep the only Gallery shortcut accessible even on short/narrow iPhones. */
@media(max-width:720px) and (max-height:610px){
 .home-hero .hero-stay-facts{display:flex!important}
 .home-hero .hero-content{min-height:172px}
 .home-hero{min-height:172px}
}

/* v2.6 — Gallery link is a quiet inline fact, not a pill-shaped button. */
.hero-stay-facts{align-items:center;column-gap:6px;row-gap:2px}
.hero-facts-gallery,
.hero-facts-gallery:link,
.hero-facts-gallery:visited{
  display:inline-flex;align-items:center;gap:4px;
  margin:0!important;padding:3px 1px!important;min-height:24px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:var(--muted)!important;
  font:500 11px/1.25 'Manrope',system-ui,sans-serif!important;
  letter-spacing:0;text-decoration:none!important;
  white-space:nowrap;opacity:.88;position:relative;z-index:5;
  transition:color .18s ease,opacity .18s ease;
}
.hero-facts-gallery .tiny-icon{width:13px;height:13px;opacity:.82;flex-shrink:0}
.hero-facts-gallery:hover{color:var(--accent)!important;opacity:1;text-decoration:underline!important;text-underline-offset:3px}
.hero-facts-gallery:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px;border-radius:3px}
@media(max-width:720px){
  .hero-stay-facts{column-gap:4px;row-gap:1px}
  .hero-facts-gallery,.hero-facts-gallery:link,.hero-facts-gallery:visited{font-size:10px!important;min-height:22px!important;padding:2px 0!important}
  .hero-facts-gallery .tiny-icon{width:12px;height:12px}
}
@media(max-width:355px){
  .hero-facts-gallery,.hero-facts-gallery:link,.hero-facts-gallery:visited{font-size:9px!important}
}

/* v2.7 — PWA icon shown in Install App dialogue, matching real installed icon. */
.install-app-icon{width:34px;height:34px;flex:0 0 34px;border-radius:9px;overflow:hidden;background:#30332F;display:inline-flex;align-items:center;justify-content:center;padding:0}
.install-app-icon img{display:block;width:100%;height:100%;object-fit:cover}

/* v2.8 - reservation-platform-only messaging */
.booking-message-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.booking-message-card .btn{margin-top:auto;max-width:100%}
.booking-message-card p{flex:1;min-height:0;margin-bottom:18px}
.booking-platform-note{color:var(--muted);font-size:12px;margin:12px 0 0}
.children-request-actions .btn{white-space:normal;text-align:center}

/* v2.9 — discreet but readable photos shortcut on photographic background.
   Consistent visual contrast; the original bare grey text vanished into the photo. */
.hero-stay-facts .hero-facts-gallery,
.hero-stay-facts .hero-facts-gallery:link,
.hero-stay-facts .hero-facts-gallery:visited {
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  margin-left:4px!important;padding:5px 8px!important;
  min-height:28px!important;border:1px solid rgba(247,239,226,.36)!important;
  border-radius:7px!important;background:rgba(67,54,42,.92)!important;
  color:#FFF8EF!important;opacity:1!important;
  font:650 10.5px/1.15 'Manrope',system-ui,sans-serif!important;
  letter-spacing:.005em!important;text-decoration:none!important;
  box-shadow:0 2px 8px rgba(25,20,17,.16)!important;
  transition:background .15s ease,transform .15s ease!important;
  white-space:nowrap!important;
}
.hero-stay-facts .hero-facts-gallery b{font-weight:750;color:#E8CC9F;margin-left:2px}
.hero-stay-facts .hero-facts-gallery .tiny-icon{width:14px!important;height:14px!important;opacity:1!important;color:#F4E2C9!important}
.hero-stay-facts .hero-facts-gallery:hover,
.hero-stay-facts .hero-facts-gallery:focus-visible{
  background:#2F302C!important;color:#FFFFFF!important;transform:translateY(-1px);
}
.hero-stay-facts .hero-facts-gallery:focus-visible{outline:2px solid #B88951!important;outline-offset:2px!important}
@media(max-width:720px){
  .hero-stay-facts .hero-facts-gallery,.hero-stay-facts .hero-facts-gallery:link,.hero-stay-facts .hero-facts-gallery:visited{
    padding:5px 7px!important;min-height:27px!important;font-size:10px!important;margin-left:2px!important;
  }
}
@media(max-width:355px){
  .hero-stay-facts .hero-facts-gallery,.hero-stay-facts .hero-facts-gallery:link,.hero-stay-facts .hero-facts-gallery:visited{
    padding:4px 6px!important;min-height:26px!important;font-size:9.5px!important;margin-left:0!important;
  }
}

/* v3.0 — Single gallery slideshow shared by Home and Guide.
   Full-screen on mobile; no notch / home-indicator overlaps in installed iPhone PWA. */
html.gallery-open,body.gallery-open{overflow:hidden!important}
.gallery-dialog{
 position:fixed!important;inset:0!important;box-sizing:border-box!important;
 width:min(1080px,calc(100vw - 26px))!important;
 max-width:calc(100vw - 26px)!important;
 height:min(92dvh,820px)!important;max-height:min(92dvh,820px)!important;
 margin:auto!important;padding:0!important;border:1px solid #585047!important;
 background:#191817!important;border-radius:16px!important;
 color:#f8f2e8!important;overflow:hidden!important;box-shadow:0 25px 85px #000b!important;
}
.gallery-dialog::backdrop{background:rgba(8,7,7,.88)!important;backdrop-filter:blur(7px)}
.gallery-dialog-inner{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;
 height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important}
.gallery-dialog-toolbar{display:flex;min-height:56px;align-items:center;gap:15px;padding:10px 15px!important;border-bottom:1px solid #ffffff22}
.gallery-top-title{display:flex;align-items:center;gap:10px;min-width:0}
.gallery-top-kicker{font-size:10px;letter-spacing:.14em;color:#ddc5a3;font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#gallery-counter{font-size:11px;color:#f3ece0;white-space:nowrap;opacity:.85;font-variant-numeric:tabular-nums}
.gallery-close{display:grid;place-items:center;margin-left:auto;background:#ffffff16!important;border:1px solid #ffffff44!important;
 color:#fff!important;border-radius:10px;width:44px!important;height:44px!important;font-size:26px!important;line-height:1;cursor:pointer;touch-action:manipulation}
.gallery-stage{display:flex;align-items:center;justify-content:center;position:relative;min-height:0!important;min-width:0!important;overflow:hidden;background:#141312;touch-action:pan-y}
.gallery-stage #gallery-dialog-photo{display:block;width:100%!important;height:100%!important;object-fit:contain!important;min-height:0!important;max-height:none!important;
 opacity:1;transition:opacity .12s ease;user-select:none;-webkit-user-select:none}
.gallery-stage #gallery-dialog-photo.loading{opacity:.22}
.gallery-image-error:not([hidden]){position:absolute;inset:auto 18px;z-index:2;color:#fff;background:#46372acc;padding:12px;text-align:center;border-radius:8px}
.gallery-dialog-bar{display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:52px;padding:6px 14px!important;border-top:1px solid #ffffff22}
.gallery-dialog-bar button{border-radius:9px!important;min-height:40px!important;min-width:105px!important;padding:8px 12px!important;
 background:#ffffff12!important;color:#fff!important;border:1px solid #ffffff42!important;font-size:12px!important;cursor:pointer;touch-action:manipulation}
.gallery-dialog-bar button:focus-visible,.gallery-close:focus-visible,.gallery-thumb:focus-visible{outline:2px solid #d3b186;outline-offset:2px}
.gallery-dialog-bar #gallery-caption{color:#f5ece0;font-size:12px;text-align:center;min-width:0;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gallery-thumbs{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;
 overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:11px 14px 13px;border-top:1px solid #ffffff22;
 scrollbar-width:thin;scrollbar-color:#93745b #191817}
.gallery-thumb{display:block;flex:0 0 65px;height:53px;padding:2px;border-radius:8px;border:2px solid #ffffff33;
 background:#302a24;cursor:pointer;overflow:hidden;scroll-snap-align:center;opacity:.65;transition:opacity .12s,border-color .12s}
.gallery-thumb.active{opacity:1;border-color:#d5b48a}
.gallery-thumb img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;border-radius:4px;display:block}
@media(max-width:720px){
 .gallery-dialog{inset:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;
  border:0!important;border-radius:0!important;margin:0!important}
 .gallery-dialog-inner{box-sizing:border-box;padding-top:max(8px,env(safe-area-inset-top,0px));
  padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}
 .gallery-dialog-toolbar{min-height:58px;padding:6px 12px!important}
 .gallery-top-kicker{font-size:9px;letter-spacing:.08em}
 .gallery-dialog-bar{min-height:52px;padding:6px 9px!important;gap:5px}
 .gallery-dialog-bar button{min-width:52px!important;padding:8px 10px!important}
 .gallery-dialog-bar #gallery-caption{font-size:11px;max-width:60%}
 .gallery-thumbs{padding:9px 11px 10px;gap:6px}
 .gallery-thumb{flex-basis:57px;height:47px}
}
@media(max-width:355px){.gallery-nav-label{display:none}.gallery-dialog-bar button{min-width:47px!important}}
@media(prefers-reduced-motion:reduce){.gallery-stage #gallery-dialog-photo,.gallery-thumb{transition:none!important}}

/* v3.1 brand refinement — same S on header and installed guest guide. */
.site-header .brand-link{display:inline-flex;align-items:center;gap:9px;min-width:0;flex:0 1 auto;text-decoration:none}
.site-header .brand-app-icon{display:block;flex:0 0 32px;width:32px;height:32px;aspect-ratio:1;object-fit:cover;border-radius:9px;box-shadow:0 1px 2px #00000014}
.site-header .brand-wordmark{white-space:nowrap;min-width:0}
@media(max-width:1050px){.site-header .brand-app-icon{width:30px;height:30px;flex-basis:30px}.site-header .brand-link{gap:8px}}
@media(max-width:720px){.site-header .brand-app-icon{width:28px;height:28px;flex-basis:28px;border-radius:7px}.site-header .brand-link{gap:7px}.site-header .brand-wordmark{font-size:12px;letter-spacing:.045em}}
@media(max-width:430px){.site-header .header-inner{padding-left:10px;padding-right:10px;gap:6px}.site-header .header-actions{gap:5px}.site-header .brand-app-icon{width:26px;height:26px;flex-basis:26px}.site-header .brand-wordmark{font-size:11.5px;letter-spacing:.015em}}
@media(max-width:355px){.site-header .brand-link{gap:5px}.site-header .brand-app-icon{width:25px;height:25px;flex-basis:25px}.site-header .brand-wordmark{font-size:10.8px;letter-spacing:0}}

/* v3.2 — tap-friendly arrival information and refined travel / parking */
.arrival-item.arrival-link{color:inherit;text-decoration:none;position:relative;cursor:pointer;transition:background .16s ease}
.arrival-item.arrival-link:hover,.arrival-item.arrival-link:focus-visible{background:var(--accentSoft)}
.arrival-chevron{font-size:14px;margin-left:auto;color:var(--accent);opacity:.66}
.arrival-link:focus-visible,.travel-service:focus-visible,.travel-action:focus-visible,.travel-map-link:focus-visible,.travel-route-links a:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}
.travel-intro{display:flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid var(--border);background:linear-gradient(118deg,var(--accentSoft),var(--surface) 82%);border-radius:20px;padding:25px 26px;margin-bottom:22px;position:relative;overflow:hidden}
.travel-intro h2{font-size:clamp(22px,3vw,30px);letter-spacing:-.035em;line-height:1.2;margin:6px 0 8px}
.travel-intro p{max-width:560px;margin:0;color:var(--muted);font-size:13px}
.travel-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:var(--accent)}
.travel-intro-mark{color:var(--accent);opacity:.45;transform:rotate(-10deg)}
.travel-intro-mark svg{height:75px;width:75px}
.travel-section-title{margin:23px 0 11px}
.travel-section-title h2{font-size:18px;line-height:1.25;margin:0 0 2px;letter-spacing:-.02em}
.travel-section-title p{color:var(--muted);font-size:12px;margin:0}
.travel-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.travel-service{display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto auto;gap:4px 13px;align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:16px;color:var(--text);text-decoration:none;transition:transform .15s,border-color .15s}
.travel-service:hover{border-color:var(--highlight);transform:translateY(-1px);text-decoration:none;color:var(--text)}
.travel-service-brand{width:49px;height:49px;border-radius:12px;display:grid;place-items:center;grid-row:1/3;font-size:17px;font-weight:800;letter-spacing:-.05em}
.uber-brand{background:#20211f;color:#fff}
.bolt-brand{background:#b5f24b;color:#10140c}
.travel-service-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.travel-service-copy strong{font-size:15px}
.travel-service-copy small{color:var(--muted);font-size:11px;line-height:1.35}
.travel-service-link{font-size:12px;font-weight:750;color:var(--accent);display:flex;align-items:center;gap:6px}
.travel-service-link .tiny-icon,.travel-action .tiny-icon,.travel-map-link .tiny-icon{width:15px;height:15px}
.travel-bus-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:19px}
.travel-bus-card-top{display:flex;gap:13px;align-items:flex-start}
.travel-bus-symbol,.travel-detail-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--accent);background:var(--accentSoft);border-radius:13px;flex:none}
.travel-bus-symbol svg,.travel-detail-icon svg{height:21px;width:21px}
.travel-bus-card-top h3{font-size:18px;letter-spacing:-.03em;margin:4px 0}
.travel-bus-card-top p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.travel-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 14px}
.travel-action{min-height:43px;display:flex;align-items:center;justify-content:center;text-align:center;gap:5px;border:1px solid var(--border);background:var(--surface2);border-radius:10px;padding:8px 7px;color:var(--text);font-size:11px;font-weight:750;text-decoration:none}
.travel-action:hover{border-color:var(--highlight);color:var(--accent);text-decoration:none}
.travel-action.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.travel-route-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:12px;font-size:11px;color:var(--muted)}
.travel-route-row strong{font-size:12px;color:var(--text);text-align:right}
.travel-route-links{display:flex;gap:7px 11px;flex-wrap:wrap;align-items:center;margin-top:12px}
.travel-route-links span{font-size:11px;color:var(--muted)}
.travel-route-links a{display:inline-block;background:var(--accentSoft);border:1px solid var(--border);border-radius:8px;font-weight:700;font-size:11px;padding:6px 9px;color:var(--accent);text-decoration:none}
.travel-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.travel-detail{display:flex;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:16px;min-width:0}
.travel-detail h3{font-size:14px;margin:0 0 5px}
.travel-detail p{font-size:12px;color:var(--muted);margin:0;line-height:1.55;overflow-wrap:anywhere}
.travel-map-link{display:inline-flex;gap:5px;align-items:center;text-decoration:none;color:var(--accent);font-size:12px;font-weight:750;margin-top:10px}
.travel-disclaimer{font-size:11px;color:var(--muted);margin:19px 3px 0}
@media(max-width:720px){.arrival-item.arrival-link{padding-right:8px}.arrival-chevron{font-size:10px}.travel-intro{padding:19px;margin-bottom:18px}.travel-intro-mark{display:none}.travel-bottom-grid{grid-template-columns:1fr}.travel-links{grid-template-columns:1fr 1fr}.travel-links .travel-action:last-child{grid-column:1/-1}.travel-service{padding:13px 11px;gap:5px 9px;grid-template-columns:38px minmax(0,1fr)}.travel-service-brand{width:38px;height:38px;font-size:13px;border-radius:10px}.travel-service-copy strong{font-size:14px}.travel-service-copy small{font-size:10px}.travel-service-link{font-size:11px}.travel-section-title{margin:19px 0 9px}}
@media(max-width:355px){.travel-service-grid{gap:7px}.travel-service{grid-template-columns:1fr;grid-template-rows:auto;gap:5px}.travel-service-brand{grid-row:auto;width:35px;height:35px}.travel-action{font-size:10px}.travel-route-row{align-items:flex-start;flex-direction:column;gap:3px}.travel-route-row strong{text-align:left}}


/* v3.5: Clear, subtle instructions affordance on appliance accordions. */
.accord summary .appliance-name{flex:1;min-width:0}
.accord summary .appliance-instruction-hint{margin-left:auto;font-size:11px;letter-spacing:.01em;font-weight:600;color:var(--accent);white-space:nowrap;opacity:.9}
.accord summary .appliance-instruction-hint::before{content:'View instructions'}
.accord[open] summary .appliance-instruction-hint::before{content:'Hide instructions'}
.accord summary::after{margin-left:0;flex:0 0 auto}
@media(max-width:355px){.accord summary{padding:13px 12px;gap:7px;font-size:12px}.accord summary .appliance-instruction-hint{font-size:10px}}


/* v3.6 — coherent directional indicators and polished S8 brand sizing. */
/* Place all three arrival-strip action indicators at the same lower-right inset. */
.arrival-strip .location-link,
.arrival-strip .arrival-link{position:relative}
.arrival-strip .location-link .location-outbound,
.arrival-strip .arrival-link .arrival-chevron{
  position:absolute;
  right:10px;
  bottom:7px;
  top:auto;
  left:auto;
  margin:0;
  line-height:1;
  font-size:12px;
  opacity:.62;
  color:var(--accent);
  pointer-events:none;
}
/* Slightly enlarge the real S8 artwork and let the wordmark breathe. */
.site-header .brand-app-icon{
  width:49px;
  height:49px;
  flex-basis:49px;
  border-radius:7px;
  object-fit:contain;
}
.site-header .brand-link{gap:12px}
@media(max-width:1050px){
 .site-header .brand-app-icon{width:47px;height:47px;flex-basis:47px}
 .site-header .brand-link{gap:11px}
}
@media(max-width:720px){
 .site-header .brand-app-icon{width:45px;height:45px;flex-basis:45px}
 .site-header .brand-link{gap:10px}
 .arrival-strip .location-link .location-outbound,
 .arrival-strip .arrival-link .arrival-chevron{right:7px;bottom:6px;font-size:10px}
}
@media(max-width:430px){
 .site-header .brand-app-icon{width:42px;height:42px;flex-basis:42px}
 .site-header .brand-link{gap:8px}
 .site-header .brand-wordmark{font-size:11px;letter-spacing:.006em}
}
@media(max-width:355px){
 .site-header .brand-app-icon{width:36px;height:36px;flex-basis:36px}
 .site-header .brand-link{gap:5px}
 .site-header .brand-wordmark{font-size:10.5px;letter-spacing:0}
}

/* v3.7 — calmer, grouped Guest Guide navigation. All other pages are preserved. */
.guide-hub{max-width:1080px;margin:0 auto 22px}
.guide-hub-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;color:var(--muted);font-size:12px}
.guide-hub-count{font-weight:750;letter-spacing:.035em;color:var(--accent)}
.guide-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.guide-group{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 5px 25px rgba(65,51,34,.025);min-width:0;overflow:hidden}
.guide-group[open]{border-color:var(--highlight)}
.guide-group>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:17px 18px;min-height:82px;list-style:none}
.guide-group>summary::-webkit-details-marker,.guide-sidebar-group>summary::-webkit-details-marker{display:none}
.guide-group-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:var(--accentSoft);border-radius:11px;color:var(--accent)}
.guide-group-icon svg{width:19px;height:19px}
.guide-group-title{display:flex;flex-direction:column;min-width:0;gap:2px;flex:1}
.guide-group-title strong{font-size:15px;font-weight:750;color:var(--text);line-height:1.25}
.guide-group-title small{font-size:11px;color:var(--muted);line-height:1.45}
.guide-group-count{font-size:11px;color:var(--muted);background:var(--surface2);padding:3px 8px;border-radius:30px}
.guide-group-chevron{font-size:19px;line-height:1;color:var(--accent);transition:transform .18s}
.guide-group[open] .guide-group-chevron{transform:rotate(180deg)}
.guide-group-contents{border-top:1px solid var(--border);padding:4px 10px 10px}
.guide-topic{display:flex;align-items:center;gap:11px;padding:12px 9px;color:var(--text);border-radius:10px;min-width:0}
.guide-topic+.guide-topic{border-top:1px solid var(--border);border-radius:0}
.guide-topic:hover{background:var(--surface2)}
.guide-topic-icon{color:var(--accent);flex:0 0 20px;display:grid;place-items:center}
.guide-topic-icon svg{width:18px;height:18px}
.guide-topic-copy{display:flex;flex-direction:column;flex:1;gap:2px;min-width:0}
.guide-topic-copy strong{font-size:13px;line-height:1.4;font-weight:750}
.guide-topic-copy small{font-size:11px;color:var(--muted);line-height:1.35}
.guide-topic-chevron{color:var(--accent);font-size:17px;margin-left:auto}
.guide-sidebar{padding:12px}
.guide-sidebar-all{border-bottom:1px solid var(--border);border-radius:0!important;margin-bottom:8px;color:var(--accent)!important}
.guide-sidebar-group{margin-bottom:3px}
.guide-sidebar-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:12px 10px;color:var(--text);font-size:12px;font-weight:800;letter-spacing:.015em}
.guide-sidebar-group>summary span{font-size:17px;color:var(--accent);transition:transform .15s}
.guide-sidebar-group[open]>summary span{transform:rotate(180deg)}
.guide-sidebar-group-rows{padding:0 0 8px 7px}
.guide-sidebar-group-rows a{padding:9px 10px;font-size:12px;line-height:1.4;gap:9px}
.guide-sidebar-group-rows a span{min-width:0}
.guide-sidebar-group-rows a .tiny-icon{width:15px;height:15px}
@media(max-width:720px){
 .guide-group-grid{grid-template-columns:1fr;gap:10px}
 .guide-group>summary{min-height:69px;padding:13px 14px}
 .guide-group-icon{width:34px;height:34px;flex-basis:34px}
 .guide-topic{padding:11px 7px}
 .guide-hub-intro{margin-bottom:11px;font-size:11px}
 .guide-sidebar{display:none!important}
 .guide-hub{padding-bottom:12px}
 .page-heading{margin-bottom:17px}
}

/* Sandstone v3.8 — compact contact and late check-out, lighter hierarchy */
.late-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.83fr);gap:15px;align-items:start}
.late-request-main,.late-request-aside{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:20px;min-width:0}
.late-intro{display:flex;align-items:center;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:17px}
.late-standard-label{font-size:10px;font-weight:750;letter-spacing:.095em;color:var(--muted);background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:11px 13px;min-width:115px}
.late-standard-label strong{display:block;font-size:25px;line-height:1.1;color:var(--text);letter-spacing:-.035em;margin-top:6px}
.late-intro p{font-size:13px;line-height:1.5;margin:0;color:var(--muted)}
.late-field-title,.late-message-label{display:block;font-size:12px;font-weight:800;color:var(--text);margin-bottom:11px}
.late-field-title span{font-size:11px;color:var(--muted);font-weight:500;margin-left:5px}
.late-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}
.late-time-option{min-height:45px;padding:10px 5px;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:11px;font-weight:760;font-size:14px;transition:border-color .13s,background .13s}
.late-time-option:hover{border-color:var(--accent)}
.late-time-option.selected{background:var(--accent);color:#fff;border-color:var(--accent)}
.late-form-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:17px}
.late-form-secondary label{font-size:11px;color:var(--text);font-weight:760;min-width:0}
.late-form-secondary label span{font-weight:450;color:var(--muted)}
.late-form-secondary input{display:block;box-sizing:border-box;width:100%;min-width:0;margin-top:7px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;min-height:43px}
#late-request-message{display:block;width:100%;box-sizing:border-box;border:1px solid var(--border);background:var(--surface2);border-radius:12px;padding:12px 13px;min-height:103px;resize:vertical;color:var(--text);font:inherit;font-size:12.5px;line-height:1.6}
.late-request-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}
.late-request-buttons .btn{min-height:42px;white-space:nowrap;font-size:12px}
.late-request-buttons button[disabled],.compact-contact-email button[disabled]{opacity:.48;cursor:not-allowed}
.late-request-status{font-size:11px;color:var(--muted);line-height:1.5;margin:9px 0 0}
.late-request-aside{padding:19px}
.late-info-title{font-size:14px;font-weight:780;color:var(--text);margin-bottom:7px}
.late-request-aside>p{font-size:12px;line-height:1.55;margin-bottom:13px}
.late-platform-links{display:flex;flex-direction:column;gap:0;margin-bottom:17px}
.late-platform-links a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px 0;font-size:12px;font-weight:700;color:var(--accent);border-bottom:1px solid var(--border)}
.late-platform-links svg{width:14px;height:14px;flex-shrink:0}
.late-disclaimer{display:flex;gap:9px;align-items:flex-start;padding:12px;background:var(--surface2);color:var(--muted);font-size:11px;line-height:1.6;border-radius:11px}
.late-disclaimer svg{width:17px;height:17px;flex:0 0 17px;color:var(--accent)}
.checkout-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border:1px solid var(--border);border-radius:15px;background:var(--surface);margin-bottom:15px}
.checkout-time{display:flex;flex-direction:column;gap:3px}.checkout-time span{font-size:10px;letter-spacing:.09em;font-weight:800;color:var(--muted)}.checkout-time strong{font-size:27px;color:var(--text)}
.checkout-topline>div:last-child{text-align:right}.checkout-topline>div:last-child p{font-size:12px;margin:0 0 7px}.checkout-late-cta{font-size:12px!important;min-height:37px!important}
.compact-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:980px}
.compact-contact-card{display:flex;align-items:flex-start;gap:13px;padding:17px;background:var(--surface);border:1px solid var(--border);border-radius:15px;min-width:0}
.compact-contact-icon{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;color:var(--accent);background:var(--accentSoft);border-radius:10px}
.compact-contact-icon svg{width:19px;height:19px}
.compact-contact-body{min-width:0;flex:1}
.compact-contact-body h2{font-size:17px;letter-spacing:-.025em;margin:1px 0 4px}
.compact-contact-body p{font-size:12px;line-height:1.55;min-height:0;margin:0 0 10px}
.compact-contact-body a{display:inline-flex;gap:5px;align-items:center;font-size:12px;color:var(--accent);font-weight:780}
.compact-contact-body a svg{width:14px;height:14px}
.compact-contact-email{display:flex;align-items:center;gap:12px;max-width:980px;padding:12px 15px;border:1px solid var(--border);background:var(--surface);border-radius:13px;margin-top:11px}
.compact-contact-email-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.compact-contact-email-copy strong{font-size:13px;color:var(--text)}.compact-contact-email-copy span{font-size:11px;color:var(--muted)}
.compact-contact-email .btn{font-size:12px;min-height:38px;white-space:nowrap}
.compact-contact-note{font-size:11px;line-height:1.6;margin:11px 0;max-width:940px}
@media(max-width:800px){.late-layout{grid-template-columns:1fr}.late-request-aside{padding:16px}.late-platform-links{flex-direction:row;gap:22px;flex-wrap:wrap;margin-bottom:13px}.late-platform-links a{flex:1;min-width:120px}}
@media(max-width:620px){.late-request-main{padding:15px}.late-request-aside{padding:15px}.late-intro{gap:12px;margin-bottom:15px}.late-standard-label{min-width:96px;padding:10px}.late-standard-label strong{font-size:23px}.late-time-grid{gap:7px}.late-time-option{font-size:13px;min-height:43px}.late-form-secondary{grid-template-columns:1fr 1fr}.late-form-secondary input{padding:9px 8px;font-size:12px}.late-request-buttons .btn{flex:1;justify-content:center;padding-left:9px;padding-right:9px}.compact-contact-grid{grid-template-columns:1fr;gap:9px}.compact-contact-card{padding:13px;gap:12px}.compact-contact-email{padding:12px;gap:8px}.compact-contact-email .btn{padding:9px}.late-platform-links{gap:12px}.page-heading{margin-bottom:14px}.page-heading p{font-size:13px}.checkout-topline{padding:13px}}
@media(max-width:355px){.late-form-secondary{grid-template-columns:1fr}.compact-contact-email .btn{font-size:11px;padding:8px}}


/* Sandstone v3.10 | unified Manrope typography, restrained uppercase section labels */
:root{--ui-font:"Manrope","Avenir Next",system-ui,-apple-system,"Segoe UI",sans-serif}
html,body,button,input,select,textarea,option,summary,dialog{font-family:var(--ui-font)!important}
.page-heading h1,.home-hero h1{font-family:var(--ui-font);font-weight:700;letter-spacing:-.044em}
.page-heading h1{font-size:clamp(29px,3.8vw,40px)}
.home-heading h2,.section-intro h2,.travel-section-title h2,.card-title h2{font-family:var(--ui-font);font-weight:800;letter-spacing:.075em;text-transform:uppercase;font-size:13px;line-height:1.45}
.guide-group-title strong,.guide-sidebar-group>summary{font:800 12px/1.4 var(--ui-font);letter-spacing:.095em;text-transform:uppercase}
.guide-group-title small{font-size:11.5px;letter-spacing:0;text-transform:none}
.guide-hub-intro{font-size:11px}
.guide-group>summary{padding-block:16px}
.guide-topic-copy strong{font-weight:700}
.guide-topic-copy small{font-weight:450}
.home-hero h1{font-size:clamp(30px,4.6vw,55px)}
/* Host identity -- quieter and more welcoming than a large contact banner */
.host-intro-card{display:flex;align-items:center;gap:14px;max-width:790px;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:14px 17px;margin-bottom:17px}
.hosts-initials{font:600 19px/1 Georgia,serif;flex:0 0 55px;height:55px;display:grid;place-items:center;position:relative;color:var(--accent);background:var(--accentSoft);border:1px solid var(--border);border-radius:13px;letter-spacing:-.07em}
.hosts-initials span{font:500 9px/1 var(--ui-font);position:absolute;bottom:8px;right:7px;letter-spacing:0}
.hosts-kicker,.contact-action-title,.request-platform-caption{font:800 10px/1.4 var(--ui-font);letter-spacing:.12em;color:var(--accent)}
.host-intro-card h2{font:750 20px/1.25 var(--ui-font);letter-spacing:-.035em;margin:2px 0 3px}
.host-intro-card p{font-size:12px;line-height:1.45;margin:0;color:var(--muted)}
.contact-action-title{margin-bottom:9px}
.contact-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:790px}
/* Platform logos and wordmarks are inline, avoiding missing asset links. */
.platform-brand-link{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;min-height:40px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-decoration:none!important;color:var(--text);transition:border-color .15s,background .15s}
.platform-brand-link:hover{border-color:var(--highlight);background:var(--surface2)}
.platform-brand-content{display:inline-flex;gap:8px;align-items:center;min-width:0}
.platform-brand-link .brand-mark-icon{width:21px;height:21px;flex:0 0 21px}
.platform-brand-link.airbnb .brand-mark-icon{color:#f05a62}
.platform-brand-link.booking .brand-mark-icon{color:#163b80}
html[data-theme="dark"] .platform-brand-link.booking .brand-mark-icon{color:#79aaf5}
.platform-wordmark{font-size:12px;font-weight:800;letter-spacing:-.025em;white-space:nowrap}
.platform-brand-link.airbnb .platform-wordmark{color:#d94855}
.platform-brand-link.booking .platform-wordmark{color:#214784}
html[data-theme="dark"] .platform-brand-link.booking .platform-wordmark{color:#9dc4fc}
.platform-outbound{color:var(--muted);font-size:13px;flex-shrink:0}
.contact-platform-tile{min-height:58px;padding:12px 15px;border-radius:13px}
.contact-platform-tile .brand-mark-icon{width:25px;height:25px;flex-basis:25px}
.contact-platform-tile .platform-wordmark{font-size:14px}
.contact-platform-tile .platform-outbound{font-size:16px}
.compact-contact-note{font-size:11px;line-height:1.45;margin:9px 0 13px;max-width:790px}
.compact-contact-email{max-width:790px;margin-top:0;padding:11px 13px}
.compact-contact-email-copy strong{font-size:12px}
.compact-contact-email-copy span{font-size:11px;overflow-wrap:anywhere}
/* Late check-out: all actions together under the message, no second column */
.late-layout{display:block;max-width:820px}
.late-request-main{padding:21px 23px}
.late-request-buttons{margin-top:12px}
.request-platform-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:9px 0 0}
.request-platform-row .platform-brand-link{padding:7px 10px;min-height:36px}
.request-platform-row .brand-mark-icon{width:18px;height:18px;flex-basis:18px}
.request-platform-row .platform-wordmark{font-size:11px}
.request-platform-caption{margin-right:4px;font-size:9px}
.late-request-status{margin:8px 0 0}
.late-disclaimer{margin-top:12px;font-size:11px;padding:10px 12px}
@media(max-width:620px){
 .page-heading h1{font-size:clamp(27px,7.2vw,35px)}
 .guide-group-title strong{font-size:11.5px;letter-spacing:.07em}
 .guide-group>summary{min-height:64px;padding:12px 13px}
 .late-request-main{padding:15px}
 .host-intro-card{gap:11px;padding:12px}
 .hosts-initials{flex-basis:46px;width:46px;height:46px;font-size:17px}
 .host-intro-card h2{font-size:17px}
 .contact-platform-grid{gap:8px}
 .contact-platform-tile{padding:10px;min-height:51px}
 .contact-platform-tile .brand-mark-icon{width:20px;height:20px;flex-basis:20px}
 .contact-platform-tile .platform-wordmark{font-size:12px}
 .request-platform-row{gap:7px}
 .request-platform-caption{flex:0 0 100%;margin-bottom:0}
 .request-platform-row .platform-brand-link{flex:1;justify-content:space-between}
}
@media(max-width:355px){
 .contact-platform-tile{padding:9px 7px;gap:4px}
 .contact-platform-tile .platform-wordmark{font-size:10.5px}
 .contact-platform-tile .platform-brand-content{gap:4px}
 .compact-contact-email{flex-wrap:wrap}
 .compact-contact-email .btn{margin-left:46px}
}


/* v3.11 — elegantly restrained guide accordion and four-property collection */
/* Guide categories always start closed. Opening one closes the others (native + JS). */
.guide-group{transition:border-color .17s ease,background .17s ease}
.guide-group>summary{transition:background .17s ease}
.guide-group>summary:hover,.guide-group[open]>summary{background:color-mix(in srgb,var(--accentSoft) 36%,var(--surface))}
.guide-group[open]{border-color:var(--highlight)}
.guide-group-title strong{font-family:var(--ui-font);font-weight:750;letter-spacing:.075em;line-height:1.45;color:var(--text)}
.guide-group-title small{font-family:var(--ui-font);font-weight:450;color:var(--muted)}
/* Topics: Manrope regular/semi-bold in warm sandstone, no heavy or mismatched fonts. */
.guide-topic-copy strong{font-family:var(--ui-font);font-size:13px;font-weight:650;letter-spacing:-.012em;color:var(--accent);line-height:1.4}
.guide-topic-copy small{font-family:var(--ui-font);font-size:11px;line-height:1.45;color:var(--muted);font-weight:450}
.guide-topic-chevron{font-size:15px;color:var(--accent);opacity:.7}
.guide-topic:hover .guide-topic-copy strong,.guide-topic:focus-visible .guide-topic-copy strong{color:var(--accentHover)}
/* Other properties: compact accommodation details and understated Airbnb CTA. */
.other-properties{max-width:950px;margin:0 auto}
.other-properties-intro{display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin-bottom:14px}
.other-properties-intro-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;background:var(--accentSoft);color:var(--accent);border-radius:10px}
.other-properties-intro-icon svg{width:18px;height:18px}
.other-properties-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.other-properties-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.other-property-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:17px 17px 14px;box-shadow:0 6px 22px rgba(65,51,34,.025)}
.other-property-top{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px;min-height:55px}
.other-property-index{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid var(--border);border-radius:9px;color:var(--accent);font:700 10px/1 var(--ui-font);letter-spacing:.025em}
.other-property-title-wrap{min-width:0;flex:1}
.other-property-title-wrap h2{color:var(--text);font:750 16px/1.4 var(--ui-font);letter-spacing:-.025em;margin:0}
.other-property-place{display:flex;align-items:center;gap:3px;color:var(--accent);font:750 9px/1.5 var(--ui-font);letter-spacing:.095em;text-transform:uppercase;margin:0 0 3px}
.other-property-place .tiny-icon{width:12px;height:12px}
.other-property-place svg{width:12px;height:12px}
.other-property-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;padding:10px 0 12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.other-property-stats>span{display:flex;gap:6px;align-items:center;color:var(--muted);font:500 11px/1.4 var(--ui-font);white-space:nowrap}
.other-property-stats strong{color:var(--text);font-weight:750}
.other-property-stats .tiny-icon{flex:0 0 15px;width:15px;height:15px;color:var(--accent)}
.other-property-stats svg{width:15px;height:15px}
.other-property-link{margin-top:auto;display:flex;align-items:center;gap:9px;color:var(--accent);min-height:39px;font:750 12px/1.4 var(--ui-font);padding:12px 1px 0}
.other-property-link .brand-mark-icon{width:19px;height:19px;flex:0 0 19px;color:#e65363}
.other-property-outbound{font-size:16px;margin-left:auto}
.other-property-link:hover{color:var(--accentHover)}
.other-properties-footnote{margin:14px 2px 0;font-size:11px;line-height:1.55}
@media(max-width:720px){.other-properties-grid{grid-template-columns:1fr;gap:10px}.other-property-card{padding:14px 15px 12px}.other-property-top{min-height:0;margin-bottom:11px}.other-property-title-wrap h2{font-size:15px}.other-properties-intro{padding:13px}.guide-group-title strong{font-size:12px}.guide-topic-copy strong{font-size:13px}}

/* v3.12 — compact, consistent detail pages; always-collapsed subsections */
.content-col{font-family:var(--ui-font);font-size:13px;line-height:1.5}
.content-col .card{padding:17px 19px;border-radius:15px}
.content-col .card+.card,.content-col .card+.note,.content-col .note+.card{margin-top:11px}
.content-col .card-title{gap:10px;margin-bottom:11px}
.content-col .card-title h2{font:800 12px/1.4 var(--ui-font);letter-spacing:.085em;color:var(--text);text-transform:uppercase;margin:0}
.content-col .card-title .tile-icon{width:31px;height:31px;min-width:31px;border-radius:9px;color:var(--accent)}
.content-col p,.content-col li{font-family:var(--ui-font);font-size:12.5px;line-height:1.6;letter-spacing:0}
.content-col .step h3,.content-col .travel-detail h3{font:750 13px/1.45 var(--ui-font);letter-spacing:-.015em;color:var(--accent)}
.content-col .check-row{padding:10px 0;gap:10px}
.content-col .check-row strong{font:700 12px/1.4 var(--ui-font);color:var(--accent);margin-bottom:3px}
.content-col .check-row p{font-size:12px;line-height:1.55}
.guide-detail-collection{display:grid;gap:8px;margin-top:11px}
.content-col .accord{margin:0;border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:none}
.content-col .accord+.accord{margin-top:8px}
.content-col .guide-detail-collection .accord+.accord{margin-top:0}
.content-col .accord summary{min-height:55px;padding:10px 13px;gap:10px;font-family:var(--ui-font);font-size:13px;letter-spacing:0;font-weight:700;color:var(--text)}
.content-col .accord summary:after{content:'⌄';font:600 18px/1 var(--ui-font);color:var(--accent);transform:rotate(0);transition:transform .15s;min-width:13px;text-align:center}
.content-col .accord[open] summary:after{content:'⌄';transform:rotate(180deg)}
.content-col .accord[open] summary{background:color-mix(in srgb,var(--accentSoft) 43%,var(--surface));border-bottom-color:var(--border)}
.content-col .accord-icon{width:31px;height:31px;border-radius:9px;background:var(--accentSoft);color:var(--accent);display:grid;place-items:center;flex:0 0 31px}
.content-col .accord-icon .tiny-icon{width:17px;height:17px}
.content-col .accord summary .appliance-name{font:750 12.5px/1.45 var(--ui-font);letter-spacing:0;color:var(--accent);flex:1;min-width:0}
.content-col .accord summary .appliance-instruction-hint{font:650 10px/1.4 var(--ui-font);color:var(--muted);margin-left:auto;white-space:nowrap}
.content-col .accord .accord-body{padding:12px 15px}
.content-col .accord .accord-body p{font:450 12px/1.65 var(--ui-font);margin:0;color:var(--text)}
.content-col .accord .accord-body .check-row:first-child{padding-top:0}
.content-col .accord .accord-body .check-row:last-child{padding-bottom:0}
.content-col .note{font-family:var(--ui-font);font-size:12px;line-height:1.6;border-radius:12px}
.content-col .note strong{font:750 12px/1.4 var(--ui-font);margin-bottom:5px}
.content-col .pill{font-family:var(--ui-font);font-size:11px}
.content-col .travel-section-title h2{font-size:12px}
.content-col .travel-service-copy strong,.content-col .travel-bus-card h3{font-family:var(--ui-font)}
/* Dynamic waste schedule: time and weekday calculated using Europe/Malta, no online API required */
.waste-guide{width:100%;display:grid;gap:13px}
.waste-live-card{background:var(--surface);border:1px solid var(--highlight);border-radius:17px;overflow:hidden;min-height:142px}
.waste-live-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 19px 14px}
.waste-eyebrow{display:flex;align-items:center;gap:6px;font:750 10px/1.5 var(--ui-font);letter-spacing:.075em;text-transform:uppercase;color:var(--accent)}
.waste-eyebrow .tiny-icon{width:13px;height:13px}
.waste-live-card h2{font:750 clamp(19px,2.6vw,25px)/1.25 var(--ui-font);letter-spacing:-.035em;color:var(--text);margin:8px 0 6px}
.waste-live-card p{color:var(--muted);margin:0;max-width:540px;font-size:12px;line-height:1.5}
.waste-today-graphic{height:52px;width:52px;flex:0 0 52px;display:grid;place-items:center;border:1px solid var(--border);border-radius:15px;background:var(--accentSoft);color:var(--accent)}
.waste-today-graphic .tiny-icon{width:26px;height:26px}
.waste-today-graphic.organic{color:#65825a;background:color-mix(in srgb,#65825a 14%,var(--surface))}
.waste-today-graphic.mixed{color:#5b5b5b;background:color-mix(in srgb,#616161 10%,var(--surface))}
.waste-today-graphic.recycling{color:#437495;background:color-mix(in srgb,#437495 10%,var(--surface))}
.waste-next-line{border-top:1px solid var(--border);background:color-mix(in srgb,var(--accentSoft) 33%,var(--surface));display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:11px 18px}
.waste-next-line span{font:800 9px/1.45 var(--ui-font);letter-spacing:.10em;color:var(--accent)}
.waste-next-line strong{font:700 11px/1.45 var(--ui-font);color:var(--text)}
.waste-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:6px}
.waste-section-heading h2{font:800 11px/1.4 var(--ui-font);letter-spacing:.08em;margin:0;color:var(--text)}
.waste-section-heading span{font-size:10px;color:var(--muted)}
.waste-week-schedule{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:5px 11px;overflow:hidden}
.waste-week-row{display:grid;grid-template-columns:0 39px 10px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:44px;border-bottom:1px solid var(--border);position:relative;padding:7px 6px}
.waste-week-row:last-child{border-bottom:0}
.waste-week-row.current{background:color-mix(in srgb,var(--accentSoft) 38%,var(--surface));border-radius:8px}
.waste-weekday{font-weight:750;color:var(--accent);font-size:11px}
.waste-week-name{display:none}
.waste-swatch{height:9px;width:9px;border-radius:50%;background:#c4b9a8}
.waste-swatch.organic{background:#7f9c6d}.waste-swatch.mixed{background:#57575a}.waste-swatch.recycling{background:#81a9be}
.waste-week-desc{font:700 11.5px/1.4 var(--ui-font);color:var(--text);min-width:0}
.waste-week-desc small{display:block;color:var(--muted);font:500 10px/1.4 var(--ui-font)}
.waste-week-bag{font:550 10px/1.4 var(--ui-font);color:var(--muted);white-space:nowrap}
.waste-week-today{position:absolute;right:5px;top:0;font:750 8px/1.5 var(--ui-font);letter-spacing:.06em;color:var(--accent)}
.waste-week-row.current .waste-week-bag{margin-right:27px}
.waste-sort-items{margin:0}
.waste-notice{font-size:11px!important;color:var(--muted);margin:2px 0 0;line-height:1.6!important}
.waste-resource-links{display:flex;gap:9px;flex-wrap:wrap}
.waste-resource-links a{font:700 11px/1.4 var(--ui-font);padding:9px 11px;border:1px solid var(--border);border-radius:10px;color:var(--accent);background:var(--surface);display:inline-flex;gap:7px;align-items:center;text-decoration:none}
.waste-resource-links .tiny-icon{width:13px;height:13px}
.waste-resource-links a:hover{background:var(--accentSoft)}
@media(max-width:520px){
 .content-col .card{padding:13px 14px}
 .content-col .accord summary{padding:10px 11px;min-height:54px}
 .content-col .accord .accord-body{padding:11px 13px}
 .content-col .accord summary .appliance-instruction-hint{font-size:9px}
 .waste-week-row{grid-template-columns:0 29px 9px minmax(0,1fr);gap:8px;min-height:43px}
 .waste-week-bag{display:none}
 .waste-week-row.current .waste-week-bag{margin-right:0}
 .waste-live-top{padding:15px}
 .waste-next-line{padding:10px 14px;align-items:flex-start;flex-direction:column;gap:2px}
 .waste-today-graphic{width:43px;height:43px;flex-basis:43px}
 .waste-week-schedule{padding:3px 8px}
}

.waste-week-row{grid-template-columns:36px 9px minmax(0,1fr) auto}.waste-weekday{grid-column:1}.waste-swatch{grid-column:2}.waste-week-desc{grid-column:3}.waste-week-bag{grid-column:4}
@media(max-width:520px){.waste-week-row{grid-template-columns:30px 9px minmax(0,1fr)}.waste-week-bag{display:none}}


/* v3.13 — Food delivery, premium Explore and refined waste collection */
.food-delivery-guide{display:grid;gap:13px;max-width:900px}
.food-delivery-intro,.food-address-card{display:flex;gap:13px;align-items:center;background:var(--surface);border:1px solid var(--border);padding:16px;border-radius:15px}
.food-delivery-intro-icon,.food-address-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:11px;background:var(--accentSoft);color:var(--accent)}
.food-delivery-intro strong{font:750 14px/1.5 var(--ui-font)}
.food-delivery-intro p{margin:3px 0 0;font-size:12px}
.food-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.food-service-card{display:grid;grid-template-columns:49px minmax(0,1fr);column-gap:13px;row-gap:10px;padding:16px;border:1px solid var(--border);background:var(--surface);border-radius:15px;align-content:start}
.food-service-mark{height:49px;width:49px;display:grid;place-items:center;border-radius:12px;color:#fff;overflow:hidden}
.food-service-mark.wolt{background:#009de0}.food-service-mark.boltfood{background:#24b47e}
.wolt-logo-letter{font:950 30px/1 var(--ui-font);letter-spacing:-.09em;transform:rotate(-9deg)}
.bolt-logo-letter{font:900 15px/1.05 var(--ui-font);letter-spacing:-.06em;display:flex;flex-direction:column;text-align:center}
.bolt-logo-letter span{font:800 9px/1 var(--ui-font);letter-spacing:.03em}
.food-service-copy h2{font:800 16px/1.2 var(--ui-font);margin:1px 0 5px;letter-spacing:-.03em;color:var(--text)}
.food-service-copy p{font:500 12px/1.5 var(--ui-font);margin:0}
.food-service-action{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:9px 11px;background:var(--accentSoft);color:var(--accent);font:750 12px/1.4 var(--ui-font);border-radius:9px}
.food-service-action:hover{background:var(--border)}
.food-address-card{align-items:flex-start}
.food-address-card>div{min-width:0;flex:1}.food-address-kicker{color:var(--accent);font:800 10px/1.4 var(--ui-font);letter-spacing:.085em;margin-bottom:3px}
.food-address-card strong{font:750 12px/1.5 var(--ui-font);color:var(--text)}.food-address-card p{font:500 11.5px/1.6 var(--ui-font);margin:7px 0}
.food-address-card a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font:750 11px/1.5 var(--ui-font)}
.food-availability-note{font:500 11px/1.5 var(--ui-font);margin:0 1px}
/* Explore category selector and place links */
.explore-cover{height:205px;margin-bottom:13px}
.explore-category-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 19px}
.explore-category-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:54px;padding:7px 5px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--accent);font:800 10px/1.3 var(--ui-font);letter-spacing:.05em;text-align:center}
.explore-category-tabs .tiny-icon{width:18px;height:18px;flex:0 0 18px}
.explore-category-tabs button:hover{background:var(--accentSoft)}
.explore-places{display:grid;gap:21px}
.explore-category-section{scroll-margin-top:120px}
.explore-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.explore-section-heading h2{font:800 12px/1.5 var(--ui-font);letter-spacing:.085em;color:var(--text);margin:0}
.explore-section-heading p{font:500 11px/1.5 var(--ui-font);margin:2px 0 0}
.explore-section-heading>span{font:750 9px/1.4 var(--ui-font);letter-spacing:.06em;color:var(--accent);white-space:nowrap}
.explore-place-list{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:2px 12px}
.explore-place-row{display:flex;align-items:center;gap:12px;min-height:66px;padding:11px 3px;border-bottom:1px solid var(--border)}
.explore-place-row:last-child{border-bottom:0}.explore-place-row:hover .explore-place-copy strong{color:var(--accent)}
.explore-place-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;color:var(--accent);background:var(--accentSoft);border-radius:10px}
.explore-place-icon .tiny-icon{width:17px;height:17px}
.explore-place-copy{min-width:0;flex:1}.explore-place-copy strong{display:block;font:750 13px/1.45 var(--ui-font);letter-spacing:-.012em;color:var(--text)}
.explore-place-copy small{display:block;font:500 11px/1.45 var(--ui-font);color:var(--muted)}
.explore-place-pin{color:var(--accent);display:flex;align-items:center;gap:4px;font:800 9px/1.4 var(--ui-font);letter-spacing:.055em;flex:0 0 auto}
.explore-place-pin .tiny-icon{width:15px;height:15px}
.explore-location-card,.explore-weather-link{display:flex;gap:12px;align-items:center;border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:13px 14px;margin-top:13px}
.explore-location-card>span,.explore-weather-link>span{color:var(--accent)}
.explore-location-card>div,.explore-weather-link>div{min-width:0;flex:1}
.explore-location-card strong,.explore-weather-link strong{display:block;color:var(--text);font:750 12px/1.5 var(--ui-font)}
.explore-location-card small,.explore-weather-link small{display:block;color:var(--muted);font:500 10px/1.5 var(--ui-font)}
.explore-location-card a,.explore-weather-link a{font:750 11px/1.35 var(--ui-font);white-space:nowrap;display:inline-flex;align-items:center;gap:4px;color:var(--accent)}
.explore-disclaimer{font:500 11px/1.6 var(--ui-font);margin:12px 1px 0}
/* Waste: no floating TODAY marker. A properly aligned inline chip and semantic icons. */
.waste-week-schedule{padding:5px 11px}
.waste-week-row{display:flex;align-items:center;gap:10px;min-height:57px;padding:8px 9px}
.waste-week-row.current{background:color-mix(in srgb,var(--accentSoft) 45%,var(--surface));box-shadow:inset 3px 0 0 var(--accent)}
.waste-weekday{flex:0 0 30px;font:800 11px/1.3 var(--ui-font);color:var(--accent)}
.waste-kind-icon{height:31px;width:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:9px;background:#f1f1eb;color:#8e8b83}
.waste-kind-icon .tiny-icon{width:18px;height:18px}
.waste-kind-icon.organic{color:#59814e;background:color-mix(in srgb,#7ba66b 18%,var(--surface))}
.waste-kind-icon.mixed{color:#5d5f63;background:color-mix(in srgb,#888a8c 17%,var(--surface))}
.waste-kind-icon.recycling{color:#3c83a6;background:color-mix(in srgb,#6ba6c3 16%,var(--surface))}
.waste-kind-icon.none{color:#9c917f;background:color-mix(in srgb,#b9ad98 17%,var(--surface))}
.waste-week-desc{flex:1;min-width:0;color:var(--text)}
.waste-week-desc strong{display:block;font:750 12px/1.45 var(--ui-font);color:var(--text)}
.waste-week-desc small{display:flex;align-items:center;gap:5px;color:var(--muted);font:500 10px/1.45 var(--ui-font)}
.waste-week-desc small .tiny-icon{width:12px;height:12px;color:#6b8295}
.waste-week-today{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;padding:4px 7px;border:1px solid var(--highlight);background:var(--surface);border-radius:7px;font:800 9px/1 var(--ui-font);letter-spacing:.035em;color:var(--accent);margin:0}
.waste-week-today[hidden]{display:none!important}
.waste-week-row.current .waste-week-bag{margin-right:0}
.waste-today-graphic.none{color:#9c917f;background:var(--accentSoft)}
/* Property location labels consistent across all four properties. */
.other-property-place{font-size:10px;margin-bottom:5px}
@media(max-width:720px){
 .food-delivery-grid{grid-template-columns:1fr;gap:10px}.food-service-card{padding:13px}
 .explore-cover{height:180px}.explore-category-tabs button{font-size:9px;gap:4px;min-height:50px;padding:6px 3px}.explore-category-tabs .tiny-icon{width:15px;height:15px;flex-basis:15px}
 .explore-place-row{min-height:63px;gap:9px}.explore-place-copy strong{font-size:12.5px}.explore-place-copy small{font-size:10.5px}
 .explore-location-card,.explore-weather-link{flex-wrap:wrap;gap:9px}
 .explore-location-card a,.explore-weather-link a{margin-left:30px}
 .waste-week-schedule{padding:4px 7px}.waste-week-row{gap:8px;padding:7px 5px;min-height:55px}
 .waste-weekday{flex-basis:25px}.waste-kind-icon{flex:0 0 29px;width:29px;height:29px}
 .waste-week-desc strong{font-size:11.5px}
}
@media(max-width:355px){.explore-category-tabs button{font-size:8px}.waste-week-today{padding:4px 5px;font-size:8px}}


/* v3.14 — Unified homepage Quick Access text and host contact symbol. */
/* Use the same typography and warm sandstone text treatment as Guide topics. */
.home-shortcuts .home-heading h2 {
  font-family:var(--ui-font);font-weight:800;font-size:13px;line-height:1.45;
  letter-spacing:.075em;text-transform:uppercase;color:var(--text);
}
.home-shortcuts .shortcut-grid {align-items:stretch;}
.home-shortcuts .shortcut {align-items:center;gap:11px;min-width:0;}
.home-shortcuts .shortcut-icon {flex:0 0 35px;width:35px;height:35px;border-radius:50%;}
.home-shortcuts .shortcut-label {min-width:0;flex:1;gap:0;line-height:1.4;}
.home-shortcuts .shortcut-label strong {
  font:650 13px/1.4 var(--ui-font);letter-spacing:-.012em;color:var(--accent);
  text-transform:none;overflow-wrap:normal;
}
.home-shortcuts .shortcut-label small {display:none;}
.home-shortcuts .shortcut-arrow {display:block;flex:0 0 auto;margin-left:auto;
  font:600 14px/1 var(--ui-font);color:var(--accent);opacity:.75;}
.home-shortcuts .shortcut:hover .shortcut-label strong,
.home-shortcuts .shortcut:focus-visible .shortcut-label strong {color:var(--accentHover);}
/* The host card is informational, not an initials avatar. */
.hosts-contact-symbol {
  flex:0 0 55px;width:55px;height:55px;display:grid;place-items:center;
  color:var(--accent);background:var(--accentSoft);border:1px solid var(--border);
  border-radius:13px;
}
.hosts-contact-symbol .tiny-icon,.hosts-contact-symbol svg {width:26px;height:26px;stroke-width:1.7;}
@media (max-width:720px) {
  .home-shortcuts .shortcut {gap:9px;min-height:64px;padding:10px 11px;}
  .home-shortcuts .shortcut-icon {width:31px;height:31px;flex-basis:31px;}
  .home-shortcuts .shortcut-label strong {font-size:12px;line-height:1.35;}
  .home-shortcuts .shortcut-arrow {font-size:12px;}
  .hosts-contact-symbol {flex-basis:46px;width:46px;height:46px;}
  .hosts-contact-symbol .tiny-icon,.hosts-contact-symbol svg {width:23px;height:23px;}
}
@media (max-width:355px) {
  .home-shortcuts .shortcut {gap:7px;padding:9px 8px;}
  .home-shortcuts .shortcut-icon {width:26px;height:26px;flex-basis:26px;}
  .home-shortcuts .shortcut-label strong {font-size:11px;}
  .home-shortcuts .shortcut-arrow {font-size:11px;}
}


/* v3.15 — compact Wi-Fi credentials with password visibility and one-tap copy. */
.wifi-intro{font:500 12px/1.6 var(--ui-font);color:var(--muted);margin:0 0 13px}
.wifi-credentials{border:1px solid var(--border);border-radius:14px;background:var(--surface);overflow:hidden}
.wifi-credential-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 15px;min-width:0}
.wifi-credential-row+.wifi-credential-row{border-top:1px solid var(--border);background:color-mix(in srgb,var(--accentSoft) 19%,var(--surface))}
.wifi-credential-info{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
.wifi-credential-label{display:block;font:800 9px/1.4 var(--ui-font);color:var(--accent);letter-spacing:.1em}
.wifi-network-name{font:750 16px/1.3 var(--ui-font);color:var(--text);overflow-wrap:anywhere;letter-spacing:-.025em}
.wifi-password-input{font:750 16px/1.4 var(--ui-font);color:var(--text);letter-spacing:.055em;border:0;outline:none;background:transparent;min-width:0;width:100%;padding:1px 0;cursor:text;box-shadow:none}
.wifi-password-input:focus{outline:none;box-shadow:none}
.wifi-credential-actions{display:flex;align-items:center;flex:0 0 auto;gap:6px}
.wifi-small-button{border:1px solid var(--border);background:var(--surface2);color:var(--accent);padding:9px 11px;border-radius:9px;min-width:55px;min-height:38px;white-space:nowrap;font:750 11px/1.35 var(--ui-font);transition:border-color .15s,background .15s}
.wifi-small-button:hover{border-color:var(--highlight);background:var(--accentSoft)}
.wifi-copy-button{background:var(--accentSoft);border-color:transparent}
.wifi-help{font:500 11px/1.6 var(--ui-font);margin:12px 1px 0;color:var(--muted)}
.wifi-copy-status{font:700 11px/1.35 var(--ui-font);color:var(--accent);min-height:15px;margin:4px 1px 0}
@media(max-width:400px){.wifi-credential-row{padding:12px 11px;gap:7px}.wifi-credential-actions{gap:5px}.wifi-small-button{padding:8px 9px;min-width:45px}.wifi-network-name,.wifi-password-input{font-size:13px}}