/* Free agent course (social.html). Reads the site tokens from site.css; loaded only on this page. */
.sc-open[hidden],.sc-gate[hidden],.sc-course[hidden]{display:none!important}
.sc-hero{padding-block:clamp(40px,6vw,80px)}
.sc-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,64px);align-items:start}
.sc-hero .copy{display:grid;gap:18px}
.sc-hero h1{font-size:clamp(2.2rem,5.2vw,3.9rem)}
.sc-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sc-meta li{font-size:.84rem;font-weight:700;color:var(--ink2);border:1px solid var(--line2);border-radius:999px;padding:6px 12px}
/* the photo rides along while the form column scrolls (desktop only), so the right side isn't empty */
.sc-hero .media{position:sticky;top:96px;align-self:start}
.sc-hero-img{margin:0;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}
.sc-hero-img img{width:100%;aspect-ratio:16/10;object-fit:cover}
.sc-gate{background:var(--card);border:1px solid var(--gold-line);border-radius:20px;padding:22px;display:grid;gap:14px;box-shadow:var(--shadow)}
.sc-gate-h{display:grid;gap:2px}.sc-gate-h b{font-size:1.1rem}.sc-gate-h span{color:var(--muted);font-size:.92rem}
.sc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sc-fields label{display:grid;gap:6px;font-size:.82rem;font-weight:700;color:var(--ink2)}
.sc-fields .opt{font-weight:500;color:var(--faint)}
.sc-fields input{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--bg2);border:1px solid var(--line2);border-radius:12px;padding:12px 13px}
.sc-fields input:focus{outline:none;border-color:var(--gold)}
.sc-gate .btn{width:100%}
.sc-consent{font-size:.76rem;color:var(--muted);line-height:1.5}.sc-consent a{color:var(--ink2)}
.sc-err{color:var(--no);font-size:.9rem;min-height:1.2em}
.sc-open{background:var(--card);border:1px solid var(--gold-line);border-radius:20px;padding:22px;display:grid;gap:12px}
.sc-open b{font-size:1.2rem}.sc-open span{color:var(--ink2)}
.sc-open-btns{display:flex;flex-wrap:wrap;gap:10px}
.sc-open-btns .btn svg{width:18px;height:18px}

.sc-outline-band{padding-block:clamp(48px,7vw,96px)}
.sc-outline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sc-outline a{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;height:100%}
.sc-outline a:hover{border-color:var(--gold-line)}
.sc-outline .n{font-weight:900;color:var(--accent-ink);font-size:1.1rem}
.sc-outline .t{display:grid;gap:3px}.sc-outline .t b{font-size:1rem}.sc-outline .t span{font-size:.84rem;color:var(--muted);line-height:1.4}
.sc-outline .m{font-size:.8rem;color:var(--faint);white-space:nowrap}
.sc-locked .sc-outline a{pointer-events:none}

