:root{--ink:#193148;--muted:#64788a;--light:#f3f7fb;--line:#dce6ef;--gold:#f18e4d;--blue:#194c79}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}img{max-width:100%}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px 16px;z-index:500}.topline{background:#142f4c;color:#d5e4ef;font-size:11px;letter-spacing:.095em}.topline .wrap{min-height:32px;display:flex;gap:15px;align-items:center}.topline span{opacity:.8}.header{border-bottom:1px solid #e2eaf1;position:sticky;top:0;background:#fff;z-index:10;box-shadow:0 5px 24px #152d4910}.headwrap{min-height:77px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brandmark{background:#f68b39;border-radius:13px;color:#fff;display:grid;place-items:center;width:45px;height:45px;font-size:24px;font-weight:900}.brand strong{font-size:19px;letter-spacing:-.05em;display:block;line-height:1.1}.brand small{display:block;font-size:9px;letter-spacing:.08em;color:#667a8f;margin-top:4px}.header nav{display:flex;flex-wrap:wrap;gap:7px 15px;justify-content:flex-end;align-items:center;margin-left:auto}.header nav a{font-size:12.5px;font-weight:700;color:#314a61;padding:7px 4px}.header nav a.active,.header nav a:hover{color:#ed7a31}.navlabel{font-size:10px;font-weight:900;letter-spacing:.09em;color:#9cabb8;text-transform:uppercase}.menubutton{display:none;border:1px solid #d8e3ec;background:#f7fafc;border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:800;color:#244057}
.banner{background:radial-gradient(circle at 80% 0,#ffffff4d,transparent 35%),linear-gradient(115deg,#10304e,var(--accent));color:white;padding:54px 0 58px}.banner h1{font-size:clamp(34px,5vw,62px);letter-spacing:-.055em;line-height:1.08;margin:13px 0}.banner p{max-width:700px;margin:0;opacity:.91;font-size:17px}.banner .eyebrow{color:#ffc796;opacity:1}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:#70869a;margin-bottom:20px}.banner .crumbs{color:#e0e9f4}.crumbs a{font-weight:800}.crumbs a:hover{text-decoration:underline}.eyebrow{display:block;color:#e47c39;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.bannerchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.bannerchips span{background:#ffffff1d;padding:7px 12px;border:1px solid #ffffff40;border-radius:30px;font-size:12px;font-weight:800}
.listingwrap{padding:52px 0 72px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.intro h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.05em;margin:2px 0}.intro p{margin:0;color:var(--muted);font-size:14px}.back-link{font-size:13px;font-weight:800;color:#1465a1;white-space:nowrap}.destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.destination-card{display:flex;flex-direction:column;min-width:0;border:1px solid #dce6ed;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 3px 10px #122f4910;transition:transform .2s ease,box-shadow .2s ease}.destination-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px #122f4927}.thumb{position:relative;display:block;overflow:hidden;aspect-ratio:1.46;background:linear-gradient(120deg,#d9ebf4,#c7dee9)}.thumb img{display:block;width:100%;height:100%;object-fit:cover}.tag{position:absolute;top:12px;left:12px;font-size:10px;line-height:1.2;padding:7px 10px;border-radius:999px;background:#f8fbf6ed;color:#274e62;font-weight:800}.cardbody{display:flex;flex-direction:column;gap:10px;padding:19px;flex:1}.cardbody b{font-size:17px;line-height:1.25;letter-spacing:-.018em}.cardbody>span:nth-child(2){font-size:13px;color:var(--muted);line-height:1.55;min-height:61px}.cardcta{margin-top:auto;font-size:12px;font-weight:850;color:#1473a9;display:flex;justify-content:space-between}.archived{border-top:1px solid #e0e8ef;margin-top:50px;padding-top:40px}.archived h2{letter-spacing:-.03em}.archived>p{color:var(--muted);margin-bottom:20px}.image-note{color:#81909b;font-size:11px;margin-top:25px;line-height:1.5}
.tips-band{background:#eaf2f8;padding:50px 0}.tips-band h2{font-size:28px;letter-spacing:-.04em;margin:5px 0}.tips-band p{color:#506a7f;font-size:14px}.tips-band a{display:inline-block;background:#16466b;border-radius:9px;color:#fff;font-size:13px;font-weight:800;padding:12px 18px;margin-top:7px}.detail-wrap{padding:36px 0 64px}.detailhead{display:grid;grid-template-columns:1fr 1.05fr;gap:42px;align-items:center}.detailhead h1{font-size:clamp(34px,4.6vw,54px);letter-spacing:-.054em;line-height:1.12;margin:14px 0}.lede{color:#536f86;font-size:18px;line-height:1.65;margin:0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button,.ghost{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:850;font-size:13px}.button{background:#194c79;color:white}.ghost{border:1px solid #d0e0eb;color:#215b80}.hero-photo{margin:0;position:relative}.hero-photo img{display:block;width:100%;max-height:420px;aspect-ratio:1.5;object-fit:cover;border-radius:16px}.hero-photo figcaption{font-size:10px;color:#8092a2;margin-top:7px}.important{border-radius:13px;background:#fff6e9;border:1px solid #f0c993;padding:19px 23px;margin:35px 0 20px}.important strong{font-size:16px;color:#8a541b}.important p{font-size:14px;margin:5px 0 0;color:#77592d}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:35px 0;padding:24px;background:#f2f7fb;border-radius:15px}.facts>div{border-right:1px solid #d4e1eb;padding:4px 16px}.facts>div:last-child{border:0}.facts span{display:block;color:#8498a8;font-size:10px;font-weight:900;letter-spacing:.09em;margin-bottom:8px}.facts strong{display:block;color:#254a66;font-size:13px;line-height:1.55;font-weight:750}.contentcolumns{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(245px,.8fr);gap:45px}.contentcolumns article h2{font-size:26px;letter-spacing:-.04em;margin:35px 0 10px}.contentcolumns article h2:first-of-type{margin-top:8px}.contentcolumns article p,.contentcolumns article li{color:#526a80;font-size:15px;line-height:1.8}.highlightlist{padding-left:20px}.highlightlist li{padding-bottom:5px}.faq{border-bottom:1px solid #e1e9f0;padding:10px 0}.faq h3{font-size:16px;margin:12px 0 3px}.faq p{margin:0 0 15px}.closednote{background:#fff6e9;padding:16px;border-radius:9px}.sidebar{height:max-content;position:sticky;top:116px;background:#f3f8fb;border:1px solid #dfebf2;border-radius:14px;padding:25px}.sidebar h3{font-size:17px;margin:0 0 10px}.sidebar p{font-size:14px;color:#657d90;margin:0 0 18px}.sidebar a{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #d8e5ef;padding:11px 0;color:#145b88;font-size:13px;font-weight:800}.sidebar hr{border:0;border-top:1px solid #d3e1eb;margin:25px 0}
footer{background:#14314b;color:#c4d8e9;padding:52px 0 23px}.footercols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footercols strong{display:block;font-size:17px;color:white;margin-bottom:12px}.footercols p{max-width:360px;font-size:13px;color:#b7cedf;line-height:1.7}.footercols a{display:block;font-size:13px;margin:6px 0;color:#c5d5e4}.copyright{border-top:1px solid #ffffff2d;margin-top:34px;padding-top:20px;font-size:11px;color:#9db4c9}
@media(max-width:1150px){.header nav{gap:4px 9px}.header nav a{font-size:11px}.brand strong{font-size:18px}.destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.menubutton{display:block;margin-left:auto}.header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;box-shadow:0 9px 24px #12304a35;padding:17px 22px;flex-direction:column;align-items:stretch;max-height:70vh;overflow:auto}.header nav.open{display:flex}.header nav a{font-size:14px;padding:8px}.navlabel{margin-top:9px}.detailhead{grid-template-columns:1fr;gap:20px}.hero-photo img{max-height:400px}.contentcolumns{gap:24px}.sidebar{position:static}}
@media(max-width:660px){.wrap{width:min(100% - 30px,1180px)}.topline .wrap{flex-direction:column;align-items:flex-start;gap:0;padding:7px 0;font-size:10px}.header .headwrap{min-height:64px}.brandmark{width:40px;height:40px}.brand strong{font-size:17px}.brand small{font-size:8px}.banner{padding:38px 0}.banner p{font-size:15px}.listingwrap{padding:32px 0}.intro{align-items:flex-start}.back-link{display:none}.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cardbody{padding:13px;gap:8px}.cardbody b{font-size:14px}.cardbody>span:nth-child(2){font-size:12px;min-height:70px}.cardcta{font-size:11px}.tag{top:7px;left:7px;font-size:9px;padding:5px 7px}.facts{grid-template-columns:1fr;gap:0;padding:12px}.facts>div{border-right:0;border-bottom:1px solid #d4e1eb;padding:12px}.facts>div:last-child{border:0}.contentcolumns{grid-template-columns:1fr;gap:25px}.detail-wrap{padding:24px 0 44px}.detailhead h1{font-size:36px}.lede{font-size:16px}.footercols{grid-template-columns:1fr;gap:22px}.footercols strong{margin-bottom:8px}}
@media(max-width:380px){.destination-grid{grid-template-columns:1fr}.thumb{aspect-ratio:1.8}.cardbody>span:nth-child(2){min-height:0}}

/* Navigation is grouped like the existing website's Discover / Eat / Chills / Tips menu. */
.header nav{flex:1;justify-content:flex-end}.navgroups{display:flex;align-items:center;justify-content:flex-end;gap:23px}.navdrop{position:relative}.navdrop summary{list-style:none;cursor:pointer;font-size:13px;font-weight:750;color:#263f58;padding:11px 3px}.navdrop summary::-webkit-details-marker{display:none}.navdrop[open] summary{color:#db7836}.navdrop .dropmenu{position:absolute;top:calc(100% + 3px);left:0;min-width:225px;z-index:30;background:#fff;box-shadow:0 12px 30px #14314b2a;padding:12px 10px;border:1px solid #dae6ee;border-radius:10px}.navdrop .dropmenu a{display:block;padding:9px 12px;white-space:nowrap;color:#355169;font-size:13px}.navdrop .dropmenu a:hover{background:#eff6fb;color:#c66d2b}.header nav .top-nav-link,.header nav .help-nav{padding:10px 3px;font-size:13px}.header nav .help-nav{color:#eb8138}
@media(max-width:860px){.header nav .navgroups{display:block;width:100%}.navdrop{border-bottom:1px solid #e3edf2}.navdrop summary{padding:12px 8px}.navdrop .dropmenu{position:static;box-shadow:none;border:0;background:#f4f8fb;margin:0 0 8px}.navdrop .dropmenu a{padding:9px 16px}.header nav .top-nav-link,.header nav .help-nav{display:block;padding:13px 8px;border-bottom:1px solid #e3edf2}}

.thumb .photo-unavailable{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;color:#52677c;background:linear-gradient(135deg,#eaf1f8,#d8e6ef);font-size:12px;font-weight:700}