/* Bay Hours: own design system (SPEC 5). Bodoni Moda display + Red Hat Text, dusk palette, almanac layout. */
@font-face{font-family:"Bodoni Moda";src:url(/assets/fonts/bodoni-moda-var.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(/assets/fonts/bodoni-moda-var-italic.woff2) format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Red Hat Text";src:url(/assets/fonts/red-hat-text-var.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
:root{
  --ink:#141B2D;--ink-2:#222B41;--paper:#F7F1E8;--paper-2:#EFE6D8;--rule:#DDD1BF;--text:#1C2233;--muted:#5D6578;
  --ember:#C8501E;--ember-2:#E0703A;--gold:#E9A23B;--blue:#3E5BA9;--mist:#9AA8C1;--night:#0B1222;--naut:#1D2A4C;
  --serif:"Bodoni Moda",Didot,"Bodoni 72",Georgia,serif;--sans:"Red Hat Text",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1180px;--r:2px
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font:400 1.0625rem/1.6 var(--sans);font-feature-settings:"tnum" 1}
img,svg{max-width:100%}
a{color:var(--ember);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--ink);padding:.6rem 1rem;z-index:9}
.skip:focus{left:1rem}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 1.5rem}
.narrow{max-width:760px}
.muted{color:var(--muted)}
.small{font-size:.875rem}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;word-break:break-all}
.eyebrow{font:600 .75rem/1.2 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ember);margin:0 0 1rem}
.eyebrow--light{color:var(--gold)}
.display{font:400 clamp(2.6rem,6.4vw,5.6rem)/.98 var(--serif);letter-spacing:-.02em;margin:0 0 1.25rem}
.display em,.display-s em{font-style:italic;font-weight:400}
.display .t{font-weight:700}
.display-s{font:400 clamp(2rem,4.2vw,3.4rem)/1.04 var(--serif);letter-spacing:-.015em;margin:0 0 1rem}
.h3{font:600 1.25rem/1.25 var(--serif);margin:0 0 .5rem}
.lede{font-size:1.2rem;line-height:1.55;max-width:46ch}
.btns{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0 0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.4rem;border:1px solid transparent;border-radius:999px;font:600 .95rem/1 var(--sans);letter-spacing:.02em;text-decoration:none;cursor:pointer}
.btn--ember{background:var(--ember);color:#fff}
.btn--ember:hover{background:var(--ink);color:#fff}
.btn--glass{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.35)}
.btn--glass:hover{background:#fff;color:var(--ink)}
.btn--line{border-color:var(--ink);color:var(--ink)}
.btn--ink{background:var(--ink);color:#fff;min-height:44px;padding:.6rem 1.1rem}
.linkbtn{background:none;border:0;padding:.25rem 0;color:var(--muted);font:500 .875rem var(--sans);text-decoration:underline;cursor:pointer}
.linkbtn--warn{color:#9B2D1B}
/* top bar */
.top{background:var(--ink);color:#fff;position:relative;z-index:3}
.top__in{max-width:var(--wrap);margin:0 auto;padding:.9rem 1.5rem;display:flex;align-items:center;gap:2rem}
.mark{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none}
.mark:hover{color:#fff}
.mark__sun{width:34px;height:34px}
.mark__sun circle{fill:var(--gold)}.mark__sun rect{fill:var(--ink)}.mark__sun path{stroke:var(--ember-2);stroke-width:2;stroke-linecap:round;fill:none}
.mark__w{font:400 1.6rem/1 var(--serif);letter-spacing:-.01em;margin:0}
.mark__w em{font-style:italic}
.top__where{margin:0;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mist);line-height:1.35}
.top__where span{display:block;color:#fff;opacity:.6;letter-spacing:.08em}
.top__nav{margin-left:auto;display:flex;gap:1.5rem}
.top__nav a{color:#E8E2D6;text-decoration:none;font-weight:500;font-size:.95rem;padding:.4rem 0;border-bottom:2px solid transparent}
.top__nav a:hover,.top__nav a[aria-current]{color:#fff;border-bottom-color:var(--gold)}
.top__pv{display:block;margin-top:.2rem;color:var(--gold);text-decoration:none;letter-spacing:.1em;font-weight:600}
.top__pv::before{content:"";display:inline-block;width:.45em;height:.45em;border-radius:50%;background:var(--gold);margin-right:.45em;vertical-align:.12em}
.top__pv:hover{color:#fff;text-decoration:underline}
/* hero */
.hero{position:relative;color:#fff;overflow:hidden;background:var(--ink)}
.hero__sky{position:absolute;inset:0;background:
  radial-gradient(120% 70% at 72% 105%,rgba(233,162,59,.95) 0,rgba(224,112,58,.75) 22%,rgba(200,80,30,.35) 40%,rgba(62,91,169,.0) 62%),
  linear-gradient(180deg,#0E1527 0%,#1B2747 45%,#3E5BA9 78%,#A8603E 100%)}
.hero__sky::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(180deg,rgba(20,27,45,.0),rgba(20,27,45,.85)),repeating-linear-gradient(180deg,rgba(255,255,255,.08) 0 1px,transparent 1px 9px)}
.hero__in{position:relative;display:grid;grid-template-columns:1.35fr .9fr;gap:3rem;align-items:center;padding-top:5rem;padding-bottom:6rem}
.hero__lede{font-size:1.15rem;max-width:44ch;color:#E9E4DA}
.next{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:1.25rem 0 0;padding:.75rem 1rem;border-left:3px solid var(--gold);background:rgba(11,18,34,.45)}
.next__k{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.next__t{font:700 1.4rem/1 var(--serif)}
.next__in{color:#D9D4CA;font-size:.95rem}
.hero__dial{margin:0;justify-self:center;width:min(360px,100%)}
.hero__dial figcaption{font-size:.85rem;color:#E1DCD2;text-align:center;margin-top:.5rem}
.k{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin:0 .35rem 0 .8rem;vertical-align:baseline}
.k--rise{background:var(--gold)}.k--set{background:var(--ember-2)}
.dial-ring{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.55);stroke-width:1.2}
.dial-in{fill:none;stroke:rgba(255,255,255,.18);stroke-dasharray:2 4}
.dial-tick{stroke:rgba(255,255,255,.55);stroke-width:1}
.dial-k{fill:#fff;font:600 13px var(--sans)}
.dial-rise{stroke:var(--gold);stroke-width:3}.dial-rise-dot{fill:var(--gold)}
.dial-set{stroke:var(--ember-2);stroke-width:3}.dial-set-dot{fill:var(--ember-2)}
.dial-mine{stroke:var(--blue);stroke-width:3}.dial-mine-dot{fill:var(--blue)}
.dial-hub{fill:#fff}
.sheet .dial-ring,.dayside .dial-ring,.lu__out .dial-ring{fill:#fff;stroke:var(--ink)}
.sheet .dial-in{stroke:var(--rule)}.sheet .dial-tick{stroke:var(--ink)}.sheet .dial-k{fill:var(--ink)}.sheet .dial-hub{fill:var(--ink)}
/* today strip */
.today{padding:5rem 0 4rem;background:var(--paper)}
.today__head{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}
.today__head p{max-width:44ch;margin:0}
.bandwrap{border:1px solid var(--ink);background:var(--night)}
.band{display:block;width:100%;height:120px}
.b-night{fill:var(--night)}.b-nautical{fill:var(--naut)}.b-blue{fill:var(--blue)}.b-golden{fill:var(--gold)}.b-day{fill:#F3E3C3}
.horizon{stroke:rgba(20,27,45,.55);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.arc{fill:none;stroke:var(--ember);stroke-width:2.5;vector-effect:non-scaling-stroke}
.tick{stroke:rgba(255,255,255,.6);vector-effect:non-scaling-stroke}
.tick-l{fill:#fff;font:600 13px var(--sans);paint-order:stroke;stroke:rgba(11,18,34,.7);stroke-width:3px}
.now{stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
.now-l{fill:#fff;font:700 13px var(--sans);paint-order:stroke;stroke:var(--ink);stroke-width:3px}
.legend{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;padding:0;margin:.9rem 0 2.5rem;font-size:.875rem;color:var(--muted)}
.sw{display:inline-block;width:1.1rem;height:.7rem;margin-right:.45rem;vertical-align:middle;border:1px solid rgba(20,27,45,.3)}
.sw.b-night{background:var(--night)}.sw.b-nautical{background:var(--naut)}.sw.b-blue{background:var(--blue)}.sw.b-golden{background:var(--gold)}.sw.b-day{background:#F3E3C3}
.times{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink)}
.times__col{padding:1.5rem 1.5rem 1.5rem 0}
.times__col+.times__col{padding-left:1.5rem;border-left:1px solid var(--rule)}
.times h3{font:600 .75rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 1rem}
.times dl{margin:0}
.times dl div{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--rule)}
.times dt{color:var(--muted)}
.times dd{margin:0;font-weight:600;text-align:right}
.times dd.big{font:700 1.5rem/1 var(--serif)}
.moonline{margin:1.5rem 0 0;color:var(--muted)}
/* tools */
.tools{padding:5rem 0;background:var(--paper-2);border-top:1px solid var(--rule)}
.tools__list{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.tools__list li{padding:0 2rem 0 0}
.tools__list li+li{padding-left:2rem;border-left:1px solid var(--rule)}
.tools__list .n{display:block;font:italic 400 3.4rem/1 var(--serif);color:var(--ember);margin-bottom:1rem}
.tools__list h3{font:600 1.5rem/1.2 var(--serif);margin:0 0 .75rem}
.tools__list h3 a{color:var(--ink);text-decoration:none}
.tools__list h3 a:hover{color:var(--ember)}
.price-note{font-size:.9rem;color:var(--ink);border-top:1px solid var(--rule);padding-top:.75rem}
/* plans band */
.plans{background:var(--ink);color:#EDE7DC;padding:4rem 0}
.plans__in{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.plans__in>div{max-width:640px}
.plans h2{color:#fff}
.plans h2 em{color:var(--gold)}
/* sheets */
.sheet{padding:4rem 0 5rem}
.dayhead{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap}
.pick{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem}
.pick label{width:100%;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
input[type=date],input[type=month],input:not([type]),input[inputmode]{font:500 1rem var(--sans);min-height:44px;padding:.5rem .75rem;border:1px solid var(--ink);border-radius:var(--r);background:#fff;color:var(--ink);width:100%;max-width:100%}
.pick input{width:auto}
.stepper{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);padding:.75rem 0;margin:1.5rem 0}
.stepper a{font-weight:600;text-decoration:none}
.daygrid{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;margin-top:2.5rem}
.tt{width:100%;border-collapse:collapse}
.tt caption{text-align:left;font:600 .75rem var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);padding-bottom:.75rem}
.tt th,.tt td{text-align:left;padding:.7rem .5rem;border-bottom:1px solid var(--rule);vertical-align:baseline}
.tt th{font-weight:500}
.tt td:nth-child(2){font:700 1.15rem var(--serif);white-space:nowrap}
.tt .why{color:var(--muted);font-size:.9rem}
.tt tr.r-gold th{box-shadow:inset 4px 0 0 var(--gold)}.tt tr.r-blue th{box-shadow:inset 4px 0 0 var(--blue)}.tt tr.r-sun th{box-shadow:inset 4px 0 0 var(--ember)}
.tt th{padding-left:1rem}
.dayside{border-left:1px solid var(--rule);padding-left:2rem}
.dayside svg{width:min(260px,100%)}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-top:2px solid var(--ink)}
/* v1.1.1 (SBN-MONTH-SCROLL): the month table wrapper is a focusable named region, so a keyboard can scroll it */
.scroll:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.mt{width:100%;border-collapse:collapse;min-width:760px}
.mt th,.mt td{padding:.55rem .6rem;border-bottom:1px solid var(--rule);text-align:right;white-space:nowrap}
.mt thead th{font:600 .72rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:right}
.mt thead th:first-child,.mt tbody th{text-align:left}
.mt tbody th a{text-decoration:none;color:var(--ink);font-weight:600}
.mt .dow{display:inline-block;width:2.4em;color:var(--muted);font-weight:400}
.mt td.b{font-weight:700}
.mt .c-gold{box-shadow:inset 0 -3px 0 var(--gold)}.mt .c-blue{box-shadow:inset 0 -3px 0 var(--blue)}.mt .c-sun{box-shadow:inset 0 -3px 0 var(--ember)}
.mt tr.is-today{background:#FBE7C6}
.mt tbody tr:hover{background:#fff}
.pass-note{background:#fff;border-left:3px solid var(--gold);padding:.75rem 1rem;margin:1rem 0 1.5rem;max-width:70ch}
.err{background:#FBEAE4;border-left:3px solid #9B2D1B;padding:.75rem 1rem;color:#5E1A0E}
/* line-up */
.lu{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;margin-top:2rem;border-top:2px solid var(--ink);padding-top:2rem}
.steps{padding-left:1.2rem;margin:0 0 1.5rem}
.steps li{margin:.3rem 0}
.field{margin:0 0 1.1rem;border:0;padding:0}
.field label,.field legend{display:block;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}
.seg{display:flex;gap:.5rem;flex-wrap:wrap}
.seg legend{width:100%}
.seg label{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.4rem 1rem;border:1px solid var(--ink);border-radius:999px;text-transform:none;letter-spacing:0;font-size:1rem;color:var(--ink);cursor:pointer;margin:0}
.seg input{accent-color:var(--ember)}
.lu__out svg{width:min(280px,100%);display:block;margin:0 auto 1rem}
.hits{list-style:none;padding:0;margin:0 0 1rem;border-top:1px solid var(--rule)}
.hits li{display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:baseline;padding:.6rem 0;border-bottom:1px solid var(--rule)}
.hits a{font-weight:600;text-decoration:none;min-width:12rem}
.hits .t{font:700 1.1rem var(--serif)}
/* spots */
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center}
.ticks{list-style:none;padding:0;margin:1.25rem 0 1.75rem}
.ticks li{padding:.45rem 0 .45rem 1.6rem;position:relative;border-bottom:1px solid var(--rule)}
.ticks li::before{content:"";position:absolute;left:0;top:1rem;width:.8rem;height:2px;background:var(--ember)}
.spotfig{margin:0}
.spotfig svg{width:100%;height:auto;border:1px solid var(--ink)}
.sf-sky{fill:#2C3E73}.sf-sun{fill:var(--gold)}.sf-water{fill:var(--ink)}.sf-lh{fill:#0B1222}.sf-ray{stroke:var(--ember-2);stroke-width:2;stroke-dasharray:5 5}.sf-you{fill:#fff}.sf-t{fill:#fff;font:600 13px var(--sans)}
.book{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;margin-top:2rem;border-top:2px solid var(--ink);padding-top:2rem}
.spot{padding:0 0 1.5rem;margin:0 0 1.5rem;border-bottom:1px solid var(--rule)}
.spot header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.spot__b{margin:0;font:700 1.1rem var(--serif);color:var(--ember)}
.book__add{background:#fff;border:1px solid var(--rule);padding:1.5rem;align-self:start}
.del{margin-top:1.5rem;border-top:1px solid var(--rule);padding-top:1rem}
/* pricing */
.tiers{display:grid;grid-template-columns:1fr 1.25fr;gap:0;margin:2rem 0;border:1px solid var(--ink)}
.tier{padding:2rem}
.tier--pass{background:var(--ink);color:#EDE7DC}
.tier--pass .h3{color:#fff}
.tier__p{font:400 3.2rem/1 var(--serif);margin:.5rem 0}
.tier--pass .tier__p{color:var(--gold)}
.tier__p span{font:500 1rem var(--sans);color:inherit;opacity:.8}
.tier__alt{margin:0 0 1rem;font-size:.95rem}
.tier--pass .ticks li{border-color:rgba(255,255,255,.15)}
.tier--pass .ticks li::before{background:var(--gold)}
.chip{display:inline-block;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:.3rem .8rem;font-size:.85rem;font-weight:600}
.faq{max-width:70ch}
.prose ul{padding-left:1.2rem}
.prose li{margin:.5rem 0}
.prose h2{margin-top:2.25rem}
.msg{padding:2rem 1.5rem}
/* footer */
.foot{background:var(--night);color:#C9CCD6;padding:4rem 0 0;margin-top:0}
.foot__in{max-width:var(--wrap);margin:0 auto;padding:0 1.5rem 2.5rem;display:grid;grid-template-columns:1.2fr 1fr;gap:3rem}
.foot__w{font:400 2.2rem/1 var(--serif);color:#fff;margin:0 0 .75rem}
.foot__w em{font-style:italic;color:var(--gold)}
.foot__lead p:last-child{max-width:44ch}
.foot__cols{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.foot__cols h2{font:600 .72rem var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 .75rem}
.foot__cols a{display:block;color:#E6E1D7;text-decoration:none;padding:.3rem 0}
.foot__cols a:hover{color:#fff;text-decoration:underline}
.foot__base{max-width:var(--wrap);margin:0 auto;padding:1.5rem 1.5rem 2rem;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;font-size:.875rem}
.foot__ind{max-width:78ch;margin:0}
.foot__powered{margin:0;color:#fff}
.foot__powered a{color:var(--gold)}
/* bottom tabs: phones only */
.tabs{display:none}
@media (max-width:980px){
  .top__nav{display:none}
  .top__where{margin-left:auto;text-align:right}
  .tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--ink);border-top:1px solid rgba(255,255,255,.15);padding-bottom:env(safe-area-inset-bottom)}
  .tabs a{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.55rem 0 .5rem;color:#BFC4D0;text-decoration:none;font-size:.72rem;font-weight:600;min-height:52px}
  .tabs svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .tabs a[aria-current]{color:var(--gold)}
  body{padding-bottom:64px}
  .hero__in{grid-template-columns:1fr;padding-top:3rem;padding-bottom:4rem;gap:2rem}
  .hero__dial{width:min(260px,80%)}
  .times{grid-template-columns:1fr}
  .times__col,.times__col+.times__col{padding:1.25rem 0;border-left:0;border-bottom:1px solid var(--rule)}
  .tools__list{grid-template-columns:1fr}
  .tools__list li,.tools__list li+li{padding:1.5rem 0;border-left:0;border-top:1px solid var(--rule)}
  .daygrid,.lu,.split,.book,.tiers,.foot__in{grid-template-columns:1fr}
  .dayside{border-left:0;padding-left:0;border-top:1px solid var(--rule);padding-top:1.5rem}
  .band{height:90px}
}
@media (max-width:520px){
  .wrap{padding:0 1.1rem}
  .top__in{padding:.75rem 1.1rem;gap:1rem}
  .top__where{font-size:.62rem}
  .mark__w{font-size:1.35rem}
  .display{font-size:2.5rem}
  .tt .why{display:none}
  .foot__cols{grid-template-columns:1fr 1fr}
}
/* print sheet */
.print{background:#fff}
.psheet{max-width:900px;margin:0 auto;padding:1.5rem}
.psheet__h h1{font:400 1.8rem var(--serif);margin:.2rem 0}
.psheet__h .mark__w{font-size:1.2rem}
.mt--print{min-width:0;font-size:.85rem}
.mt--print th,.mt--print td{padding:.25rem .4rem}
.psheet__f{font-size:.75rem;color:#555}
@media print{.noprint,.tabs,.top__pv{display:none}body{padding:0;background:#fff}.mt tr.is-today{background:none}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.band-l{display:grid;grid-template-columns:repeat(8,1fr);background:var(--ink);color:#D8DCE6;font:600 .72rem/1 var(--sans);letter-spacing:.04em}
.band-l span{padding:.4rem 0 .45rem .4rem;border-left:1px solid rgba(255,255,255,.25)}
.legend .sw-now{display:inline-block;width:2px;height:.9rem;background:var(--ink);margin:0 .5rem 0 .2rem;vertical-align:middle}
@media (max-width:520px){.band-l{font-size:.6rem}.band-l span{padding-left:.2rem}}
/* v1.1.0 AdEngine banner (adengine.us). One labelled slot between the main content and the night footer, on the public pages only
   (the controllers opt in). The label, the reserved height and the spacing are all on the <ins>, so when tag.js (or ae-size.js)
   hides a slot it cannot fill, the label and the space go with it and the page closes up exactly as before. 110px = 16px label +
   4px gap + 90px banner; 270px on phones (300x250). Sheet pages end with 5rem of paper and the footer has no top margin, so the
   slot adds space below itself only; the home page ends on the ink Pass band, so there it also keeps paper above itself. Label:
   the eyebrow's spaced capitals in --muted on paper (5.3:1). display stays in this file and is never !important: tag.js hides a
   slot with style.display='none'. <ins> is underlined by default, so text-decoration is reset. */
.ae-slot{margin:0;padding:0 1.5rem}
.ae-slot ins.adengine{display:block;max-width:728px;min-height:110px;margin:0 auto 3.5rem;text-align:center;text-decoration:none}
.ae-slot ins.adengine::before{content:"Advertisement";display:block;margin-bottom:4px;font:600 11px/16px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.ae-slot ins.adengine a{display:inline-block;vertical-align:top}
main:has(> .plans:last-child) + .ae-slot ins.adengine{margin-top:3rem}
.ae-slot:has(> ins.adengine[style*="none"]){display:none}
@media (max-width:767px){.ae-slot{padding:0 1.1rem}.ae-slot ins.adengine{max-width:300px;min-height:270px;margin-bottom:2.5rem}main:has(> .plans:last-child) + .ae-slot ins.adengine{margin-top:2.5rem}}
@media print{.ae-slot{display:none}}