.discover-page{--header-color:var(--paper)}
.discover-page .site-header{position:relative;padding-bottom:10px}
.discover-page .wordmark{display:inline-flex;align-items:center;min-height:44px}
.discover-jumps{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 28px;margin:0 var(--gutter);padding:8px 0 14px;border-bottom:1px solid #b6d6ce38}
.discover-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:11px;color:#d0e2d8}
.discover-jumps a:hover{text-decoration:underline;text-underline-offset:5px}
.discover-page section[id],.discover-page details[id]{scroll-margin-top:22px}
.discover-page .nearby-reefs{padding-top:55px}
.nearby-copy h1{font-size:clamp(38px,3.8vw,57px);line-height:1.13;letter-spacing:-.04em;font-weight:500;margin:18px 0 24px}
.nearby-copy h1 em{font-size:1.24em;line-height:1.1}
.nearby-copy h1:focus,.care-heading h2:focus{outline:none}
.nearby-places a,.reef-fact-sources a,.guide-grid a,.source-extra summary{min-height:44px}
.reef-fact-sources a{display:flex;align-items:center}
.care-start{padding:70px var(--gutter) 65px;background:var(--deep);color:var(--paper)}
.care-inner{max-width:1030px;margin:auto}
.care-heading{max-width:590px}
.care-heading>.eyebrow{font-size:10px;color:#b6d0c8}
.care-heading h2{font-size:clamp(35px,3.5vw,53px);line-height:1.13;letter-spacing:-.04em;font-weight:500;margin:14px 0 20px}
.care-heading h2 em{font-size:1.24em}
.care-heading>p:last-child{font-size:14px;line-height:1.8;color:#d8e5dd;max-width:46ch}
.care-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px;margin-top:35px}
.care-actions article{padding-top:23px;border-top:1px solid #b6d6ce44}
.care-actions .eyebrow{font-size:10px;color:#b6d0c8}
.care-actions h3{font-size:23px;letter-spacing:-.03em;font-weight:500;line-height:1.3;margin:13px 0}
.care-actions p:not(.eyebrow){font-size:14px;line-height:1.85;color:#d8e5dd;max-width:43ch}
.care-reading{display:flex;flex-wrap:wrap;gap:6px 32px;margin-top:28px}
.care-reading a{display:inline-flex;align-items:center;gap:17px;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.care-campaign{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #b6d6ce44;margin-top:34px;padding-top:28px}
.care-campaign .eyebrow{font-size:10px;color:#b6d0c8;margin-bottom:10px}
.care-campaign h3{font-size:23px;line-height:1.35;font-weight:600;letter-spacing:-.03em}
.care-campaign p:not(.eyebrow){font-size:13px;line-height:1.8;color:#d8e5dd;margin-top:10px}
.care-campaign>a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 20px;border-radius:28px;background:var(--paper);color:var(--ink);font-size:12px;font-weight:600;line-height:1.5;flex:none}
.care-campaign>a:hover{background:#e4ead9}
@media(max-width:700px){.care-campaign{align-items:flex-start;flex-direction:column;gap:18px;margin-top:27px;padding-top:24px}.care-campaign h3{font-size:21px}}
.discover-page .reef-guide{max-width:1180px;margin-inline:auto;width:calc(100% - var(--gutter) * 2)}
.discover-page .guide-toolbar{gap:20px}
.discover-page .guide-resume{min-height:44px}
.reef-restoration{padding:65px var(--gutter);background:var(--paper);color:var(--deep)}
.restoration-inner{max-width:1030px;margin:auto}
.restoration-heading{max-width:650px}
.restoration-heading>.eyebrow{font-size:10px;color:#506e69}
.restoration-heading h2{font-size:clamp(35px,3.5vw,53px);line-height:1.13;letter-spacing:-.04em;font-weight:500;margin:14px 0 22px}
.restoration-heading h2 em{font-size:1.24em}
.restoration-heading h2:focus{outline:none}
.restoration-heading>p:last-child{font-size:13px;line-height:1.7;color:#496760}
.restoration-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;padding:0;margin:28px 0 31px;list-style:none;max-width:850px}
.restoration-story li{min-width:0}
.restoration-step summary{position:relative;display:block;padding:6px 0 15px;list-style:none;border-bottom:1px solid #073e4830}
.restoration-step summary::-webkit-details-marker,.restoration-more summary::-webkit-details-marker{display:none}
.restoration-step summary::marker,.restoration-more summary::marker{content:""}
.restoration-number{font-size:11px;font-weight:600;color:#8e4c36}
.restoration-art{display:block;width:100%;height:auto;max-height:170px;margin:2px auto 12px}
.restoration-step-title{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.025em}
.restoration-step-caption{display:block;margin-top:7px;color:#496760;font-size:13px;line-height:1.6}
.restoration-step-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;border:1px solid #073e483b;border-radius:50%;font:400 15px/1 var(--sans)}
.restoration-step[open] .restoration-step-toggle,.restoration-more[open]>summary .restoration-more-toggle{transform:rotate(45deg)}
.restoration-step[open]>summary{border-bottom-color:#54826a}
.restoration-step-note{padding-top:14px;font-size:13px;line-height:1.8;color:#496760}
.restoration-story[data-stage-enhanced] .restoration-step-note{display:none}
.restoration-stage-note{max-width:850px;margin:-8px 0 26px;padding:15px 18px;border-left:3px solid #54826a;background:#e5ecdf;font-size:14px;line-height:1.8;color:#315a56}
.restoration-stage-note strong{font-weight:700;margin-right:7px}
.restoration-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;padding:13px 19px;background:var(--deep);color:var(--paper);font-size:13px;font-weight:600;border-radius:6px;margin-bottom:29px}
.restoration-more{max-width:850px;border-top:1px solid #073e4830}
.restoration-more>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;min-height:52px;padding:12px 0;font-size:13px;line-height:1.7}
.restoration-more-toggle{font:400 20px/1 var(--sans)}
.restoration-more-body{padding:5px 0 20px;max-width:68ch;font-size:13px;line-height:1.8;color:#496760}
.restoration-reading{display:flex;flex-wrap:wrap;gap:4px 25px;margin-top:10px}
.restoration-reading a,.restoration-campaign{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.restoration-project-note{margin-top:14px}
.restoration-check{max-width:680px;margin:0;padding:10px 0 24px}
.restoration-check fieldset{border:0;padding:0;margin:0;min-width:0}
.restoration-check legend{font-size:19px;line-height:1.5;font-weight:600;padding:0;max-width:100%}
.restoration-options{display:grid;gap:8px;margin-top:17px}
.restoration-options label{display:flex;align-items:flex-start;gap:12px;border:1px solid #073e482b;border-radius:6px;padding:13px 15px;min-height:48px;cursor:pointer;font-size:13px;line-height:1.65}
.restoration-options input{flex:none;margin:4px 0 0;width:16px;height:16px;accent-color:var(--deep)}
.restoration-options label:focus-within{outline:2px solid var(--deep);outline-offset:3px}
.restoration-options label[data-answer-state="correct"]{border-color:#54826a;background:#dce8db}
.restoration-options label[data-answer-state="review"]{border-color:#b7805a;background:#f2e6d3}
.restoration-check button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:46px;padding:12px 17px;border:0;border-radius:6px;background:var(--deep);color:var(--paper);font:600 12px/1.5 var(--sans);cursor:pointer;margin-top:16px}
.restoration-feedback{font-size:13px;line-height:1.8;max-width:60ch;margin:15px 0 0}
@media(max-width:600px){
  .discover-page .site-header{padding-top:18px;padding-bottom:5px}
  .discover-jumps{justify-content:space-between;gap:0 10px;padding-block:2px 10px}
  .discover-jumps a{font-size:10px}
  .discover-page .nearby-reefs{padding-top:37px}
  .nearby-copy h1{font-size:35px}
  .care-start{padding-top:48px;padding-bottom:42px}
  .care-heading h2{font-size:35px}
  .care-heading>p:last-child,.care-actions p:not(.eyebrow){font-size:13px}
  .care-actions{grid-template-columns:1fr;gap:26px;margin-top:27px}
  .care-actions h3{font-size:22px}
  .care-reading{gap:2px 20px;margin-top:20px}
  .care-reading a{font-size:11px}
  .reef-restoration{padding-top:45px;padding-bottom:42px}
  .restoration-heading h2{font-size:35px}
  .restoration-heading>p:last-child{font-size:12px}
  .restoration-story{gap:12px;margin-top:22px;margin-bottom:24px}
  .restoration-art{margin:7px auto 13px}
  .restoration-step-title{font-size:15px;gap:3px}
  .restoration-step-toggle{width:17px;height:17px;font-size:12px}
  .restoration-step-caption{font-size:12px;min-height:40px;margin-top:6px;line-height:1.55}
  .restoration-step-note{font-size:12px;line-height:1.75;padding-top:11px}
  .restoration-primary{font-size:12px;margin-bottom:23px;min-height:48px}
  .restoration-reading{gap:2px 16px}
  .restoration-check legend{font-size:17px}
  .restoration-options label{padding:12px;font-size:12px}
  .restoration-check{padding-top:10px}
}
@media(max-width:360px){.nearby-copy h1,.care-heading h2,.restoration-heading h2{font-size:31px}.discover-jumps{gap:0 7px}.discover-jumps a{font-size:9px}.restoration-story{gap:8px}.restoration-step-title{font-size:13px}.restoration-step-toggle{width:15px;height:15px;font-size:11px}}
