@font-face{font-family:Sora;src:url(/fonts/sora-variable.woff2)format("woff2-variations");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/literata-variable.woff2)format("woff2-variations");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:Literata;src:url(/fonts/literata-variable-italic.woff2)format("woff2-variations");font-weight:200 900;font-style:italic;font-display:swap}:root{--font-body:"Literata", Georgia, "Times New Roman", serif;--font-display:"Sora", "Trebuchet MS", system-ui, sans-serif;--display-weight:700;--display-tracking:-.015em;--body-size:17px;--paper:#f3f4ef;--surface:#fff;--tint:#e4e8e0;--ink:#1a2228;--ink-soft:#2f3a42;--muted:#5f6b73;--line:#c9d0c8;--accent:#9a2d1f;--accent-hover:#b4382a;--accent-ink:#fff;--accent-soft:#f3ddd8;--chalk:#f3f4ef;--water:#cfe0e4;--water-deep:#9fbfc7;--steel:#2f6a8c;--slate:#6b7a84;--band:#5c1d14;--band-ink:#f6e9e5;--band-muted:#d9b8b0;--band-line:#7a2f24;--radius:2px;--wrap:1180px;--gap:clamp(16px, 4vw, 44px);--head-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='96'%3E%3Cg fill='none' stroke='%23dfe4dc' stroke-width='1.2'%3E%3Cpath d='M0 24c40-10 80-10 120 0s80 10 120 0 60-8 80-6'/%3E%3Cpath d='M0 72c40-10 80-10 120 0s80 10 120 0 60-8 80-6'/%3E%3C/g%3E%3C/svg%3E")}html body{font-weight:420}html a{color:var(--accent);text-decoration-thickness:1px}html h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1.06}html h2{font-size:clamp(1.6rem,3vw,2.15rem);font-weight:650;line-height:1.14}html h3{font-size:1.22rem;font-weight:600;line-height:1.22}html strong{font-weight:700}html .kicker{text-transform:none;letter-spacing:0;font:600 .9rem/1.4 var(--font-display);color:var(--steel)}html .hero h1{max-width:18ch}html .phead h1{max-width:20ch}html .btn{font:600 1rem/1.2 var(--font-display);border-radius:var(--radius)}html .btn--line:hover{color:#fff}html .lede{font-size:clamp(1.05rem,2vw,1.2rem);font-style:italic;font-weight:400}html .lede a{font-style:normal}html .hdr{background:var(--paper);border-bottom:3px solid var(--accent)}html .brand__mark{background:url(/favicon.svg) 50%/contain no-repeat;width:32px;height:32px;display:block}html .brand__mark i{display:none}html .brand__name{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}html .brand__name span{font-family:var(--font-body);font-size:.78rem;font-style:italic;font-weight:400}html .nav a,html .nav summary{font-family:var(--font-display);font-size:.95rem;font-weight:500}html .nav a[aria-current=page]{color:var(--accent);font-weight:700}html .nav details>div{border-top:3px solid var(--steel);border-radius:0 0 var(--radius) var(--radius);box-shadow:0 10px 24px #1a222824}html .menu-group{font:500 .8rem/1.4 var(--font-display);color:var(--muted);padding:.7rem 1rem .2rem;display:block}@media (width<=899px){html .menu-group{padding-inline:calc(var(--gap) + .9rem)}}html .callback{background:var(--band);border-radius:var(--radius);color:var(--band-ink);border:0}html .callback h2,html .callback a{color:#fff}html .callback a:hover{color:var(--band-muted)}html .callback label{color:#fff;font-family:var(--font-display);font-size:.9rem;font-weight:500}html .callback label span{color:var(--band-muted)}html .callback input,html .callback select,html .callback textarea{border-color:var(--band-line);color:var(--ink);border-radius:var(--radius);font-family:var(--font-body)}html .callback input:focus,html .callback select:focus,html .callback textarea:focus{border-color:#fff;outline:3px solid #fff}html .callback .btn--call{background:var(--chalk);color:var(--band)}html .callback .btn--call:hover{color:var(--accent);background:#fff}html .callback .note{color:var(--band-muted)}html .callback-status.ok{color:#fff}html .callback-status.bad{color:#ffd0c6}html .callback :focus-visible{outline-color:#fff}html .callback--top textarea::placeholder{color:#7a8088}html .points li{font-family:var(--font-display);padding-left:1.15rem;font-size:.95rem;font-weight:500}html .points li:before{background:var(--accent);border-radius:0;width:10px;height:4px;top:.55em}html .tide{background:linear-gradient(180deg, var(--paper) 0, var(--tint) 100%);padding-block:clamp(2.5rem,6vw,4.25rem) clamp(2rem,4vw,3rem)}html .tide__head{align-items:start;gap:.3rem 3rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);display:grid}html .tide__head h2,html .tide__head p{margin:0}@media (width>=900px){html .tide__head{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}html .tide__row{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 clamp(2px,.6vw,8px);max-width:none;height:clamp(230px,30vw,320px);margin:0;padding:0;list-style:none;display:grid;position:relative}html .tide__row:before{content:"";left:calc(-1 * var(--gap));right:calc(-1 * var(--gap));background:linear-gradient(180deg, var(--water) 0, var(--water-deep) 100%);border-top:2px solid var(--water-deep);height:2.6rem;position:absolute;bottom:1.75rem}html .tide__row:after{content:"";left:calc(-1 * var(--gap));right:calc(-1 * var(--gap));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='7'%3E%3Cpath d='M0 6c8-6 16-6 24 0s16 6 24 0' fill='none' stroke='%23f3f4ef' stroke-width='1.5'/%3E%3C/svg%3E") bottom repeat-x;height:7px;position:absolute;bottom:calc(4.35rem - 7px)}html .board{z-index:1;grid-template-rows:1fr auto;justify-items:center;min-width:0;margin:0;display:grid;position:relative}html .board+.board{margin-top:0}html .board__post{border:1.5px solid var(--ink);background:#fbfbf8 repeating-linear-gradient(#0000 0 9px,#1a222847 9px 10px);border-bottom:0;border-radius:2px 2px 0 0;width:clamp(14px,2.6vw,30px);height:calc(100% - 3.9rem);position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%)}html .board__fill{height:var(--h);background:var(--board);border-top:2px solid var(--ink);position:absolute;bottom:0;left:0;right:0}html .board--cool{--board:#c0392b}html .board--heat{--board:var(--steel)}html .board--slack{--board:var(--slate)}html .board__t{z-index:2;width:max-content;left:50%;bottom:calc(1.75rem + (100% - 3.9rem) * var(--h) / 100% + 6px);font:700 clamp(.9rem, 1.9vw, 1.25rem)/1 var(--font-display);color:var(--ink);background:#fbfbf8;padding:1px 3px;position:absolute;transform:translate(-50%)}html .board__m{font:500 clamp(.7rem, 1.6vw, .9rem)/1.75rem var(--font-display);color:var(--ink-soft);grid-row:2;height:1.75rem;padding-top:.1rem}html .tide__note{color:var(--ink-soft);max-width:78ch;margin:1.2rem 0 0;font-size:.9rem}html .tide__note a{color:var(--ink)}html .grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.1rem}html .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:.35rem;padding:1.15rem 1.2rem 1.2rem;position:relative}html .card:before{content:"";background:var(--accent);width:2.2rem;height:4px;position:absolute;top:0;left:0}html .card:hover{border-color:var(--steel);box-shadow:0 8px 22px #1a22281a}html .card:hover:before{background:var(--steel);width:100%}html .card h3{font-size:1.15rem}html .card p{color:var(--ink-soft);font-size:.96rem}html .card .meta{color:var(--muted);font-size:.86rem;font-family:var(--font-display)}html .tag{color:var(--steel);font-size:.82rem;font-family:var(--font-display);font-weight:500}html .steps{gap:1.1rem}html .steps li{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--steel);border-radius:var(--radius);padding:1.1rem 1.2rem 1.2rem}html .steps li:before{content:counter(step);font:700 1.6rem/1 var(--font-display);color:var(--accent);margin-bottom:.5rem}html .steps h3{margin-top:0;font-size:1.12rem}html .box{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius)}html .box h2,html .box h3{font-size:1.25rem}html .sources{margin-top:2.5rem;font-size:.9rem}html .sources h2{font-size:1.25rem}html .sources ul{padding-left:1.1em}html .faq summary{font-family:var(--font-display);font-size:1rem;font-weight:600}html .faq summary:after{color:var(--steel)}html .aside .callback .pair{grid-template-columns:1fr}html .aside .callback .btn{width:100%}html .prose th{border-bottom:2px solid var(--ink);font-family:var(--font-display);font-size:.92rem;font-weight:600}html .prose figure{border-top:3px solid var(--steel);padding-top:.75rem}html .prose figcaption{font-style:italic}html .ftr{background:var(--ink);color:#b7c2c9}html .ftr h2{text-transform:none;letter-spacing:0;font-family:var(--font-display);color:var(--water);font-size:1.05rem;font-weight:600}html .ftr a{color:#e9eef1}html .ftr__tel{font-family:var(--font-display);color:#fff}html .callbar{border-top:0}html .callbar a:first-child{background:var(--accent)}html .callbar a:first-child strong,html .callbar a:first-child span{color:#fff}html .callbar a:last-child{background:var(--ink)}
