/* 2000s: full colour and desktop publishing let loose. Glossy bars, gradient 'WordArt' names, bevelled pill buttons, drop shadows on everything,
   the photo as a tilted snapshot, the web address given pride of place. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;800;900&family=Archivo+Narrow:wght@400;600;700&display=swap');
:root{--paper:#fdf6cf;--head:#f4cb2e}
main.wrap{background-image:linear-gradient(180deg,#fff9d6 0%,#fdf3bd 100%)}
.band,.sec{background:linear-gradient(180deg,#ffe77a 0%,#f4cb2e 48%,#e0b10f 52%,#f1c62a 100%)!important;border:1px solid #9c7a00!important;border-radius:8px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 3px rgba(0,0,0,.25);background-image:linear-gradient(180deg,#ffe77a 0%,#f4cb2e 48%,#e0b10f 52%,#f1c62a 100%)!important}
.band h1,.sec h2{text-shadow:0 1px 0 rgba(255,255,255,.7)}
.searchbar{background:linear-gradient(180deg,#fff,#eef2f7)!important;border:1px solid #8b97a8!important;border-radius:10px!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}
.sbox input{border:1px solid #8b97a8!important;border-radius:6px!important;box-shadow:inset 0 2px 3px rgba(0,0,0,.15)}
.sbox button,.kc.on{background:linear-gradient(180deg,#5b8fd6 0%,#2f66b3 50%,#1d4f99 51%,#2a62ad 100%)!important;color:#fff!important;border:1px solid #173f7a!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 3px rgba(0,0,0,.3);text-shadow:0 -1px 0 rgba(0,0,0,.4)}
.kc{border-radius:999px!important;background:linear-gradient(180deg,#fff,#e6e6e6)!important;border:1px solid #999!important}

.ad,.ad.color,.display .ad:nth-of-type(n){background:linear-gradient(160deg,#ffffff 0%,color-mix(in srgb,var(--ad,#2f4738) 16%,#fff) 60%,color-mix(in srgb,var(--ad,#2f4738) 30%,#fff) 100%)!important;border:2px solid var(--ad,#2f4738)!important;border-radius:12px!important;border-style:solid!important;box-shadow:3px 4px 8px rgba(0,0,0,.35);overflow:hidden}
.ad .top{background:linear-gradient(180deg,color-mix(in srgb,var(--ad,#2f4738) 55%,#fff) 0%,var(--ad,#2f4738) 50%,color-mix(in srgb,var(--ad,#2f4738) 80%,#000) 51%,var(--ad,#2f4738) 100%);margin:-8px -9px 8px!important;padding:12px 10px 10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}
.ad:has(.ribbon) .top{margin-top:-18px!important;padding-top:24px!important}
.ad h3,.ad h3 a{color:#fff!important;text-shadow:0 2px 3px rgba(0,0,0,.55);font-style:italic}
.ad .where{color:#fff!important;border:0!important;margin:3px 0 0!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}
/* the photo as a snapshot, tilted, white-bordered */
.ad .photo{filter:none!important;mix-blend-mode:normal!important;border:5px solid #fff!important;box-shadow:2px 3px 7px rgba(0,0,0,.45);transform:rotate(-2deg);margin:8px 8px 10px!important;border-radius:2px!important}
.ad p{color:#1b1b1b}
.ad .strap{color:var(--ad,#2f4738);text-shadow:1px 1px 0 #fff;font-size:19px}
/* bullets become green ticks */
.ad .chips span{color:#111!important;padding-left:18px!important}
.ad .chips span:before{content:"\2714"!important;background:none!important;color:#1a9a2e;width:auto!important;height:auto!important;top:-.05em!important;left:0!important;font-size:14px;border-radius:0}
/* selling points as glossy tabs */
.ad .points{border:0!important;gap:5px!important;padding:2px 0!important}
.ad .points span{background:linear-gradient(180deg,#fff 0%,#dfe6ee 100%);border:1px solid #9aa7b6;border-radius:999px;padding:2px 10px;font-size:11.5px;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.ad .points span:before,.ad .points span:last-child:after{content:none!important}
/* the since-seal in gold */
.ad .since{background:radial-gradient(circle at 35% 30%,#fff3a8 0%,#f4cb2e 45%,#b88900 100%)!important;border:2px solid #8a6500!important;outline:0!important;color:#4a3600!important;box-shadow:1px 2px 4px rgba(0,0,0,.4)}
/* flashes: gradient, glossy, lifted off the page */
.ad .offer{transform:none;filter:drop-shadow(2px 3px 2px rgba(0,0,0,.4))}
.ad .offer.fl-burst,.ad .offer.fl-star,.ad .offer.fl-seal,.ad .offer.fl-ribbon,.ad .offer.fl-arrow{background:radial-gradient(circle at 35% 30%,#ff7a6b 0%,#e02416 55%,#a30f05 100%)!important;color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.5)}
.ad .offer.fl-burst,.ad .offer.fl-star,.ad .offer.fl-seal{transform:rotate(-10deg)}
.ad .offer.fl-seal{box-shadow:none;outline-color:#fff}
.ad .offer.fl-oval,.ad .offer.fl-bubble,.ad .offer.fl-box{background:linear-gradient(180deg,#fffbe0,#ffe96a)!important;border-color:#d21f1f!important;color:#b3120a!important;box-shadow:none}
.ad .offer.fl-bubble:after{border-color:#d21f1f}
/* the number: a big glossy pill you want to press */
.ad .act{margin:8px 8px 0!important}
.ad .tel,.ad.color .tel{background:linear-gradient(180deg,color-mix(in srgb,var(--ad,#2f4738) 45%,#fff) 0%,var(--ad,#2f4738) 49%,color-mix(in srgb,var(--ad,#2f4738) 78%,#000) 51%,var(--ad,#2f4738) 100%)!important;color:#fff!important;border-radius:999px;border:1px solid color-mix(in srgb,var(--ad,#2f4738) 70%,#000);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),0 3px 5px rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.5)}
.ad .bk{color:#1d4f99!important}
.ad .yellnote a{color:#1d4f99!important;font-weight:700;font-size:13px}
.ad .yellnote a:before{content:"www.";font-weight:400}
.ad .foot{background:linear-gradient(180deg,#555,#222);color:#fff;border:0;text-shadow:0 -1px 0 #000;margin-top:8px}
.ad .artbox{color:var(--ad,#2f4738);filter:drop-shadow(1px 2px 1px rgba(0,0,0,.3))}
.ad.sz-half .artbox{display:none}
/* Full */
.ad.full{border-width:3px!important;padding:14px!important}
.ad.full .fmain .top{background:none;margin:0!important;padding:0!important;box-shadow:none}
.ad.full h3,.ad.full h3 a{background:linear-gradient(180deg,color-mix(in srgb,var(--ad,#2f4738) 55%,#fff),var(--ad,#2f4738) 55%,color-mix(in srgb,var(--ad,#2f4738) 70%,#000));-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.35))}
.ad.full .where{color:#111!important;border-top:1px solid #111!important;border-bottom:1px solid #111!important;margin:3px 0 6px!important;text-shadow:none}
.ad.full .fpic .photo{height:160px!important}
/* in-column box */
.ad.sz-quarter{background:#fff!important;border:1.5px solid var(--ad,#2f4738)!important;border-radius:6px!important;box-shadow:1px 2px 3px rgba(0,0,0,.25);overflow:visible!important}
.ad.sz-quarter .top{background:none!important;box-shadow:none;margin:-9px 0 2px -3px!important;padding:0!important}
.ad.sz-quarter h3{background:#fff;font-style:normal}.ad.sz-quarter h3 a{color:var(--ad,#2f4738)!important;text-shadow:none}
.ad.sz-quarter .where{color:#111!important;text-shadow:none}
.ad.sz-quarter .tel{background:none!important;border:0;box-shadow:none;color:var(--ad,#2f4738)!important;text-shadow:none}
.ad.sz-quarter .chips span{padding-left:0!important}.ad.sz-quarter .chips span:before{content:"\00b7"!important;color:#111;position:static;margin:0 4px}
.ribbon{background:linear-gradient(180deg,#ff5a4c,#c8160b)!important;color:#fff!important;border-radius:0 0 8px 0!important;box-shadow:1px 1px 2px rgba(0,0,0,.4)}
.filler{background:linear-gradient(180deg,#ffe77a,#f4cb2e);border-radius:8px;border:1px solid #9c7a00;box-shadow:1px 2px 3px rgba(0,0,0,.25)}
.thumbtab{background:linear-gradient(90deg,#333,#000)}
/* 2000s: full colour is the point. */
.ad .artbox,.ad .strap{color:var(--ad,#2f4738)!important}
.ad .since,.ad .since small{color:#4a3600!important}
.ad .since{background:radial-gradient(circle at 35% 30%,#fff3a8 0%,#f4cb2e 45%,#b88900 100%)!important}
.ad .where{color:#fff!important}.ad.full .where,.ad.sz-quarter .where{color:#111!important}
.ad .foot{color:#fff!important}
.ad .points span{background:linear-gradient(180deg,#fff 0%,#dfe6ee 100%)!important;border:1px solid #9aa7b6!important;border-radius:999px!important;padding:2px 10px!important;font-size:11.5px!important}
.ad .yellnote a{color:#1d4f99!important}

.ad.sz-half .artbox{display:block!important;float:right}.ad.sz-half .artbox .artimg{width:110px!important;height:110px!important}
.ad .offer.flimg{color:#d21f1f!important;filter:drop-shadow(2px 3px 2px rgba(0,0,0,.3))!important}.ad .offer.flimg span{color:#b3120a!important}

/* small in-column adverts: the number is ink on the paper, never a filled band */
.ad.sz-quarter .tel,.ad.sz-quarter.color .tel{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;text-shadow:none!important;color:var(--ad,#2f4738)!important}
.ad .offer.flimg span{color:#b3120a!important}