/* Scoped to FadeBack; shared site navigation and comments keep their own styles. */
.fadeback-page { color:#17212b; font-family:Inter,"Segoe UI",Arial,sans-serif; font-size:15px; line-height:1.6; min-width:0; }
.fadeback-page > h2 { display:flex; align-items:center; gap:16px; padding:22px; margin:12px 0 18px; border:1px solid #cfe2d4; border-radius:14px; background:linear-gradient(135deg,#edf7f0,#fff 80%); color:#18442b; font-size:clamp(1.35rem,3vw,1.9rem); line-height:1.25; }
.fadeback-page .titleImage { width:76px; height:auto; flex-shrink:0; border-radius:8px; }
.fadeback-page h3 { color:#18442b; margin:26px 0 12px; font-size:1.25rem; }
.fadeback-page h4 { color:#18442b; margin:20px 0 10px; }
.fadeback-page > p { margin:12px 0; }
.fadeback-nav,.fadeback-contests { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.fadeback-nav a,.fadeback-contests a { display:inline-flex; align-items:center; min-height:42px; box-sizing:border-box; padding:8px 14px; border:1px solid #dfe5e1; border-radius:24px; background:#f8faf9; color:#18442b; font-weight:600; text-decoration:none; }
.fadeback-nav a:hover,.fadeback-contests a:hover,.fadeback-nav a[aria-current="page"],.fadeback-contests a[aria-current="page"] { background:#245c3b; border-color:#245c3b; color:#fff; text-decoration:none; }
.fadeback-related { display:flex; flex-wrap:wrap; gap:6px 16px; margin-bottom:22px; font-size:13px; color:#526359; }
.fadeback-related a { color:#245c3b; text-decoration:underline; }
.fadeback-contests { padding:14px; border-radius:12px; background:#edf7f0; margin:18px 0; }
.fadeback-page .fadeback-notice,.fadeback-page .noteBox { padding:18px 20px; margin:18px 0; border:1px solid #cfe2d4; border-left:4px solid #245c3b; border-radius:10px; background:#f3f9f5; color:#17212b; }
.fadeback-page .noteBox { background:#fff9e9; border-color:#e5d49b; }
.fadeback-notice p:last-child { margin-bottom:0; }
.fadeback-page .fadeback-card { padding:20px; margin:18px 0; border:1px solid #dfe5e1; border-radius:14px; background:#fff; box-shadow:0 6px 20px rgba(20,55,36,.05); }
.fadeback-page .fadeback-table-wrap,.fadeback-page .dfTblWrap,.fadeback-page .forSectionSake { max-width:100%; overflow-x:auto; }
.fadeback-page table.dfTbl,.fadeback-page table.dfTblSub { border:1px solid #dfe5e1; border-collapse:collapse; width:100%; background:#fff; font-size:14px; }
.fadeback-page table.dfTbl th,.fadeback-page table.dfTblSub th { padding:12px; background:#245c3b; color:#fff; text-align:left; font-weight:600; line-height:1.4; }
.fadeback-page table.dfTbl td,.fadeback-page table.dfTblSub td { padding:12px; border-bottom:1px solid #e4eae6; vertical-align:top; }
.fadeback-page table.dfTbl tr:nth-child(even),.fadeback-page table.dfTblSub tr:nth-child(even) { background:#f5f8f6; }
.fadeback-page table.dfTbl caption { padding:10px 0; color:#526359; text-align:left; caption-side:top; }
.fadeback-page .fadeback-leaders { min-width:720px; font-variant-numeric:tabular-nums; }
.fadeback-page .fadeback-leaders td:first-child { font-weight:700; color:#245c3b; }
.fadeback-page .fadeback-leaders td:nth-last-child(-n+2) { font-weight:700; white-space:nowrap; }
.fadeback-page .fadeback-table-note { color:#526359; font-size:13px; margin:10px 0 22px; }
.fadeback-page .dfWeekSelect { border:1px solid #a5b7ab; border-radius:8px; padding:8px 12px; background:#fff; color:#17212b; }
.fadeback-page .fbp-btn { min-height:44px; }
.fadeback-page .fadeback-register { width:100%; box-sizing:border-box; }
.fadeback-page .fadeback-register .fluidCell { display:block; margin:0; padding:0; }
.fadeback-page .fadeback-accept { display:flex; align-items:flex-start; gap:12px; font-weight:600; cursor:pointer; }
.fadeback-page .fadeback-accept input { width:20px; height:20px; margin-top:3px; flex-shrink:0; }
.fadeback-page input[type="submit"] { padding:12px 20px; border:1px solid #245c3b; border-radius:8px; background:#245c3b; color:#fff; font-weight:700; cursor:pointer; }
.fadeback-page a:focus-visible,.fadeback-page input:focus-visible,.fadeback-page button:focus-visible,.fadeback-page select:focus-visible { outline:3px solid #b17c13; outline-offset:3px; }
.fadeback-page .floatRight { float:right; }
@media(max-width:600px) {
    .fadeback-page > h2 { padding:16px; gap:12px; }
    .fadeback-page .titleImage { width:54px; }
    .fadeback-nav a { flex:1 1 135px; justify-content:center; padding:8px 10px; }
    .fadeback-page .fadeback-card,.fadeback-page .fadeback-notice,.fadeback-page .noteBox { padding:14px; }
    .fadeback-page table.dfTbl th,.fadeback-page table.dfTbl td { padding:9px; }
}