/* mfos.css - shared styles for the MFOS landing + mirrored Ray Wilson pages.
   Consolidated from per-page <style> blocks. Loaded after diy.css.
   NOTE: only the CSS is ours; Ray's words and images are untouched. */

.wsg-subnav{ display:flex; flex-wrap:wrap; gap:6px; margin:0 0 22px; font-family:var(--font-mono); font-size:.74rem; letter-spacing:1px; text-transform:uppercase; }
.wsg-subnav a, .wsg-subnav span{ padding:.3rem .6rem; border:1px solid var(--border); border-left:2px solid var(--border-glow); color:var(--ink-dim); text-decoration:none; }
.wsg-subnav a:hover{ border-left-color:var(--pink); color:var(--accent); }
.wsg-subnav .here{ color:var(--accent); border-left-color:var(--accent); }
.tut .setup{ border:1px solid var(--border); border-left:2px solid var(--accent); background:rgba(0,255,204,0.04); padding:12px 16px; margin:0 0 16px; }
.tut .setup .label{ font-family:var(--font-mono); font-size:.7rem; letter-spacing:1.5px; text-transform:uppercase; color:var(--accent); display:block; margin-bottom:6px; }
.tut .setup ul{ margin:0; padding-left:20px; color:var(--ink-dim); }
.tut .callout{ border-left:2px solid var(--pink); padding:2px 0 2px 14px; margin:0 0 18px; color:var(--ink-dim); }
.tut .probe li{ margin:0 0 12px; }
.mfos-about{ max-width:760px; }
.mfos-about .lede{ color:var(--ink-dim); font-size:1.05rem; }
.mfos-about p{ margin:0 0 18px; line-height:1.7; }
.mfos-about h2{ margin-top:34px; }
.mfos-dedication{ border:1px solid rgba(0,255,204,0.30); border-left:2px solid var(--accent); background:rgba(0,255,204,0.05); padding:18px 20px; margin:8px 0 26px; font-style:italic; color:var(--ink-dim); }
.mfos-signoff{ font-family:var(--font-mono); font-size:.9rem; color:var(--accent); margin-top:24px; }
.mfos-status{ display:inline-block; font-family:var(--font-mono); font-size:.66rem; letter-spacing:1.5px; text-transform:uppercase; color:var(--accent); border:1px solid rgba(0,255,204,0.30); padding:.2rem .5rem; margin-left:6px; }
.mfos-status.soon{ color:var(--pink); border-color:rgba(255,91,200,0.35); }
.colophon{ margin-top:32px; padding-top:16px; border-top:1px solid var(--border); font-family:var(--font-mono); font-size:.8rem; color:var(--ink-soft); }
.back-link{ display:inline-block; font-family:var(--font-mono); font-size:.76rem; letter-spacing:1px; text-transform:uppercase; margin-bottom:18px; }
.tut .rev-note{ border:1px solid var(--border); border-left:2px solid var(--accent); background:rgba(0,255,204,0.04); padding:12px 16px; margin:0 0 20px; color:var(--ink-dim); }
.tut .toc{ border:1px solid var(--border); border-left:2px solid var(--accent); padding:14px 18px; margin:0 0 24px; }
.tut .toc .label{ font-family:var(--font-mono); font-size:.7rem; letter-spacing:1.5px; text-transform:uppercase; color:var(--accent); display:block; margin-bottom:8px; }
.tut .toc ol{ margin:0; padding-left:20px; }
.tut .toc li{ margin:4px 0; }
.tut .pdf-links{ font-family:var(--font-mono); font-size:.74rem; letter-spacing:.5px; margin:-8px 0 18px; color:var(--ink-soft); }
.tut .backtotop{ display:inline-block; font-family:var(--font-mono); font-size:.68rem; letter-spacing:1px; text-transform:uppercase; color:var(--ink-soft); margin:-6px 0 20px; }
.tut .pdf-links a{ margin-right:14px; white-space:nowrap; }

/* ----- Reference tables: base (WSG / troubleshooting); .rc-compact is the
   slightly tighter variant the Mini-Mixer page uses ----- */
.tut .rc-table{ width:100%; border-collapse:collapse; font-family:var(--font-mono); font-size:.82rem; margin:14px 0; }
.tut .rc-table th, .tut .rc-table td{ border:1px solid var(--border); padding:5px 10px; text-align:left; color:var(--ink-dim); }
.tut .rc-table th{ color:var(--accent); font-size:.7rem; letter-spacing:1px; text-transform:uppercase; }
.tut .rc-table.rc-compact{ font-size:.8rem; }
.tut .rc-table.rc-compact th, .tut .rc-table.rc-compact td{ padding:5px 9px; }
.tut .rc-table.rc-compact th{ font-size:.68rem; }