/* ==========================================================================
   Bulletin page only (bulletin.html) — load after styles.css and inner.css
   ========================================================================== */

/* latest issue: text + stylised paper cover */
.feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,6vw,90px);align-items:center;margin-bottom:90px}
.feature .badge{display:inline-block;margin-bottom:18px;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#10143a;background:#e8b960;padding:5px 14px;border-radius:99px}
.feature h2{font-size:clamp(2.8rem,7vw,5.4rem);margin:0 0 18px}
.feature p{max-width:520px;margin:0 0 30px;font-weight:300;font-size:1.1rem;color:var(--mute)}

.paperwrap{position:relative;width:min(340px,80%);aspect-ratio:3/4;margin:0 auto;text-decoration:none;display:block}
.paper{position:absolute;inset:0;border-radius:14px;background:#fbf6ec;color:#10143a;overflow:hidden;box-shadow:0 34px 60px -24px rgba(0,0,0,.7);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.paper.back{background:#e6dcc4;transform:rotate(7deg) translate(14px,6px)}
.paper.front{transform:rotate(-3deg);display:flex;flex-direction:column}
.paperwrap:hover .front{transform:rotate(0) translateY(-8px)}
.paperwrap:hover .back{transform:rotate(9deg) translate(20px,6px)}
.paper .band{display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#3039ab,#1d2358);color:#f5f0e6}
.paper .band img{height:38px;width:auto;display:block}
.paper .band b{font-family:var(--serif);font-size:1.15rem;letter-spacing:.14em;line-height:1.05}
.paper .band small{display:block;font-family:var(--sans);font-weight:400;font-size:.55rem;letter-spacing:.3em;color:#e8b960;margin-top:3px}
.paper .body{flex:1;padding:22px 20px 18px;display:flex;flex-direction:column}
.paper .mo{font-family:var(--serif);font-weight:700;font-size:2.3rem;line-height:1;color:#1d2358}
.paper .rule{height:3px;width:56px;margin:12px 0 16px;background:#e8b960;border-radius:2px}
.paper .ln{height:7px;border-radius:4px;background:#d8cfb8;margin-bottom:9px}
.paper .blk{height:70px;border-radius:8px;margin:8px 0 14px;background:linear-gradient(135deg,#c9cdf0,#e9dcc0)}
.paper .ft{margin-top:auto;font-size:.55rem;letter-spacing:.24em;text-transform:uppercase;color:#6c6a8c}

/* year groups */
.group{margin:46px 0 18px;display:flex;align-items:center;gap:16px;font-family:var(--serif);font-weight:700;font-size:2.2rem;line-height:1;color:var(--gold)}
.group::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(232,185,96,.5),transparent)}
.group:first-of-type{margin-top:0}

/* issue cards (each links to a PDF) */
.issues{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.issue{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:176px;padding:24px 22px 18px;border-radius:22px;text-decoration:none;color:#f5f0e6;background:linear-gradient(160deg,#2b3299 0%,#1d2358 50%,#10143a 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 40px -24px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .3s,border-color .3s,box-shadow .3s}
.issue::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#e8b960,transparent)}
.issue:hover{transform:translateY(-6px);border-color:rgba(232,185,96,.6);box-shadow:0 28px 50px -22px rgba(232,185,96,.35),inset 0 1px 0 rgba(255,255,255,.24)}
.issue .ghost{position:absolute;right:-6px;bottom:-22px;font-family:var(--serif);font-weight:700;font-size:6.5rem;line-height:1;letter-spacing:.02em;color:rgba(255,255,255,.06);pointer-events:none}
.issue .mon{position:relative;font-family:var(--serif);font-weight:700;font-size:2rem;line-height:1}
.issue .yr{position:relative;display:block;margin-top:6px;font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:#c9c6dc}
.issue .act{position:relative;margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;font-size:.85rem;font-weight:600;color:#e8b960}
.issue .pdf{display:inline-flex;align-items:center;gap:7px;font-size:.66rem;letter-spacing:.14em;color:#10143a;background:#e8b960;padding:4px 10px;border-radius:99px}
.issue .pdf svg{width:12px;height:12px}
.issue .arr{transition:transform .3s}
.issue:hover .arr{transform:translateX(5px)}

@media(max-width:860px){.feature{grid-template-columns:1fr;text-align:center}.feature p{margin-left:auto;margin-right:auto}.paperwrap{order:-1;width:min(260px,70%);margin-bottom:20px}}
@media(max-width:520px){.issues{grid-template-columns:1fr 1fr;gap:12px}.issue{min-height:150px;padding:20px 16px 14px}.issue .mon{font-size:1.55rem}.issue .ghost{font-size:4.6rem}.issue .act span.v{display:none}}