@import url("../field-notes/editorial.css");

:root{--wine:#173d68;--event-blue:#173d68;--event-cyan:#20c7d4;--event-pink:#ee367f}
body[data-content-type="event"]{background:#f3f1eb}
.event-kicker{display:flex;align-items:center;gap:10px}
.event-kicker:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--event-cyan);box-shadow:15px 0 0 var(--event-pink)}
.event-header h1{max-width:1050px}
.event-header .article-intro{max-width:820px}
.event-at-glance{grid-template-columns:repeat(4,1fr)}
.event-section-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:70px;align-items:start}
.event-section-grid .reading{max-width:680px}
.event-facts{margin:0;border-top:1px solid var(--rule)}
.event-facts div{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--rule)}
.event-facts dt{font:9px var(--mono);text-transform:uppercase;color:var(--muted)}
.event-facts dd{margin:0}
.event-outcome{font:500 clamp(2rem,4vw,4rem)/1.08 var(--serif);border-left:4px solid var(--event-cyan);padding-left:28px;max-width:850px}
.related-project{position:relative;overflow:hidden;padding:clamp(30px,6vw,70px);border-radius:18px;background:#071d2e;color:#f7f4ed}
.related-project:after{content:"";position:absolute;width:230px;height:230px;right:-90px;top:-105px;border-radius:50%;border:44px solid rgba(32,199,212,.22)}
.related-project .eyebrow{color:#62dce4}
.related-project h2{position:relative;z-index:1;max-width:800px;margin-bottom:24px}
.related-project p{position:relative;z-index:1;max-width:680px;color:rgba(247,244,237,.72)}
.event-actions{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.event-action{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid rgba(247,244,237,.42);border-radius:999px;text-decoration:none;font-weight:650;transition:transform .25s,background .25s,color .25s}
.event-action-primary{background:#f7f4ed;color:#071d2e;border-color:#f7f4ed}
.event-action:hover,.event-action:focus-visible{transform:translateY(-3px)}
.event-action-secondary:hover,.event-action-secondary:focus-visible{background:rgba(247,244,237,.1)}
@media(max-width:900px){.event-section-grid{grid-template-columns:1fr;gap:35px}.event-at-glance{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.event-at-glance{grid-template-columns:1fr}.event-actions{display:grid}.event-action{width:100%}.event-header h1{font-size:3.35rem}}

body[data-content-type="event-index"]{--wine:#173d68}
.archive{width:var(--shell);margin:0 auto 150px}
.archive-tools{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:22px}
.archive-tools h2{margin:0;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.05em}
.archive .notes-list{width:100%;margin:0}
.event-count{margin:0;font:10px var(--mono);text-transform:uppercase;color:var(--muted)}
.event-row{position:relative;display:grid;grid-template-columns:220px 1fr 220px;gap:40px;padding:40px 0;border-bottom:1px solid var(--rule);transition:background .25s,padding .25s}
.event-row:first-child{border-top:1px solid var(--rule)}
.event-row:hover{background:#fff;padding-inline:18px}
.event-row .note-topic{color:var(--wine);font-weight:650}
.event-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.event-link{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--rule);border-radius:999px;text-decoration:none;font-size:13px;font-weight:650;transition:transform .25s,background .25s,color .25s}
.event-link:hover,.event-link:focus-visible{transform:translateY(-3px)}
.event-link-primary{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.event-link-secondary:hover,.event-link-secondary:focus-visible{background:#f3f1eb}
.event-preview{position:relative;height:150px;overflow:hidden;padding:18px;background:linear-gradient(145deg,#051827,#073f55 58%,#12a8b5);color:#fff}
.event-preview:after{content:"";position:absolute;width:110px;height:110px;right:-34px;bottom:-50px;border:18px solid rgba(238,54,127,.72);border-radius:50%}
.event-preview span{font:9px var(--mono);letter-spacing:.08em}
.event-preview strong{position:absolute;left:18px;bottom:16px;font-size:25px;line-height:.83;letter-spacing:-.05em}
.event-preview i{position:absolute;right:20px;top:18px;color:#45d9e2;font-style:normal}
@media(max-width:900px){.event-row{grid-template-columns:160px 1fr}.event-preview{grid-column:2}}
@media(max-width:620px){.event-row{grid-template-columns:1fr;gap:20px}.event-preview{grid-column:1}.event-links{display:grid}.event-link{justify-content:center;width:100%}}