/* Compact reading controls; full newspaper streams and manila leaves stay intact. */
.masthead{padding-top:12px;padding-bottom:12px;gap:18px}.brand-mark{width:86px;height:86px}.wordmark{font-size:48px}.masthead .eyebrow{margin-bottom:5px}.tagline{margin:5px 0 0}.edition-choice{max-width:1320px;margin:auto;padding:6px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font:16px/1.4 Arial,sans-serif}.edition-choice button{min-height:44px;padding:4px 10px}.edition-choice .fine{font-size:14px}.location-bar{padding-top:4px;padding-bottom:4px}.report-story{padding-top:4px;padding-bottom:4px}.notice{margin-bottom:14px;padding:8px 12px}.section-heading{padding-top:10px;padding-bottom:10px;margin-bottom:16px}.section-heading h1{font-size:30px}.story-opening h2 button{border:0;padding:0;text-align:left;font:inherit;color:inherit;line-height:inherit}.story-opening h2 button:hover{text-decoration:underline}.story-opening h2 button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
/* The advertising circular forms its own full-width leaf below all news sections. */
#sections>a.marketplace-tab:last-child{grid-column:1/-1;margin-left:0;width:auto;min-height:48px}
@media(min-width:1100px){#sections>button:nth-child(7n+1):nth-last-child(2){grid-column:span 7}#sections>button:nth-child(7n+2):nth-last-child(2){grid-column:span 6}#sections>button:nth-child(7n+3):nth-last-child(2){grid-column:span 5}#sections>button:nth-child(7n+4):nth-last-child(2){grid-column:span 4}#sections>button:nth-child(7n+5):nth-last-child(2){grid-column:span 3}#sections>button:nth-child(7n+6):nth-last-child(2){grid-column:span 2}}
@media(min-width:600px) and (max-width:1099px){#sections>button:nth-child(4n+1):nth-last-child(2){grid-column:span 4}#sections>button:nth-child(4n+2):nth-last-child(2){grid-column:span 3}#sections>button:nth-child(4n+3):nth-last-child(2){grid-column:span 2}}
@media(max-width:599px){#sections>button:nth-child(2n+1):nth-last-child(2){grid-column:span 2}.masthead{gap:12px}.brand-mark{width:60px;height:60px}.wordmark{font-size:28px}.edition-stamp{display:none}.section-heading h1{font-size:28px}.edition-choice{padding:6px 12px}}

.calendar-event{break-inside:avoid;border-bottom:1px solid var(--line);padding:12px 0}.calendar-event h2{font-size:24px}.calendar-event details{font-size:14px;overflow-wrap:anywhere}.calendar-event p{margin:6px 0}.calendar-event summary{cursor:pointer;min-height:44px;padding:10px 0}

/* Sixteen editorial leaves: two full desktop rows; circular remains a separate full-width row. */
@media(min-width:1100px){#sections{grid-template-columns:repeat(8,minmax(0,1fr))}#sections.sections>button:nth-child(n){grid-column:auto;margin-left:-3px}#sections.sections>button:nth-child(8n+1){margin-left:0}}
@media(min-width:600px) and (max-width:1099px){#sections.sections>button:nth-child(n){grid-column:auto;margin-left:-3px}#sections.sections>button:nth-child(4n+1){margin-left:0}}
@media(max-width:599px){#sections.sections>button:nth-child(n){grid-column:auto;margin-left:-3px}#sections.sections>button:nth-child(2n+1){margin-left:0}}
#sections.sections>a.marketplace-tab:last-child{grid-column:1/-1;margin-left:0;min-height:48px}

/* Final owner correction: darker hat-shading tan sampled from the actual ink/hat PNG (#bbb3a3). */
#sections#sections>button,#sections#sections>a.marketplace-tab{background:#bbb3a3;color:#24251f;min-height:48px;padding:2px 6px 4px;font-size:16px;line-height:1.3}
#sections#sections>button[aria-current=true]{background:#42443e;color:#fff;z-index:30}
/* 17 editorial tabs: exactly9 on row1 and8 on row2; the Circular retains its own full-width row. */
@media(min-width:1100px){#sections#sections{grid-template-columns:repeat(72,minmax(0,1fr))}#sections#sections>button:nth-child(n){grid-column:span 8;margin-left:-3px;padding:2px 2px 4px}#sections#sections>button:nth-child(n+10){grid-column:span 9}#sections#sections>button:first-child,#sections#sections>button:nth-child(10){margin-left:0}#sections#sections>a.marketplace-tab:last-child{grid-column:1/-1;margin-left:0}}
.masthead .brand-mark{width:104px;height:104px;flex-shrink:0}
@media(max-width:599px){.masthead .brand-mark{width:76px;height:76px}}
/* Keep only the starter together, not the whole long article. */
#stories .story-opening,#archive-stories .story-opening{break-inside:avoid;page-break-inside:avoid}
.story-opening h2,.story-opening h3{break-after:avoid;page-break-after:avoid}

/* Keep section headings and their introductions with the next opening, not a whole long section. */
:is(#stories,#archive-stories,.editor-shell,.story-reader) :is(h1,h2,h3,h4,h5,h6){break-inside:avoid;page-break-inside:avoid;break-after:avoid;page-break-after:avoid}
#stories .sports-fixtures>p{break-inside:avoid;page-break-inside:avoid;break-after:avoid;page-break-after:avoid}
#stories .sports-fixtures>.newspaper-story:first-of-type{break-before:avoid;page-break-before:avoid}
/* Mobile: show more news sooner while preserving 44px touch targets. Desktop is unchanged. */
@media(max-width:599px){#sections#sections{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0;padding-top:0;padding-bottom:0}#sections#sections>button:nth-child(n){grid-column:auto;margin:0;min-height:44px;padding:2px 4px;font-size:14px;line-height:1.2;white-space:normal}#sections#sections>a.marketplace-tab:last-child{grid-column:1/-1;margin:0;min-height:44px;padding:2px 4px;font-size:14px;line-height:1.2}}

nav[aria-label="County editions"]{display:flex;flex-wrap:wrap;gap:.35em .8em}nav[aria-label="County editions"] a+a::before{content:"·";margin-right:.8em;color:currentColor}

/* Preserve existing nine-plus-eight desktop rows and separate Marketplace. */
@media(min-width:1100px){#sections#sections>button:nth-child(n){min-height:52px;font-size:clamp(12px,1.05vw,16px)}}
#sections#sections>.national-news-tab span{line-height:1.2;overflow-wrap:normal}
@media(max-width:599px){#sections#sections>.national-news-tab{font-size:clamp(10px,2.7vw,14px)}}

/* Readable national label without shrinking a single mobile tab to10px. */
@media(max-width:599px){#sections#sections>.national-news-tab{grid-column:span 2;font-size:14px}#sections#sections>.national-news-tab span{white-space:nowrap}}
/* Give the two-line national label extra room while retaining9/8 logical rows. */
@media(min-width:1100px){#sections#sections{grid-template-columns:repeat(328,minmax(0,1fr))}#sections#sections>button:nth-child(n){grid-column:span 32}#sections#sections>button.national-news-tab{grid-column:span 72}#sections#sections>button:nth-child(n+10){grid-column:span 41}}