/* shared styles for inner pages (brand) */
.phero{position:relative;text-align:center;padding:3.5rem 1.5rem 3rem;background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(224,27,36,.35) 22px 25px,transparent 25px 34px),linear-gradient(180deg,#0a0a0a,#3a0507)}
.phero-in{position:relative;max-width:900px;margin:auto}.phero .eyebrow a{text-decoration:none}
.pname{font:700 clamp(2.4rem,7vw,4.5rem) Oswald;text-transform:uppercase;letter-spacing:.03em;margin:.2rem 0 .8rem;background:var(--gg);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 3px 0 #000)}
.pname .script{font:400 1.1em Yellowtail;text-transform:none;-webkit-text-fill-color:var(--red);margin-right:.2em}
.lead{color:#ddd;font-size:1.1rem}
.badges{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.badge{font:700 .8rem Oswald;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .9rem;border:1px solid #bbb;color:#fff}.badge.red{background:var(--red);border-color:var(--red)}
.srcline{font-size:.85rem;color:var(--mu);margin-top:1rem}.srcline a,.sources a,.tl a,.legend a{color:#ff6b70}
.wrap{max-width:1180px;margin:auto;padding:3rem 1.5rem 4rem}
.cols{display:grid;grid-template-columns:2fr 1fr;gap:2.5rem;align-items:start}
.wrap.cols{display:grid}
.herophoto{margin:0 0 3rem}.ph.tall{aspect-ratio:21/9}
figcaption{font-size:.8rem;color:var(--mu);margin-top:.5rem;font-style:italic}
.block{margin-bottom:3rem}.block h2{font-size:1.6rem;border-left:5px solid var(--red);padding-left:.8rem;margin-bottom:1.2rem}
.pending{color:#c9a0a2;font-style:italic}.pending-block{color:#c9a0a2;font-style:italic;border:1px dashed #6a2a2d;padding:1rem;background:rgba(224,27,36,.06)}
.unconfirmed{border-left:3px solid #ffb020;padding-left:.6rem}
.flagtag{display:inline-block;font:700 .68rem Oswald;letter-spacing:.12em;text-transform:uppercase;background:#ffb020;color:#111;padding:.1rem .5rem;border-radius:3px;vertical-align:middle}
.hl{padding-left:1.1rem;color:var(--tx)}.hl li{margin-bottom:.6rem}
.tl{list-style:none;padding:0;border-left:2px solid var(--red);margin-left:.5rem}
.tl li{display:flex;gap:1rem;padding:0 0 1.4rem 1.2rem;position:relative}.tl li:before{content:"";position:absolute;left:-7px;top:.45rem;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #0a0a0a}
.yr{font:700 1.1rem Oswald;min-width:4rem;color:#fff}.tl p{margin:.2rem 0 0;color:var(--mu)}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.gallery figure{margin:0}
.sources{color:var(--mu);font-size:.92rem}.sources li{margin-bottom:.6rem}
.side{position:sticky;top:90px;display:grid;gap:1.5rem}
.facts-card{background:var(--ch2);border:1px solid #444;border-top:4px solid var(--red);padding:1.3rem}
.facts-card h3{font:700 1.1rem Oswald;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .8rem}
.facts-card dl{grid-template-columns:6.5rem 1fr;margin:0}.facts-card dd{font-size:.95rem}
.facts-card.draft{border:2px dashed #ffb020}.facts-card.draft h3{margin-top:.6rem}
.legend p{font-size:.88rem;margin:.4rem 0}
/* form */
.nform fieldset{border:1px solid #3a3a3a;border-top:4px solid var(--red);background:var(--ch);padding:1.4rem;margin:0 0 1.8rem}
.nform legend{font:700 1rem Oswald;text-transform:uppercase;letter-spacing:.12em;padding:0 .5rem;color:#fff}
.nform label{display:block;font:700 .85rem Lato;margin-bottom:1rem;color:#ddd}
.nform input:not([type=checkbox]),.nform select,.nform textarea{display:block;width:100%;margin-top:.35rem;padding:.75rem;background:#0d0d0d;color:#fff;border:1px solid #555;border-radius:4px;font:1rem Lato}
.nform input:focus,.nform select:focus,.nform textarea:focus{outline:2px solid var(--red);border-color:var(--red)}
.nform .check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}.nform .check input{margin-top:.25rem;accent-color:var(--red);width:18px;height:18px}
.two-in{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.req{color:var(--red)}.hp{position:absolute;left:-9999px}
.note{font-size:.82rem;color:var(--mu);font-style:italic}
button.btn{cursor:pointer}
@media(max-width:860px){.cols,.wrap.cols{grid-template-columns:1fr}.side{position:static}.gallery,.two-in{grid-template-columns:1fr}}
@media(max-width:860px){.wrap.cols .side{order:-1}}
.filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}
.fbtn{font:700 .78rem Oswald;letter-spacing:.1em;text-transform:uppercase;background:transparent;color:#ddd;border:1px solid #555;padding:.5rem .9rem;cursor:pointer}
.fbtn.on,.fbtn:hover{background:var(--red);border-color:var(--red);color:#fff}
a.plaque{text-decoration:none;display:block}.yrtag{font-size:.8rem;color:var(--mu)!important;margin-top:.3rem!important}
.clist{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
.clist li{background:var(--ch2);border-left:4px solid var(--red);padding:.8rem 1rem}.clist .cat{display:block;font:700 .72rem Oswald;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.clist a{font:700 1.15rem Oswald;text-transform:uppercase;text-decoration:none;color:#fff}
.h2badge,.block h2 .badge{font-size:.7rem;vertical-align:middle;margin-left:.6rem}
.ev{grid-template-columns:1fr 1fr;margin-bottom:2rem}
.note a{color:#ff6b70}
@media(max-width:860px){.clist{grid-template-columns:1fr}.ev{grid-template-columns:1fr}}
.tl b{display:block;line-height:1.35}.tl li>div{flex:1}

/* public help links */
.help{margin:.75rem 0 0;font-size:.92rem}
.help a{color:#ff6b70;text-decoration:none;border-bottom:1px solid rgba(255,107,112,.45)}
.help a:hover{border-bottom-color:#ff6b70}
.facts-card .help{margin-top:.6rem}
.flag,.tempnote{display:none!important}
.facts-card.draft{border:1px solid #555;border-top:4px solid var(--red)}
.facts-card dd .help,.facts-card dd a{display:inline;margin:0 0 0 .4rem;font-size:.85rem}

/* past classes */
.lead-in{max-width:800px;margin:0 auto 1.6rem;color:var(--mu);text-align:left}
.wrap .lead-in{margin-left:0;margin-right:0}
.cer-line{color:var(--mu);margin:.4rem 0 1rem;font-size:.95rem}
.class-note,.entry-note{font-size:.88rem;color:var(--mu);margin:.4rem 0 0;font-style:italic}
.clist{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch}
.clist li{display:flex;flex-direction:column;gap:.25rem}
.clist .who{font:700 1.15rem Oswald;text-transform:uppercase;color:#fff}
.clist li.unconfirmed{border-left-color:#ffb020}
.confirm{font-size:.82rem;color:#ff6b70;text-decoration:none;border-bottom:1px solid rgba(255,107,112,.45);width:max-content}
.confirm:hover{border-bottom-color:#ff6b70}
.src-h{font:700 .9rem Oswald;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:1.4rem 0 .6rem}
.classcard .sources{margin:0 0 0 1.1rem}
.unconfirmed-inline{display:inline}
.filters{align-items:center}
.flabel{font:700 .78rem Oswald;letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#e01b24);margin-right:.3rem}
.icards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}
.icard{background:var(--ch2,#202020);border:1px solid #444;border-top:4px solid var(--red,#e01b24);padding:1rem 1.1rem 1.1rem;text-decoration:none;color:inherit;display:block}
.icard.unconfirmed-card{border-top-color:#ffb020}
.icard h3{font:700 1.15rem Oswald;text-transform:uppercase;margin:.15rem 0 .3rem;color:#fff}
.icard .cat{margin:0}
.icard .flagtag{margin-top:.45rem}
.icard .confirm{display:inline-block;margin-top:.35rem}
.filter-empty{text-align:center;color:var(--mu)}
.ev-stack{display:grid;gap:1.2rem;margin-top:1.5rem}
.evcard h3{font:700 1.15rem Oswald;text-transform:uppercase;letter-spacing:.04em;margin:.6rem 0 .2rem}
.evcard .badge{margin-right:.5rem}
.evcard.unconfirmed-card{border-top-color:#ffb020}
.evcard dl{margin:.8rem 0}
.hist-tl{margin:2rem 0}
.hist-tl p{color:var(--tx)}
@media(max-width:860px){.icards{grid-template-columns:1fr}}

.clist{grid-template-columns:repeat(4,1fr)}
.clist a.confirm,.icard .confirm,a.confirm{font:400 .82rem Lato,sans-serif!important;text-transform:none!important;letter-spacing:0!important;font-weight:400;color:#ff6b70}
@media(max-width:1100px){.clist{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.clist{grid-template-columns:1fr}}
.classcard,.evcard,[id^="class-"],[id^="event-"]{scroll-margin-top:96px}
