:root { --board-ink:#102e59; --board-paper:#f6f2e9; --board-muted:#657086; --board-line:rgba(16,46,89,.16); }
.festival-board-header,.festival-board-header *,.festival-board-main,.festival-board-main *,.festival-board-footer,.festival-board-footer * { box-sizing:border-box; }
.festival-board-header { position:sticky; z-index:50; top:0; color:#fff; background:rgba(6,27,54,.96); border-bottom:1px solid rgba(255,255,255,.14); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.festival-board-header-inner { display:flex; width:100%; max-width:960px; min-height:78px; margin:0 auto; padding:0 24px; align-items:center; justify-content:space-between; gap:30px; }
.festival-board-brand { display:inline-flex; min-width:0; color:#fff; align-items:center; gap:13px; text-decoration:none; }
.festival-board-year { display:inline-grid; height:30px; padding:0 9px; color:var(--board-ink); background:#f5f1e8; border-radius:3px; font-family:Georgia,"Times New Roman",serif; font-size:17px; place-items:center; }
.festival-board-brand-text { display:flex; min-width:0; flex-direction:column; }
.festival-board-brand-text strong { font-size:17px; font-weight:600; letter-spacing:.02em; }
.festival-board-brand-text small { margin-top:3px; color:rgba(255,255,255,.5); font-family:Georgia,"Times New Roman",serif; font-size:8px; letter-spacing:.13em; }
.festival-board-nav { display:flex; align-items:center; gap:22px; }
.festival-board-nav a { position:relative; padding:29px 0 26px; color:rgba(255,255,255,.7); font-size:12px; text-decoration:none; white-space:nowrap; }
.festival-board-nav a:hover,.festival-board-nav a:focus-visible,.festival-board-nav a[aria-current="page"] { color:#fff; }
.festival-board-nav a[aria-current="page"]::after { position:absolute; right:0; bottom:18px; left:0; height:1px; background:#fff; content:""; }
.festival-board-main { width:100%; min-height:calc(100vh - 250px); padding:50px 24px 80px; background-color:var(--board-paper); background-image:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.55),transparent 54%),url("../img/paper-texture.svg"); }
.festival-board-title { width:100%; max-width:960px; margin:0 auto 30px; padding-bottom:24px; border-bottom:1px solid var(--board-line); text-align:center; }
.festival-board-title > span { display:block; margin-bottom:8px; color:var(--board-muted); font-family:Georgia,"Times New Roman",serif; font-size:10px; letter-spacing:.18em; }
.festival-board-title h1 { margin:0; color:var(--board-ink); font-size:30px; font-weight:600; letter-spacing:-.02em; }
.festival-board-title p { margin:10px 0 0; color:var(--board-muted); font-size:13px; }
.festival-board-content { width:100%; max-width:960px; margin:0 auto; padding:28px; background:rgba(255,255,255,.76); border:1px solid rgba(16,46,89,.08); box-shadow:0 18px 56px rgba(16,46,89,.08); }
.festival-board-content #bo_list,.festival-board-content #bo_v,.festival-board-content #bo_w { margin-right:auto; margin-left:auto; }
.festival-board-content .btn_submit { background:var(--board-ink); }
.festival-board-content .tbl_head01 thead th { background:#f0ede6; color:#2b3d57; border-color:var(--board-line); }
.festival-board-content .tbl_head01 td { border-color:rgba(16,46,89,.1); }
.festival-board-footer { color:rgba(255,255,255,.6); background:#061b36; }
.festival-board-footer-inner { display:flex; width:100%; max-width:960px; min-height:142px; margin:0 auto; padding:38px 24px; align-items:flex-start; justify-content:space-between; gap:28px; }
.festival-board-footer strong,.festival-board-footer span { display:block; }
.festival-board-footer strong { margin-bottom:8px; color:#fff; font-size:15px; font-weight:500; }
.festival-board-footer span { font-size:11px; }
.festival-board-footer-links { display:flex; align-items:center; gap:20px; }
.festival-board-footer-links a { color:rgba(255,255,255,.68); font-size:11px; text-decoration:none; }
.festival-board-footer-links a:hover,.festival-board-footer-links a:focus-visible { color:#fff; }

@media (max-width:680px) {
  .festival-board-header-inner { min-height:68px; padding:0 16px; gap:14px; }
  .festival-board-year { height:27px; padding:0 7px; font-size:14px; }
  .festival-board-brand { gap:8px; }
  .festival-board-brand-text strong { font-size:14px; }
  .festival-board-brand-text small { display:none; }
  .festival-board-nav { gap:12px; }
  .festival-board-nav a { padding:25px 0 22px; font-size:10px; }
  .festival-board-nav-admin,.festival-board-nav-logout { display:none; }
  .festival-board-nav a[aria-current="page"]::after { bottom:15px; }
  .festival-board-main { padding:32px 12px 56px; }
  .festival-board-title { margin-bottom:20px; padding-bottom:18px; }
  .festival-board-title h1 { font-size:24px; }
  .festival-board-title p { font-size:12px; }
  .festival-board-content { padding:16px 10px; }
  .festival-board-footer-inner { min-height:0; padding:32px 18px; flex-direction:column; }
  .festival-board-footer-links { flex-wrap:wrap; gap:14px; }
}