/* For Sale Van: classified-ad newspaper identity. Newsprint, ink black, highlighter yellow. Old Standard TT + IBM Plex Sans. */
@font-face{font-family:"Old Standard TT";font-weight:400;font-style:normal;font-display:swap;src:url(fonts/old-standard-tt-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Old Standard TT";font-weight:400;font-style:italic;font-display:swap;src:url(fonts/old-standard-tt-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Old Standard TT";font-weight:700;font-style:normal;font-display:swap;src:url(fonts/old-standard-tt-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}

:root{
  --paper:#eeece5; --paper-2:#e4e1d7; --white:#fbfaf6;
  --ink:#1b1b1b; --ink-2:#4b4a45; --rule:#1b1b1b; --hair:#b9b5a8;
  --hi:#f5e53b; --hi-soft:#f9ef8a;
  --wa:#1f8a4c;
  --sheet:1200px;
  --serif:"Old Standard TT",Georgia,"Times New Roman",serif;
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 16px/1.6 var(--sans);color:var(--ink);background:var(--paper);overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{background:var(--hi);text-decoration:none}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px var(--hi)}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.1;margin:0 0 .45em}
h3{font-size:1.2rem}
p{margin:0 0 1em}
mark{background:linear-gradient(100deg,transparent 2%,var(--hi) 4%,var(--hi) 96%,transparent 98%);color:var(--ink);padding:1px 6px}
.sheet{width:100%;max-width:var(--sheet);margin:0 auto;padding:0 28px}
.to-copy{position:absolute;left:-999px;top:8px;background:var(--hi);color:var(--ink);padding:10px 16px;z-index:100;font-weight:600}
.to-copy:focus{left:8px}
.hed{font-size:clamp(1.6rem,3vw,2.3rem)}
.hed-rule{border-top:4px solid var(--rule);padding-top:12px;position:relative}
.hed-rule::before{content:"";position:absolute;left:0;right:0;top:3px;border-top:1px solid var(--rule)}
.standfirst{font:italic 400 1.15rem/1.5 var(--serif);color:var(--ink-2);max-width:60ch}

/* buttons: a highlighter swipe */
.marker-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--hi);color:var(--ink);font:600 1rem/1 var(--sans);padding:15px 22px;border:2px solid var(--ink);text-decoration:none;cursor:pointer;border-radius:0;box-shadow:4px 4px 0 var(--ink)}
.marker-btn:hover{background:var(--hi-soft);box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}
.marker-btn-sm{padding:10px 14px;font-size:.92rem;box-shadow:3px 3px 0 var(--ink)}
.marker-btn-block{width:100%;padding:16px;font-size:1.05rem}
.marker-btn-wa{background:var(--wa);color:#fff}
.marker-btn-wa:hover{background:#17733e}
.marker-btn-line{background:transparent}
.marker-btn-line:hover{background:var(--white)}
.marker-btn-ink{background:var(--ink);color:var(--hi);box-shadow:4px 4px 0 rgba(0,0,0,.35)}
.marker-btn-ink:hover{background:#333;color:var(--hi)}

/* masthead */
.masthead{background:var(--paper);padding-top:10px}
.dateline{list-style:none;margin:0;padding:6px 0;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--rule);font-size:.8rem;color:var(--ink-2)}
.dateline li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dateline li + li{padding-left:12px;border-left:1px solid var(--hair)}
.nameplate-row{display:flex;justify-content:center;align-items:center;position:relative;padding:14px 0 10px}
.nameplate{text-decoration:none;color:var(--ink);display:inline-block}
.nameplate:hover{background:none}
.nameplate-word{display:block;font:700 clamp(2.6rem,7vw,5.2rem)/.95 var(--serif);letter-spacing:-.02em;white-space:nowrap}
.nameplate-word i{font-weight:400;font-style:italic}
.nameplate-small .nameplate-word{font-size:2.2rem}
.sections-btn{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--white);border:2px solid var(--ink);font:600 .9rem var(--sans);padding:8px 12px;cursor:pointer}
.sections{display:flex;align-items:center;justify-content:center;gap:24px;border-top:4px solid var(--rule);border-bottom:1px solid var(--rule);padding:8px 0;position:relative}
.sections::before{content:"";position:absolute;left:0;right:0;top:1px;border-top:1px solid var(--rule)}
.sections ul{display:flex;list-style:none;margin:0;padding:0}
.sections li + li{border-left:1px solid var(--hair)}
.sections ul a{display:block;padding:6px 18px;text-decoration:none;font:400 1.08rem var(--serif)}
.sections ul a[aria-current]{background:var(--hi)}

/* front page */
.front{padding:30px 0 40px}
.front-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0;align-items:start}
.front-grid > .lead-story,.front-grid > .story-body{grid-column:1}
.front-grid > .front-side{grid-column:2;grid-row:1 / span 2}
.front-grid > .story-body{padding-right:34px;border-right:1px solid var(--rule);margin:0}
.lead-story{padding-right:34px;border-right:1px solid var(--rule)}
.front-side{padding-left:34px}
.kicker{font:italic 400 1.05rem var(--serif);margin-bottom:12px}
.front h1{font-size:clamp(3rem,8vw,6.4rem);line-height:.92;letter-spacing:-.03em;margin-bottom:18px}
.standfirst-h{display:block;margin-top:18px;font:italic 400 clamp(1.15rem,1.7vw,1.4rem)/1.4 var(--serif);letter-spacing:0;color:var(--ink-2);max-width:42ch}
.story-body{margin:0;columns:2 260px;column-gap:34px;column-rule:1px solid var(--hair);border-top:1px solid var(--rule);padding-top:16px}
.story-body p{text-align:justify;hyphens:auto}
.dropcap::first-letter{float:left;font:700 4.1rem/.8 var(--serif);padding:6px 8px 0 0}
.points-list{list-style:none;margin:0 0 14px;padding:0;break-inside:avoid}
.points-list li{padding:6px 0 6px 22px;border-bottom:1px dotted var(--hair);position:relative;font-weight:500}
.points-list li::before{content:"";position:absolute;left:0;top:.85em;width:12px;height:8px;background:var(--hi);border:1px solid var(--ink)}
.front-contact{font-size:.95rem;break-inside:avoid}

