/* The club's scrapbook paper for its plain pages (/help, /terms), her ask 10/17 ("way too boring.. Halloween vibes over
   here too"): the night scene behind, washi tape on the cards, the month's stickers peeling off their corners (never
   over the words), sticker bullets on the rows, and diary-ruled paper inside the answers. The words stay plain, large
   and dark on paper; readability first. The month comes from club-theme.js. */
html { overflow-x:clip; }
body { background:linear-gradient(rgba(20,12,9,.8), rgba(20,12,9,.9)), var(--scene, url(/assets/join/2026-10/scene-wide.jpg)) center/cover fixed, #1c130f !important; }
.seal-top { display:block; width:76px; height:76px; margin:0 auto 12px; filter:drop-shadow(0 8px 16px rgba(0,0,0,.5)); }
.cyclestamp { display:inline-block; margin:6px 0 0; padding:6px 12px; border:1.5px dashed rgba(236,172,98,.7); border-radius:6px; rotate:-2deg;
  font:600 11px/1 Lora, Georgia, serif; letter-spacing:.2em; text-transform:uppercase; color:#ecac62; background:rgba(28,19,15,.55); }
.scrap { position:relative; }
.scrap::before { content:""; position:absolute; z-index:3; top:-13px; left:50%; width:150px; height:30px; translate:-50% 0; rotate:-2deg; pointer-events:none;
  background:repeating-linear-gradient(135deg, #da7a2c 0 9px, #efd7b5 9px 18px); opacity:.92; box-shadow:0 2px 5px rgba(0,0,0,.25); }
.scrap .peel { position:absolute; z-index:3; width:92px; height:auto; pointer-events:none; filter:drop-shadow(0 6px 8px rgba(0,0,0,.35)); }
.scrap .peel.p0 { top:56px; right:-112px; rotate:9deg; }   /* out in the side space, so they never touch a row, an arrow or a word */
.scrap .peel.p1 { bottom:36px; left:-112px; rotate:-8deg; }
@media (max-width: 1000px) { .scrap .peel { display:none; } }   /* no side space: the tape, bullets and paper carry it */
summary .bul { flex:none; width:28px; height:28px; margin-right:10px; rotate:-6deg; filter:drop-shadow(0 2px 3px rgba(0,0,0,.2)); }
summary { justify-content:flex-start !important; } summary::after { margin-left:auto !important; }
details[open] .body { background-image:repeating-linear-gradient(180deg, transparent 0 27px, rgba(205,180,150,.45) 27px 28px); background-position:0 2px; }
details .body p, details .body li { line-height:28px; }
@media (max-width: 560px) { .seal-top { width:62px; height:62px; } }