/* Available Marina v1.1.1: "dock plan" design system (see DESIGN.md). Self-hosted Prata (display) + DM Sans; safety-orange buoy with ink text. */
@font-face{font-family:"AM Sans";src:url("/assets/fonts/dm-sans-var-latin.woff2?v=1.1.1") format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:"AM Display";src:url("/assets/fonts/prata-400-latin.woff2?v=1.1.1") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{
  --ink:#16181d;--ink2:#545a63;--ink3:#6b717a;--line:#e2e4e8;--line2:#cfd3d9;--fog:#f4f5f7;--white:#fff;
  --buoy:#fa5f1a;--buoy-hi:#ff7a29;--buoy-dk:#a3330b;--buoy-tint:#fff1e8;--buoy-on-dark:#ff8a4c;
  --water:#cfe3ef;--water2:#a9cbe0;--water-ink:#1d4e6e;--timber:#e8dcc6;--timber2:#c9b48f;
  --ok:#12703f;--ok-tint:#e9f6ef;--no:#b42318;--no-tint:#fdeceb;
  --display:"AM Display",Georgia,"Times New Roman",serif;
  --sans:"AM Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --r:2px;--shell:1240px;--gut:clamp(18px,4vw,40px)
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font:400 17px/1.6 var(--sans);font-feature-settings:"tnum" 0}
img,svg{max-width:100%}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--buoy);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--buoy-dk)}
:focus-visible{outline:3px solid var(--buoy-dk);outline-offset:2px}
h1,h2,h3{margin:0;color:var(--ink)}
h1,.display,.section-title{font-family:var(--display);font-weight:400;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.04;margin:.1em 0 .35em}
h2{font:700 1.5rem/1.2 var(--sans);letter-spacing:-.015em;margin:1.8em 0 .5em}
h3,.h3{font:700 1.08rem/1.3 var(--sans);letter-spacing:-.01em;margin:.2em 0 .35em}
p{margin:.6em 0}
.shell,.wrap{max-width:var(--shell);margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.narrow{max-width:calc(820px + 2 * var(--gut))}
.pad{padding-top:40px;padding-bottom:56px}
.skip{position:absolute;left:-999px;top:8px}.skip:focus{left:8px;background:var(--white);padding:10px 14px;z-index:9;border:2px solid var(--ink)}
.small{font-size:.92rem;color:var(--ink2)}
.lede{font-size:1.18rem;line-height:1.55;color:var(--ink2);max-width:60ch}
.eyebrow{font:700 .78rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--buoy-dk);margin:0 0 14px}

/* Masthead: white, hairline, wordmark in display serif, square outlined Shortlist button */
.masthead{background:var(--white);border-bottom:1px solid var(--line)}
.masthead-in{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;min-height:76px;flex-wrap:wrap}
.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.wm-mark{width:36px;height:36px;flex:none}
.wm-water{fill:var(--water-ink)}.wm-pier{fill:var(--timber)}.wm-boat{fill:var(--buoy-on-dark)}
.wm-text{font:400 1.6rem/1 var(--display);letter-spacing:-.01em}
.wm-text span{color:var(--buoy)}
.primary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 30px}
.primary a{color:var(--ink);text-decoration:none;font-weight:500;font-size:.98rem;padding:8px 0;border-bottom:2px solid transparent}
.primary a:hover{border-bottom-color:var(--buoy);color:var(--ink)}
.primary .primary-cta{border:1.5px solid var(--ink);padding:9px 16px;border-radius:var(--r);font-weight:700}
.primary .primary-cta:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.preview-note{border-top:1px solid var(--line)}
.preview-note p{margin:0;padding:9px 0;font-size:.88rem;color:var(--ink2)}
.preview-note strong{color:var(--ink);font-weight:700}
.pv-chip{display:inline-block;font:700 .68rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--buoy-dk);border:1.5px solid var(--buoy);padding:4px 7px;margin-right:8px;vertical-align:1px;border-radius:var(--r)}