/* home front page: headline across the sheet, one big lead photograph, then the story beside a cut-out coupon */
.front .kicker{margin-bottom:6px}
.front-hed{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:10px 48px;margin:0 0 22px;padding-bottom:20px;border-bottom:1px solid var(--rule)}
.front-hed .standfirst-h{margin:0 0 .5em;max-width:44ch;padding-left:24px;border-left:1px solid var(--hair)}
.lead-photo{margin:0 0 30px;position:relative}
.lead-photo img{display:block;width:100%;height:auto;aspect-ratio:2000/860;max-height:520px;object-fit:cover;object-position:50% 62%;background:var(--paper-2);border:1px solid var(--rule)}
.lead-photo figcaption{display:flex;justify-content:space-between;gap:6px 20px;flex-wrap:wrap;padding:8px 0 10px;border-bottom:4px double var(--rule);font:italic 400 1rem/1.4 var(--serif);color:var(--ink)}
.lead-photo figcaption small{font:400 .8rem/1.6 var(--sans);color:var(--ink-2)}
.front-body{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,1fr);gap:0;align-items:start}
.front-body .story-body{border-top:0;padding:0 34px 0 0;border-right:1px solid var(--rule)}
.coupon{padding-left:34px}
.coupon .adform{border:2px dashed var(--ink);box-shadow:none;background:var(--white)}
.coupon .adform-head{border-bottom:2px dashed var(--ink)}

