.cfd .wrap {max-width:var(--cf-max-width);margin:0 auto;padding:0 var(--cf-space-5)}
.cfd main section {padding:clamp(56px,8vw,120px) 0}
.cfd main h1, .cfd main h2, .cfd main h3 {text-wrap:balance;color:var(--cf-color-primary-900);letter-spacing:-.02em}
.cfd main h2 {font-size:clamp(26px,3.4vw,40px);line-height:1.15;font-weight:700;margin:0 0 var(--cf-space-4)}
.cfd main h3 {font-weight:600;line-height:1.25;margin:0 0 var(--cf-space-2)}
.cfd main p, .cfd main li, .cfd main dd {font-size:17px;line-height:1.6}
.cfd main p {margin:0 0 var(--cf-space-4)}
.cfd .cf-lead {color:var(--cf-color-text-secondary)}
.cfd .measure {max-width:68ch}
.cfd a:not(:where(.cf-btn)) {overflow-wrap:anywhere}
.cfd sup a:not(:where(.cf-btn)) {font-size:14px}
.cfd main img {display:block;width:100%;height:auto;object-fit:cover;border-radius:var(--cf-radius-large)}
.cfd .hero {background:linear-gradient(180deg,var(--cf-color-background-blue),var(--cf-color-background-page));padding:var(--cf-space-8) 0 var(--cf-space-12)}
.cfd main .hero {padding:var(--cf-space-8) 0 var(--cf-space-12)}
.cfd .hero-grid {display:grid;gap:var(--cf-space-8)}
.cfd .hero h1 {font-size:clamp(34px,5vw,56px);line-height:1.08;font-weight:700;margin:0 0 var(--cf-space-5)}
.cfd .hero .cf-lead {max-width:68ch;color:var(--cf-color-text-secondary);margin-bottom:var(--cf-space-6)}
.cfd .hero-start {display:flex;align-items:center;justify-content:center;gap:var(--cf-space-3);width:100%;max-width:420px;min-height:60px;font-size:20px;font-weight:700;box-shadow:var(--cf-shadow-medium);transition:transform .2s ease,box-shadow .2s ease}
.cfd .hero-start:hover {transform:translateY(-2px);box-shadow:var(--cf-shadow-large)}
.cfd .hero-start:focus-visible {outline:3px solid var(--cf-color-focus);outline-offset:3px}
.cfd .hero-start i {display:inline-flex;width:22px;height:22px}
.cfd .micro {font-size:16px;color:var(--cf-color-text-secondary);margin:var(--cf-space-3) 0 0;max-width:420px}
.cfd .launcher {width:100%}
.cfd .launcher iframe {display:block;width:100%;max-width:680px;height:780px;border:0;margin:0 auto;border-radius:var(--cf-radius-large);background:var(--cf-color-surface)}
.cfd .poster {background:var(--cf-color-primary-900);border-radius:var(--cf-radius-large);padding:var(--cf-space-8) var(--cf-space-5);display:flex;flex-direction:column;align-items:center;gap:var(--cf-space-6);max-height:560px;box-shadow:var(--cf-shadow-medium)}
.cfd .stage {display:flex;flex-direction:column;align-items:center;gap:var(--cf-space-5);width:100%}
.cfd .stage-rule {color:var(--cf-color-text-inverse);font-size:18px;font-weight:500;text-align:center;margin:0}
.cfd .trail {display:flex;align-items:flex-end;justify-content:center;gap:var(--cf-space-4)}
.cfd .trail-item, .cfd .trail-now {display:flex;flex-direction:column;align-items:center;gap:var(--cf-space-2)}
.cfd .trail-cell {width:52px;height:52px;border-radius:var(--cf-radius-medium);background:var(--cf-color-primary-800);display:grid;place-items:center}
.cfd .trail-cell svg {width:28px;height:28px}
.cfd .now-cell {width:120px;height:120px;border-radius:var(--cf-radius-large);background:var(--cf-color-primary-800);display:grid;place-items:center;border:2px solid var(--cf-color-primary-100)}
.cfd .now-cell svg {width:70px;height:70px}
.cfd .trail-label {font-size:14px;color:var(--cf-color-primary-100)}
.cfd .trail-label--now {color:var(--cf-color-accent-500);font-weight:700}
.cfd .same-key {display:inline-flex;align-items:center;justify-content:center;min-width:160px;min-height:48px;border-radius:var(--cf-radius-button);background:var(--cf-color-primary-100);color:var(--cf-color-primary-900);font-size:18px;font-weight:700}
.cfd .poster-play {width:72px;height:72px;border-radius:50%;border:0;background:var(--cf-color-surface);color:var(--cf-color-primary-900);display:grid;place-items:center;cursor:pointer;box-shadow:var(--cf-shadow-medium);transition:transform .2s ease}
.cfd .poster-play:hover {transform:scale(1.06)}
.cfd .poster-play:focus-visible {outline:3px solid var(--cf-color-text-inverse);outline-offset:4px}
.cfd .poster-play i {display:inline-flex;width:30px;height:30px}
.cfd .ink-r {color:var(--cf-color-stimulus-red)}
.cfd .ink-y {color:var(--cf-color-stimulus-yellow)}
.cfd .ink-b {color:var(--cf-color-stimulus-blue)}
.cfd .ink-g {color:var(--cf-color-stimulus-green)}
.cfd .svg-defs {position:absolute;width:0;height:0;overflow:hidden}
.cfd .stepper {list-style:none;margin:0;padding:0;display:grid}
.cfd .stepper li {position:relative;display:grid;grid-template-columns:40px 1fr;gap:var(--cf-space-4);padding-bottom:var(--cf-space-6)}
.cfd .stepper li:last-child {padding-bottom:0}
.cfd .stepper li:not(:last-child)::after {content:"";position:absolute;left:19px;top:48px;bottom:var(--cf-space-2);width:2px;background:var(--cf-color-border-strong)}
.cfd .step-num {width:40px;height:40px;border-radius:50%;background:var(--cf-color-primary-900);color:var(--cf-color-text-inverse);display:grid;place-items:center;font-weight:700;font-size:17px}
.cfd .step-title {font-size:18px;font-weight:700;color:var(--cf-color-primary-900);margin:var(--cf-space-2) 0 var(--cf-space-1)}
.cfd main .step-text {font-size:16px;color:var(--cf-color-text-secondary);margin:0}
.cfd .start-row {margin-top:var(--cf-space-12);padding-top:var(--cf-space-6);border-top:1px solid var(--cf-color-border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--cf-space-4)}
.cfd main .start-row p {margin:0;font-size:18px;font-weight:500;color:var(--cf-color-primary-900)}
.cfd .start-row .cf-actions {margin:0}
.cfd .cf-btn {min-height:44px}
.cfd .answer-grid {display:grid;gap:var(--cf-space-8)}
.cfd .answer-text {font-size:clamp(20px,2.2vw,24px);line-height:1.55;color:var(--cf-color-text-primary);max-width:60ch}
.cfd main .answer-text {font-size:clamp(20px,2.2vw,24px)}
.cfd .glance {margin:0;border-top:2px solid var(--cf-color-primary-900)}
.cfd .glance div {display:grid;gap:var(--cf-space-1);padding:var(--cf-space-4) 0;border-bottom:1px solid var(--cf-color-border)}
.cfd .glance dt {font-size:14px;font-weight:700;color:var(--cf-color-text-muted);text-transform:uppercase;letter-spacing:.04em}
.cfd .glance dd {margin:0;color:var(--cf-color-primary-900);font-weight:500}
.cfd .tabs-bar {display:flex;flex-wrap:wrap;gap:var(--cf-space-2);margin:var(--cf-space-8) 0 var(--cf-space-4);border-bottom:1px solid var(--cf-color-border)}
.cfd .tabs-bar button {font:inherit;font-size:17px;font-weight:600;min-height:44px;padding:0 var(--cf-space-4);background:none;border:0;border-bottom:3px solid transparent;color:var(--cf-color-primary-700);cursor:pointer}
.cfd .tabs-bar button[aria-selected="true"] {color:var(--cf-color-primary-900);border-bottom-color:var(--cf-color-primary-900)}
.cfd .tabs-bar button:focus-visible {outline:3px solid var(--cf-color-focus);outline-offset:2px}
.cfd .panel {margin-bottom:var(--cf-space-6)}
.cfd .trial-stage {background:var(--cf-color-primary-900);border-radius:var(--cf-radius-large);padding:var(--cf-space-8) var(--cf-space-4)}
.cfd .tape {display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cf-space-3);max-width:520px;margin:0 auto;align-items:center}
.cfd .tape-label {font-size:14px;color:var(--cf-color-primary-100);text-align:center}
.cfd .tape-label--now {color:var(--cf-color-accent-500);font-weight:700}
.cfd .cell {aspect-ratio:1;border-radius:var(--cf-radius-medium);background:var(--cf-color-primary-800);display:grid;place-items:center}
.cfd .cell svg {width:56%;height:56%}
.cfd .cell--old svg {opacity:.45}
.cfd .cell--now {border:2px solid var(--cf-color-text-inverse)}
.cfd .bracket {grid-column:2/5;height:18px;margin:0 16.6%;border:2px solid var(--cf-color-primary-100);border-top:0;border-radius:0 0 var(--cf-radius-small) var(--cf-radius-small)}
.cfd .bracket-label {grid-column:2/5;text-align:center;font-size:14px;color:var(--cf-color-primary-100)}
.cfd .verdict {display:flex;gap:var(--cf-space-3);align-items:flex-start;margin:var(--cf-space-4) 0 0;max-width:68ch}
.cfd .verdict i {flex:none;display:inline-flex;width:24px;height:24px;color:var(--cf-color-primary-700);margin-top:2px}
.cfd .mix {margin:var(--cf-space-10) 0}
.cfd .mix-row {display:grid;grid-template-columns:repeat(10,1fr);gap:var(--cf-space-2);max-width:520px}
.cfd .mix-row span {aspect-ratio:1;border-radius:var(--cf-radius-small);border:2px solid var(--cf-color-border-strong)}
.cfd .mix-row span.on {background:var(--cf-color-primary-700);border-color:var(--cf-color-primary-700)}
.cfd .mix-legend {display:flex;flex-wrap:wrap;gap:var(--cf-space-6);margin:var(--cf-space-3) 0}
.cfd .mix-legend span {font-size:14px;color:var(--cf-color-text-secondary);display:inline-flex;align-items:center;gap:var(--cf-space-2)}
.cfd .mix-legend b {width:14px;height:14px;border-radius:3px;display:inline-block;border:2px solid var(--cf-color-border-strong)}
.cfd .mix-legend b.on {background:var(--cf-color-primary-700);border-color:var(--cf-color-primary-700)}
.cfd .mix figcaption {font-size:16px;color:var(--cf-color-text-secondary);max-width:68ch}
.cfd .flow-title {font-size:22px;margin:var(--cf-space-10) 0 var(--cf-space-6)}
.cfd .bg-blue {background:var(--cf-color-background-blue)}
.cfd .abil-grid {display:grid;gap:var(--cf-space-8);margin-top:var(--cf-space-8)}
.cfd .abil-photo img {aspect-ratio:1/1}
.cfd .ability {padding:var(--cf-space-5) 0;border-top:1px solid var(--cf-color-border-strong)}
.cfd .ability:last-child {border-bottom:1px solid var(--cf-color-border-strong)}
.cfd .ability h3 {font-size:22px}
.cfd main .ability p {margin:0 0 var(--cf-space-2)}
.cfd main .moment {display:flex;gap:var(--cf-space-2);color:var(--cf-color-text-secondary);margin:0}
.cfd .moment i {flex:none;display:inline-flex;width:20px;height:20px;margin-top:4px;color:var(--cf-color-primary-700)}
.cfd .res-grid {display:grid;gap:var(--cf-space-10);margin-top:var(--cf-space-8)}
.cfd .res-list {margin:0;padding:0;list-style:none}
.cfd .res-list li {padding:var(--cf-space-5) 0;border-top:1px solid var(--cf-color-border)}
.cfd .res-list h3 {font-size:21px}
.cfd main .res-list p {margin:0;color:var(--cf-color-text-secondary)}
.cfd .key {background:var(--cf-color-background-blue);border-radius:var(--cf-radius-large);padding:var(--cf-space-8) var(--cf-space-5)}
.cfd .key h3 {font-size:26px}
.cfd .scale {position:relative;margin:var(--cf-space-12) 0 var(--cf-space-10)}
.cfd .scale-track {height:12px;border-radius:var(--cf-radius-pill);background:linear-gradient(90deg,var(--cf-color-primary-100),var(--cf-color-primary-500))}
.cfd .tick {position:absolute;top:-6px;width:3px;height:24px;background:var(--cf-color-primary-900);transform:translateX(-50%)}
.cfd .tick--three {background:var(--cf-color-accent-700)}
.cfd .scale-lab {position:absolute;font-size:14px;line-height:1.3;color:var(--cf-color-primary-900);white-space:nowrap}
.cfd .lab-guess {top:28px;left:50%;transform:translateX(-50%);font-weight:700}
.cfd .lab-right {bottom:30px;left:82%;transform:translateX(-100%);font-weight:700;text-align:right}
.cfd .lab-min {top:28px;left:0}
.cfd .lab-max {top:28px;right:0}
.cfd .src {font-size:14px;color:var(--cf-color-text-muted);margin:var(--cf-space-2) 0 0}
.cfd main .src {font-size:14px}
.cfd .sci-photo img {aspect-ratio:21/9;margin:var(--cf-space-8) 0}
.cfd .sci-body {max-width:68ch}
.cfd details.more {margin:var(--cf-space-6) 0;border-top:1px solid var(--cf-color-border);border-bottom:1px solid var(--cf-color-border)}
.cfd details.more summary, .cfd .faq summary {cursor:pointer;font-weight:600;font-size:18px;color:var(--cf-color-primary-900);min-height:44px;display:flex;align-items:center;padding:var(--cf-space-3) 0}
.cfd details.more ul {margin:0 0 var(--cf-space-4);padding-left:var(--cf-space-5)}
.cfd .cancant {display:grid;gap:var(--cf-space-8);margin-top:var(--cf-space-10)}
.cfd .cancant h3 {font-size:22px;display:flex;gap:var(--cf-space-2);align-items:center}
.cfd .cancant h3 i {display:inline-flex;width:24px;height:24px;color:var(--cf-color-primary-700)}
.cfd .cancant > div {padding-top:var(--cf-space-4);border-top:2px solid var(--cf-color-primary-900)}
.cfd .cited {margin-top:var(--cf-space-8);color:var(--cf-color-text-secondary)}
.cfd .faq {max-width:68ch}
.cfd .faq details {border-top:1px solid var(--cf-color-border)}
.cfd .faq details:last-child {border-bottom:1px solid var(--cf-color-border)}
.cfd .faq details div {padding:0 0 var(--cf-space-4)}
.cfd main .faq details p {margin:0}
.cfd .close .cf-lead {margin-bottom:var(--cf-space-6)}
.cfd .more-tasks {margin-top:var(--cf-space-12);padding-top:var(--cf-space-6);border-top:1px solid var(--cf-color-border-strong)}
.cfd .more-tasks h3 {font-size:20px}
.cfd .more-tasks ul {list-style:none;margin:0;padding:0;display:grid;gap:var(--cf-space-2) var(--cf-space-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.cfd .more-tasks a:not(:where(.cf-btn)) {display:inline-flex;align-items:center;gap:var(--cf-space-2);min-height:44px;color:var(--cf-color-link);font-weight:500;font-size:17px}
.cfd .more-tasks a:not(:where(.cf-btn)):hover {color:var(--cf-color-link-hover)}
.cfd .more-tasks a i {display:inline-flex;width:18px;height:18px}
.cfd .sources ol {padding-left:var(--cf-space-5);max-width:80ch}
.cfd .sources li {margin-bottom:var(--cf-space-3)}
.cfd .notice {margin-top:var(--cf-space-8);padding:var(--cf-space-5);background:var(--cf-color-background-soft);border-radius:var(--cf-radius-medium);max-width:80ch}
.cfd main .notice p {margin:0;color:var(--cf-color-text-secondary)}
.cfd main .start-row {width:100%;max-width:none;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.cfd main .start-row p {max-width:none;flex:0 1 auto}
.cfd main .start-row .cf-actions {margin:0;margin-top:0}
.cfd main .sci-body {max-width:none}
.cfd main .sci-body > p {max-width:none}
.cfd main details.more {max-width:none;width:100%}
.cfd main .cited {max-width:none}
.cfd main .mix figcaption {max-width:none}
.cfd main .verdict {max-width:none}
.cfd main .faq {max-width:none}
.cfd main .sources ol {max-width:none}
.cfd main .sources li {max-width:none}
.cfd main .notice {max-width:none}
.cfd main .notice p {max-width:none}
.cfd main section:not(.hero) .wrap > .cf-lead, .cfd main section:not(.hero) .wrap > p {max-width:none}
@media (min-width:720px) {.cfd .wrap {padding:0 var(--cf-space-8)}
.cfd .poster {padding:var(--cf-space-10) var(--cf-space-8)}
.cfd .trail-cell {width:60px;height:60px}
.cfd .trail-cell svg {width:32px;height:32px}
.cfd .now-cell {width:140px;height:140px}
.cfd .now-cell svg {width:82px;height:82px}
.cfd .trial-stage {padding:var(--cf-space-10) var(--cf-space-8)}
.cfd .cancant {grid-template-columns:1fr 1fr}
.cfd .key {padding:var(--cf-space-10) var(--cf-space-8)}
.cfd main .start-row {flex-direction:row;align-items:center;justify-content:space-between}}
@media (min-width:960px) {.cfd .hero-grid {grid-template-columns:45fr 55fr;column-gap:var(--cf-space-12);row-gap:var(--cf-space-10);align-items:center}
.cfd .hero-steps {grid-column:1/-1}
.cfd .stepper--row {grid-template-columns:repeat(3,1fr);gap:var(--cf-space-8);align-items:start}
.cfd .stepper--row li {display:flex;flex-direction:column;gap:var(--cf-space-2);padding-bottom:0}
.cfd .stepper--row li:not(:last-child)::after {left:52px;right:calc(var(--cf-space-8) * -1 + var(--cf-space-3));top:19px;bottom:auto;width:auto;height:2px}}
@media (min-width:1080px) {.cfd .hero h1 {font-size:clamp(40px,3.5vw,50px)}
.cfd .answer-grid {grid-template-columns:1.6fr 1fr;gap:var(--cf-space-16);align-items:start}
.cfd .abil-grid {grid-template-columns:1fr 1fr;gap:var(--cf-space-12);align-items:start}
.cfd .res-grid {grid-template-columns:1fr 1fr;gap:var(--cf-space-16);align-items:start}}