/* Buttons: rectangular, solid buoy orange primary, ink outline secondary */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:1.5px solid var(--ink);background:var(--white);color:var(--ink);padding:12px 24px;border-radius:var(--r);font:700 1rem/1.2 var(--sans);text-decoration:none;cursor:pointer;letter-spacing:-.005em}
.btn:hover{background:var(--fog);color:var(--ink)}
.btn-main{background:var(--buoy);border-color:var(--buoy);color:var(--ink)}
.btn-main:hover{background:var(--buoy-hi);border-color:var(--ink);color:var(--ink)}
.btn-line{background:transparent}
.btn-ghost{border-color:transparent;background:transparent;text-decoration:underline;text-decoration-color:var(--buoy);text-underline-offset:3px;padding-left:4px;padding-right:4px}
.btn-ghost:hover{background:transparent;color:var(--buoy-dk)}
.btn-danger{background:var(--no);border-color:var(--no);color:var(--white)}
.btn-danger:hover{background:#8f1c13;border-color:#8f1c13;color:var(--white)}
.arrow-link{font-weight:700;text-decoration:none;border-bottom:2px solid var(--buoy);padding-bottom:2px}
.arrow-link::after{content:" \2192";color:var(--buoy)}

/* Price tag (every point of use) */
.price-line{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:20px 0;font-size:.95rem;color:var(--ink2)}
.price-line .tag{display:inline-flex;align-items:center;position:relative;background:var(--ink);color:var(--white);font:700 .72rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:8px 12px 8px 20px;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%)}
.price-line .tag::before{content:"";position:absolute;left:9px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--white)}
.price-line strong{color:var(--ink);font-weight:700}
.free{color:var(--ok);font-weight:700}

/* Home: lead with the dock plan */
.lead{background:var(--white);border-bottom:1px solid var(--line)}
.lead-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding-top:64px;padding-bottom:48px}
.display{font-size:clamp(2.6rem,5.8vw,4.9rem);line-height:.98;margin:0 0 24px;letter-spacing:-.02em}
.display-accent{display:block;color:var(--buoy)}
.lead-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 4px}
.dockplan{margin:0;background:var(--white);border:1px solid var(--line);padding:14px;box-shadow:0 30px 60px -30px rgba(22,24,29,.35)}
.dockplan svg{display:block;width:100%;height:auto}
.dockplan figcaption{font-size:.82rem;color:var(--ink2);padding:10px 2px 0}
.dp-water{fill:var(--water)}
.dp-ripple{fill:none;stroke:var(--water2);stroke-width:1.2}
.dp-pier{fill:var(--timber)}
.dp-planks{stroke:var(--timber2);stroke-width:1}
.dp-pile{fill:var(--timber2)}
.dp-room-ok{fill:none;stroke:var(--ok);stroke-width:2;stroke-dasharray:6 5}
.dp-room-bad{fill:none;stroke:var(--no);stroke-width:2;stroke-dasharray:6 5}
.dp-clash{fill:var(--no)}
.dp-hull{fill:var(--white);stroke:var(--ink);stroke-width:2}
.dp-deck{fill:var(--fog);stroke:var(--line2);stroke-width:1.5}
.dp-ghost{fill:rgba(255,255,255,.55);stroke:var(--ink);stroke-width:2;stroke-dasharray:3 4}
.dp-tag rect{fill:var(--ink)}
.dp-tag text{fill:var(--white);font:700 15px var(--sans)}
.dp-tag-bad rect{fill:var(--no)}
.dp-call path{stroke:var(--no);stroke-width:2;fill:none}
.dp-call circle{fill:var(--no)}
.dp-call rect{fill:var(--white);stroke:var(--no);stroke-width:2}
.dp-call text{fill:var(--no);font:700 15px var(--sans)}

/* Worked example: a fare list (rank, name, fit, total right-aligned) */
.example{background:var(--fog);padding:56px 0 72px}
.example-panel{background:var(--white);border:1px solid var(--line);padding:28px 32px}
.example-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8px 40px;align-items:baseline;padding-bottom:18px;border-bottom:2px solid var(--ink)}
.label-h{font:700 .82rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin:0}
.example-head .small{margin:0}
.fare-list{list-style:none;margin:0;padding:0}
.fare{display:grid;grid-template-columns:44px minmax(0,1.3fr) minmax(0,1.4fr) auto;gap:6px 24px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.fare-rank{font:400 1.9rem/1 var(--display);color:var(--ink3)}
.fare-name{font-weight:700;font-size:1.06rem}
.fare-fit{color:var(--ok);font-weight:600}
.fare-bad .fare-fit{color:var(--no)}
.fare-k{display:block;font:700 .7rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);margin-bottom:3px}
.fare-total{text-align:right}
.fare-total strong{font:400 2rem/1 var(--display);font-variant-numeric:tabular-nums}
.example-foot{margin:16px 0 0;color:var(--ink2)}
.badge{display:inline-block;vertical-align:2px;background:var(--ok);color:var(--white);font:700 .68rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:5px 7px;border-radius:var(--r);margin-left:6px}
.badge-nofit{background:transparent;color:var(--ink2);box-shadow:inset 0 0 0 1.5px var(--line2)}

