:root{--paper:#fffefa;--ink:#2d332c;--line:#deded3;--muted:#73776a;--purple:#725297}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Arial,sans-serif}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #725297;outline-offset:3px}.top{padding:22px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand img{width:220px;height:46px;object-fit:contain}.top nav{display:flex;gap:25px;align-items:center}.top a{text-decoration:none}.intro{padding:35px 4% 24px;display:flex;justify-content:space-between;gap:35px;align-items:end}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 9px}h1{font:normal clamp(32px,4vw,53px)/1.05 Georgia,serif;margin:0 0 12px;letter-spacing:-.03em}.intro p:last-child{margin:0;max-width:660px;color:#62675c}.view-switch{display:flex;border:1px solid var(--line);padding:4px;gap:2px;flex-shrink:0}.view-switch button{background:transparent;border:0;padding:9px 14px;color:var(--muted)}.view-switch button[aria-pressed=true]{background:var(--ink);color:white}.map-shell{margin:0 4%;position:relative;border:1px solid var(--line);display:grid;grid-template-columns:1fr 300px;min-height:580px;height:67vh;max-height:850px}#map{min-width:0;background:#eeeee7;z-index:0}.map-tools{position:absolute;z-index:600;left:18px;top:18px;right:320px;max-width:390px;display:flex;background:white;box-shadow:0 2px 12px #0001;border:1px solid #deded3}.map-tools input{border:0;min-width:0;flex:1;padding:12px;color:var(--ink);background:transparent}.map-tools button{border:0;background:white;padding:8px 14px;font-size:20px}.panel{padding:25px 23px;background:var(--paper);overflow:auto;z-index:500;border-left:1px solid var(--line)}.panel h2{font:normal 32px/1.15 Georgia,serif;margin:12px 0 18px}.panel p{color:#62675c}.legend{display:flex;gap:7px;flex-wrap:wrap;padding:16px 4% 8px;align-items:center}.legend button{border:1px solid var(--line);background:white;color:var(--ink);padding:8px 14px;border-radius:0;display:flex;align-items:center;gap:8px}.legend button[aria-pressed=false]{opacity:.4}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:var(--swatch)}.note{padding:0 4%;font-size:12px;color:var(--muted);max-width:1150px}.panel .badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.guide{display:block;background:#303a2e;color:white;padding:12px 15px;text-decoration:none;text-align:center;margin-top:24px}.clear{border:0;background:none;padding:0;text-decoration:underline;color:#73776a;margin-top:25px;font-size:12px}.nearby{border-top:1px solid var(--line);padding-top:18px;margin-top:24px;font-size:13px}.hint{font-size:13px}.name-label{background:transparent;border:0;box-shadow:none;font:12px/1.2 Arial,sans-serif;color:#333;text-shadow:0 1px 3px white,1px 0 3px white;white-space:nowrap}.name-label:before{display:none}.leaflet-control-attribution{font-size:10px!important}.leaflet-container{font-family:Arial,sans-serif}.leaflet-interactive:focus{outline:3px solid #303a2e}.browse{margin:28px 4% 50px;border-top:1px solid var(--line);padding-top:15px}.browse summary{cursor:pointer}.browse nav{columns:4;column-gap:25px;padding:20px 0}.browse button{display:block;border:0;background:none;text-align:left;padding:6px 0;break-inside:avoid;color:var(--ink)}footer{border-top:1px solid var(--line);margin:30px 4% 0;padding:20px 0;font-size:12px;color:var(--muted)}#error{padding:15px;background:#f6e6d8;display:none}.status{font-size:12px;color:var(--muted);padding-top:15px}.coast-pin{background:#3a7d82;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #3a7d82}
@media(max-width:800px){.map-shell{grid-template-columns:1fr;grid-template-rows:minmax(360px,52vh) auto;height:auto;max-height:none;min-height:0}.panel{border-left:0;border-top:1px solid var(--line);padding:20px;max-height:340px}.panel h2{font-size:28px;margin:8px 0}.panel p{margin:10px 0}.intro{display:block;padding-top:25px}.view-switch{display:inline-flex;margin-top:20px}.map-tools{right:18px;max-width:340px;left:12px;top:12px}.top{padding:15px 4%}.brand img{width:170px}.top nav{gap:14px;font-size:12px}.legend{gap:5px}.legend button{font-size:12px;padding:7px 9px}.browse nav{columns:2}.nearby{margin-top:15px;padding-top:12px}.guide{margin-top:14px}.note{font-size:11px}h1{font-size:38px}}
.questions{max-width:920px;margin:45px auto;padding:0 4%;scroll-margin-top:25px}.questions h2{font:normal 34px/1.15 Georgia,serif;margin:12px 0 25px}.qa{border-top:1px solid var(--line);padding:16px 0}.qa:last-of-type{border-bottom:1px solid var(--line)}.qa summary{cursor:pointer;font-size:16px;font-weight:500;padding-right:20px}.qa p{max-width:750px;color:#62675c}.qa .qa-source{font-size:11px;color:var(--muted)}.all-qa{display:inline-block;margin-top:20px}.faq-main{padding:45px 4%;max-width:1200px;margin:auto}.faq-main .questions{padding:0;max-width:none;margin:45px 0}.faq-main .note{padding:0}.faq-intro{max-width:700px;color:#62675c}.faq-jumps{display:flex;flex-wrap:wrap;gap:12px 20px;padding:18px 0;font-size:13px}.faq-main h1{max-width:850px}
@media(max-width:380px){.brand img{width:140px}.top nav{font-size:11px;gap:8px}}
.comparison-scroll{overflow:auto;margin-bottom:25px}.comparison{border-collapse:collapse;width:100%;min-width:720px;font-size:13px}.comparison th,.comparison td{padding:15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.comparison thead{background:#efede5}.comparison th:first-child{width:16%}.comparison td{width:28%}.periods{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.periods article{padding:20px;background:#f3f1ea}.periods h3{font:normal 23px/1.2 Georgia,serif;margin:0}.periods p{font-size:14px;color:#62675c}.qa-source{font-size:11px;color:var(--muted)}@media(max-width:650px){.periods{grid-template-columns:1fr}}

body[data-embedded] .top,body[data-embedded] footer,body[data-embedded] .questions,body[data-embedded] .browse,body[data-embedded] .intro>div:first-child{display:none}body[data-embedded] .intro{padding:12px 0;justify-content:flex-end}body[data-embedded] .map-shell{margin:0;height:580px;max-height:none}body[data-embedded] .legend,body[data-embedded] .note{margin-left:0;margin-right:0}body[data-embedded]{background:transparent}@media(max-width:800px){body[data-embedded] .map-shell{height:auto;min-height:750px}body[data-embedded] #map{height:430px}}