.bulletin{max-width:1020px;margin:0 auto;padding:clamp(24px,4vw,56px);background:var(--paper,#fff9ef);color:#2d211c}
.bulletin__header{margin:0 0 18px;text-align:left}
.bulletin__date{color:#782f32;font-weight:700}
.bulletin__header p:last-child{margin:0;font-size:1rem;line-height:1.65;color:#4d3c34}
.bulletin-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.bulletin-thumb{display:block;overflow:hidden;border:1px solid #d8c6ae;border-radius:8px;background:#fff9ef;color:#782f32;text-decoration:none;box-shadow:0 5px 16px rgb(69 43 31 / .12);transition:transform .16s ease,box-shadow .16s ease}
.bulletin-thumb:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgb(69 43 31 / .18)}
.bulletin-thumb img{display:block;width:100%;height:auto;aspect-ratio:210/297;object-fit:cover;object-position:top}
.bulletin-thumb span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 12px;font-weight:700}
.bulletin-viewer{min-width:0}
.bulletin-viewer__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.bulletin-viewer__title{margin:0;color:#782f32;font:1.45rem/1.2 Georgia,serif}
.bulletin-viewer__header [data-bulletin-status]{margin:5px 0 0;color:#53443b;font-size:.9rem}
.bulletin-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.bulletin-control{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:9px 14px;border:1px solid #a34830;border-radius:4px;background:#fff9ef;color:#782f32;font-weight:700;line-height:1.1}
.bulletin-control:hover:not(:disabled){background:#efe4cd}
.bulletin-control:disabled{opacity:.48;cursor:not-allowed}
.bulletin-control--primary{background:#a34830;color:#fff9ef}
.bulletin-control--primary:hover:not(:disabled){background:#782f32}
.bulletin-return{margin-left:auto}
.bulletin-help{margin:0 0 12px;color:#53443b;font-size:.9rem;line-height:1.5}
.bulletin-viewport{display:flex;justify-content:flex-start;max-height:min(70vh,850px);overflow:auto;border:1px solid #d8c6ae;background:#efe4cd;cursor:grab;touch-action:none}
.bulletin-viewport:focus-visible{outline:3px solid #782f32;outline-offset:3px}
.bulletin-viewport.is-dragging{cursor:grabbing;user-select:none}
.bulletin-viewport img{display:block;flex:none;max-width:none;height:auto;min-width:100%;align-self:flex-start}
@media (max-width:620px){.bulletin{padding:24px 16px}.bulletin-gallery{gap:12px}.bulletin-thumb span{font-size:.92rem}.bulletin-viewer__header{align-items:flex-start;flex-direction:column}.bulletin-return{margin-left:0}.bulletin-toolbar{display:grid;grid-template-columns:1fr 1fr}.bulletin-control{width:100%}.bulletin-viewport{max-height:62vh}}
@media (prefers-reduced-motion:reduce){.bulletin-thumb{transition:none}.bulletin-thumb:hover{transform:none}}
@media (max-width:620px){
 .bulletin-viewer__header{gap:8px;margin-bottom:10px}
 .bulletin-viewer__title{display:none}
 .bulletin-viewer__header>div{width:100%}
 .bulletin-viewer__header [data-bulletin-status]{font-size:14px;margin:0}
 .bulletin-return{width:auto;min-height:44px;font-size:14px}
 .bulletin-toolbar{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
 .bulletin-toolbar .bulletin-control{grid-column:span 2;font-size:14px;min-height:46px;padding:8px 3px}
 .bulletin-toolbar [data-bulletin-prev],.bulletin-toolbar [data-bulletin-next]{grid-column:span 3}
}