/* the form as a boxed classified */
.adform{background:var(--white);border:2px solid var(--ink);padding:0 22px 20px;position:relative;box-shadow:6px 6px 0 var(--paper-2)}
.adform-head{margin:0 -22px 18px;padding:16px 22px 14px;border-bottom:2px solid var(--ink);background:var(--hi)}
.adform-head h2{font-size:1.6rem;margin:0 0 4px;line-height:1.1}
.adform-head p{margin:0;font:italic 400 1rem var(--serif)}
.adform label{display:block;font:600 .86rem/1.35 var(--sans);margin-bottom:14px}
.adform input[type=text],.adform input[type=tel],.adform input[type=email],.adform select,.adform textarea{display:block;width:100%;margin-top:5px;font:400 1rem var(--sans);color:var(--ink);background:#fff;border:1px solid var(--ink);border-radius:0;padding:11px 12px;min-height:46px}
.adform input:focus,.adform select:focus,.adform textarea:focus{outline:none;box-shadow:inset 0 -4px 0 var(--hi),0 0 0 2px var(--ink)}
.adform input.regslip{font:700 1.5rem/1 var(--serif);letter-spacing:.12em;text-transform:uppercase;text-align:center;border:2px solid var(--ink);background:#fff;min-height:56px}
.adform .misprint{border-color:#b3261e!important;box-shadow:0 0 0 2px #b3261e!important}
.aside{font-weight:400;font-style:italic;color:var(--ink-2)}
.sterling{display:flex;align-items:center;margin-top:5px;border:1px solid var(--ink);background:#fff;padding-left:12px}
.sterling input{margin-top:0!important;border:0!important;box-shadow:none!important;min-height:44px!important}
.two-up{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.adform-rest{display:none}
.adform-full .adform-next{display:none}
.adform-full .adform-rest{display:block}
.adform-note{font:italic 400 1rem var(--serif);border-left:4px solid var(--hi);padding-left:10px}
.consent-line{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important}
.consent-line input{width:19px;height:19px;margin-top:1px;flex:none;accent-color:var(--ink)}
.adform-alt{font-size:.86rem;color:var(--ink-2);margin:14px 0 0;text-align:center}
.adform-err{background:#fbe3e1;color:#7d1a14;padding:10px 12px;border:1px solid #b3261e}
.spike{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* index box (stats) */
.index-box{padding:0 0 26px}
.index-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-bottom:4px double var(--rule)}
.index-cell{padding:14px 16px;border-left:1px solid var(--hair)}
.index-cell:first-child{border-left:0;padding-left:0}
.index-cell b{display:block;font:700 1.5rem/1.1 var(--serif)}
.index-cell span{font-size:.88rem;color:var(--ink-2)}

/* press photos */
.plates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:26px}
.plate{margin:0;padding:0 16px;border-left:1px solid var(--hair)}
.plate:first-child{padding-left:0;border-left:0}
.plate:last-child{padding-right:0}
.plate img{display:block;width:100%;height:clamp(170px,19vw,250px);object-fit:cover;filter:grayscale(1) contrast(1.08);background:var(--paper-2)}
.plate figcaption{font:italic 400 .92rem/1.4 var(--serif);color:var(--ink-2);padding-top:6px}
.plates-1{grid-template-columns:1fr}.plates-2{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ticker */
.ticker{background:var(--ink);color:var(--paper);overflow:hidden;padding:10px 0}
.ticker-run{display:flex;width:max-content;animation:ticker 60s linear infinite}
.ticker-run span{font:400 1.05rem var(--serif);padding:0 18px;white-space:nowrap;display:inline-flex;align-items:center;gap:36px}
.ticker-run span::after{content:"";width:8px;height:8px;background:var(--hi);transform:rotate(45deg)}
@keyframes ticker{to{transform:translateX(-50%)}}

/* briefs (promises) */
.briefs{padding:34px 0 10px}
.brief-row{display:grid;grid-template-columns:repeat(4,1fr)}
.brief{padding:0 20px;border-left:1px solid var(--hair)}
.brief:first-child{border-left:0;padding-left:0}
.brief h3{font-size:1.25rem}
.brief p{margin:0;font-size:.95rem;color:var(--ink-2)}

/* small ads (why) */
.small-ads{padding:44px 0}
.ad-columns{columns:3 240px;column-gap:18px;margin-top:20px}
.ad{break-inside:avoid;border:1px solid var(--ink);padding:14px 16px 12px;margin:0 0 18px;background:var(--white)}
.ad h3{font:600 1rem/1.3 var(--sans);display:inline;background:linear-gradient(transparent 55%,var(--hi) 55%,var(--hi) 92%,transparent 92%)}
.ad p{margin:8px 0 0;font-size:.94rem;color:var(--ink-2)}

/* steps */
.sequence{padding:44px 0;background:var(--paper-2)}
.sequence-cols{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
.sequence-cols li{padding:0 26px;border-left:1px solid var(--ink)}
.sequence-cols li:first-child{border-left:0;padding-left:0}
.numeral{display:block;font:700 4.4rem/1 var(--serif);margin-bottom:8px}
.sequence-cols p{color:var(--ink-2);margin:0}

/* classified type cards */
.sits-vac{padding:48px 0}
.classified-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink);margin-top:22px}
.classified{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);padding:18px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--white)}
.classified:hover{background:var(--hi-soft)}
.classified-cat{display:flex;align-items:center;gap:8px;font:italic 400 1rem var(--serif);border-bottom:1px solid var(--hair);padding-bottom:10px;margin-bottom:12px}
.classified-cat .glyph{width:38px;height:26px}
.classified h3{font-size:1.25rem}
.classified p{font-size:.92rem;color:var(--ink-2);flex:1}
.classified-more{font-weight:600;font-size:.92rem;text-decoration:underline;text-underline-offset:3px}

/* feature (how we value) */
.feature{padding:48px 0}
.feature-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:22px;border-top:1px solid var(--hair)}
.feature-item{padding:16px 22px 14px 0;border-bottom:1px solid var(--hair)}
.feature-item:not(:nth-child(3n+1)){padding-left:22px;border-left:1px solid var(--hair)}
.rubric{font:italic 400 .98rem var(--serif);margin:0 0 4px}
.rubric::before{content:"";display:inline-block;width:18px;height:3px;background:var(--ink);vertical-align:middle;margin-right:8px}
.feature-item h3{font-size:1.15rem}
.feature-item p:last-child{margin:0;color:var(--ink-2);font-size:.95rem}
.feature-more{margin:24px 0 0}

/* listings (makes) */
.listings{padding:20px 0 48px}
.listing-table{margin:16px 0 0}
.listing-table > div{display:grid;grid-template-columns:260px 1fr;gap:18px;padding:12px 0;border-bottom:1px dotted var(--ink-2)}
.listing-table dt{font:700 1.15rem var(--serif)}
.listing-table dd{margin:0;color:var(--ink-2)}

/* gallery */
.pictures{padding:34px 0 46px}
.pictures-head{border-top:4px solid var(--rule);padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px 34px;align-items:end;margin-bottom:18px}
.pictures-head .hed{margin:0}
.pictures-head p{margin:0;font:italic 400 1.05rem var(--serif);color:var(--ink-2)}
.pictures-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pic{margin:0}
.pic img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;background:var(--paper-2);border:1px solid var(--rule)}
.pic figcaption{font:italic 400 .95rem/1.4 var(--serif);padding-top:6px;border-bottom:1px solid var(--hair);padding-bottom:8px}
.pic small{display:block;font:400 .78rem var(--sans);color:var(--ink-2);font-style:normal}

/* a picture set among the small ads */
.ad-photo{padding:0;background:var(--paper)}
.ad-photo img{display:block;width:100%;height:auto;aspect-ratio:900/640;object-fit:cover;background:var(--paper-2)}
.ad-photo figcaption{padding:8px 12px 10px;font:italic 400 .95rem/1.4 var(--serif);border-top:1px solid var(--ink)}
.ad-photo small,.reader-photo small{display:block;font:400 .78rem var(--sans);color:var(--ink-2)}

/* readers (sellers) */
.reader-spread{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0 34px;margin-top:18px;align-items:start}
.reader-photo{margin:0}
.reader-photo img{display:block;width:100%;height:auto;aspect-ratio:1200/760;object-fit:cover;background:var(--paper-2);border:1px solid var(--rule)}
.reader-photo figcaption{font:italic 400 .95rem/1.4 var(--serif);padding:6px 0 8px;border-bottom:1px solid var(--hair)}
.reader-spread .reader-cols{grid-template-columns:1fr;margin-top:0;padding-left:34px;border-left:1px solid var(--hair);align-self:stretch}
.reader-spread .reader{padding:0 0 18px;margin:0 0 18px;border-left:0;border-bottom:1px dotted var(--ink-2)}
.reader-spread .reader:last-child{border-bottom:0;margin:0}
.reader-spread .reader h3{font-size:1.5rem}
.readers{padding:20px 0 48px}
.reader-cols{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px}
.reader{padding:0 22px;border-left:1px solid var(--hair)}
.reader:first-child{padding-left:0;border-left:0}
.reader p{margin:0;color:var(--ink-2)}

.letters{padding:0 0 40px}
.letters-in{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border:2px solid var(--ink);padding:16px 20px;background:var(--white)}
.letters p{margin:0}

/* areas: a short paragraph on the home page */
.gazetteer-in{display:block}
.gazetteer-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:10px 40px;margin-top:16px}
.gazetteer-copy .standfirst{margin:0}
.town-run{margin:0;font:400 1.3rem/1.6 var(--serif)}
.town-run a{text-decoration-color:var(--hair)}
.all-towns-link{grid-column:2;margin:0;font-weight:600}
/* areas page: London first, then the rest of the country A to Z */
.area-run{columns:4 190px;column-gap:28px;column-rule:1px solid var(--hair);list-style:none;margin:14px 0 0;padding:0!important}
.area-run li{break-inside:avoid;margin:0!important;padding:5px 0;border-bottom:1px dotted var(--hair)}
.area-run a{text-decoration:none}
.area-run a:hover{text-decoration:underline}
.area-letter{display:inline-block;font:700 1rem var(--serif);background:var(--hi);padding:0 5px;margin-right:6px}

