/* Board and recruitment patterns share the existing system tokens. */
.bg-board-tools,.bg-board-meta,.bg-board-actions{display:flex;gap:var(--bg-space-3);align-items:center;flex-wrap:wrap}
.bg-board-tools{justify-content:space-between;margin-block:var(--bg-space-6)}
.bg-board-search{display:flex;gap:var(--bg-space-2);flex-wrap:wrap;align-items:end}
.bg-board-search input{min-width:0;width:100%}.bg-board-search label{flex:1;min-width:120px}
.bg-board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bg-space-6)}
.bg-board-card{min-width:0;border-bottom:1px solid var(--bg-border);padding-bottom:var(--bg-space-6)}
.bg-board-link{display:block;width:100%;background:none;border:0;padding:0;text-align:left;color:inherit;cursor:pointer;font:inherit}
.bg-board-link h3{font-size:20px;margin:var(--bg-space-4) 0 var(--bg-space-2);line-height:var(--bg-leading-heading)}
.bg-board-link:hover h3{text-decoration:underline;text-underline-offset:4px}
.bg-board-meta{font-size:var(--bg-type-small);color:var(--bg-secondary)}
.bg-board-meta time{white-space:nowrap}.bg-board-pager{display:flex;justify-content:center;gap:var(--bg-space-2);margin-block:var(--bg-space-8)}
.bg-board-body{max-width:var(--bg-reading-width);margin:var(--bg-space-8) auto;line-height:var(--bg-leading-body)}
.bg-board-body .bg-media-placeholder{min-height:240px;margin-block:var(--bg-space-6)}
.bg-board-adjacent{display:grid;gap:var(--bg-space-3);border-block:1px solid var(--bg-border);padding-block:var(--bg-space-4);margin-block:var(--bg-space-6)}
.bg-board-empty{padding:var(--bg-space-12) var(--bg-space-6);text-align:center;border:1px solid var(--bg-border)}
.bg-schedule{display:grid;gap:0}.bg-schedule-item{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:var(--bg-space-6);padding-block:var(--bg-space-6);border-bottom:1px solid var(--bg-border);align-items:start}
.bg-schedule-date{font-size:var(--bg-type-small);text-align:center;background:var(--bg-soft);padding:var(--bg-space-3)}
.bg-schedule-date strong{display:block;font-size:var(--bg-type-heading)}
.bg-schedule-item h3{margin:0 0 var(--bg-space-3)}
.bg-event-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--bg-space-8);align-items:start}
.bg-event-summary{position:sticky;top:var(--bg-space-6);border:1px solid var(--bg-border);border-radius:var(--bg-radius-surface);padding:var(--bg-space-6)}
.bg-event-summary .button{width:100%;margin-top:var(--bg-space-4)}
.bg-board-form{max-width:var(--bg-reading-width);margin-inline:auto;display:grid;gap:var(--bg-space-6)}
.bg-board-form textarea{min-height:180px}.bg-board-form .field{min-width:0}
@media(max-width:1023px){.bg-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-event-layout{grid-template-columns:1fr}.bg-event-summary{position:static}}
@media(max-width:767px){.bg-board-grid{grid-template-columns:1fr}.bg-schedule-item{grid-template-columns:64px minmax(0,1fr);gap:var(--bg-space-4)}.bg-schedule-item>.button{grid-column:2}.bg-board-search{width:100%}.bg-board-tools>.row{width:100%}}
.preview-frame.mobile .bg-board-grid{grid-template-columns:1fr}.preview-frame.mobile .bg-event-layout{grid-template-columns:1fr}.preview-frame.mobile .bg-event-summary{position:static}.preview-frame.mobile .bg-schedule-item{grid-template-columns:64px minmax(0,1fr)}.preview-frame.mobile .bg-schedule-item>.button{grid-column:2}
.bg-board-shell{padding:var(--bg-space-8)}.bg-board-shell h1{margin-block:var(--bg-space-6);line-height:var(--bg-leading-heading)}.bg-board-shell h2{margin-block:var(--bg-space-6) var(--bg-space-4)}@media(max-width:767px){.bg-board-shell{padding:var(--bg-space-5)}}.preview-frame.mobile .bg-board-shell{padding:var(--bg-space-5)}
.bg-text-row{display:flex;gap:var(--bg-space-4);align-items:center;padding:var(--bg-space-6) var(--bg-space-4);border-bottom:1px solid var(--bg-border)}.bg-text-row.is-pinned{background:var(--bg-soft)}.bg-text-kind{min-width:80px;font-size:var(--bg-type-small)}.bg-text-main{flex:1;min-width:0}.bg-text-main h3{font-size:18px;margin:0 0 var(--bg-space-2);overflow-wrap:anywhere}.bg-text-list{border-top:1px solid var(--bg-ink)}@media(max-width:767px){.bg-text-row{flex-wrap:wrap;align-items:start}.bg-text-main{flex-basis:70%}.bg-text-row>.helper{margin-left:auto}}.preview-frame.mobile .bg-text-row{flex-wrap:wrap}.preview-frame.mobile .bg-text-main{flex-basis:70%}