/* Apostle Islands field guide — editorial shell, independent of site ad configuration */
:root{color-scheme:light;--ink:#19343b;--dark:#0d303b;--deep:#08232c;--muted:#53696b;--ocean:#17616b;--line:#d9ded7;--sand:#f7f5ef;--paper:#fffdfa;--orange:#ad6337;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,Segoe UI,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--sand);color:var(--ink);font:16px/1.6 var(--sans)}img{max-width:100%;display:block}a{color:#0a5966;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d78b43;outline-offset:3px}.wrap{width:min(1220px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:10px;top:-100px;background:white;z-index:9999;padding:10px}.skip:focus{top:10px}.crumb{background:var(--deep);color:#dbe9e7;font-size:.78rem}.crumb .wrap{display:flex;gap:9px;align-items:center;padding-block:12px;flex-wrap:wrap}.crumb a{color:#e4f4ef}.hero{background:linear-gradient(145deg,#0b3340,#1e4e58 76%,#33575b);color:#fff}.hero-grid{display:grid;grid-template-columns:1fr .86fr;gap:clamp(18px,3vw,50px);align-items:center;padding-block:46px}.eyebrow,.kicker{margin:0 0 8px;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}.hero .eyebrow{color:#f0c796}h1,h2,h3,p{overflow-wrap:break-word}h1,h2{font-family:var(--serif);line-height:1.12;letter-spacing:-.026em}h1{font-size:clamp(2.7rem,6vw,5.6rem);margin:8px 0 18px;font-weight:500}h1 em{color:#f7d19a;font-weight:400}h2{font-size:clamp(1.85rem,3.6vw,3.25rem);margin:3px 0 18px;font-weight:500}h3{font-size:1.36rem;line-height:1.22;margin:4px 0 12px}.lead{font-size:clamp(1.08rem,1.7vw,1.28rem);color:#e4efed;max-width:640px}.first-answer{padding-left:16px;border-left:3px solid #f1bb80;max-width:610px;color:#ecf5f3}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:11px 19px;border-radius:30px;background:#f5d0a1;color:#173239;font-weight:750;text-decoration:none}.btn:hover{background:white}.tiny{color:#d5e3e1;font-size:.8rem}.hero .photo{margin:0;border-radius:15px;overflow:hidden;box-shadow:0 16px 42px #02192170}.hero .photo img{aspect-ratio:1.4;max-height:360px;object-fit:cover;object-position:50% 48%}.hero .photo figcaption{background:#f1eee5;color:#47565c;padding:6px 10px}.hero .photo figcaption a{color:#225b62}.photo-note{font-size:.79rem;color:#d4e4e2;margin:8px 0 0}.photo{margin:0;position:relative;overflow:hidden;background:#d7e0dc}.photo img{width:100%;height:100%;object-fit:cover;max-height:360px}.photo figcaption{font-size:.7rem;color:#47595a;background:#f3f0e9;padding:5px 10px}.photo figcaption a{color:#285d64}.choices{padding-block:38px 22px;display:grid;grid-template-columns:.88fr 1.12fr;column-gap:40px;align-items:start}.choices p{color:var(--muted)}.controls{border-radius:18px;background:var(--paper);border:1px solid var(--line);padding:19px;box-shadow:0 12px 28px #17454b0a}.controls fieldset{padding:0;margin:0 0 14px;border:0;display:flex;gap:8px;flex-wrap:wrap}.controls legend,.time{display:block;font-size:.84rem;font-weight:800;margin:0 0 10px}.controls fieldset label{position:relative;cursor:pointer}.controls input{position:absolute;opacity:0;width:1px;height:1px}.controls fieldset span{display:block;border:1px solid #b4c9c5;border-radius:22px;padding:7px 12px;font-size:.84rem;font-weight:650}.controls input:checked+span{background:var(--dark);color:white;border-color:var(--dark)}.controls input:focus-visible+span{outline:3px solid #d78b43;outline-offset:2px}.controls select{display:block;margin-top:6px;width:100%;border-radius:9px;border:1px solid #99b7b5;background:white;padding:10px;color:var(--ink)}.result{grid-column:1/-1;margin:16px 0 0!important;font-size:.9rem;color:#36565b!important}.alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-block:16px 30px}.alerts>div{border-top:3px solid var(--ocean);background:white;border-radius:8px;padding:15px 16px;box-shadow:0 3px 10px #234f4510}.alerts b{font-size:.91rem}.alerts p{font-size:.84rem;margin:6px 0 0;color:var(--muted)}.section-head{display:flex;gap:28px;align-items:end;justify-content:space-between;margin-bottom:18px}.section-head>p{max-width:340px;color:var(--muted)}.explore{padding-bottom:34px}.explore-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.72fr);align-items:start;gap:24px}.stops{display:grid;gap:18px}.stop{display:grid;grid-template-columns:180px minmax(0,1fr);background:var(--paper);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 6px 16px #1d514509;scroll-margin-top:16px}.stop[hidden]{display:none}.stop .photo{min-height:100%;height:100%;border-radius:0}.stop .photo img{height:100%;max-height:none;object-fit:cover}.stop .photo figcaption{position:relative}.stop:not(:has(.photo)){grid-template-columns:1fr}.stop-text{padding:18px 21px}.stop .kicker{color:var(--orange)}.stop p{margin:0 0 10px;font-size:.91rem}.stop strong{color:#103942}.access{font-size:.83rem;color:#375961;padding:10px 12px;border-left:3px solid #9bbdb4;background:#eef2ee;margin-top:12px}.stop-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:.83rem;font-weight:700}.sticky{position:sticky;top:20px;border-radius:16px;border:1px solid var(--line);background:white;padding:17px}.sticky h3{margin:0 0 5px}.sticky p{font-size:.83rem;margin:0 0 13px;color:var(--muted)}#ap-map{height:410px;border-radius:10px;overflow:hidden;background:#d4e0d9;position:relative;z-index:0}#ap-map .fallback{height:100%;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:24px;font-size:.9rem}#ap-map .fallback a{display:block}.sticky .map-caption{font-size:.75rem;margin:9px 0}.leaflet-container{font-family:var(--sans)!important}.winter{margin-block:28px 46px;padding:24px 26px;border-radius:18px;background:#e5ebe7;display:grid;grid-template-columns:1.3fr .75fr;align-items:center;gap:30px}.winter .photo{border-radius:12px}.winter .photo img{max-height:250px}.geology{padding-block:10px 42px}.geology-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;color:#486169}.geology-grid p{margin:0}.circle{background:var(--dark);border-radius:20px;color:white;padding:25px 30px;margin-bottom:36px;display:flex;align-items:center;justify-content:space-between;gap:28px}.circle p{color:#d7e9e8}.circle .btn{flex-shrink:0}.sources{padding:0 0 40px;color:var(--muted);font-size:.84rem}.sources h2{font-family:var(--sans);font-size:1.05rem;color:var(--ink);font-weight:800}footer{background:var(--deep);color:#d8e6e3;font-size:.82rem}footer .wrap{display:flex;justify-content:space-between;gap:15px;padding-block:19px;flex-wrap:wrap}footer a{color:white}#no-results{border:1px dashed #a6bcb7;border-radius:10px;padding:24px}#no-results[hidden]{display:none}@media(max-width:950px){.hero-grid{grid-template-columns:1.05fr .95fr}.explore-grid{grid-template-columns:1fr}.sticky{position:static}#ap-map{height:340px}.stop{grid-template-columns:210px 1fr}.section-head{align-items:start}}@media(max-width:700px){.wrap{width:min(100% - 28px,600px)}.hero-grid,.choices,.winter,.geology-grid{grid-template-columns:1fr}.hero-grid{padding-block:30px;gap:20px}.hero .photo img{height:170px;max-height:170px}.hero .photo figcaption{font-size:.67rem}h1{font-size:clamp(2.55rem,10vw,3.5rem);margin-bottom:12px}.lead{font-size:1.06rem}.choices{padding-block:28px 14px}.alerts{grid-template-columns:1fr;gap:9px}.section-head{display:block}.section-head>p{margin:0 0 18px}.stop{display:block}.stop .photo{height:auto}.stop .photo img{max-height:215px;height:215px}.stop-text{padding:16px}.sticky{padding:12px}.winter{padding:18px;gap:14px}.circle{display:block;padding:24px 19px}.circle .btn{margin-top:6px}#ap-map{height:320px}.controls{padding:15px}}@media(max-width:350px){.wrap{width:calc(100% - 22px)}.controls fieldset span{font-size:.79rem;padding:6px 9px}.hero .photo img{height:145px}.stop-text{padding:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.map-direct{display:flex;flex-wrap:wrap;gap:7px 14px;font-size:.78rem;margin:8px 0 13px}.stop.selected{border-color:#bd8650;box-shadow:0 0 0 3px #cf96553b}

#ap-map.is-ready>.fallback{display:none}#ap-map[data-state="fallback"]>.fallback{display:flex}

/* Access verified island-by-island field desk. Does not modify site advertising. */
.island-layer{padding-block:20px 52px;scroll-margin-top:24px}
.island-head{max-width:950px;margin:0 auto 18px}
.island-head>p:not(.eyebrow){font-size:1.05rem;color:#526a6c;margin:12px 0}
.island-head .eyebrow{color:var(--orange)}
.island-caveat{border-left:4px solid #c79251;padding:10px 16px;background:#fff6e9;color:#4b4f48!important;border-radius:0 8px 8px 0;font-size:.92rem!important}
.island-pick{background:var(--paper);border:1px solid var(--line);padding:18px 22px;border-radius:14px;margin:22px 0}
.island-pick fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px}
.island-pick legend{font-size:.85rem;font-weight:800;margin-bottom:12px}
.island-pick label{display:inline-flex;align-items:center;cursor:pointer}
.island-pick input{opacity:0;position:absolute;width:1px;height:1px}
.island-pick label span{border:1px solid #aac3bb;border-radius:999px;display:inline-block;font-size:.82rem;font-weight:700;padding:7px 12px;background:white;color:var(--dark)}
.island-pick input:checked+span{background:#0d303b;color:white;border-color:#0d303b}
.island-pick input:focus-visible+span{outline:3px solid #b8793d;outline-offset:3px}
.island-count{margin:14px 0 0;font-size:.82rem;color:var(--muted)}
.island-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px}
.island-card{display:flex;flex-direction:column;gap:11px;padding:21px;border-radius:15px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 18px #153d4b08;scroll-margin:22px}
.island-card[hidden]{display:none}
.island-card-top{display:flex;align-items:flex-start;gap:12px}
.island-number{font:1.9rem/1 var(--serif);color:#9b6955;min-width:38px}
.island-card-top>div{min-width:0;flex:1}
.island-card h3{margin:0;font-family:var(--serif);font-size:1.45rem}
.island-label{margin:0!important;font-weight:750;letter-spacing:.06em;text-transform:uppercase;font-size:.66rem!important;color:var(--orange)!important}
.island-status{font-size:.66rem;font-weight:800;border-radius:6px;background:#e6f0ea;color:#1e5348;padding:4px 8px;max-width:108px;text-align:center;line-height:1.3}
.island-status.island-closed{background:#f9e5e3;color:#872b22}
.island-story{font-size:.92rem;color:#456168;margin:0}
.island-facts{display:grid;gap:0;border-top:1px solid #e5e9e2;border-bottom:1px solid #e5e9e2}
.island-facts>div{padding:10px 0;display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;align-items:start;border-bottom:1px solid #e5e9e2}
.island-facts>div:last-child{border-bottom:0}
.island-facts small{letter-spacing:.065em;font-size:.66rem;color:#71847f;font-weight:800}
.island-facts p{font-size:.82rem;line-height:1.55;margin:0;color:#294a50}
.island-trails{font-size:.88rem;background:#edf3ef;border-radius:9px}
.island-trails summary{list-style:none;cursor:pointer;font-weight:800;padding:10px 12px;display:flex;justify-content:space-between;gap:12px}
.island-trails summary::-webkit-details-marker{display:none}
.island-trails summary span{font-size:1.15rem;line-height:1}
.island-trails[open] summary span{transform:rotate(45deg)}
.island-trails ul{margin:0;padding:0 16px 14px 28px}
.island-trails li{margin:7px 0}
.island-warning{background:#fbf1e7;border-left:3px solid #c47b44;color:#765436;font-size:.79rem;margin:0;padding:11px 12px;border-radius:3px}
.island-actions{display:flex;gap:9px 15px;flex-wrap:wrap;font-size:.76rem;font-weight:750;margin-top:auto}
.compare-control{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.81rem;margin-top:4px;cursor:pointer}
.compare-control input{accent-color:#17616b;width:17px;height:17px}
#island-empty{padding:20px;background:white;border:1px dashed #acc3ba;border-radius:10px}
#island-empty[hidden]{display:none}
.island-compare-panel{background:#e5eae5;border:1px solid #d2ded5;border-radius:18px;padding:22px;margin-top:20px}
.island-compare-head{display:flex;justify-content:space-between;gap:24px;align-items:start}
.island-compare-head h3{font-family:var(--serif);font-size:1.5rem;margin:0 0 4px}
.island-compare-head p,#island-compare-empty{font-size:.85rem;color:#4d6868;margin:4px 0 12px}
#island-compare-clear{border:1px solid #8bb4ae;border-radius:9px;padding:8px 13px;background:#fff;color:#184c52;cursor:pointer;white-space:nowrap}
#island-compare-clear:disabled{opacity:.45;cursor:default}
.island-compare-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.island-compare-columns .compare-snapshot{background:white;border:1px solid #c8d6cf;border-radius:10px;padding:16px}
.island-compare-columns h4{font:1.3rem var(--serif);margin:0 0 9px}
.island-compare-columns dl{margin:0}.island-compare-columns dt{font-size:.68rem;letter-spacing:.08em;font-weight:850;margin:10px 0 2px;text-transform:uppercase}
.island-compare-columns dd{font-size:.82rem;margin:0;color:#416268}
.island-booking{display:grid;grid-template-columns:1.4fr .6fr;gap:25px;align-items:center;background:#103743;color:#ecf4f3;padding:23px;border-radius:15px;margin-top:20px}
.island-booking h3{font:1.55rem var(--serif);margin:0 0 10px;color:white}
.island-booking p{font-size:.88rem;color:#e0eeeb;margin:10px 0}
.island-booking-links{display:flex;flex-direction:column;gap:10px}
.island-booking-links a{color:#fff1d4;font-size:.85rem;font-weight:700}
@media(max-width:850px){.island-cards{grid-template-columns:1fr}.island-booking{grid-template-columns:1fr}.island-card{padding:18px}}
@media(max-width:550px){.island-card-top{gap:7px}.island-card h3{font-size:1.32rem}.island-card{padding:15px}.island-status{max-width:87px;font-size:.61rem}.island-facts>div{grid-template-columns:83px 1fr;gap:8px}.island-compare-columns{grid-template-columns:1fr}.island-compare-head{display:block}.island-compare-head button{margin:5px 0 12px}}
@media(prefers-reduced-motion:reduce){.island-trails summary span{transition:none}}

.island-hero-link{display:inline-flex;margin-left:14px;color:#f8e5bf;font-weight:750;font-size:.92rem;text-decoration:underline}.island-hero-link:focus-visible{outline:3px solid #e4a764}@media(max-width:550px){.island-hero-link{display:flex;margin:12px 0 0}}