/* areas */
.gazetteer{padding:20px 0 48px}
.gazetteer-cols{columns:4 200px;column-gap:28px;column-rule:1px solid var(--hair);margin-top:20px}
.gazetteer-cols h3{font-size:1.1rem;break-after:avoid;background:var(--hi);display:inline-block;padding:1px 6px;margin:0 0 8px}
.gazetteer-cols ul{list-style:none;margin:0 0 18px;padding:0}
.gazetteer-cols li{padding:2px 0;font-size:.94rem}
.gazetteer-cols a{text-decoration:none}
.gazetteer-cols a:hover{text-decoration:underline}

/* faqs */
.enquiries{padding:20px 0 50px}
.enquiry-cols{columns:2 340px;column-gap:34px;column-rule:1px solid var(--hair);margin-top:18px}
.enquiry{break-inside:avoid;border-bottom:1px solid var(--hair);padding:2px 0}
.enquiry summary{cursor:pointer;list-style:none;font:700 1.1rem/1.35 var(--serif);padding:12px 28px 12px 0;position:relative}
.enquiry summary::-webkit-details-marker{display:none}
.enquiry summary::after{content:"+";position:absolute;right:0;top:10px;font:400 1.4rem var(--sans)}
.enquiry[open] summary::after{content:"\2212"}
.enquiry p{color:var(--ink-2);margin:0 0 14px}

