/* Format C, D2C agents article (21 Oct 2026, worker fde40793): handoff board + AI or human sorter. Uses fmtc.css for the scene, loop lines and result card. Scoped to .fc-page. */
.fcd-steps{position:relative}
.fcd-board{position:sticky;top:var(--fc-top,56px);z-index:30;margin:18px -4px 22px}
.fcd-board__in{display:flex;align-items:center;gap:12px;padding:7px 14px 7px 10px;border-radius:14px;background:rgba(17,17,17,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f5f2ea;text-decoration:none;box-shadow:0 10px 26px -16px rgba(0,0,0,.6)}
.fc-page .fcd-board a,.fc-page .fcd-board a:visited{color:#f5f2ea;text-decoration:none;border-bottom:0;background-image:none;box-shadow:none}
.fc-page .fcd-board a:hover,.fc-page .fcd-board a:focus-visible{color:#fff}
.fcd-board__s,.fcd-board__go{color:#f5f2ea}
.fcd-board__svg{flex:none;line-height:0}
.fcd-svg{width:70px;height:42px}
.fcd-board__t{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;min-width:0;flex:1}
.fcd-board__k{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#FF6B00;width:100%}
.fcd-board__s{font-size:14.5px;font-weight:600;font-variant-numeric:tabular-nums}
.fcd-board__s b{color:#fff;font-size:17px}
.fcd-board__go{margin-left:auto;font-size:12.5px;opacity:.75;white-space:nowrap}
.fcd-board__l{display:none}
.fcd-lane--a{fill:rgba(255,107,0,.08);stroke:rgba(255,107,0,.45);stroke-width:1.5}
.fcd-lane--h{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.28);stroke-width:1.5}
.fcd-ico--a{fill:#FF6B00}.fcd-spark{fill:#111}
.fcd-ico--h{fill:#f5f2ea}.fcd-pers,.fcd-pers2{fill:none;stroke:#111;stroke-width:2;stroke-linecap:round}
.fcd-j__a{fill:transparent;stroke:rgba(255,107,0,.5);stroke-width:2;stroke-dasharray:4 3;transition:fill .5s ease,stroke .5s ease}
.fcd-j.is-on .fcd-j__a{fill:rgba(255,255,255,.14);stroke:#fff;stroke-dasharray:none}
.fcd-j.is-done .fcd-j__a{fill:#FF6B00;stroke:#FF6B00;stroke-dasharray:none}
.fcd-j__c{fill:none;stroke:#111;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .45s ease .15s}
.fcd-j.is-done .fcd-j__c{stroke-dashoffset:0}
.fcd-j__h{fill:transparent;stroke:rgba(255,255,255,.3);stroke-width:2;stroke-dasharray:3 3;transition:fill .5s ease .2s,stroke .5s ease .2s}
.fcd-j.is-done .fcd-j__h{fill:rgba(245,242,234,.22);stroke:#f5f2ea;stroke-dasharray:none}
.fcd-board.is-keep .fcd-j__h{fill:#f5f2ea}
.fcd-board.is-keep .fcd-lane--h{stroke:#f5f2ea}
@media (min-width:1280px){
 .fcd-board{height:0;margin:0;top:calc(var(--fc-top,56px) + 28px)}
 .fcd-board__card{position:absolute;top:0;left:calc(100% + 40px);width:220px;background:#111;border-radius:18px;box-shadow:0 24px 50px -30px rgba(0,0,0,.7)}
 .fcd-board__in{flex-direction:column;align-items:stretch;gap:12px;padding:18px 18px 6px;border-radius:18px 18px 0 0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
 .fcd-board__svg{order:2;align-self:center}
 .fcd-svg{width:184px;height:110px}
 .fcd-board__t{order:1;display:block}
 .fcd-board__k{display:block;margin-bottom:4px}
 .fcd-board__s{display:block;font-size:16px;line-height:1.35}.fcd-board__s b{font-size:24px}
 .fcd-board__go{display:none}
 .fcd-board__l{display:block;list-style:none;margin:0;padding:4px 18px 16px}
 .fc-page .fcd-board__l a{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;line-height:1.3;color:rgba(245,242,234,.62);transition:color .3s}
 .fc-page .fcd-board__l a:hover{color:#fff}
 .fcd-board__l i{flex:none;width:10px;height:10px;border-radius:3px;border:2px solid #FF6B00;transition:background .3s,box-shadow .3s}
 .fcd-board__l .fcd-board__keep i{border-radius:50%;border-color:#f5f2ea}
 .fc-page .fcd-board__l li.is-done a{color:#f5f2ea}.fcd-board__l li.is-done i{background:#FF6B00}
 .fc-page .fcd-board__l li.is-on a{color:#fff;font-weight:600}.fcd-board__l li.is-on i{box-shadow:0 0 0 4px rgba(255,107,0,.3)}
 .fcd-board__l .fcd-board__keep.is-on i{background:#f5f2ea;box-shadow:0 0 0 4px rgba(245,242,234,.25)}
}
/* A. scene order: hook, answer, loop on phones; hook | loop, then answer from 760px */
.fc-scene.fcd-scene{display:flex;flex-direction:column}
.fcd-scene .b-hook{order:1}.fcd-scene .b-answer{order:2;margin-bottom:18px}.fcd-scene .fc-hero{order:3}
@media (min-width:760px){.fc-scene.fcd-scene{display:grid;grid-template-columns:minmax(0,1fr) 46%;gap:24px 24px}
 .fcd-scene .b-hook{grid-column:1;grid-row:1}.fcd-scene .fc-hero{grid-column:2;grid-row:1}.fcd-scene .b-answer{grid-column:1/-1;grid-row:2;margin:0}}
/* C. AI or human sorter */
.fcd-sort{margin:10px 0 8px}
.fcd-sort__h{margin:0;font-weight:700;font-size:19px}
.fcd-sort__s{margin:4px 0 14px;font-size:14.5px;opacity:.7}
.fcd-sort__l{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:fcd}
.fcd-t{counter-increment:fcd;position:relative;padding:14px 14px 12px 46px;border-radius:14px;background:#fff;border:1.5px solid rgba(17,17,17,.1);transition:border-color .3s,background .3s}
.fcd-t:before{content:counter(fcd);position:absolute;left:14px;top:14px;width:22px;height:22px;border-radius:50%;background:#111;color:#fff;font:700 12px/22px system-ui,sans-serif;text-align:center}
.fcd-t__q{margin:0 0 10px;font-size:16px;line-height:1.4;font-weight:600}
.fcd-t__b{display:flex;gap:8px;flex-wrap:wrap}
.fcd-t__b button{min-height:40px;padding:0 18px;border-radius:999px;border:1.5px solid #111;background:transparent;color:#111;font:600 14.5px/1 inherit;font-family:inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.fcd-t__b button:hover{background:rgba(17,17,17,.06)}
.fcd-t__b button:focus-visible{outline:3px solid rgba(255,107,0,.5);outline-offset:2px}
.fcd-t__b button[data-p="a"][aria-pressed="true"]{background:#FF6B00;border-color:#FF6B00;color:#111}
.fcd-t__b button[data-p="h"][aria-pressed="true"]{background:#111;color:#fff}
.fcd-t__r{margin:10px 0 0;font-size:14.5px;line-height:1.45;opacity:0;transition:opacity .35s ease}
.fcd-t.is-set .fcd-t__r{opacity:1}
.fcd-t.is-ok{border-color:rgba(255,107,0,.55);background:#fffaf5}
.fcd-t.is-no{border-color:#111;background:#faf8f3}
.fcd-t.is-ok .fcd-t__r:before{content:"Same as ours. ";font-weight:700;color:#c24f00}
.fcd-t.is-no .fcd-t__r:before{content:"We would say: ";font-weight:700}
.fcd-res{margin-top:16px}
.fcd-res__split{margin:8px 0 0;font-size:14px;opacity:.75}
.fcd-res[data-band="2"] .fc-band__fg{stroke:#fff}
.fcd-res+.b-cta{margin-top:0}
@media (max-width:480px){.fcd-t{padding:13px 12px 12px 42px}.fcd-t:before{left:12px}.fcd-t__b button{flex:1}}
@media (prefers-reduced-motion:reduce){.fcd-j__a,.fcd-j__c,.fcd-j__h,.fcd-t__r,.fcd-board__l *{transition:none}}
