/* All styling belongs to the closing component; the underwater scene remains live. */
.final-guide{
  --guide-ink:#f5faf3;--guide-muted:#c0dcd9;--guide-accent:#bce9df;
  width:min(100%,1120px);height:100%;max-height:calc(100svh - 160px);margin:0 auto;
  box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;
  scrollbar-width:thin;scrollbar-color:#a8d9d780 transparent;
  padding:clamp(25px,4vw,54px) clamp(22px,4.4vw,62px) 28px;
  color:var(--guide-ink);text-align:left;text-shadow:0 2px 16px #001e2b80;
  background:linear-gradient(120deg,#06374380,#052a3a55 57%,#05263766);
  border:1px solid #b8e9e02e;border-radius:2px;
  font-family:Arial,sans-serif;font-size:15px;line-height:1.65;
  -webkit-overflow-scrolling:touch;scroll-behavior:smooth;
}
.final-guide *{box-sizing:border-box}
.final-guide:focus-visible{outline:2px solid var(--guide-accent);outline-offset:5px}
.final-guide .final-guide__header{margin:0 0 clamp(28px,4vw,52px);max-width:760px}
.final-guide .final-guide__eyebrow{margin:0 0 14px;font:600 10px/1.5 Arial,sans-serif;letter-spacing:.21em;color:var(--guide-accent)}
.final-guide .final-guide__title{margin:0 0 18px;font:500 clamp(47px,5.8vw,76px)/.98 'Barlow Condensed',sans-serif;letter-spacing:-.015em;color:var(--guide-ink);text-wrap:balance}
.final-guide .final-guide__title:focus{outline:none}
.final-guide .final-guide__intro{margin:0;max-width:61ch;color:#e0efea;font:16px/1.7 Arial,sans-serif;text-wrap:pretty}
.final-guide .final-guide__act{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,1.6fr);gap:clamp(24px,5vw,68px);padding:33px 0 40px;border-top:1px solid #bce9df45}
.final-guide .final-guide__act-heading{align-self:start}
.final-guide .final-guide__number{display:block;margin-bottom:11px;color:#a8d7d3;font:10px/1.2 'Courier New',monospace;letter-spacing:.16em}
.final-guide .final-guide__act-title{margin:0 0 13px;font:500 clamp(29px,3vw,39px)/1.08 'Barlow Condensed',sans-serif;letter-spacing:.005em;text-wrap:balance}
.final-guide .final-guide__act-intro{margin:0;max-width:29ch;color:var(--guide-muted);font:13px/1.7 Arial,sans-serif}
.final-guide .final-guide__questions{min-width:0}
.final-guide .final-guide__question{border-bottom:1px solid #badfd42b;margin:0}
.final-guide .final-guide__question:first-child{border-top:1px solid #badfd42b}
.final-guide .final-guide__summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;padding:17px 0;cursor:pointer;list-style:none;-webkit-tap-highlight-color:#a9ead41a;color:var(--guide-ink);font:500 clamp(22px,2.2vw,28px)/1.16 'Barlow Condensed',sans-serif;transition:color .18s ease}
.final-guide .final-guide__summary::-webkit-details-marker{display:none}
.final-guide .final-guide__summary::marker{content:''}
.final-guide .final-guide__summary:hover{color:var(--guide-accent)}
.final-guide .final-guide__summary:focus-visible{outline:2px solid var(--guide-accent);outline-offset:5px;border-radius:1px}
.final-guide .final-guide__question-text{max-width:34ch;text-wrap:pretty}
.final-guide .final-guide__plus{position:relative;flex:0 0 27px;width:27px;height:27px;border:1px solid #bce9df70;border-radius:50%;color:var(--guide-accent)}
.final-guide .final-guide__plus::before,.final-guide .final-guide__plus::after{content:'';position:absolute;left:8px;right:8px;top:12px;height:1px;background:currentColor}
.final-guide .final-guide__plus::after{transform:rotate(90deg);transition:transform .2s ease}
.final-guide .final-guide__question[open] .final-guide__plus::after{transform:rotate(0)}
.final-guide .final-guide__question[open] .final-guide__summary{color:var(--guide-accent)}
.final-guide .final-guide__answer{padding:0 10px 22px 0;color:#d2e8e3;font:14px/1.75 Arial,sans-serif}
.final-guide .final-guide__answer p{margin:0 0 16px}
.final-guide .final-guide__answer .final-guide__action{margin:0;padding-left:15px;border-left:2px solid #a4d8c982;color:#eef5df;font-size:13px;line-height:1.65}
.final-guide .final-guide__question[open] .final-guide__answer{animation:final-guide-reveal .24s ease-out}
.final-guide .final-guide__footer{border-top:1px solid #bce9df45;text-align:center;padding:35px 0 0}
.final-guide .final-guide__closing{max-width:29ch;margin:0 auto 24px;font:400 clamp(27px,3vw,35px)/1.18 'Barlow Condensed',sans-serif;text-wrap:balance}
.final-guide .final-guide__back{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:10px 23px;margin:0;border:1px solid #bce9df87;border-radius:30px;background:#082e3a66;color:#f1f7e8;font:12px/1.5 Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s;text-decoration:none}
.final-guide .final-guide__back:hover{background:#bce9df17;border-color:#cef7e6}
.final-guide .final-guide__back:focus-visible{outline:2px solid #cef7e6;outline-offset:5px}
.final-guide .final-guide__back-arrow{font:23px/1 Arial,sans-serif}
.final-guide .final-guide__signature{margin:25px 0 0;color:#a1c9c5;font:9px/1.5 Arial,sans-serif;letter-spacing:.19em}
@keyframes final-guide-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){
  .final-guide{max-height:calc(100svh - 135px);padding:27px 22px 24px;font-size:14px;background:linear-gradient(150deg,#06374399,#052a3a77)}
  .final-guide .final-guide__header{margin-bottom:28px}
  .final-guide .final-guide__eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:13px}
  .final-guide .final-guide__title{font-size:48px;margin-bottom:16px;max-width:9ch}
  .final-guide .final-guide__intro{font-size:14px;line-height:1.65}
  .final-guide .final-guide__act{grid-template-columns:1fr;gap:22px;padding:27px 0 31px}
  .final-guide .final-guide__number{margin-bottom:9px}
  .final-guide .final-guide__act-title{font-size:32px;margin-bottom:11px}
  .final-guide .final-guide__act-intro{max-width:38ch;font-size:13px;line-height:1.6}
  .final-guide .final-guide__summary{font-size:24px;min-height:72px;gap:15px;padding:17px 0}
  .final-guide .final-guide__answer{font-size:13px;line-height:1.7;padding-right:0;padding-bottom:20px}
  .final-guide .final-guide__answer .final-guide__action{font-size:12px;line-height:1.65}
  .final-guide .final-guide__closing{font-size:29px}
}
@media(max-width:360px){.final-guide{padding:23px 17px}.final-guide .final-guide__title{font-size:43px}.final-guide .final-guide__summary{font-size:22px}.final-guide .final-guide__intro{font-size:13px}}
@media(max-height:530px) and (min-aspect-ratio:1/1){.final-guide{max-height:calc(100svh - 90px);padding-top:24px}.final-guide .final-guide__title{font-size:47px}.final-guide .final-guide__act{grid-template-columns:minmax(145px,.8fr) minmax(0,1.6fr);gap:26px}}
@media(prefers-reduced-motion:reduce){.final-guide{scroll-behavior:auto}.final-guide .final-guide__answer,.final-guide .final-guide__summary,.final-guide .final-guide__plus::after,.final-guide .final-guide__back{animation:none!important;transition:none!important}}