/* stop press */
.stop-press{background:var(--hi);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:44px 0}
.stop-press-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.stop-press h2{font-size:clamp(1.8rem,3.6vw,2.8rem);margin:0;max-width:20ch}
.stop-press-btns{display:flex;gap:12px;flex-wrap:wrap}
.stop-press .marker-btn-line{background:var(--hi)}
.stop-press .marker-btn-line:hover{background:#fff}

/* footer */
.colophon{background:var(--paper);padding:40px 0 24px;border-top:4px double var(--rule);margin-top:0}
.colophon-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr}
.colophon-grid > div{padding:0 22px;border-left:1px solid var(--hair)}
.colophon-grid > div:first-child{padding-left:0;border-left:0}
.colophon h2{font-size:1.1rem;border-bottom:1px solid var(--ink);padding-bottom:6px;margin-bottom:10px}
.colophon ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:.94rem}
.colophon ul a{text-decoration:none}
.colophon ul a:hover{text-decoration:underline}
.colophon-lead p{font-size:.94rem;color:var(--ink-2)}
.colophon-phone a{font:700 1.25rem var(--serif);color:var(--ink)}
.imprint{border-top:1px solid var(--ink);margin:30px 0 0;padding-top:12px;font-size:.82rem;color:var(--ink-2)}
.wa-stamp{position:fixed;right:18px;bottom:18px;width:56px;height:56px;background:var(--wa);color:#fff;display:grid;place-items:center;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);z-index:50}
.wa-stamp:hover{background:#17733e;color:#fff}

/* inner pages */
.front-inner{padding:26px 0 36px}
.front-inner .front-grid > .adform{margin-left:34px}
.front-inner h1{font-size:clamp(2.3rem,5.2vw,4rem);line-height:1;display:flex;flex-direction:column;gap:12px}
.front-inner h1 .glyph{width:70px;height:46px}
.front-inner .standfirst{margin-bottom:16px}
.crumb{font:italic 400 .95rem var(--serif);margin-bottom:12px;color:var(--ink-2)}
.contact-list{display:grid;grid-template-columns:auto 1fr;gap:8px 22px;margin:18px 0 0;border-top:1px solid var(--ink);padding-top:14px}
.contact-list dt{font:italic 400 1.05rem var(--serif)}
.contact-list dd{margin:0;font-weight:500}
.article{padding:40px 0 56px}
.measure{max-width:760px}
.article h1{font-size:clamp(2.3rem,5vw,3.6rem);letter-spacing:-.02em;border-bottom:4px double var(--rule);padding-bottom:12px}
.article h2{font-size:1.6rem;margin-top:1.4em}
.article > .sheet > p:first-of-type:not(.muted){font-size:1.05rem}
.article ul{padding-left:1.2em}
.article li{margin-bottom:6px}
.muted{color:var(--ink-2);font-size:.92rem;font-style:italic}
.tags{list-style:none;margin:14px 0 0;padding:0!important;display:flex;flex-wrap:wrap;gap:8px}
.tags li{margin:0!important}
.tags a,.tags span{display:inline-block;padding:6px 12px;border:1px solid var(--ink);background:var(--white);text-decoration:none;font-size:.94rem}
.tags a:hover{background:var(--hi)}
.reasons{padding:40px 0}
.reasons .ad-columns{columns:3 240px}
.models-box{padding:0 0 40px}
.also-run{padding:40px 0;background:var(--paper-2)}
.all-towns{text-align:center;padding:22px 0 0;margin:0;font:italic 400 1.1rem var(--serif)}
.feature-long{padding:18px 0;border-bottom:1px solid var(--hair)}
.feature-long h2{margin-top:0}
.tick-list{list-style:none;padding:0!important}
.tick-list li{padding:8px 0 8px 26px;position:relative;border-bottom:1px dotted var(--hair)}
.tick-list li::before{content:"";position:absolute;left:0;top:15px;width:12px;height:8px;background:var(--hi);border:1px solid var(--ink)}
.tbl{width:100%;border-collapse:collapse;margin:16px 0;font-size:.95rem}
.tbl th,.tbl td{text-align:left;padding:10px;border-bottom:1px solid var(--hair);vertical-align:top}
.tbl th{border-bottom:2px solid var(--ink);font-family:var(--serif)}
.center{text-align:center}
.region-hed{font-size:1.3rem;margin-top:1.4em}

/* responsive */
@media (max-width:980px){
  .sections-btn{display:block}
  .nameplate-row{justify-content:flex-start}
  .sections{display:none;flex-direction:column;align-items:stretch;gap:12px;padding:10px 0 16px}
  .sections.sections-open{display:flex}
  .sections ul{flex-direction:column}
  .sections li + li{border-left:0;border-top:1px solid var(--hair)}
  .sections ul a{padding:12px 0}
  .dateline li:nth-child(n+3){display:none}
  .front-grid{grid-template-columns:1fr}
  .lead-story,.front-grid > .story-body{padding-right:0;border-right:0}
  .front-grid > .lead-story,.front-grid > .story-body,.front-grid > .front-side{grid-column:1;grid-row:auto}
  .front-grid > .story-body{margin-top:26px}
  .front-hed{grid-template-columns:1fr}
  .front-hed .standfirst-h{padding-left:0;border-left:0}
  .front-body{grid-template-columns:1fr}
  .front-body .story-body{padding-right:0;border-right:0}
  .coupon{padding-left:0;margin:0 0 30px;order:-1}
  .reader-spread{grid-template-columns:1fr}
  .reader-spread .reader-cols{padding-left:0;border-left:0;margin-top:20px}
  .gazetteer-copy{grid-template-columns:1fr}
  .all-towns-link{grid-column:1}
  .front-side{padding-left:0;margin-top:26px}
  .front-inner .front-grid > .adform{margin-left:0;margin-top:22px}
  .brief-row,.index-row{grid-template-columns:1fr 1fr}
  .brief{padding:0 16px 18px 0;border-left:0}
  .index-cell:nth-child(3){border-left:0;padding-left:0}
  .index-cell:nth-child(n+3){border-top:1px solid var(--hair)}
  .feature-cols{grid-template-columns:1fr 1fr}
  .feature-item:not(:nth-child(3n+1)){padding-left:0;border-left:0}
  .feature-item:nth-child(2n){padding-left:22px;border-left:1px solid var(--hair)}
  .colophon-grid{grid-template-columns:1fr 1fr;gap:26px 0}
  .colophon-grid > div:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:640px){
  body{font-size:16px}
  .sheet{padding:0 16px}
  .nameplate-word{font-size:2.4rem}
  .dateline{font-size:.74rem}
  .front h1{font-size:3.3rem}
  .story-body p{text-align:left}
  .adform{padding:0 16px 16px}
  .adform-head{margin:0 -16px 16px;padding:14px 16px 12px}
  .two-up{grid-template-columns:1fr;gap:0}
  .plates{grid-template-columns:1fr}
  .lead-photo img{aspect-ratio:4/3;max-height:none}
  .lead-photo figcaption{display:block}
  .lead-photo figcaption small{display:block}
  .town-run{font-size:1.15rem}
  .pic img{aspect-ratio:4/3}
  .plate{padding:0;border:0}
  .plate:nth-child(n+2){display:none}
  .brief-row{grid-template-columns:1fr}
  .sequence-cols{grid-template-columns:1fr;gap:22px}
  .sequence-cols li{padding:0;border-left:0;border-top:1px solid var(--ink);padding-top:10px}
  .sequence-cols li:first-child{border-top:0}
  .numeral{font-size:3rem}
  .feature-cols,.reader-cols,.pictures-grid{grid-template-columns:1fr}
  .feature-item:nth-child(2n){padding-left:0;border-left:0}
  .reader{padding:0 0 16px;border-left:0}
  .pictures-head{grid-template-columns:1fr}
  .listing-table > div{grid-template-columns:1fr;gap:2px}
  .gazetteer-cols{columns:2;column-gap:16px}
  .stop-press-btns .marker-btn{flex:1 1 100%}
  .colophon-grid{grid-template-columns:1fr}
  .colophon-grid > div{padding:0;border-left:0}
  .wa-stamp{width:50px;height:50px;right:12px;bottom:12px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ticker-run{animation:none;flex-wrap:wrap;width:auto}
  .ticker-run span[aria-hidden]{display:none}
  .marker-btn:hover{transform:none}
}
@media print{.wa-stamp,.ticker,.plates{display:none}body{background:#fff}}