/* THE SIGNAL dated UK news and culture stories. Maintains the magazine palette. */
.signal-news-article{background:#f8faff;color:#11172c}
.news-skip{position:absolute;left:-9999px;top:0;padding:12px;background:#fff;z-index:50}
.news-skip:focus{left:12px}
.news-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:20px 0 72px}
.news-crumb{display:flex;gap:12px;align-items:center;color:#596780;font:700 12px/1.5 var(--signal-sans);margin:10px 0 24px}
.news-crumb a{color:#394d76}
.news-hero{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(260px,.72fr);background:#08132d;color:#fff;min-height:470px;overflow:hidden;border-radius:8px}
.news-hero-copy{padding:clamp(25px,5vw,62px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.news-kicker{display:block;font:800 11px/1.5 var(--signal-sans);letter-spacing:.18em;color:#fb82d7;text-transform:uppercase}
.news-hero h1{font:700 clamp(42px,5.5vw,75px)/1.01 var(--signal-serif);letter-spacing:-.055em;color:#fff;margin:22px 0 18px;text-wrap:balance}
.news-dek{font:400 clamp(17px,1.6vw,20px)/1.55 var(--signal-sans);color:#dce8ff;max-width:650px;margin:0}
.news-byline{font:650 12px/1.6 var(--signal-sans);color:#d3d9ec;margin-top:28px}
.news-byline span{color:#ef7bd0;margin:0 6px}
.news-visual{min-width:0;background:linear-gradient(145deg,#26255d,#39194c 55%,#172750)}
.news-visual figure{display:flex;flex-direction:column;height:100%;margin:0}
.news-visual figure img{width:100%;height:100%;min-height:380px;object-fit:cover}
.news-visual figcaption{padding:10px 14px;font:500 10px/1.6 var(--signal-sans);color:#d8e5fa;background:#0b1225}
.news-visual figcaption a{color:#b7e3ff}
.news-type-art{height:100%;min-height:430px;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,3vw,45px);border-left:1px solid #ffffff2b;position:relative;overflow:hidden}
.news-type-art:after{content:"✦";position:absolute;right:-28px;top:28%;font-size:240px;color:#ffffff0a;line-height:1;pointer-events:none}
.news-type-art span,.news-type-art small{font:800 11px/1.6 var(--signal-sans);letter-spacing:.17em;color:#dcbdf7}
.news-type-art strong{font:700 clamp(42px,5vw,67px)/.95 var(--signal-serif);letter-spacing:-.055em;color:#f5d5ef;position:relative;z-index:1}
.news-shell .read-aloud{width:100%;max-width:820px;box-sizing:border-box;margin:34px 0 0}
.news-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(210px,280px);gap:clamp(28px,5vw,75px);align-items:start;margin-top:34px}
.news-copy{font:400 18px/1.82 var(--signal-sans);color:#26314b}
.news-copy p{margin:0 0 23px}
.news-copy .news-lead{font-size:clamp(20px,2vw,24px);line-height:1.65;color:#15213e}
.news-copy h2{font:700 clamp(30px,3vw,39px)/1.14 var(--signal-serif);letter-spacing:-.035em;color:#0d1b3b;margin:48px 0 17px}
.news-copy a,.news-side a{color:#8d1973;text-underline-offset:4px}
.news-source{border-top:3px solid #ed61c2;margin-top:45px;padding-top:2px;font-size:15px;line-height:1.68}
.news-source ol{padding-left:23px}
.news-source li{margin-bottom:13px}
.news-share{border-top:1px solid #d3ddef;margin-top:32px;padding:21px 0;display:flex;align-items:center;gap:15px;flex-wrap:wrap;font:700 14px/1.5 var(--signal-sans)}
.news-share button{background:#122650;color:#fff;border:0;border-radius:25px;padding:12px 19px;font:700 13px var(--signal-sans);cursor:pointer}
.news-share button:hover{background:#a82483}
.news-side{display:grid;gap:18px}
.news-side-card{padding:25px;background:#101d3c;color:#fff}
.news-side-card small,.news-book small{font:800 10px/1.6 var(--signal-sans);letter-spacing:.14em;color:#e78bd3}
.news-side-card h2{font:700 28px/1.13 var(--signal-serif);color:#fff;margin:12px 0 20px}
.news-side-card a{display:block;color:#dbe9ff;margin:12px 0}
.news-book{display:grid;grid-template-columns:100px 1fr;gap:13px;padding:17px;border:1px solid #d7dff0;background:#fff}
.news-book img{width:100%;height:auto}
.news-book h2{font:700 22px/1.1 var(--signal-serif);margin:5px 0 9px}
.news-book p{font:400 12px/1.6 var(--signal-sans);margin:0 0 9px}
.news-book a{font:700 12px var(--signal-sans)}
@media(max-width:840px){.news-hero{grid-template-columns:1fr}.news-hero-copy{min-height:340px}.news-type-art{min-height:210px}.news-visual figure img{min-height:230px;max-height:330px}.news-layout{grid-template-columns:1fr}.news-side{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.news-shell{width:calc(100% - 24px);padding-bottom:45px}.news-hero{border-radius:0}.news-hero-copy{padding:26px 22px;min-height:0}.news-hero h1{font-size:clamp(39px,11vw,55px);margin:14px 0}.news-dek{font-size:16px}.news-byline{margin-top:19px}.news-visual figure img{height:230px;min-height:0}.news-type-art{min-height:190px;padding:20px}.news-type-art strong{font-size:40px}.news-layout{margin-top:24px}.news-copy{font-size:16px;line-height:1.77;padding:0 4px}.news-copy .news-lead{font-size:19px}.news-copy h2{margin-top:34px;font-size:30px}.news-side{grid-template-columns:1fr}.news-book{grid-template-columns:96px 1fr}.news-shell .read-aloud{margin-top:24px}}

/* A compact current affairs desk immediately after the existing cover and book. */
.signal-today{margin:19px 0 25px;background:#0b1632;color:#fff;padding:clamp(20px,3vw,38px);border:1px solid #283a62}
.signal-today-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap;border-bottom:1px solid #7895c94d;padding-bottom:20px}
.signal-today-head span,.signal-today-grid article>span{font:800 10px/1.5 var(--signal-sans);letter-spacing:.16em;color:#ff8cdb}
.signal-today-head h2{font:700 clamp(31px,4vw,53px)/1 var(--signal-serif);letter-spacing:-.04em;margin:8px 0 0;color:#fff}
.signal-today-head>a{font:700 12px/1.5 var(--signal-sans);color:#d3eaff;text-decoration:none}
.signal-today-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.signal-today-grid article{padding:24px clamp(12px,2vw,26px) 6px;border-right:1px solid #7895c94d}
.signal-today-grid article:first-child{padding-left:0}
.signal-today-grid article:last-child{border:0}
.signal-today-grid h3{font:700 clamp(23px,2.6vw,33px)/1.12 var(--signal-serif);letter-spacing:-.025em;margin:11px 0;color:#fff}
.signal-today-grid h3 a{color:#fff;text-decoration:none}
.signal-today-grid p{font:400 13px/1.65 var(--signal-sans);color:#c3d0ec;margin:0 0 17px}
.signal-today-grid article>a{font:750 12px/1.5 var(--signal-sans);color:#80e0ff}
.recent-type{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:25px;background:linear-gradient(140deg,#0a1431,#422249);color:#fff;text-decoration:none}
.recent-type span{font:700 clamp(33px,4vw,51px)/.99 var(--signal-serif);letter-spacing:-.05em}
.recent-type small{font:800 10px/1.5 var(--signal-sans);letter-spacing:.15em;color:#f2bddc}
.recent-type-jazz{background:linear-gradient(140deg,#0e2142,#1b3a60)}
@media(max-width:730px){.signal-today-grid{grid-template-columns:1fr}.signal-today-grid article,.signal-today-grid article:first-child{border-right:0;border-bottom:1px solid #7895c94d;padding:20px 0}.signal-today-grid article:last-child{border:0;padding-bottom:0}}
@media(max-width:620px){.recent-type{min-height:185px}.recent-type span{font-size:44px}}