/* Sections */
.build,.split,.costs{padding:88px 0}
.build{border-bottom:1px solid var(--line)}
.section-head{max-width:760px;margin-bottom:36px}
.section-title{font-size:clamp(2rem,3.6vw,2.9rem);line-height:1.05;margin:0 0 14px}
.section-sub{font-size:1.1rem;color:var(--ink2);margin:0}
.sum-strip{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.sum-strip li{position:relative;padding:22px 18px 24px 30px;border-left:1px solid var(--line)}
.sum-strip li:first-child{border-left:0;padding-left:0}
.sum-strip .op{position:absolute;left:8px;top:20px;font:400 1.5rem/1 var(--display);color:var(--buoy)}
.sum-strip .term{display:block;font-weight:700;font-size:1.02rem}
.sum-strip .term-n{display:block;font-size:.88rem;color:var(--ink2);margin-top:4px}
.sum-strip .sum-total{background:var(--ink);color:var(--white);border-left:0}
.sum-strip .sum-total .term{color:var(--white)}.sum-strip .sum-total .term-n{color:#c7cbd2}.sum-strip .sum-total .op{color:var(--buoy-on-dark)}
.split{background:var(--fog)}
.split-in{display:grid;grid-template-columns:1fr 1fr;gap:0}
.split-cell{padding:0 56px 0 0}
.split-cell+.split-cell{padding:0 0 0 56px;border-left:1px solid var(--line2)}
.section-art{display:block;width:100%;max-width:420px;height:auto;margin:6px 0 10px}
.xs-water{fill:var(--water)}.xs-surface{stroke:var(--water-ink);stroke-width:1.5}
.xs-finger{fill:var(--timber2)}.xs-hull{fill:var(--white);stroke:var(--ink);stroke-width:2}
.xs-dim{stroke:var(--buoy-dk);stroke-width:1.5;fill:none}
.xs-t{font:600 11px var(--sans);fill:var(--ink2);text-anchor:middle}
.xs-dim-r+.xs-t{text-anchor:start}
.xs-bottom{fill:none;stroke:var(--timber2);stroke-width:3}
.q-peek{list-style:none;margin:18px 0;padding:0;border-top:1px solid var(--line2)}
.q-peek li{padding:12px 0;border-bottom:1px solid var(--line2);font-weight:600}
.q-group{display:block;font:700 .7rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink2);margin-bottom:2px}

/* Plans: white Free sheet beside an ink Plus sheet */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:0;margin:20px 0;border:1px solid var(--ink)}
.plan{padding:36px 36px 32px;background:var(--white)}
.plan h3{font:700 .82rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
.amount{font:400 3.4rem/1 var(--display);margin:0 0 6px;font-variant-numeric:tabular-nums}
.amount span{font:500 1rem var(--sans);color:var(--ink2)}
.alt{margin:0 0 14px;color:var(--ink2)}
.plan ul{list-style:none;margin:20px 0 0;padding:0}
.plan li{padding:9px 0 9px 26px;border-top:1px solid var(--line);position:relative}
.plan li::before{content:"";position:absolute;left:2px;top:17px;width:10px;height:6px;border-left:2px solid var(--buoy);border-bottom:2px solid var(--buoy);transform:rotate(-45deg)}
.plan-plus{background:var(--ink);color:#e9ebee}
.plan-plus h3,.plan-plus .amount{color:var(--white)}
.plan-plus .amount span,.plan-plus .alt{color:#c7cbd2}
.plan-plus .alt strong{color:var(--white)}
.plan-plus li{border-top-color:#353943}
.plan-plus li::before{border-color:var(--buoy-on-dark)}
.free-box{margin:22px 0 0;padding:12px 14px;border:1.5px solid var(--buoy-on-dark);color:var(--white);font-weight:600;font-size:.94rem}

/* Interior pages */
main>section:first-child{padding-top:56px}
main>section:first-child>h1{max-width:20ch}
.page-top{padding-bottom:16px}
.prose{padding-left:1.1em}
.prose li{margin:0 0 12px;max-width:70ch}
.prose li::marker{color:var(--buoy)}
ul.prose{list-style:square}
.note{border:1px solid var(--line2);border-left:4px solid var(--ink);padding:12px 16px;margin:16px 0;background:var(--white)}
.note-err{border-color:var(--no);border-left-color:var(--no);color:var(--no);background:var(--no-tint)}
.note-main{border-left-color:var(--buoy);background:var(--buoy-tint)}
.note ul{margin:0;padding-left:1.1em}

/* Questions: group name in a left rail, numbered questions on the right */
.q-book{padding-top:8px}
.q-group-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:0 56px;border-top:2px solid var(--ink);padding:28px 0 8px}
.q-group-h{font:400 1.7rem/1.1 var(--display);margin:0 0 16px}
.steps{list-style:none;margin:0;padding:0}
.steps li{position:relative;padding:0 0 22px 64px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.steps li:last-child{border-bottom:0}
.steps li::before{content:counter(list-item,decimal-leading-zero);position:absolute;left:0;top:-4px;font:400 2rem/1 var(--display);color:var(--buoy)}
.steps p{margin:.3em 0 0;color:var(--ink2);max-width:66ch}
.q-end{border-top:2px solid var(--ink);padding-top:28px}

/* Forms: the comparer */
fieldset{border:0;padding:0;margin:0 0 12px;min-width:0}
label{display:block;font-size:.9rem;font-weight:600;color:var(--ink)}
input,select,textarea{display:block;width:100%;margin-top:6px;font:400 16px/1.3 var(--sans);padding:11px 12px;border:1.5px solid #8a9099;border-radius:var(--r);background:var(--white);color:var(--ink);min-width:0}
input:focus,select:focus,textarea:focus{outline:3px solid var(--buoy-dk);outline-offset:0;border-color:var(--ink)}
legend{font:400 1.5rem/1.1 var(--display);padding:0;margin:0 0 10px}
.card{background:var(--white);border:1px solid var(--line2);padding:22px 24px}
.calc{margin-top:28px}
.boat-in{border-top:3px solid var(--ink);background:var(--fog);border-left:0;border-right:0;border-bottom:0;margin:0 0 24px}
.boat-in legend{float:left;width:100%;margin-bottom:12px}
.boat-grid{clear:both;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr));gap:4px 18px}
.boat-grid label,.plan-in label{font-size:.86rem;margin:8px 0}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:20px}
.plan-in{margin:0;border-top:3px solid var(--buoy)}
.plan-in select{width:100%;max-width:100%}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;margin:10px 0}
.check input,.plan-in .check input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--buoy)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 8px}
.inline,form.inline{display:inline}
.help{margin:32px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.help summary{cursor:pointer;font-weight:700;padding:16px 0}
#jlink{width:100%;font-size:.92rem}

/* Results */
.results{margin:28px 0}
.results>h2{font:400 2rem/1.1 var(--display);margin:0 0 12px}
.results h3{margin-top:28px}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0 14px;border-top:2px solid var(--ink)}
.tbl{border-collapse:collapse;width:100%;font-size:.94rem;font-variant-numeric:tabular-nums}
.tbl th,.tbl td{padding:12px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tbl th{font:700 .72rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.tbl td strong{font-size:1.08rem}
.tbl tr.best td{background:var(--buoy-tint)}
.tbl-small{font-size:.88rem}.tbl-small td,.tbl-small th{padding:6px 10px}
.swipe{display:none}
.fit-list{list-style:none;padding:0;margin:8px 0}
.fit-list li{margin:0 0 10px;line-height:2}
.fit{display:inline-block;padding:1px 10px;margin:2px 6px 2px 0;font-size:.88rem;border:1px solid var(--line2);border-radius:var(--r);line-height:1.6}
.fit-ok{border-color:#8cc7a4;background:var(--ok-tint);color:#0c5a32}
.fit-over{border-color:#e39b94;background:var(--no-tint);color:#8f1c13;font-weight:700}
.fit-unknown{color:var(--ink2)}

/* Footer: ink colophon */
.colophon{background:var(--ink);color:#c7cbd2;margin-top:0;padding:64px 0 40px}
.colophon-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:28px 56px}
.colophon a{color:var(--white);text-decoration-color:var(--buoy-on-dark)}
.colophon a:hover{color:var(--buoy-on-dark)}
.col-name{font:400 2rem/1 var(--display);color:var(--white);margin:0 0 8px}
.col-line{margin:0;color:#c7cbd2}
.foot-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin:6px 0 0}
.foot-links a{text-decoration:none;font-weight:600}
.foot-links a:hover{text-decoration:underline}
.fine{grid-column:1/-1;border-top:1px solid #353943;padding-top:24px;margin:8px 0 0;font-size:.86rem;line-height:1.6;max-width:96ch}
.powered{grid-column:1/-1;margin:0;font-weight:700;color:var(--white)}

@media (max-width:1080px){
  .sum-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sum-strip li:nth-child(4){border-left:0;padding-left:30px}
  .sum-strip li:nth-child(n+4){border-top:1px solid var(--line)}
}
@media (max-width:900px){
  .lead{background:var(--white)}
  .lead-in{grid-template-columns:1fr;gap:36px;padding-top:40px}
  .example{background:var(--white);padding-bottom:40px}
  .example-panel{padding:22px 20px}
  .example-head{grid-template-columns:1fr}
  .split-in{grid-template-columns:1fr}
  .split-cell,.split-cell+.split-cell{padding:0}
  .split-cell+.split-cell{border-left:0;border-top:1px solid var(--line2);margin-top:44px;padding-top:44px}
  .q-group-row{grid-template-columns:1fr}
  .colophon-in{grid-template-columns:1fr}
  .swipe{display:block;margin:0 0 4px}
  .build,.split,.costs{padding:60px 0}
}
@media (max-width:640px){
  body{font-size:16px}
  .masthead-in{min-height:64px;padding-top:12px;padding-bottom:12px}
  .wm-text{font-size:1.4rem}
  .primary{width:100%;gap:2px 18px}
  .primary a{font-size:.92rem;padding:6px 0}
  .primary .primary-cta{padding:6px 12px}
  .display{font-size:2.55rem}
  .lede{font-size:1.06rem}
  .lead-actions .btn{flex:1 1 auto}
  .fare{grid-template-columns:32px minmax(0,1fr);gap:8px 12px;align-items:start}
  .fare-rank{font-size:1.5rem;grid-row:span 3}
  .fare-total{text-align:left}
  .sum-strip{grid-template-columns:1fr}
  .sum-strip li,.sum-strip li:nth-child(4){border-left:0;padding:16px 0 16px 34px;border-top:1px solid var(--line)}
  .sum-strip li:first-child{border-top:0;padding-left:34px}
  .sum-strip .op{left:4px;top:14px}
  .sum-strip .sum-total{padding-left:34px}
  .plan{padding:26px 22px}
  .amount{font-size:2.8rem}
  .steps li{padding-left:52px}
  .steps li::before{font-size:1.6rem}
  .card{padding:18px 16px}
  .example-panel{padding:20px 16px;margin:0 calc(-1 * var(--gut) + 8px)}
  .dockplan{padding:8px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{
  .masthead,.colophon,.noprint,.skip,.price-line,.actions,.preview-note{display:none!important}
  body{background:#fff;font-size:12pt}
  .wrap,.shell{max-width:none;padding:0}.pad{padding:0}
  main>section:first-child{padding-top:0}
  a{text-decoration:none}
  .sheet .tbl-wrap{overflow:visible}
  .sheet h2{break-after:avoid}
  .tbl tr.best td{background:none;font-weight:700}
}
/* Legends inside bordered fieldsets: lift them into the box so the rule runs above them */
.plan-in legend{float:left;width:100%;padding-top:4px}
.plan-in legend+*{clear:both}
.page-top .lede{max-width:64ch}
.boat-grid label{display:flex;flex-direction:column;justify-content:space-between}
@media (min-width:1100px){.boat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* ---------- v1.2.0: AdEngine banner (adengine.us) ----------
   One labelled slot between the main content and the ink footer, on public pages only (the controllers opt in). The label,
   the reserved height and the space above the footer 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. 110px = 16px label + 4px gap + 90px banner; 270px on phones (300x250).
   The sections above already end with 56-88px of padding; the footer has no top margin, so the <ins> keeps 56px below it.
   display stays in this file and is never !important: tag.js hides a slot with style.display='none'. */
.ae-slot{padding:0 var(--gut)}
.ae-slot ins.adengine{display:block;max-width:728px;min-height:110px;margin:0 auto 56px;text-align:center;text-decoration:none}
.ae-slot ins.adengine::before{content:"Advertisement";display:block;margin-bottom:4px;font:700 11px/16px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.ae-slot ins.adengine a{display:inline-block;vertical-align:top}
@media (max-width:767px){.ae-slot ins.adengine{max-width:300px;min-height:270px;margin-bottom:40px}}
@media print{.ae-slot{display:none}}