/* 1990s: white. The adverts are knocked out to pure white so they jump off the yellow page, and red arrives as the first spot colour. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;800;900&family=Archivo+Narrow:wght@400;600;700&display=swap');
:root{--paper:#f9e88a;--head:#f2c614;--red:#d3211c}
main.wrap{background-image:radial-gradient(rgba(0,0,0,.04) 1px,transparent 1px);background-size:3px 3px}
.band{background:var(--head)!important;border:1px solid #111!important}
.sec{background:var(--head)!important;border:1px solid #111!important}
/* the knock-out: pure white adverts on the yellow */
.ad,.ad.color{background:#fff!important;border:2.5px solid #111!important;box-shadow:0 0 0 3px var(--paper),0 0 0 4px rgba(0,0,0,.25)}
.ad:nth-of-type(3n+2){border-color:var(--red)!important;border-style:solid!important;border-width:3px!important}
.ad h3,.ad h3 a{color:#111!important}
.ad:nth-of-type(3n+2) h3,.ad:nth-of-type(3n+2) h3 a{color:var(--red)!important}
.ad .where{border-color:#111}
.ad .photo{mix-blend-mode:normal!important;filter:grayscale(1) contrast(1.1)!important}
.ad .tel,.ad.color .tel{background:var(--red)!important;color:#fff!important}
.ad:nth-of-type(3n) .tel{background:#111!important;color:#fff!important}
.ad .chips span:before{background:var(--red)}
.ad .offer{border:2px solid var(--red)!important;color:var(--red)!important;background:#fff!important;border-style:solid!important}
.ad.full{background:#fff!important;border:4px solid var(--red)!important}
.ad.full h3,.ad.full h3 a{color:var(--red)!important}
.ribbon{background:var(--red)!important;color:#fff!important}
.filler{background:#fff;border:2.5px solid var(--red);color:#111}
.filler b{color:var(--red)}
.filler.bubble{background:var(--head);border-color:#111}.filler.bubble b{color:#111}
.searchbar{background:#fff!important;border:3px solid #111!important}
.sbox button{background:var(--red)!important;color:#fff!important}
.kc.on{background:var(--red)!important;color:#fff!important;border-color:var(--red)!important}
.row .ph{color:#111!important}
.ad.sz-quarter{background:#fff!important;box-shadow:none}.ad.sz-quarter h3{background:#fff}.ad.sz-quarter .tel{color:var(--red)!important}
.artbox{color:var(--red)}
.row.xref b,.row.xref .ph{color:var(--red)!important}
.ad .offer.fl-burst,.ad .offer.fl-star,.ad .offer.fl-seal,.ad .offer.fl-ribbon,.ad .offer.fl-arrow{background:var(--red)!important;color:#fff!important}.ad .offer.fl-seal{box-shadow:0 0 0 3px var(--red);outline-color:#fff}.ad .offer.fl-oval,.ad .offer.fl-bubble,.ad .offer.fl-box{border-color:var(--red)!important;color:var(--red)!important;background:#fff!important}.ad .offer.fl-bubble:after{border-color:var(--red)}.ad .offer.fl-box{box-shadow:3px 3px 0 var(--red)}

.display .ad:nth-of-type(n){border-radius:0!important}
.display .ad:nth-of-type(n){border-color:#111!important}.display .ad:nth-of-type(n) h3,.display .ad:nth-of-type(n) h3 a{color:#111!important}

/* spot colour: red, or blue for an advertiser who chose blue (both existed) */
.ad{--spot:var(--red)}
.ad[style*="1d5fa3"]{--spot:#1b4fa0}
.ad .tel,.ad.color .tel{background:var(--spot)!important}
.ad.full{border-color:var(--spot)!important}.ad.full h3,.ad.full h3 a{color:var(--spot)!important}
.display .ad[style*="1d5fa3"]{border-color:#1b4fa0!important}.display .ad[style*="1d5fa3"] h3,.display .ad[style*="1d5fa3"] h3 a{color:#1b4fa0!important}
.ad .points{border-color:var(--spot);color:#111}.ad .points span:before,.ad .points span:last-child:after{color:var(--spot)}
.ad .since{border-color:var(--spot);outline-color:var(--spot);color:var(--spot)}
.ad .strap{color:var(--spot)}
.ad .foot{border-color:#111;background:#111;color:#fff}
.ad .chips span:before{background:var(--spot)}
.ad .artbox{color:var(--spot)}
.ad[style*="1d5fa3"] .offer.fl-burst,.ad[style*="1d5fa3"] .offer.fl-star,.ad[style*="1d5fa3"] .offer.fl-seal,.ad[style*="1d5fa3"] .offer.fl-ribbon,.ad[style*="1d5fa3"] .offer.fl-arrow{background:#1b4fa0!important}
.ad[style*="1d5fa3"] .offer.fl-oval,.ad[style*="1d5fa3"] .offer.fl-bubble,.ad[style*="1d5fa3"] .offer.fl-box{border-color:#1b4fa0!important;color:#1b4fa0!important}
/* 1990s: black plus ONE spot colour (red, or blue if the advertiser chose blue). */
.ad .artbox,.ad .since,.ad .since small,.ad .strap{color:var(--spot)!important}
.ad .foot{color:#fff!important}
.ad .offer.flimg{color:var(--spot)!important}.ad .offer.flimg span{color:#111!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(--spot)!important}