/* Readable guide panels, using the product page's existing colour system. */
.guide-section{border-top:1px solid var(--line);padding-top:72px;background:linear-gradient(180deg,#101922 0,#080c0f 620px)}
.guide-section .section-heading h2,.tide-setup h2,.calculation-section h2{white-space:pre-line}
.guide-nav{display:flex;flex-wrap:wrap;gap:10px;margin-block:30px 48px}
.guide-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #34414d;color:#c6d3dc;font-size:12px;letter-spacing:.7px;text-align:center}
.guide-nav a:hover{border-color:var(--orange);color:var(--ink);background:#1c1c1c}
.guide-subheading{font-size:20px;letter-spacing:1.7px;font-weight:500;margin-bottom:22px}
.reading-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.reading-card{min-width:0;background:#0b1218;border:1px solid #2d3b47;padding:25px}
.reading-heading{display:flex;align-items:center;gap:16px}
.reading-heading>span{color:var(--graph-color);font-size:38px;line-height:1}
.reading-heading h3{font-size:18px;font-weight:500}
.reading-card>svg{width:100%;height:96px;background:#000;margin-block:25px;image-rendering:pixelated}
.reading-card p{font-size:14px;line-height:1.9;color:#d4dde3}
.reading-card p+p{margin-top:15px}
.reading-card .reading-detail{color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:17px}
.guide-note{font-size:13px;line-height:1.9;color:var(--muted);margin-top:22px;max-width:1100px}
.countdown-section{padding-block:60px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;border-bottom:1px solid var(--line)}
.countdown-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.countdown-previews figure{min-width:0;text-align:center}
.countdown-previews img{display:block;width:100%;height:auto;max-width:270px;margin:auto;border-radius:50%;image-rendering:pixelated;background:#000;border:8px solid #161e26;box-shadow:0 0 0 1px #415260}
.countdown-previews figcaption{margin:20px auto 0;max-width:250px;font-size:12px;color:#cad6de;line-height:1.9}
.countdown-copy{min-width:0}.countdown-copy>p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:18px}
.countdown-copy .countdown-setting{border-left:2px solid var(--orange);padding-left:16px;color:#e1e7e9;font-size:13px}
.barometer-trends{display:flex;flex-wrap:wrap;gap:12px;margin-block:20px}
.barometer-trends>span{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:5px 11px;font-size:12px;color:#c7d3db}
.barometer-trends b{font-size:25px;color:var(--tide);font-weight:400}
.guide-disclosures details{border-top:1px solid var(--line)}
.guide-disclosures summary{position:relative;list-style:none;padding:19px 32px 19px 0;font-size:14px;cursor:pointer;line-height:1.7}
.guide-disclosures summary::-webkit-details-marker{display:none}
.guide-disclosures summary::after{content:'+';position:absolute;right:4px;top:16px;color:var(--orange);font-size:21px}
.guide-disclosures details[open]>summary::after{content:'−'}
.guide-disclosures details p{font-size:13px;line-height:1.9;color:var(--muted);padding-bottom:20px;max-width:1020px}
.countdown-copy .guide-note{margin:15px 0 0;font-size:12px}
.tide-setup{padding-block:68px;border-bottom:1px solid var(--line)}
.tide-step-list{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0;margin:32px 0 0;border:1px solid #344552}
.tide-step-list li{min-width:0}.tide-step-list li+li{border-left:1px solid #344552}
.tide-step-list button{display:flex;flex-direction:column;align-items:flex-start;gap:9px;width:100%;height:100%;border:0;background:#101923;padding:19px 16px;text-align:left;font-size:12px;line-height:1.6}
.tide-step-list button>span{font-family:var(--pixel);font-size:25px;color:#8a9eae}
.tide-step-list button[aria-current="step"]{background:#12323f;box-shadow:inset 0 -3px var(--tide)}
.tide-step-list button[aria-current="step"]>span{color:var(--tide)}
.tide-step-list button:hover{background:#182f3b}
.tide-step-card{border:1px solid #344552;border-top:0;background:linear-gradient(120deg,#10202a,#0b1219);padding:32px 38px 25px}
.tide-step-panel{min-height:335px;max-width:1050px}
.step-count{font-size:12px;letter-spacing:2px;color:var(--tide);margin-bottom:14px}
.tide-step-panel h3{font-size:24px;line-height:1.5;font-weight:500;margin-bottom:16px}
.tide-step-panel h3+p{font-size:15px;color:#d2dce3;line-height:1.9;max-width:1000px}
.tide-step-panel ul{padding-left:22px;color:#c2d0da;font-size:14px;line-height:1.9;margin-block:18px}
.tide-step-panel li{padding-left:7px;margin-block:5px}.tide-step-panel li::marker{color:var(--tide)}
.step-note{border-left:2px solid #486b7c;padding-left:15px;font-size:13px;line-height:1.9;color:#aebfcb}
.step-controls{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:25px}
.step-controls button{min-height:46px;background:#10212c;border:1px solid #48616f;padding:11px 18px;font-size:12px;letter-spacing:1px}
.step-controls button:disabled{opacity:.35;cursor:default}.step-controls button:not(:disabled):hover{border-color:var(--tide)}
.step-controls button:last-child{background:var(--tide);border-color:var(--tide);color:#091218}
.step-progress-track{flex:1;background:#263946;max-width:300px;height:3px}.step-progress-track span{display:block;height:3px;background:var(--tide);width:20%}
.setup-help{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px}
.calculation-section{padding-block:68px}
.calculation-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;margin-top:32px;align-items:start}
.calculation-detail summary{font-size:16px;padding-block:24px}.calculation-detail summary::after{top:22px}
.calculation-detail .calculation-summary{font-size:14px;color:var(--ink)}
.event-calculations{padding:23px 26px;background:#0d171f;border:1px solid #304351;min-width:0}
.event-calculations summary{font-size:17px;padding-top:0;padding-bottom:12px;list-style:none;position:relative;padding-right:30px;cursor:pointer}
.event-calculations summary::-webkit-details-marker{display:none}.event-calculations summary::after{content:'+';position:absolute;right:0;top:-4px;font-size:24px;color:var(--orange)}.event-calculations[open]>summary::after{content:'−'}
.event-calculations>p{font-size:13px;line-height:1.9;color:var(--muted);margin-block:8px 20px}
.event-calculations table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.8}
.event-calculations th,.event-calculations td{text-align:left;vertical-align:top;border-bottom:1px solid #2c3e4d;padding:12px 10px 12px 0}
.event-calculations thead th{font-size:10px;letter-spacing:1px;color:var(--tide);font-weight:500}
.event-calculations tbody th{width:38%;font-weight:500;color:#dae2e7}.event-calculations td{color:var(--muted);padding-right:0}
.event-calculations .event-automatic{font-size:12px;margin:20px 0 0}
.location-note{padding:20px 0 0;border-top:1px solid var(--line);max-width:none;margin-top:30px}
.pro-faq-section{border-block:1px solid var(--line);background:#0d151d;padding-block:62px}
.pro-faq-section .section-heading{margin-bottom:27px}.pro-faq-section .section-heading a{justify-self:end}
.pro-faq-section .faq{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;align-items:start}
.pro-faq-section .faq details{border-top:1px solid var(--line);border-bottom:0}.pro-faq-section .faq summary{font-size:15px}.pro-faq-section .faq p{font-size:14px}
.guide-section h2,.guide-section h3,.guide-section button,.pro-faq-section h2{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:1050px){.reading-card{padding:20px}.countdown-section{gap:30px}.countdown-previews{gap:13px}.calculation-layout{gap:28px}.tide-step-panel{min-height:365px}.tide-step-list button{padding:17px 12px}}
@media(max-width:850px){.countdown-section{grid-template-columns:1fr}.countdown-previews{max-width:560px;width:100%;margin:auto;gap:30px}.countdown-copy{max-width:700px}.calculation-layout{grid-template-columns:1fr}.reading-cards{grid-template-columns:1fr}.reading-card{display:grid;grid-template-columns:1fr 1fr;gap:15px 28px}.reading-card>svg{margin:0;grid-column:2;grid-row:1/3;height:130px}.reading-card .reading-detail{grid-column:1/-1;margin-top:0}.tide-step-panel{min-height:380px}.tide-step-list button{font-size:11px}.pro-faq-section .section-heading a{justify-self:start;margin-top:0}}
@media(max-width:560px){.header nav{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:0;justify-content:space-between;font-size:10px;letter-spacing:0}.header nav a[href="#guide"]{display:flex}.guide-section{padding-top:45px}.guide-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-block:24px 32px}.guide-nav a{font-size:10px;padding:10px 8px;min-height:48px}.guide-nav a:last-child{grid-column:1/-1}.guide-subheading{font-size:20px;letter-spacing:.5px}.reading-card{display:block;padding:22px}.reading-heading h3{font-size:20px}.reading-card>svg{height:100px;margin-block:20px}.reading-card p,.reading-card .reading-detail{font-size:15px}.reading-card .reading-detail{margin-top:17px}.guide-note{font-size:13px}.countdown-section{padding-block:42px;gap:32px}.countdown-previews{gap:15px}.countdown-previews img{border-width:5px}.countdown-previews figcaption{font-size:11px;margin-top:15px}.countdown-copy>p{font-size:15px}.countdown-copy .countdown-setting{font-size:13px}.guide-disclosures details p{font-size:14px}.guide-disclosures summary{font-size:14px}.barometer-trends{gap:8px}.barometer-trends>span{padding:4px 8px;font-size:11px;gap:7px}.countdown-copy .guide-note{font-size:12px}.tide-setup,.calculation-section{padding-block:44px}.tide-step-list{grid-template-columns:1fr;border:0;gap:5px;margin-top:24px}.tide-step-list li+li{border-left:0}.tide-step-list button{min-height:48px;flex-direction:row;align-items:center;gap:17px;padding:10px 15px;border:1px solid #344552;font-size:13px}.tide-step-list button>span{font-size:19px}.tide-step-list button[aria-current="step"]{box-shadow:inset 3px 0 var(--tide)}.tide-step-card{padding:23px 20px;border-top:1px solid #344552;margin-top:12px}.tide-step-panel{min-height:0}.tide-step-panel h3{font-size:22px}.tide-step-panel h3+p{font-size:15px}.tide-step-panel ul{font-size:14px;padding-left:18px}.step-note{font-size:13px}.step-controls{gap:12px;flex-wrap:wrap}.step-controls button{font-size:11px;padding-inline:13px}.step-progress-track{order:3;flex-basis:100%;max-width:none}.setup-help{grid-template-columns:1fr;gap:0}.calculation-layout{margin-top:22px}.calculation-detail summary{font-size:16px}.event-calculations{padding:22px 18px}.event-calculations summary{font-size:17px}.event-calculations table{font-size:12px;table-layout:fixed;overflow-wrap:anywhere}.event-calculations thead th:first-child{width:38%}.event-calculations .event-automatic{font-size:13px}.pro-faq-section{padding-block:44px}.pro-faq-section .faq{grid-template-columns:1fr}.pro-faq-section .faq summary{font-size:15px}.pro-faq-section .faq p{font-size:15px}}