/* 23 Oct 2026: repair inherited #community/practice surface collisions.
   Neutral reading surfaces, green actions, gold detail, labelled red feedback.
   Roles are proposed colours, not samples of the missing Firstdeck artwork. */
.fb-page{
 --surface-page:#f4f0e5;--surface-paper:#fffdf5;--surface-soft:#e8e1d2;
 --surface-community:#edf0e8;--surface-dark:#242820;
 --text-main:#242820;--text-muted:#51584e;--text-on-dark:#f4f0e5;
 --text-muted-dark:#d5dbd0;--action:#12465a;--action-hover:#0d3043;
 --accent-gold:#00e5ff;--accent-red:#ff2b9d;--control-edge:#687261;
 background:var(--surface-page);color:var(--text-main)
}
/* An ID-scoped pair defeats the imported #community rule as a unit. */
.fb-page #community{background:var(--surface-community);color:var(--text-main);--text-muted: #51584e}
.fb-page #community :is(h2,h3){color:var(--action)}
.fb-page #community .scene-notes{border-color:#687261}
.fb-page #community .stencil{color:var(--action)}
.fb-page .riding,.fb-page .founder-section{background:var(--surface-page);color:var(--text-main)}
.fb-page #builds{background:var(--surface-soft);color:var(--text-main)}
.fb-page .card-num{color:var(--action);opacity:1}
.fb-page .fine{color:var(--text-muted);opacity:1}
.fb-page :is(.studio-invite,.studio-hero){color:var(--text-on-dark);--text-muted:var(--text-muted-dark)}
.fb-page .studio-invite{background:var(--surface-dark)}
.fb-page .studio-hero{background:var(--action)}
.fb-page :is(.studio-invite,.studio-hero) .fine{color:var(--text-muted-dark)}
.fb-page .btn,.fb-page .btn.gold{background:var(--action);color:var(--text-on-dark);border:1px solid var(--action)}
.fb-page .btn:hover,.fb-page .btn.gold:hover{background:var(--action-hover);color:var(--text-on-dark);border-color:var(--action-hover)}
.fb-page .btn.ghost{background:transparent;color:inherit;border-color:var(--control-edge)}
.fb-page .btn.ghost:hover{background:#dce5d7;color:var(--text-main);border-color:var(--action)}
.fb-page .btn:active{box-shadow:inset 0 0 0 2px currentColor;transform:translateY(1px)}
.fb-page :is(.studio-invite,.studio-hero) .btn{border-color:#b4cfb9}
.fb-page .studio-invite .btn{background:var(--surface-paper);color:var(--text-main);border-color:var(--surface-paper)}
.fb-page .studio-invite .btn:hover{background:var(--surface-soft);color:var(--text-main);border-color:var(--surface-soft)}
.fb-page .art-label button{border-color:var(--control-edge)}
.fb-page :is(.art-label button,.banner-controls select){border-color:var(--control-edge)}
.fb-page .site-header nav a:hover{text-decoration:underline;text-decoration-thickness:2px}
.fb-page :is(a,button,input,select,summary):focus-visible{outline:3px solid var(--accent-red);outline-offset:5px}
.fb-page :is(.studio-invite,.studio-hero,.tuner-card,.metro-card,.chord-card,.assembly-section) :is(a,button,input,select,summary):focus-visible{outline-color:#00e5ff}
.fb-page .founder-banner :is(button,a):focus-visible{outline:3px solid #fffdf5;outline-offset:3px;box-shadow:0 0 0 6px #242820}

/* Exam-pad texture is deliberately confined to the owner's status card. */
.fb-page .progress-card{
 position:relative;isolation:isolate;background:var(--surface-paper);color:var(--text-main);
 border:1px solid #a7aa98;border-top:6px solid var(--accent-gold);border-radius:3px;
 padding:34px 30px 28px 64px;box-shadow:3px 5px 0 #c7c5b63d;transform:rotate(.6deg)
}
.fb-page .progress-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,transparent 40px,#ff2b9d3d 40px 41px,transparent 41px),
 repeating-linear-gradient(to bottom,transparent 0 31px,#527d8924 31px 32px)}
.fb-page .progress-card .mini-label{font-size:10px;letter-spacing:.08em;line-height:1.6}
.fb-page .progress-card h3{margin:24px 0 25px;line-height:1.15;font-size:39px}
.fb-page .progress-card ol{margin-bottom:20px}
.fb-page .progress-card li{border-top:0;padding-block:15px;column-gap:10px;line-height:1.65}
.fb-page .progress-card li::before{color:var(--accent-red);font-size:12px}
.fb-page .progress-card li b{font-size:15px}
.fb-page .progress-card li span{font-size:14px;color:var(--text-muted)}
.fb-page .progress-card .fine{font-size:12px;line-height:1.65;margin-bottom:0}

/* Imported music sections had independently overridden surfaces and text. */
.studio-page #inside-the-sound{background:var(--surface-dark);color:var(--text-on-dark);--ink:var(--text-on-dark);--text-muted:var(--text-muted-dark)}
.studio-page #inside-the-sound :is(.stencil,.assembly-state){color:#00e5ff}
.studio-page #inside-the-sound :is(.assembly-heading>p,.assembly-note,#assemblyStatus){color:var(--text-muted-dark)}
.studio-page #inside-the-sound .assembly-slider{color:var(--text-on-dark)}
.studio-page .assembly-stage{background:#2e332b;border-color:#8c9783}
.studio-page #metronome{background:var(--surface-soft);color:var(--text-main)}
.studio-page #chords{background:var(--surface-page);color:var(--text-main)}
.studio-page #practice{background:var(--surface-page);color:var(--text-main);--ink:var(--text-main);--text-muted:#51584e}
.studio-page #practice :is(h2,.stencil){color:var(--text-main)}
.studio-page .practice-panel{background:var(--surface-paper);color:var(--text-main);border-color:var(--control-edge)}
.studio-page :is(.practice-panel input,.practice-panel select){background:var(--surface-paper);color:var(--text-main);border-color:var(--control-edge)}
.studio-page :is(.tuner-card,.metro-card,.chord-card){--text-muted:var(--text-muted-dark);color:var(--text-on-dark);border-color:#8c9783}
.studio-page :is(.tuner-card,.metro-card,.chord-card) :is(input,select){color:var(--text-on-dark);border-color:#a8b29e}
.studio-page #tuner .btn.gold{background:var(--action);color:var(--text-on-dark);border-color:#b4cfb9}
.studio-page #tuner .btn.gold:hover{background:var(--action-hover)}
.studio-page :is(.tuner-card,.metro-card,.chord-card) .btn{border-color:#b4cfb9}
.studio-page :is(.tuner-card,.metro-card,.chord-card) .btn.ghost{color:var(--text-on-dark)}
.studio-page :is(.tuner-card,.metro-card,.chord-card) .btn.ghost:hover{background:#dce5d7;color:var(--text-main)}
.studio-page .studio-links a{border-color:#b4cfb9}
.studio-page .studio-links a:is(:hover,:focus-visible){background:var(--surface-paper);color:var(--text-main);border-color:var(--surface-paper);text-decoration:underline}
.studio-page .free-badge{background:var(--accent-gold);color:var(--text-main)}
.studio-page #tuner .tuner-zone{background:#8cb99a45}
.studio-page #tuner .tuner-labels{color:#d5dbd0}
.studio-page #tuner{--text-muted:var(--text-muted-dark)}
.studio-page .tuner-grade-key span{color:var(--text-on-dark)}
.studio-page .tuner-grade-key span.active{outline:2px solid currentColor;outline-offset:2px}
.fb-page input[type=checkbox],.fb-page input[type=range]{accent-color:var(--action)}
.fb-page :is(.tuner-card,.metro-card,.chord-card,.assembly-section) :is(input[type=checkbox],input[type=range]){accent-color:#00e5ff}
@media(max-width:680px){.fb-page .progress-card{padding:28px 22px 25px 49px;transform:none}.fb-page .progress-card::before{background:linear-gradient(90deg,transparent 30px,#ff2b9d3d 30px 31px,transparent 31px),repeating-linear-gradient(to bottom,transparent 0 31px,#527d8924 31px 32px)}.fb-page .progress-card h3{font-size:35px}.fb-page #community .scene-notes{border-top-color:#687261}}
/* 26 Oct: community plans are readable notes, never implied signup controls. */
.fb-page #community :is(a,button,summary):focus-visible{outline:3px solid var(--accent-red);outline-offset:5px}
.planned-channels{margin:28px 0;padding:22px 0;border-block:1px solid var(--control-edge)}
.fb-page .planned-channels h3{font-size:clamp(23px,3vw,28px);line-height:1.2;letter-spacing:-.025em;margin:0 0 16px}
.planned-channels p{margin:12px 0;overflow-wrap:anywhere}
.fb-page .hero-grid>*{min-width:0}
.fb-page .progress-card h3{font-size:clamp(29px,3.4vw,39px)}
@media(max-width:680px){.fb-page .progress-card{transform:none}.planned-channels{padding-block:20px}}