/* Advertise here (v247): slide box with the Advertising form. Phone: bottom sheet. Wide screen: centred card. Uses the site theme variables. */
html.adv-lock,html.adv-lock body{overflow:hidden}
.adv-bd{position:fixed;inset:0;z-index:2147483000;background:rgba(10,18,28,.55);opacity:0;transition:opacity .22s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.adv-bd.on{opacity:1}
.adv-sh{position:fixed;z-index:2147483001;left:0;right:0;bottom:0;max-height:min(92dvh,760px);display:flex;flex-direction:column;background:var(--card,#fff);color:var(--text,#14263a);
  border:1px solid var(--line,#d8d0bf);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(10,18,28,.35);transform:translateY(105%);transition:transform .26s cubic-bezier(.2,.8,.2,1);outline:0}
.adv-sh.on{transform:translateY(0)}
.adv-sh *{box-sizing:border-box}
.adv-grab{flex:none;display:grid;place-items:center;height:26px;cursor:grab;touch-action:none}
.adv-grab i{width:44px;height:5px;border-radius:99px;background:color-mix(in srgb,var(--muted,#55677b) 45%,transparent)}
.adv-x{position:absolute;top:10px;right:12px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:none;color:var(--muted,#55677b);font-size:26px;line-height:1;cursor:pointer}
.adv-x:hover,.adv-x:focus-visible{background:color-mix(in srgb,var(--gold,#c9a45c) 20%,transparent);outline:0}
.adv-body{overflow-y:auto;overscroll-behavior:contain;padding:2px 20px calc(22px + env(safe-area-inset-bottom,0px));scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--gold,#c9a45c) 70%,transparent) transparent}
.adv-k{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#55677b);padding-right:44px}
.adv-body h2{margin:2px 0 6px;font-size:1.5rem;line-height:1.15;padding-right:44px}
.adv-in{margin:0 0 12px;color:var(--muted,#55677b);line-height:1.5;font-size:.95rem}
.adv-slot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;padding:10px 12px;border:1.5px dashed color-mix(in srgb,var(--gold,#c9a45c) 70%,transparent);border-radius:14px;background:color-mix(in srgb,var(--gold,#c9a45c) 10%,transparent)}
.adv-slot b{flex:1 1 100%;font-size:.98rem;line-height:1.3}
.adv-slot span{font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;padding:3px 10px;border-radius:99px;background:var(--card,#fff);border:1px solid var(--line,#d8d0bf)}
#adv-f{display:grid;gap:12px}
.adv-r{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#adv-f label{display:grid;gap:5px;font-weight:700;font-size:.86rem}
#adv-f label i{font-weight:500;font-style:normal;color:var(--muted,#55677b)}
#adv-f input:not([type=checkbox]),#adv-f select,#adv-f textarea{width:100%;font:inherit;font-weight:500;font-size:1rem;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line,#d8d0bf);background:var(--bg,#f4f1ea);color:var(--text,#14263a)}
#adv-f textarea{resize:vertical;min-height:84px}
#adv-f input:focus,#adv-f select:focus,#adv-f textarea:focus{outline:0;border-color:var(--gold,#c9a45c);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold,#c9a45c) 22%,transparent)}
.adv-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
#adv-f label.adv-ck{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:.84rem;color:var(--muted,#55677b)}
.adv-ck input{margin-top:3px;flex:none}
.adv-act{display:flex}
.adv-go{flex:1;border:0;border-radius:999px;padding:13px 22px;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;background:var(--gold,#c9a45c);color:var(--on-gold,#2a1d00)}
.adv-go:hover,.adv-go:focus-visible{filter:brightness(1.06);outline:0}
.adv-go[disabled]{opacity:.6;cursor:wait}
.adv-msg{min-height:1.3em;font-weight:700;font-size:.9rem;color:var(--muted,#55677b)}
.adv-msg.bad{color:#d64a43}.adv-msg.ok{color:var(--ok,#2c8a57)}
.adv-ok{text-align:center;padding:14px 4px 4px}
.adv-ok p{color:var(--muted,#55677b);line-height:1.55;margin:6px 0 18px}
.adv-ok h2{padding:0}
.adv-tick{width:64px;height:64px;border-radius:50%;margin:6px auto 10px;display:grid;place-items:center;font-size:32px;font-weight:800;background:var(--gold,#c9a45c);color:var(--on-gold,#2a1d00)}
.adv-ok .adv-go{display:inline-block;flex:none;min-width:160px}
@media(max-width:560px){.adv-r{grid-template-columns:1fr}.adv-body h2{font-size:1.35rem}}
@media(min-width:760px){
  .adv-sh{left:50%;right:auto;bottom:auto;top:50%;width:min(620px,calc(100vw - 40px));max-height:min(90dvh,820px);border:1px solid var(--line,#d8d0bf);border-radius:22px;transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .22s ease,opacity .22s ease}
  .adv-sh.on{transform:translate(-50%,-50%) scale(1);opacity:1}
  .adv-grab{display:none}
  .adv-body{padding-top:22px}
  .adv-x{top:14px;right:14px}
}
@media(prefers-reduced-motion:reduce){.adv-bd,.adv-sh{transition:none}}
/* the vacant slot itself: slimmer than the old "Ad space" box on wide banners */
.ad-ph .ad-ph-in[data-adv]{cursor:pointer}
.ad-ph .ad-ph-in[data-adv] span{max-width:100%}