.sc-toc{position:sticky;top:var(--hdr-h,68px);z-index:20;background:var(--hdr);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.sc-toc-in{display:flex;gap:6px;overflow-x:auto;padding-block:10px;scrollbar-width:none}
.sc-toc-in::-webkit-scrollbar{display:none}
.sc-toc a{flex:0 0 auto;font-size:.82rem;font-weight:700;color:var(--ink2);text-decoration:none;border:1px solid var(--line2);border-radius:999px;padding:7px 12px;white-space:nowrap}
.sc-toc a.on{background:var(--gold-soft);border-color:var(--gold-line);color:var(--accent-ink)}
.sc-wrap{max-width:900px;padding-block:clamp(24px,4vw,48px)}

.sc-lesson{padding-block:clamp(40px,6vw,72px);border-bottom:1px solid var(--line);scroll-margin-top:130px}
.sc-lhead{display:grid;gap:10px}
.sc-kick{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}
.sc-lesson h2{font-size:clamp(1.8rem,4vw,2.6rem)}
.sc-intro{font-size:1.14rem;color:var(--ink2);line-height:1.6;max-width:62ch}
.sc-cover{margin:22px 0 8px;border-radius:20px;overflow:hidden;border:1px solid var(--line)}
.sc-cover img{width:100%;aspect-ratio:16/8;object-fit:cover}
.sc-body-in{display:grid;gap:16px;margin-top:18px}
.sc-body-in>p,.sc-list,.sc-olist{font-size:1.04rem;line-height:1.72;color:var(--ink2);max-width:68ch}
.sc-body-in>p b,.sc-list b,.sc-olist b{color:var(--ink)}
.sc-body-in h3{font-size:1.3rem;margin-top:14px}
.sc-list,.sc-olist{margin:0;padding-left:1.25em;display:grid;gap:8px}
.sc-list li::marker{color:var(--gold)}
.sc-olist li::marker{color:var(--accent-ink);font-weight:800}
sup.cite{font-size:.68em;line-height:0;margin-left:1px}
sup.cite a{color:var(--accent-ink);text-decoration:none;font-weight:800}
.sc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-block:6px}
.sc-stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}
.sc-stat .big{font-size:clamp(2rem,4vw,2.6rem);font-weight:900;letter-spacing:-.03em;color:var(--accent-ink);line-height:1}
.sc-stat .lbl{margin-top:8px;font-size:.9rem;color:var(--ink2);line-height:1.45}
.sc-bars{margin:6px 0;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:10px}
.sc-bars figcaption{font-weight:800}
.sc-bar{display:grid;grid-template-columns:120px 1fr 64px;gap:12px;align-items:center;font-size:.92rem}
.sc-bar .track{height:14px;border-radius:8px;background:var(--card3);overflow:hidden}
.sc-bar .track i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--gold),var(--gold2))}
.sc-bar .v{font-weight:800;text-align:right}
.note,.sc-body-in>p.note{font-size:.8rem;color:var(--muted);line-height:1.5}
.sc-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.sc-tbl table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}
.sc-tbl th,.sc-tbl td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line);line-height:1.5}
.sc-tbl thead th{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--card2)}
.sc-tbl tbody th{color:var(--ink);font-weight:700;white-space:nowrap}
.sc-tbl td{color:var(--ink2)}
.sc-tbl tr:last-child>*{border-bottom:0}
.sc-tip{border-left:4px solid var(--gold);background:var(--gold-soft);border-radius:0 14px 14px 0;padding:14px 18px;display:grid;gap:4px}
.sc-tip-k{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink)}
.sc-tip p{font-weight:600;color:var(--ink);line-height:1.55}
.sc-diy{margin-top:26px;background:var(--card);border:1px solid var(--line2);border-radius:18px;padding:20px 22px}
.sc-diy-k{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--guide)}
.sc-diy h3{margin:6px 0 10px;font-size:1.15rem}
.sc-diy ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sc-diy li{position:relative;padding-left:30px;color:var(--ink2);line-height:1.55}
.sc-diy li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:6px;border:2px solid var(--guide)}
.sc-howsr{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;background:linear-gradient(135deg,var(--card2),var(--card));border:1px solid var(--gold-line);border-radius:22px;padding:24px}
.sc-howsr-k{display:inline-block;font-size:.72rem;font-weight:900;letter-spacing:.16em;color:var(--cta-ink);background:var(--gold);border-radius:6px;padding:3px 8px}
:root[data-theme="light"] .sc-howsr-k{color:#fff}
.sc-howsr h3{margin:10px 0 8px;font-size:1.2rem}
.sc-howsr p{color:var(--ink2);line-height:1.65}
.sc-hnote{margin-top:10px;font-size:.78rem !important;color:var(--muted) !important}
.sc-shots{display:flex;gap:14px}
.sc-shot{margin:0;display:grid;gap:8px;justify-items:center}
.sc-shot .phone.sm{width:min(170px,40vw);border-radius:28px;padding:6px}
.sc-shot .phone.sm>.scr{border-radius:22px}
.sc-shot .phone.sm::after{top:11px;width:52px;height:15px}
.sc-shot figcaption{font-size:.74rem;color:var(--muted);text-align:center;max-width:170px;line-height:1.35}
.sc-shots.n3 .phone.sm{width:min(140px,28vw)}
.sc-src{margin-top:16px}
.sc-src summary{cursor:pointer;font-size:.84rem;font-weight:700;color:var(--muted)}
.sc-src ol{margin:10px 0 0;padding-left:1.3em;display:grid;gap:6px;font-size:.82rem;color:var(--muted)}
.sc-src a{color:var(--ink2)}
.sc-src li span{color:var(--faint)}
.sc-end{padding-block:clamp(40px,6vw,72px);display:grid;gap:14px;justify-items:start}

@media (max-width:900px){
 .sc-hero-grid{grid-template-columns:1fr}
 .sc-hero .media{order:-1;position:static}
 .sc-outline{grid-template-columns:1fr}
 .sc-howsr{grid-template-columns:1fr}
 .sc-shots{justify-content:center}
}
@media (max-width:560px){
 .sc-fields{grid-template-columns:1fr}
 .sc-bar{grid-template-columns:92px 1fr 52px;gap:8px}
 .sc-outline a{grid-template-columns:34px 1fr}
 .sc-outline .m{display:none}
 .sc-shots.n2 .phone.sm,.sc-shots.n3 .phone.sm{width:min(140px,40vw)}
 .sc-shots.n3{flex-wrap:wrap}
 .sc-tbl{border:0;background:transparent;overflow:visible}
 .sc-tbl table{min-width:0}
 .sc-tbl thead{display:none}
 .sc-tbl table,.sc-tbl tbody,.sc-tbl tr,.sc-tbl th,.sc-tbl td{display:block;width:100%}
 .sc-tbl tr{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px}
 .sc-tbl tbody th,.sc-tbl td{border:0;padding:4px 0;white-space:normal}
 .sc-tbl tbody th{font-size:1rem;padding-bottom:6px}
 .sc-tbl td::before{content:attr(data-label);display:block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
}
@media print{.sc-toc,.hdr,.ftr{display:none}}