:root{--paper:#E2CC9D;--shade:#C4A56C;--ink:#3A2410;--faded:#715536;--red:#7D1B13;--gold:#ffd100;--wood:#2a1e12;--wood2:#17100a;--edge:#8d6d2c;--link:#5B2A0E;--serif:'IM Fell English','Palatino Linotype',Georgia,serif}
*{box-sizing:border-box}
/* the paper: 920px wide, 862px content, 6 x 132px columns, 14px gutters (same grid as the addon) */
.paper{width:920px;background:var(--paper);border:6px solid var(--shade);padding:20px 23px 30px;box-shadow:0 8px 40px #0008}
.fo{display:flex;justify-content:space-between;font:10px/12px system-ui,sans-serif;color:var(--faded);margin-bottom:4px}
.dr2,hr{border:0;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);height:5px;margin:4px 0 8px}hr{border-top:1px solid var(--ink);border-bottom:0;height:0;margin:6px 0}
h1{font:normal 44px/52px var(--serif);font-variant:small-caps;text-align:center;margin:8px 0 0;letter-spacing:.02em}.tag{text-align:center;color:var(--faded);font-size:12px;margin-bottom:8px}
.front{display:grid;grid-template-columns:570px 278px;gap:14px;margin-top:10px}.front aside{border-left:1px solid #6b5a4388;padding-left:7px;margin-left:-7px}
.k{font:10px system-ui,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:var(--red)}
h2{font:normal 28px/32px var(--serif);font-variant:small-caps;margin:2px 0 4px}h4{font:normal 18px/20px var(--serif);font-variant:small-caps;margin:2px 0}
.by{font:10px system-ui,sans-serif;color:var(--faded)}
.lt{height:166px;overflow:hidden;column-count:2;column-fill:auto;column-gap:14px;column-rule:1px solid #6b5a4388;font:12px/16px system-ui,sans-serif;white-space:pre-line}
.dc{float:left;font:44px/38px var(--serif);color:var(--red);padding:2px 5px 0 0}.more{font:11px system-ui,sans-serif;color:var(--link);text-align:right}
aside a{display:flex;justify-content:space-between;font:12px/17px system-ui,sans-serif;color:var(--ink);text-decoration:none}aside a b{color:var(--faded);font-weight:normal}
.nt{border:1px solid var(--ink);padding:10px;margin-top:10px;text-align:center}.nt h5{margin:0 0 8px;font:normal 15px var(--serif);font-variant:small-caps}.nt p{margin:0;font:11px/14px system-ui,sans-serif}
.sec3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;min-height:40px}.sd{position:relative;min-height:150px}.sd+.sd::before,.cols>div+div::before{content:"";position:absolute;left:-7px;top:0;bottom:0;border-left:1px solid #6b5a4388}
.sn{font:11px/15px system-ui,sans-serif;max-height:76px;overflow:hidden;white-space:pre-line}.sn.cut::after{content:" ..."}
.ban{background:var(--red);color:var(--paper);text-align:center;letter-spacing:.3em;text-transform:uppercase;padding:5px;font:12px system-ui,sans-serif;margin:26px 0 12px}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;min-height:40px}.c4{grid-template-columns:repeat(4,1fr)}.cols>div{position:relative}
.st{border-bottom:1px solid #2a1e1088;padding-bottom:10px;margin-bottom:12px}.bd{font:11px/15px system-ui,sans-serif;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.ad{border:1px solid #2a1e10cc;padding:8px;margin-bottom:12px;font:11px/14px system-ui,sans-serif}.ad b{color:var(--red);letter-spacing:.05em}.ad i{display:block;text-align:right;color:var(--faded);font-size:10px}
.ev{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:6px 0 14px;border-bottom:1px solid #2a1e1088;margin-bottom:12px}.dy{font:36px/38px var(--serif);color:var(--red);text-align:center}.dy small{display:block;font:10px system-ui,sans-serif;letter-spacing:.2em;color:var(--faded)}.ev p{margin:4px 0 0;font:12px/16px system-ui,sans-serif}
.end{text-align:center;font:10px system-ui,sans-serif;color:var(--faded);border-top:1px solid var(--ink);margin-top:28px;padding-top:8px}.empty{color:var(--faded)}
body.edit [data-id],body.edit [data-ad],body.edit [data-ev],body.edit [data-notice]{cursor:grab;outline:1px dashed #8c1c1c66;outline-offset:2px}
body.edit [data-zone]{outline:1px dotted #6b5a4399;outline-offset:3px}.over{outline:2px solid var(--red)!important;background:#8c1c1c18}
a[data-go]{cursor:pointer}.ban.empty{opacity:.45}
.paper{color:var(--ink)}
.ban{background:linear-gradient(#8a2417,#5a130c);color:#f0d37a;border-top:1px solid #b08a3a;border-bottom:1px solid #b08a3a}
.ad{background:#0000000d}.nt{border-color:#715536}
.bdg{font:9px system-ui,sans-serif;padding:1px 5px;border-radius:2px;margin-left:6px;letter-spacing:.05em;vertical-align:1px;color:#222}.s-draft{background:#9a9a9a}.s-submitted{background:#e0a030}.s-approved{background:#4f9a4f;color:#fff}
[data-open]{cursor:pointer}h2[data-open]:hover,h4[data-open]:hover{text-decoration:underline}
a.more{display:block;font:11px system-ui,sans-serif;color:var(--link);text-align:right}a.more:hover,.rm:hover,.back:hover{text-decoration:underline}
.rm{display:none;font:11px system-ui,sans-serif;color:var(--link);text-align:right;margin-top:3px}.rm.on{display:block}
.back{display:inline-block;margin:8px 0 14px;font:12px system-ui,sans-serif;color:var(--link);cursor:pointer}
.art{max-width:700px;margin:0 auto;padding:0 10px}.at{font:normal 34px/38px var(--serif);font-variant:small-caps;margin:4px 0 6px}.ab{font:15px/23px Georgia,serif;white-space:pre-line;margin-top:14px}
.photo{display:block;width:100%;aspect-ratio:862/360;object-fit:cover;border:1px solid var(--ink);margin:10px 0 4px}.credit{text-align:right;font:italic 10px system-ui,sans-serif;color:var(--faded);margin:-1px 0 4px}
.adimg{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #2a1e1088;margin-bottom:6px}.art .photo{margin-top:12px}
.front .photo,.sec3 .photo,.cols .photo{margin:6px 0 2px}.front .credit,.sec3 .credit,.cols .credit{margin:0 0 6px}
.fo.dl{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.fo.dl span:nth-child(2){text-align:center}.fo.dl span:last-child{text-align:right}.ad b{text-transform:uppercase}
.paper{background-repeat:repeat;background-size:512px 512px}.mt{position:relative;display:inline-block}.mast{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:12px;width:128px;height:64px;object-fit:contain;object-position:right center}
/* events: a short preview in the list (the full text and flyer are on the event's page) */
.ev[data-open]{cursor:pointer}.ev[data-open]:hover h4{text-decoration:underline}.ev .et{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.evp{display:grid;grid-template-columns:70px 1fr;gap:20px}.evp .dy{margin-top:22px}.evw{font:600 13px system-ui,sans-serif;color:var(--red);margin:2px 0 4px}
.flyer{display:block;max-width:100%;max-height:640px;margin:14px auto 4px;border:1px solid var(--ink);box-shadow:0 4px 14px #0003}
.coin{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:-1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}
.coin.copper{background:radial-gradient(circle at 35% 35%,#f0b384,#b0602e 60%,#6e3612)}
.coin.silver{background:radial-gradient(circle at 35% 35%,#fff,#b8bcc2 60%,#6c7078)}
.coin.gold{background:radial-gradient(circle at 35% 35%,#fff3a8,#e0ad2a 60%,#8a6208)}