.time-article-page{max-width:1110px;padding-top:30px;padding-bottom:70px}
.time-article{--time-ink:#112a4f;--time-gold:#c4993e;color:var(--time-ink);font-family:"DM Sans",var(--sans),sans-serif}
.time-article-header{padding:0 32px 28px}
.time-article .news-kicker{color:#38516d;font-size:.78rem;letter-spacing:.095em}
.time-article h1{font-size:clamp(2.2rem,4.2vw,3.65rem);font-weight:800;line-height:1.1;letter-spacing:-.045em;margin:14px 0 16px;max-width:100%}
.time-article h1 span,.time-closing span{color:var(--time-gold)}
.time-standfirst{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.5;color:#52617a;max-width:880px;margin-bottom:14px}
.time-article .event-dateline{font-size:.94rem;line-height:1.6;font-weight:700}
.time-hero{margin:0 0 28px}
.time-hero img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:14px}
.time-article figcaption{font-size:.75rem;line-height:1.5;color:#5b677a;margin-top:8px}
.time-hero figcaption{padding-inline:32px}
.time-introduction{padding-inline:32px;font-size:1.15rem;line-height:1.8;margin-bottom:30px}
.time-quote{margin:0 0 36px;padding:28px 32px;border:1px solid #d3ad59;border-radius:14px;background:#fffcf4}
.time-quote blockquote{margin:0;padding-left:24px;border-left:5px solid #e0b44f}
.time-quote blockquote p{font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:700;line-height:1.4;letter-spacing:-.025em}
.time-quote figcaption{padding-left:29px;margin-top:12px;font-size:.9rem;color:#52617a}
.time-quote cite{font-style:normal}
.time-article a:not(.news-read){text-underline-offset:4px}
.time-article p a,.time-references a{text-decoration:underline;color:#194d99}
.time-article a:hover{text-decoration:underline}
.time-sections{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.95fr);column-gap:34px;row-gap:30px;margin-bottom:34px}
.time-step{display:grid;grid-template-columns:38px minmax(0,1fr);gap:18px;align-items:start}
.time-step:nth-of-type(1){grid-column:1;grid-row:1}
.time-step:nth-of-type(2){grid-column:1;grid-row:2}
.time-step:nth-of-type(3){grid-column:1;grid-row:3}
.time-step:nth-of-type(4),.time-step:nth-of-type(5){grid-column:1/-1}
.time-step-number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:#eac66d;border-radius:50%;color:var(--time-ink);font-size:1.1rem;font-weight:700;line-height:1}
.time-step h2{font-size:clamp(1.25rem,2.1vw,1.65rem);font-weight:800;line-height:1.3;letter-spacing:-.03em;margin:3px 0 10px}
.time-step p{font-size:1.025rem;line-height:1.8;color:#3f5069}
.time-reflection{grid-column:2;grid-row:1/4;margin:0;align-self:start}
.time-reflection img{display:block;width:100%;height:auto;border-radius:14px}
.time-takeaway{padding:28px 34px;border-radius:14px;background:#f4d98d;margin:0 0 28px}
.time-takeaway>div{border-left:5px solid #d5a541;padding-left:25px}
.time-takeaway h2{font-size:1.5rem;font-weight:800;line-height:1.3;margin:0 0 10px;letter-spacing:-.025em}
.time-takeaway p{font-size:1.05rem;line-height:1.7}
.time-closing{font-size:clamp(1.7rem,3vw,2.55rem);font-weight:800;line-height:1.25;letter-spacing:-.04em;margin-bottom:26px}
.time-references{font-size:.8rem;line-height:1.8;border-top:1px solid #e0ded5;padding-top:18px;color:#52617a}
.time-more{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:24px}
.app-content .time-article-header{padding:0 0 22px}
.app-content .time-introduction,.app-content .time-hero figcaption{padding-inline:0}
.app-content .time-sections{grid-template-columns:1fr}
.app-content .time-step,.app-content .time-reflection{grid-column:1;grid-row:auto}
.app-content .time-reflection{max-width:360px;width:100%;justify-self:center}
@media(max-width:700px){
  .time-article-page{padding-bottom:40px}
  .time-article-header{padding:0 0 24px}
  .time-article h1{margin-top:12px}
  .time-hero{margin-bottom:24px}
  .time-hero img{border-radius:10px}
  .time-hero figcaption,.time-introduction{padding-inline:0}
  .time-introduction{font-size:1.05rem;line-height:1.8;margin-bottom:24px}
  .time-quote{padding:22px 18px;margin-bottom:28px}
  .time-quote blockquote{padding-left:16px;border-width:4px}
  .time-quote figcaption{padding-left:20px;font-size:.8rem}
  .time-sections{grid-template-columns:1fr;gap:26px}
  .time-step,.time-step:nth-of-type(n),.time-reflection{grid-column:1;grid-row:auto}
  .time-step{grid-template-columns:30px minmax(0,1fr);gap:12px}
  .time-step-number{width:30px;height:30px;font-size:.95rem}
  .time-step h2{margin-top:1px}
  .time-step p{font-size:1rem}
  .time-reflection{max-width:360px;width:100%;justify-self:center}
  .time-reflection img{aspect-ratio:4/3;object-fit:cover;object-position:50% 62%}
  .time-takeaway{padding:24px 20px}
  .time-takeaway>div{padding-left:16px;border-width:4px}
  .time-takeaway h2{font-size:1.3rem}
  .time-takeaway p{font-size:1rem}
}