body.xionia-islands-page{color-scheme:light dark;--bg:#f6f8fa;--surface:#fff;--ink:#173345;--muted:#516777;--line:#d7e2e8;--sea:#006d88;--tint:#e8f5f6;--radius:18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) *{box-sizing:border-box}
body.xionia-islands-page{margin:0;background:var(--bg);color:var(--ink);line-height:1.65}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) a{color:var(--sea);text-underline-offset:3px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) a:hover{text-decoration-thickness:2px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) button,body.xionia-islands-page :where(main.xionia-island-main, footer.footer) input,body.xionia-islands-page :where(main.xionia-island-main, footer.footer) select{font:inherit}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) button,body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:.65rem 1rem;color:var(--ink);min-height:44px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) button[aria-pressed=true],body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .button.primary{background:var(--sea);color:#fff;border-color:var(--sea)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) button:disabled{opacity:.6;cursor:wait}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) :focus-visible{outline:3px solid #e89623;outline-offset:4px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .skip{position:absolute;left:1rem;top:-10rem;z-index:99;background:var(--surface);padding:1rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .skip:focus{top:1rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .site-header{background:var(--surface);border-bottom:1px solid var(--line)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .header-inner{max-width:1180px;margin:auto;padding:1rem 1.5rem;display:flex;gap:1.3rem;align-items:center;flex-wrap:wrap}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .brand{font-size:1.65rem;letter-spacing:-.06em;font-weight:850;text-decoration:none;color:var(--ink)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .brand span{color:var(--sea)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .header-inner nav{display:flex;gap:.7rem 1.2rem;flex-wrap:wrap;margin-left:auto}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .header-inner nav a{font-size:.95rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .wrap{max-width:1180px;margin:auto;padding:1.8rem 1.5rem 3rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .crumb{font-size:.9rem;color:var(--muted)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .eyebrow{color:var(--sea);text-transform:uppercase;font-size:.78rem;font-weight:750;letter-spacing:.13em;margin-bottom:.4rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.15;letter-spacing:-.035em;margin:.6rem 0 1rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) h2{font-size:1.55rem;line-height:1.25;margin-top:0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) h3{line-height:1.3}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .lead{font-size:1.12rem;max-width:75ch;color:var(--muted)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin:1.5rem 0 2rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .hero.no-photo{grid-template-columns:1fr}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .hero figure{margin:0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .hero img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;border-radius:var(--radius)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) figcaption{font-size:.78rem;color:var(--muted);line-height:1.45;margin-top:.5rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin:1.25rem 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .actions a.button{text-decoration:none}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;margin:1.5rem 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-panel{border-top:4px solid var(--sea);scroll-margin-top:1rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-heading{display:flex;gap:1rem;align-items:start;justify-content:space-between}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-heading h2{margin-bottom:.3rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .muted,body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .point-note{color:var(--muted);font-size:.9rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.6rem;margin-top:1rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-day{border:1px solid var(--line);border-radius:12px;padding:.8rem .5rem;text-align:center;min-width:0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-day h3{font-size:.85rem;margin:.2rem 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-day p{margin:.25rem 0;font-size:.84rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-day .condition{min-height:2.8em;line-height:1.35}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-day .temps{font-size:1rem;font-weight:750}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-day .symbol{height:48px;display:flex;align-items:center;justify-content:center}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-day .symbol svg{height:44px;width:52px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-day small{font-size:.72rem;color:var(--muted)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-status{margin:1rem 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-controls{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-controls .retry{margin-left:auto}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-source{font-size:.88rem;color:var(--muted);margin-top:1rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .copy{max-width:78ch}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .copy p{margin:1rem 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .facts{display:flex;gap:1rem 2.5rem;flex-wrap:wrap;margin:1.4rem 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .facts div{min-width:140px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .facts dt{font-size:.8rem;color:var(--muted)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .facts dd{font-weight:650;margin:0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .search-panel{position:relative;padding:1.25rem;background:var(--tint);border-radius:var(--radius);margin:2rem 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .filters label{display:block;font-size:.9rem;font-weight:650}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .filters input,body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .filters select{display:block;width:100%;border:1px solid var(--line);border-radius:10px;min-height:48px;padding:.6rem .8rem;background:var(--surface);color:var(--ink);margin-top:.35rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .results-count{font-size:.88rem;margin:.8rem 0 0;color:var(--muted)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);min-width:0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .card-photo{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .card-body{padding:1rem 1.2rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .card-body h2{font-size:1.1rem;margin:0 0 .45rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .card-body h2 a{color:var(--ink)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .card-body p{font-size:.87rem;margin:.3rem 0;color:var(--muted)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .card-body .detail-link{display:inline-block;margin-top:.7rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .tag{font-size:.74rem;padding:.18rem .5rem;border-radius:30px;background:var(--tint);color:var(--sea)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .pagination{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;margin:1.6rem 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .pagination a,body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .pagination span{padding:.4rem .65rem;border-radius:8px;border:1px solid var(--line)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .pagination [aria-current=page]{background:var(--sea);color:white}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .pagination a{text-decoration:none}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .source-list,body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .nearby-links{display:flex;gap:.5rem 1rem;flex-wrap:wrap;padding:0;list-style:none}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .footer{max-width:1180px;margin:auto;padding:1.5rem;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .coverage{font-size:.85rem;max-width:85ch;color:var(--muted)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) [hidden]{display:none!important}
@media (max-width:850px){body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .hero{grid-template-columns:1fr}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .hero img{max-height:400px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-days{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:.7rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-day{min-width:132px;scroll-snap-align:start}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-heading{display:block}}
@media (max-width:540px){body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .wrap{padding:1.2rem 1rem 2rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .header-inner{padding:.8rem 1rem;gap:.5rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .header-inner nav{margin-left:0;font-size:.8rem;gap:.4rem 1rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .cards{grid-template-columns:1fr}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .filters{grid-template-columns:1fr}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .panel{padding:1.15rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .forecast-controls .retry{margin-left:0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .facts{gap:.8rem 1.2rem}}
@media (prefers-reduced-motion:reduce){body.xionia-islands-page :where(main.xionia-island-main, footer.footer) *{scroll-behavior:auto!important}}
body.xionia-islands-page .island-card figure{margin:0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-card figcaption{padding:.45rem 1rem .2rem;font-size:.72rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-card .card-body{padding-top:.7rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-card .card-photo{height:auto;aspect-ratio:16/9;object-fit:cover}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tools{margin:1.5rem 0;min-width:0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tools details{border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:.8rem 0;min-width:0;overflow:hidden}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tools summary{cursor:pointer;min-height:52px;padding:1rem 1.2rem;font-weight:700}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tool-body{padding:0 1rem 1rem;min-width:0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tool-body>p{color:var(--muted)}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-map{height:420px;max-height:65vh;min-height:280px;isolation:isolate}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-model-table{overflow-x:auto;max-width:100%}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-model-table table{border-collapse:collapse;white-space:nowrap;width:100%}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-model-table th,body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-model-table td{padding:.6rem;border-bottom:1px solid var(--line);text-align:right}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-model-table th:first-child{text-align:left}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tool-links{display:flex;flex-wrap:wrap;gap:.8rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-detail-nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-detail-nav a{padding:.35rem 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tools .xm-meteogram{max-width:100%;box-sizing:border-box}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tools .island-map .leaflet-popup-content{color:#173345}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tools button{margin:.3rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tools select{max-width:100%}
@media (max-width:600px){body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tool-body{padding:0 .5rem .75rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-map{height:330px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tools summary{padding:.85rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tools .xm-studio{margin-inline:0}}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tools>h2{margin:.5rem 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-tools-intro{color:var(--muted);margin:.5rem 0 1rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-directory-tools-note{max-width:85ch;border-left:3px solid var(--sea);padding:.8rem 1rem;background:var(--tint);border-radius:0 10px 10px 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .hero .actions .button{font-size:.9rem;padding:.55rem .8rem}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-map .map-temperature-chip{display:block;min-width:110px;padding:5px 7px;border-radius:9px;background:#fff;color:#163044;box-shadow:0 2px 10px #0003;text-align:center;text-decoration:none;font:12px/1.35 system-ui}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-map .map-weather-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-map .map-weather-values{display:flex;align-items:center;justify-content:center;gap:6px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-map .map-weather-icon{font-size:21px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-map .map-weather-values strong{font-size:14px}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-map-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:12px 0}
body.xionia-islands-page :where(main.xionia-island-main, footer.footer) .island-map-controls select{min-height:40px;max-width:100%}
/* Shared shell and theme; content rules do not restyle navigation or privacy controls. */
body.xionia-islands-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--radius:14px;background:#f4f7fb;color:#172d45;color-scheme:light;margin:0}
body.xionia-islands-page.xionia-dark{--bg:#0d1c27;--surface:#132a38;--ink:#e7f0f4;--muted:#b1c6d0;--line:#2e4d5e;--sea:#75d5e3;--tint:#203e4b;background:var(--bg);color:var(--ink);color-scheme:dark}
body.xionia-islands-page .xionia-island-main{box-sizing:border-box;width:calc(100% - 24px);max-width:1180px;padding:12px 0 32px;margin:0 auto;text-align:left;min-width:0}
body.xionia-islands-page .island-section-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:4px auto 24px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
body.xionia-islands-page .island-section-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:8px;text-decoration:none;color:var(--ink)}
body.xionia-islands-page .island-section-nav a[aria-current]{background:var(--tint);font-weight:700}
body.xionia-islands-page main .hero{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin-top:20px;gap:24px}
body.xionia-islands-page main h1{font-size:clamp(1.8rem,4vw,2.7rem)}
body.xionia-islands-page main .copy{max-width:none}
body.xionia-islands-page main .copy p{max-width:85ch}
body.xionia-islands-page main .panel,body.xionia-islands-page main .island-tools{scroll-margin-top:calc(var(--xn-header-height,80px) + 16px)}
body.xionia-islands-page .skip{position:absolute;top:-100px;left:12px;z-index:10000;padding:12px;background:var(--surface);color:var(--ink)}
body.xionia-islands-page .skip:focus{top:12px}
body.xionia-islands-page main .island-map .map-temperature-chip{pointer-events:auto;cursor:pointer}
body.xionia-islands-page .island-card .island-photo-link{display:block}
body.xionia-islands-page .island-card .island-photo-link:focus-visible{outline:3px solid #e89623;outline-offset:-3px}
@media(max-width:600px){body.xionia-islands-page main .hero{padding:16px}body.xionia-islands-page .island-section-nav{gap:3px;padding:8px}body.xionia-islands-page .island-section-nav a{padding:0 8px;font-size:13px}}