/* News archive and reading pages. Home and event discovery keep their own layout. */
.ot-news-page{padding-top:28px}
.ot-news-masthead{position:relative;padding:20px 120px 20px 24px;margin-bottom:8px;border:2px solid var(--ot-ink);background:var(--ot-accent);color:#fff;box-shadow:4px 4px 0 var(--ot-cover)}
.ot-news-masthead::after{content:'';position:absolute;right:24px;top:50%;transform:translateY(-50%);width:64px;height:64px;background:url('brand/favicon.svg') center/contain no-repeat;pointer-events:none}
.ot-news-masthead h1{font-size:36px;font-weight:800;line-height:1.4;letter-spacing:-.035em;margin:0}
.ot-news-masthead p{margin:8px 0 0;font-size:14px;line-height:1.8;color:#fff}
.ot-news-page .ot-news-tools{padding-block:12px;margin-bottom:20px;gap:20px}
.ot-news-page .ot-category-nav{gap:8px 24px;justify-content:flex-start}
.ot-news-page .ot-category-nav a{font-weight:700;padding:8px 0;border-bottom-width:3px;line-height:1.6;min-width:44px;justify-content:center}
.ot-news-page .ot-category-nav a[aria-current]{color:var(--ot-link);border-bottom-width:5px}
.ot-news-page .ot-news-search{flex:0 1 330px;width:100%;margin:0}
.ot-news-page .ot-news-search button{font-weight:700}
.ot-news-page .ot-result-line{margin-bottom:18px;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:14px}
.ot-news-page .ot-result-line h2{font-size:18px}
.ot-news-opening{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;margin-bottom:32px;align-items:stretch}
.ot-news-opening--single{grid-template-columns:minmax(0,1fr)}
.ot-news-companions{display:grid;align-content:start;gap:20px;min-width:0}
.ot-news-card{min-width:0;overflow-wrap:anywhere}
.ot-news-card-copy{min-width:0}
.ot-news-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--ot-link);font-size:12px;line-height:1.7;font-weight:700}
.ot-news-card h3{font-size:18px;line-height:1.5;letter-spacing:-.015em;margin:6px 0 8px}
.ot-news-card h3 a{text-decoration:none}
.ot-news-card h3 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.ot-news-card-date{display:block;font-size:12px;line-height:1.7;color:var(--ot-muted);font-variant-numeric:tabular-nums}
.ot-news-card-image{display:block;min-width:0;text-decoration:none}
.ot-news-card-image img{transition:opacity .15s ease}
.ot-news-card-image:hover img{opacity:.86}
.ot-news-card--lead{display:flex;flex-direction:column;background:var(--ot-tint);padding:20px;border:2px solid var(--ot-ink);box-shadow:4px 4px 0 var(--ot-accent)}
.ot-news-card--lead .ot-news-card-meta>span:first-child{background:var(--ot-ink);color:#fff;padding:3px 10px}
.ot-news-card--companion .ot-news-card-meta,.ot-news-card--row .ot-news-card-meta{border-left:3px solid var(--ot-accent);padding-left:8px}
.ot-news-card--lead h3{font-size:28px;font-weight:800;line-height:1.4;letter-spacing:-.03em;margin:10px 0 12px}
.ot-news-card-deck{font-size:16px;line-height:1.8;margin:0 0 12px}
.ot-news-card--lead>.ot-news-card-image{margin-top:16px}
.ot-news-card--lead .ot-image img{background:#fff;aspect-ratio:8/5}
.ot-news-card--lead.ot-news-card--text{justify-content:center;border-top:6px solid var(--ot-accent)}
.ot-news-opening--single .ot-news-card--lead{max-width:920px}
.ot-news-card--companion{display:grid;grid-template-columns:minmax(104px,.8fr) minmax(0,1fr);align-items:start;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--ot-rule)}
.ot-news-card--companion h3{font-size:18px;margin-top:4px}
.ot-news-card--companion.ot-news-card--text{display:block}
.ot-news-feed{max-width:none;margin:0}
.ot-news-card--row{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:start;gap:24px;padding-block:16px;border-top:1px solid var(--ot-rule)}
.ot-news-card--row h3{font-size:18px;max-width:31em;margin:6px 0 8px}
.ot-news-card--row .ot-news-card-copy{padding-block:4px}
.ot-news-card--row.ot-news-card--text{display:block}
.ot-news-card--row.ot-news-card--text .ot-news-card-copy{max-width:840px}
.ot-news-page .ot-pagination{margin-top:8px;gap:24px;flex-wrap:wrap;font-weight:700}
.ot-news-page .ot-pagination a{min-width:44px;justify-content:center;padding:8px 12px}
.ot-news-page .ot-policy{max-width:none}
.ot-news-page .ot-empty{border-top:1px solid var(--ot-rule)}
.ot-news-page .ot-empty a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--ot-link)}

