/* News: dated dispatches down the left like entries in a herald's book; coming events as a rail of waypoints on the right. Used on the home page and on /news. */
.chron{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:clamp(24px,4vw,56px);align-items:start;margin-top:clamp(28px,4vw,44px)}
.hall .chron{margin-top:0}
.chron-main{border-top:1px solid #e0b35a38}
.dispatch{display:grid;grid-template-columns:92px minmax(0,1fr);gap:24px;padding:28px 0;border-bottom:1px solid #e0b35a38}
.stamp{display:grid;justify-items:center;align-content:start;gap:6px;padding-top:2px}
.stamp b{font:400 56px/.86 var(--f-carve)}
.stamp span{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c4b594}
.d-body{display:grid;gap:10px;align-content:start;min-width:0}
.d-body h2,.d-body h3{font-size:clamp(26px,2.6vw,34px);color:#eceff1;text-shadow:0 2px 12px #000}
.d-body h2 a,.d-body h3 a{text-decoration:none;transition:color .2s}
.d-body h2 a:hover,.d-body h3 a:hover{color:var(--gold-hi)}
.gist{font-size:16px;color:#c8cfd3;max-width:64ch;text-shadow:0 1px 8px #000;overflow-wrap:anywhere}
.more{justify-self:start;font-size:15px;font-weight:600;color:var(--gold-hi);text-decoration:underline;text-decoration-color:#e0b35a66;text-underline-offset:.24em}
.more:hover{text-decoration-color:var(--gold)}
.when{display:inline-flex;align-items:center;gap:8px;justify-self:start;padding:5px 12px 5px 10px;font-size:14px;font-weight:600;color:#9ff3cf;background:#0d2b22d9;box-shadow:inset 0 0 0 1px #3ddba04d}
.when svg{width:16px;height:16px;flex:none}
.quiet{font-size:15px;color:#b3bbbf}

.rail{padding:28px 26px 30px;position:sticky;top:100px}
.rail h2{font-size:30px;color:#eceff1;margin-bottom:14px}
.waypoints{list-style:none;margin:0;padding:0;position:relative}
.waypoints::before{content:"";position:absolute;top:22px;bottom:22px;left:12px;width:6px;margin-left:-3px;background:radial-gradient(circle,#e0b35a 1.5px,#e0b35a00 2.1px) 50% 0/6px 12px repeat-y;opacity:.8}
.waypoints li{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr);gap:2px 14px;padding:12px 0}
.gem{grid-row:span 2;align-self:start;width:14px;height:14px;margin:5px;transform:rotate(45deg);background:linear-gradient(135deg,#15523f,#0a2019);box-shadow:inset 0 0 0 1px #e0b35a,0 4px 8px -2px #000}
.waypoints time{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.waypoints time b{font:400 23px/1.1 var(--f-carve);color:var(--gold)}
.waypoints time span{font-size:13px;color:#aeb6ba}
.waypoints a{grid-column:2;font-size:15px;line-height:1.4;color:#e3e7e9;text-decoration:none;transition:color .2s}
.waypoints a:hover{color:var(--gold-hi)}

.empty-news{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;align-items:center;padding:30px;margin-top:0}
.empty-news img{width:96px;height:96px;filter:drop-shadow(0 10px 12px #000c)}
.empty-news h2{font-size:32px;color:#eceff1;margin-bottom:8px}
.empty-news p{font-size:15px;color:#c3cacd;max-width:52ch}

.back{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;font-weight:600;font-size:15px;color:var(--gold-hi);text-decoration:none}
.back::before{content:"";width:8px;height:8px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(45deg)}
.back:hover{color:#fff1cc}
.scroll-page{padding:clamp(28px,4.2vw,56px);margin-top:0}
.scroll-page .date{display:block;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c4b594}
.scroll-page h1{font-size:clamp(36px,4.4vw,58px);color:#eceff1;margin:12px 0 18px;text-wrap:balance}
.scroll-page .when{margin-bottom:22px}
.prose{display:grid;gap:16px;font-size:17px;line-height:1.7;color:#d3d8db;max-width:68ch;overflow-wrap:anywhere}

@media (max-width:900px){.chron{grid-template-columns:minmax(0,1fr)}.rail{position:relative;top:auto}}
@media (max-width:560px){.dispatch{grid-template-columns:minmax(0,1fr);gap:10px;padding:22px 0}.stamp{display:flex;align-items:baseline;gap:10px;justify-items:start;padding:0}.stamp b{font-size:34px}.empty-news{grid-template-columns:minmax(0,1fr);justify-items:start;padding:24px}}