/* Weekly News shares the report typography, with diagrams for the week's events. */
.wn-banner { overflow: hidden; }
.wn-banner img { animation: wn-enter .7s ease both; }
.wn-intro { margin-bottom: 46px; }
.wn-section-title { display: flex; gap: 22px; margin-bottom: 28px; align-items: start; }
.wn-number { font: 500 .8rem/1.5 var(--sans); color: var(--qr-accent); padding-top: 5px; }
.wn-section-title h2 { max-width: 34ch; margin-top: 7px; font-size: clamp(1.7rem,3vw,2.15rem); line-height: 1.2; }
.wn-split { display: grid; grid-template-columns: 1fr 1.1fr; gap: 44px; align-items: start; }
.wn-copy { font: 1.04rem/1.8 var(--serif); }
.wn-copy p { margin-bottom: 18px; }
.wn-copy a, .wn-resource a, .wn-relationships a { color: var(--qr-accent); text-decoration: underline; text-underline-offset: 3px; }
.wn-copy .wn-takeaway { border-left: 2px solid var(--qr-accent); padding-left: 18px; margin-top: 25px; }
.wn-source, .wn-copy .wn-source { font: .71rem/1.65 var(--sans); margin-top: 18px; }
.wn-source a { color: var(--qr-accent); text-decoration: underline; text-underline-offset: 3px; }
.wn-funding, .wn-stack { margin: 0; }
.wn-funding > figcaption, .wn-guidance > figcaption, .wn-stack > figcaption, .wn-roadmap > figcaption { font: 600 .78rem/1.6 var(--sans); margin-bottom: 18px; }
.wn-funding > figcaption span, .wn-guidance > figcaption span { display: block; color: var(--qr-muted); font-weight: 400; font-size: .69rem; margin-top: 5px; }
.wn-funding details { border-bottom: 1px solid var(--qr-rule); }
.wn-funding summary { list-style: none; cursor: pointer; padding: 14px 0 15px; }
.wn-funding summary::-webkit-details-marker { display: none; }
.wn-award-label { display: flex; justify-content: space-between; gap: 10px; font: .8rem/1.5 var(--sans); }
.wn-award-label > span::after { content: '+'; margin-left: 10px; color: var(--qr-accent); }
.wn-funding details[open] .wn-award-label > span::after { content: '−'; }
.wn-award-label strong { color: var(--qr-accent); }
.wn-award-track { display: block; height: 8px; background: #eeeef2; margin-top: 10px; }
.wn-award-track i { display: block; width: var(--amount); height: 100%; background: var(--qr-accent); opacity: .65; transition: opacity .2s; }
.wn-funding details[open] i, .wn-funding summary:hover i { opacity: 1; }
.wn-funding details p { font: .78rem/1.7 var(--sans); color: var(--qr-muted); padding: 0 0 16px; }
.wn-funding .qr-bar-axis { padding: 13px 0 0; }
.wn-stack ol { list-style: none; display: grid; gap: 12px; }
.wn-stack li { border: 1px solid var(--qr-rule); padding: 15px 20px; position: relative; background: #fafaf7; }
.wn-stack li:last-child { background: #eeedf9; border-color: #d6d3f1; }
.wn-stack li:not(:last-child)::after { content: '↓'; position: absolute; left: 50%; bottom: -19px; color: var(--qr-accent); z-index: 1; background: white; padding: 0 6px; font: 1.1rem/1 var(--sans); }
.wn-stack strong { display: block; font: 500 .83rem/1.5 var(--sans); }
.wn-stack li span { color: var(--qr-muted); font: .72rem/1.5 var(--sans); }
.wn-resource { margin-top: 30px; padding: 25px 28px; background: #f6f5f9; }
.wn-resource h3 { font: 600 1.35rem/1.3 var(--serif); margin-top: 8px; }
.wn-resource dl { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 22px; }
.wn-resource dt { font: .7rem/1.5 var(--sans); color: var(--qr-muted); }
.wn-resource dd { font: 600 2rem/1.4 var(--serif); color: var(--qr-accent); margin: 0; }
.wn-resource > p { font: .77rem/1.7 var(--sans); color: var(--qr-muted); margin-top: 18px; }
.wn-section-deck { font: 1.05rem/1.75 var(--serif); max-width: 740px; margin-bottom: 28px; }
.wn-loop { margin: 28px 0; }
.wn-loop ol { list-style: none; display: grid; grid-template-columns: repeat(4,1fr); gap: 30px; }
.wn-loop li { position: relative; padding: 20px 12px 18px; border-block: 1px solid var(--qr-rule); transition: background .2s, border-color .2s; }
.wn-loop li:hover, .wn-loop li:focus-visible { background: #f2f0fd; border-color: var(--qr-accent); }
.wn-loop li:not(:last-child)::after { content: '→'; position: absolute; right: -24px; top: 45%; color: var(--qr-accent); }
.wn-loop li > span { font: .65rem/1.5 var(--sans); color: var(--qr-accent); }
.wn-loop strong { display: block; font: 600 1.25rem/1.4 var(--serif); margin: 8px 0; }
.wn-loop small { display: block; font: .7rem/1.6 var(--sans); color: var(--qr-muted); }
.wn-loop-return { border-bottom: 1px dashed #bbb5df; padding: 13px 0; text-align: center; color: var(--qr-muted); font: .69rem/1.5 var(--sans); }
.wn-timing { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; margin-top: 32px; }
.wn-timing article + article { border-left: 1px solid var(--qr-rule); padding-left: 32px; }
.wn-timing h3 { font: 600 clamp(1.8rem,3.1vw,2.75rem)/1.4 var(--serif); color: var(--qr-accent); margin: 14px 0; white-space: nowrap; }
.wn-timing h3 span { font-size: .6em; }
.wn-timing article > p:not(.qr-kicker):not(.wn-source) { font: .93rem/1.75 var(--serif); }
.wn-timing-note { background: #f7f7f3; padding: 16px 20px; margin-top: 24px; }
.wn-wide { max-width: 740px; margin: 26px auto; }
.wn-relationships { display: grid; grid-template-columns: 1fr 1fr; gap: 38px; margin: 30px 0; }
.wn-relationships article { border-block: 1px solid var(--qr-rule); padding: 20px 0; }
.wn-relationships h3 { font: 600 1.6rem/1.4 var(--serif); margin: 12px 0; }
.wn-relationships h3 span { color: var(--qr-accent); margin-inline: 7px; }
.wn-relationships p:not(.qr-kicker) { font: .94rem/1.75 var(--serif); color: var(--qr-muted); }
.wn-relationships a { display: inline-flex; align-items: center; min-height: 44px; font: .73rem/1.6 var(--sans); margin-top: 7px; }
.wn-guidance { margin: 34px 0; }
.wn-guidance-row { display: grid; grid-template-columns: 150px 1fr 110px; align-items: center; gap: 18px; margin-top: 21px; font: .76rem/1.5 var(--sans); }
.wn-guidance-row strong { text-align: right; }
.wn-range-track { height: 18px; position: relative; background: #f1f0f6; border-left: 1px solid #c4bfd7; }
.wn-range-track i { position: absolute; left: var(--start); width: calc(var(--end) - var(--start)); height: 100%; background: var(--qr-accent); min-width: 2px; }
.wn-guidance-axis { display: flex; justify-content: space-between; margin: 9px 128px 0 168px; font: .61rem/1.5 var(--sans); color: var(--qr-muted); }
.wn-prototype { display: grid; grid-template-columns: .85fr 1.4fr; gap: 50px; }
.wn-temperature { background: #f1effa; padding: 30px; align-self: start; }
.wn-temperature > span { font: .75rem/1.6 var(--sans); }
.wn-temperature strong { display: block; font: 600 clamp(3rem,5vw,4.6rem)/1.3 var(--serif); color: var(--qr-accent); margin: 18px 0; }
.wn-temperature small { font-size: .55em; }
.wn-temperature p { font: .8rem/1.7 var(--sans); color: var(--qr-muted); }
.wn-status-list div { border-top: 1px solid var(--qr-rule); padding: 12px 0; }
.wn-status-list dt { font: 600 .69rem/1.5 var(--sans); }
.wn-status-list dd { margin: 5px 0 0; font: .84rem/1.6 var(--sans); color: var(--qr-muted); }
.wn-roadmap { margin: 30px 0; }
.wn-roadmap ol { list-style: none; display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }
.wn-roadmap li { border-top: 2px dashed #c1b9e8; padding-top: 18px; }
.wn-year { font: 600 2.1rem/1.3 var(--serif); color: var(--qr-accent); }
.wn-roadmap h3 { font: 600 1.12rem/1.5 var(--serif); margin: 13px 0 10px; }
.wn-roadmap li p { font: .85rem/1.75 var(--serif); color: var(--qr-muted); }
.wn-conclusion { max-width: 740px; margin: 50px auto 35px; padding-top: 28px; border-top: 2px solid var(--qr-accent); }
.wn-conclusion h2 { font: 600 2rem/1.2 var(--serif); margin: 12px 0 22px; }
.wn-conclusion > p:not(.qr-kicker) { font: 1.05rem/1.8 var(--serif); margin: 15px 0; }
.wn-loop li:focus-visible { outline: 2px solid var(--qr-accent); outline-offset: 4px; }
@keyframes wn-enter { from { opacity: .4; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 760px) {
  .wn-split, .wn-prototype { grid-template-columns: 1fr; gap: 24px; }
  .wn-section-title { gap: 13px; }
  .wn-resource { padding: 23px 20px; }
  .wn-resource dl { gap: 12px; }
  .wn-resource dd { font-size: 1.75rem; }
  .wn-loop ol { gap: 22px; grid-template-columns: 1fr 1fr; }
  .wn-loop li:nth-child(2)::after { display: none; }
  .wn-timing, .wn-relationships { grid-template-columns: 1fr; gap: 24px; }
  .wn-timing article + article { border-left: 0; border-top: 1px solid var(--qr-rule); padding: 22px 0 0; }
  .wn-timing h3 { font-size: 2.35rem; }
  .wn-guidance-row { grid-template-columns: 1fr auto; gap: 10px; }
  .wn-range-track { grid-row: 2; grid-column: 1 / -1; }
  .wn-guidance-row strong { grid-column: 2; grid-row: 1; }
  .wn-guidance-axis { margin: 10px 0 0; font-size: .57rem; }
  .wn-temperature { padding: 25px; }
  .wn-roadmap ol { grid-template-columns: 1fr; gap: 24px; }
  .wn-roadmap li { border-top: 0; border-left: 2px dashed #c1b9e8; padding: 0 0 0 22px; }
}
@media (max-width: 380px) { .wn-resource dl { grid-template-columns: 1fr; } .wn-resource dl > div { display: flex; justify-content: space-between; align-items: baseline; } }
@media (prefers-reduced-motion: reduce) { .wn-report * { animation: none !important; transition: none !important; } }
@media print { .wn-funding details > p { display: block !important; } .wn-report figure, .wn-resource, .wn-timing article { break-inside: avoid; } }