/* The feature category has a distinct cover without inventing a separate series. */
.ot-news-page--feature .ot-news-masthead{border-color:var(--ot-ink)}
.ot-news-page--feature .ot-news-opening{padding:24px;gap:20px;background:var(--ot-ink);color:#fff}
.ot-news-page--feature .ot-news-card--lead{background:transparent;padding:16px 20px;border:0;box-shadow:none}
.ot-news-page--feature .ot-news-card--lead .ot-news-card-meta>span:first-child{background:var(--ot-accent)}
.ot-news-page--feature .ot-news-card--lead.ot-news-card--text{border:0}
.ot-news-page--feature .ot-news-opening .ot-news-card-meta{color:var(--ot-focus-on-dark)}
.ot-news-page--feature .ot-news-opening .ot-news-card-date,
.ot-news-page--feature .ot-news-opening figcaption{color:#D8DCDE}
.ot-news-page--feature .ot-news-opening .pr-label{color:#fff;border-color:#ABB1B5}
.ot-news-page--feature .ot-news-opening a:hover{color:#fff}
.ot-news-page--feature .ot-news-opening :focus-visible{outline-color:var(--ot-focus-on-dark)}
.ot-news-page--feature .ot-news-card--companion{border-bottom-color:#697176}

/* Article covers and onward reading. Public body content keeps its 760px measure. */
.ot-article-detail{width:min(var(--ot-page-width),calc(100% - 64px));max-width:var(--ot-page-width);margin-top:32px}
.ot-article-detail>.ot-breadcrumb{max-width:960px;margin-inline:auto}
.ot-article-detail>article>*,.ot-article-detail>.ot-back{max-width:var(--ot-content-width);margin-inline:auto}
.ot-article-detail>article>.ot-article-opening{max-width:none;margin-bottom:32px;background:#fff;overflow-wrap:anywhere}
.ot-article-opening>.ot-detail-heading{max-width:880px;margin-inline:auto}
.ot-article-detail .ot-detail-heading h1{font-size:34px;font-weight:800;line-height:1.4;letter-spacing:-.03em;margin-block:16px 20px;text-wrap:pretty}
.ot-article-detail .ot-detail-heading .ot-story-meta{font-size:14px;font-weight:700;gap:12px}
.ot-article-category{display:inline-block;background:var(--ot-ink);color:#fff;padding:4px 12px}
.ot-article-detail .ot-detail-date{margin:18px 0 0;line-height:1.9;font-variant-numeric:tabular-nums}
.ot-article-detail .ot-article-lead{max-width:var(--ot-content-width);padding:0;border:0;margin:0;font-size:18px;line-height:1.95;text-wrap:pretty}
.ot-article-opening>.ot-image{max-width:var(--ot-content-width);margin:32px auto 0}
.ot-article-detail>article>.ot-article-opening--feature{background:var(--ot-tint);padding:28px 32px 24px;border-top:6px solid var(--ot-accent);border-bottom:2px solid var(--ot-ink)}
.ot-article-opening--feature .ot-detail-heading{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:32px;align-items:start}
.ot-article-opening--feature .ot-story-meta{grid-column:1 / -1;justify-self:start}
.ot-article-opening--feature .ot-article-category{background:var(--ot-accent);color:#fff;border:0;padding:4px 12px}
.ot-article-opening--feature .ot-detail-heading h1{grid-column:1;grid-row:2;font-size:36px;margin:18px 0 0}
.ot-article-opening--feature .ot-article-lead{grid-column:2;grid-row:2;align-self:end;margin-top:32px}
.ot-article-opening--feature .ot-detail-date{grid-column:1 / -1;margin-top:28px}
.ot-article-opening--feature>.ot-image{margin-top:36px}
.ot-article-detail>article>.ot-related-entry{background:transparent;border-left:0;border-bottom:1px solid var(--ot-rule);padding:0 0 20px;margin-block:24px 32px}
.ot-article-detail .ot-related-entry a{font-weight:700}
.ot-article-detail .ot-related-entry small{font-weight:400;color:var(--ot-muted)}
.ot-article-detail .ot-article-body h2{border:0;padding:0;margin:40px 0 20px;font-size:24px;line-height:1.6}
.ot-article-detail .ot-article-body h2::before{content:"";display:block;width:32px;height:4px;background:var(--ot-accent);margin-bottom:16px}
.ot-article-detail .ot-article-body h3{font-size:20px;margin:28px 0 14px}
.ot-article-detail>article>.ot-related,.ot-article-detail>article>.ot-reading-next{position:relative;border-top:1px solid var(--ot-rule);margin-top:64px;padding-top:28px}
.ot-article-detail>article>.ot-related::before,.ot-article-detail>article>.ot-reading-next::before{content:"";position:absolute;top:-3px;left:0;width:48px;height:5px;background:var(--ot-accent)}
.ot-article-detail>article>.ot-reading-next{max-width:none}
.ot-reading-next>h2{font-size:24px;line-height:1.4;letter-spacing:-.02em;margin:0 0 20px}
.ot-reading-next-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px 32px;align-items:start}
.ot-reading-next-grid--single{display:block;max-width:var(--ot-content-width)}
.ot-reading-next-companions{display:grid;align-content:start;gap:20px;min-width:0}
.ot-next-story{min-width:0;overflow-wrap:anywhere}
.ot-next-story--secondary{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;border-bottom:1px solid var(--ot-rule);padding-bottom:16px}
.ot-next-story-image{display:block;text-decoration:none}
.ot-article-detail .ot-next-story .ot-image{margin:0 0 16px}
.ot-article-detail .ot-next-story .ot-image img{aspect-ratio:8/5;max-height:none}
.ot-article-detail .ot-next-story--secondary .ot-image{margin:0}
.ot-next-story-copy{min-width:0}
.ot-next-story-reason{display:block;margin:0 0 12px;font-size:12px;line-height:1.7;font-weight:700;color:var(--ot-link)}
.ot-next-story-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--ot-muted);line-height:1.7}
.ot-next-story h3{font-size:18px;line-height:1.5;letter-spacing:-.015em;margin:6px 0 8px}
.ot-next-story--primary h3{font-size:24px;line-height:1.4;margin:8px 0 12px;text-wrap:pretty}
.ot-next-story h3 a{text-decoration:none}
.ot-next-story h3 a:hover{text-decoration:underline}
.ot-next-story time{font-size:12px;color:var(--ot-muted);line-height:1.7;font-variant-numeric:tabular-nums}
.ot-next-story--text{display:block}
.ot-next-story--primary.ot-next-story--text{border-top:4px solid var(--ot-accent);background:var(--ot-tint);padding:24px}
.ot-article-detail>article>.ot-reading-exits{max-width:none;display:flex;gap:12px 32px;flex-wrap:wrap;border-block:1px solid var(--ot-rule);padding-block:16px;margin-top:40px}
.ot-reading-exits a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700}
.ot-article-detail>.ot-back{display:flex;width:max-content;max-width:100%}

@media(min-width:768px) and (max-width:1100px){
 .ot-news-masthead{padding:16px 112px 16px 20px}
 .ot-news-masthead p{max-width:none}
 .ot-news-page .ot-news-tools{flex-direction:column;align-items:stretch;gap:12px}
 .ot-news-page .ot-news-search{flex:auto;max-width:none}
 .ot-news-opening{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}
 .ot-news-opening--single{grid-template-columns:minmax(0,1fr)}
 .ot-news-card--lead{padding:18px}
 .ot-news-card--lead h3{font-size:28px}
 .ot-news-card--companion{display:block}
 .ot-news-card--companion .ot-news-card-image{margin-bottom:16px}
 .ot-news-card--companion h3{font-size:18px}
 .ot-news-card--row{grid-template-columns:200px minmax(0,1fr);gap:20px}
 .ot-news-card--row h3{font-size:18px}
 .ot-news-page--feature .ot-news-opening{padding:20px;gap:20px}
 .ot-article-detail{width:calc(100% - 48px)}
 .ot-article-detail .ot-detail-heading h1{font-size:30px}
 .ot-article-detail>article>.ot-article-opening--feature{padding:24px 20px 20px}
 .ot-article-opening--feature .ot-detail-heading{column-gap:24px}
 .ot-article-opening--feature .ot-article-lead{font-size:17px}
 .ot-reading-next-grid{gap:20px}
 .ot-next-story--secondary{grid-template-columns:104px minmax(0,1fr)}
 .ot-next-story--secondary h3{font-size:18px}
 .ot-next-story--primary h3{font-size:24px}
}
@media(max-width:767px){
 .ot-news-page{padding-top:18px}
 .ot-news-masthead{display:block;padding:16px 20px}
 .ot-news-masthead::after{display:none}
 .ot-news-masthead h1{font-size:24px;line-height:1.4}
 .ot-news-masthead p{max-width:none;display:block;font-size:14px;margin:12px 0 0}
 .ot-news-page .ot-news-tools{display:block;padding-block:8px 12px;margin-bottom:16px}
 .ot-news-page .ot-category-nav{display:flex;gap:4px 20px}
 .ot-news-page .ot-news-search{margin-top:8px;max-width:none}
 .ot-news-page .ot-news-search input[type=search]{font-size:16px}
 .ot-news-page .ot-result-line{margin-bottom:16px}
 .ot-news-opening{display:block;margin-bottom:28px}
 .ot-news-card--lead{padding:16px 20px}
 .ot-news-card--lead h3{font-size:22px;line-height:1.4;letter-spacing:-.025em;margin:8px 0 10px}
 .ot-news-card-deck{font-size:16px;line-height:1.8;margin-bottom:12px}
 .ot-news-card--lead>.ot-news-card-image{margin-top:16px}
 .ot-news-companions{margin-top:16px;gap:12px}
 .ot-news-card--companion,.ot-news-card--row{display:grid;grid-template-columns:minmax(88px,30%) minmax(0,1fr);gap:12px;padding-bottom:12px}
 .ot-news-card--companion h3,.ot-news-card--row h3{font-size:16px;line-height:1.5;letter-spacing:normal;margin:4px 0 8px}
 .ot-news-card--row{padding-top:12px}
 .ot-news-card--row .ot-news-card-copy{padding:0}
 .ot-news-card--row.ot-news-card--text,.ot-news-card--companion.ot-news-card--text{display:block}
 .ot-news-page--feature .ot-news-opening{padding:20px 20px}
 .ot-news-page--feature .ot-news-companions{margin-top:28px}
 .ot-news-page--feature .ot-news-card--lead{padding:0}
 .ot-news-page--feature .ot-news-card--companion{grid-template-columns:minmax(80px,28%) minmax(0,1fr);gap:14px}
 .ot-article-detail{width:calc(100% - 32px);margin-top:18px}
 .ot-article-detail>.ot-breadcrumb{margin-bottom:14px}
 .ot-article-detail>article>.ot-article-opening{margin-bottom:24px}
 .ot-article-detail>article>.ot-article-opening--feature{padding:20px 16px 18px}
 .ot-article-opening--feature .ot-detail-heading{display:block}
 .ot-article-detail .ot-detail-heading h1{font-size:24px;line-height:1.4;letter-spacing:-.025em;margin-block:12px}
 .ot-article-opening--feature .ot-detail-heading h1{font-size:24px;line-height:1.4}
 .ot-article-detail .ot-article-lead{font-size:17px;line-height:1.8;margin:0}
 .ot-article-detail .ot-article-body{line-height:1.8}
 .ot-article-detail .ot-detail-date{margin-top:16px}
 .ot-article-opening>.ot-image{margin-top:20px}
 .ot-article-detail .ot-article-body h2{font-size:20px;line-height:1.45;margin-block:28px 16px}
 .ot-article-detail .ot-article-body h3{font-size:18px}
 .ot-article-detail>article>.ot-related,.ot-article-detail>article>.ot-reading-next{margin-top:36px;padding-top:20px}
 .ot-reading-next>h2{font-size:20px;margin-bottom:16px}
 .ot-reading-next-grid{display:block}
 .ot-reading-next-companions{display:block}
 .ot-next-story{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--ot-rule)}
 .ot-next-story--secondary{grid-template-columns:minmax(88px,30%) minmax(0,1fr);gap:12px}
 .ot-next-story:last-child{margin-bottom:0}
 .ot-next-story-reason{margin-bottom:8px}
 .ot-next-story h3{font-size:16px;line-height:1.5;margin:6px 0 10px}
 .ot-next-story--primary h3{font-size:22px;line-height:1.45}
 .ot-next-story--primary.ot-next-story--text{padding:24px 20px}
 .ot-article-detail>article>.ot-reading-exits{display:flex;flex-direction:column;align-items:start;gap:8px;margin-top:32px}
}
@media(max-width:389px){
 .ot-news-masthead h1{font-size:24px}
 .ot-news-page .ot-category-nav{gap:4px 16px}
 .ot-news-card--lead{padding:16px}
 .ot-news-card--lead h3{font-size:22px}
 .ot-news-card--companion,.ot-news-card--row,.ot-next-story{gap:12px}
 .ot-news-page--feature .ot-news-opening{padding:20px 16px}
 .ot-news-page--feature .ot-news-card--companion{display:block}
 .ot-news-page--feature .ot-news-card--companion .ot-news-card-image{margin-bottom:16px}
 .ot-article-detail .ot-detail-heading h1{font-size:24px}
 .ot-article-opening--feature .ot-detail-heading h1{font-size:24px}
}

/* Mobile reading density; preserve artwork width, controls and desktop layout. */
@media(max-width:767px){
 .ot-news-page .ot-news-masthead{padding-block:12px}
 .ot-news-page .ot-news-masthead h1{font-size:22px;line-height:1.4}
 .ot-news-page .ot-news-masthead p{margin-top:8px}
 .ot-news-page .ot-news-tools{padding-block:6px 10px;margin-bottom:12px}
 .ot-news-page .ot-result-line{margin-bottom:12px}
 .ot-news-page .ot-news-opening{margin-bottom:20px}
 .ot-news-page .ot-news-card--lead{padding-block:12px}
 .ot-news-page .ot-news-card--lead h3{font-size:20px;line-height:1.4;margin:6px 0 8px}
 .ot-news-page .ot-news-card-deck{margin-bottom:10px}
 .ot-news-page .ot-news-card--lead>.ot-news-card-image{margin-top:12px}
 .ot-news-page .ot-news-companions{margin-top:12px;row-gap:10px}
 .ot-news-page .ot-news-card--companion{padding-bottom:10px}
 .ot-news-page .ot-news-card--row{padding-block:10px}
 .ot-news-page--feature .ot-news-opening{padding-block:16px}
 .ot-news-page--feature .ot-news-card--lead{padding-block:0}
 .ot-news-page--feature .ot-news-companions{margin-top:20px}
 .ot-article-detail>article>.ot-article-opening{margin-bottom:20px}
 .ot-article-detail>article>.ot-article-opening--feature{padding-block:16px 14px}
 .ot-article-detail .ot-detail-heading h1,.ot-article-opening--feature .ot-detail-heading h1{font-size:22px;line-height:1.4;margin-block:10px}
 .ot-article-detail .ot-article-body,.ot-article-detail .ot-article-lead{font-size:16px;line-height:1.8}
 .ot-article-detail .ot-article-body p{margin-bottom:1.25em}
 .ot-article-detail .ot-article-body h2{margin-block:24px 12px}
 .ot-article-detail .ot-article-body h3{margin-block:24px 12px}
 .ot-article-detail .ot-detail-date{margin-top:12px}
 .ot-article-detail .ot-article-opening>.ot-image{margin-top:16px}
 .ot-article-detail>article>.ot-related,.ot-article-detail>article>.ot-reading-next{margin-top:28px;padding-top:16px}
 .ot-article-detail .ot-reading-next>h2{margin-bottom:12px}
 .ot-article-detail .ot-next-story{padding-bottom:18px;margin-bottom:18px}
 .ot-article-detail .ot-next-story:last-child{margin-bottom:0}
}