/* Shared homepage tokens keep the pilot aligned with Kadence and the theme switch. */
.fx-pilot #main.fx-shell { max-width:1200px; margin:auto; padding:32px 28px 48px; }
.fx-pilot .fx-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; font-size:14px; color:var(--ink-2); margin-bottom:44px; }
.fx-pilot .fx-breadcrumb a:hover { text-decoration:underline; }
.fx-pilot .fx-heading { max-width:810px; margin-bottom:36px; }
.fx-pilot .fx-heading h1 { font-size:clamp(1.5rem,4vw,2.125rem); line-height:1.1; font-weight:800; margin:12px 0 20px; }
.fx-pilot .fx-heading > p:last-child { font-size:1rem; color:var(--ink-2); max-width:690px; }
.fx-pilot .fx-layout { display:grid; grid-template-columns:minmax(0, 1fr) 310px; gap:32px; align-items:start; }
.fx-pilot .fx-panel { padding:28px; border:1px solid var(--line); border-radius:18px; background:var(--surface); }
.fx-pilot .fx-panel h2, .fx-pilot .fx-parts h2 { font-size:1.125rem; margin:4px 0 16px; }
.fx-pilot .fx-panel p + p, .fx-pilot .fx-panel p + a, .fx-pilot .fx-panel h3 { margin-top:16px; }
.fx-pilot .fx-panel p { color:var(--ink-2); }
.fx-pilot .fx-panel hr { border:0; border-top:1px solid var(--line); margin:24px 0; }
.fx-pilot .fx-small, .fx-pilot .fx-meta { font-size:13px; line-height:1.6; color:var(--ink-2); }
.fx-pilot .fx-search { padding:24px; background:var(--bg-soft); border:1px solid var(--line); border-radius:16px; }
.fx-pilot .fx-search label { display:block; font-weight:700; margin-bottom:10px; }
.fx-pilot .fx-search-row { display:flex; gap:10px; }
.fx-pilot .fx-search input[type="search"] { flex:1; min-width:0; width:100%; font:inherit; padding:13px 14px; background:var(--surface); border:1px solid var(--line); border-radius:10px; color:var(--ink); }
.fx-pilot .fx-search .fx-small { margin-top:10px; }
.fx-pilot .fx-button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:48px; padding:13px 20px; background:#b74508; border:1px solid #b74508; border-radius:10px; font:700 15px/1.4 var(--font-body); color:white; text-decoration:none; cursor:pointer; text-align:center; }
.fx-pilot .fx-button:hover { background:#963806; color:white; }
.fx-pilot .fx-link { display:inline-block; color:var(--ink-2); text-decoration:underline; text-underline-offset:4px; font:600 14px/1.65 var(--font-body); cursor:pointer; }
.fx-pilot button.fx-link { background:transparent; border:0; padding:10px 0; box-shadow:none; }
.fx-pilot aside .fx-link { display:block; margin-top:16px; }
.fx-pilot :is(a,button,input,summary,textarea):focus-visible { outline:3px solid var(--brand); outline-offset:4px; }
.fx-pilot .fx-result-count { margin:24px 0 14px; color:var(--ink-2); font-size:14px; }
.fx-pilot .fx-model-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.fx-pilot .fx-model-card { display:flex; flex-direction:column; align-items:flex-start; padding:24px; border:1px solid var(--line); border-radius:16px; background:var(--surface); transition:border-color .2s, transform .2s; }
.fx-pilot .fx-model-card:hover { border-color:var(--brand); transform:translateY(-2px); }
.fx-pilot .fx-model-card h2 { font-size:1.125rem; margin:8px 0 12px; overflow-wrap:anywhere; }
.fx-pilot .fx-model-card p { font-size:14px; color:var(--ink-2); margin-bottom:20px; }
.fx-pilot .fx-model-card .fx-meta { margin-top:auto; }
.fx-pilot .fx-model-card > strong { font-size:14px; margin-top:18px; }
.fx-pilot .fx-guide-card h2 { font-size:1.125rem; line-height:1.25; }
.fx-pilot .fx-guide-links { display:grid; gap:14px; margin-top:20px; }
.fx-pilot .fx-label-example { display:flex; flex-direction:column; padding:20px; border:1px dashed var(--muted); background:var(--bg-soft); border-radius:8px; margin:22px 0; font-family:monospace; gap:8px; }
.fx-pilot .fx-label-example span { font-size:12px; color:var(--ink-2); }
.fx-pilot .fx-label-example strong { font-size:1rem; }
.fx-pilot ol, .fx-pilot ul { padding-left:22px; margin:20px 0; }
.fx-pilot li { margin-bottom:10px; }
.fx-pilot .fx-facts { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:0 0 24px; padding:24px; border:1px solid var(--line); border-radius:16px; }
.fx-pilot dt { color:var(--ink-2); font-size:13px; }
.fx-pilot dd { margin:6px 0 0; font-size:16px; font-weight:700; }
.fx-pilot .fx-start { background:var(--bg-soft); margin-bottom:40px; }
.fx-pilot .fx-start .fx-button { margin-top:22px; }
.fx-pilot .fx-parts > p { color:var(--ink-2); }
.fx-pilot .fx-note { padding:20px 24px; border-left:4px solid var(--brand); border-radius:0 12px 12px 0; background:var(--brand-soft); margin:24px 0; }
.fx-pilot .fx-note p { margin-top:6px; color:var(--ink-2); }
.fx-pilot .fx-safety { margin-bottom:32px; }
.fx-pilot .fx-part { border-bottom:1px solid var(--line); }
.fx-pilot .fx-part summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 4px; cursor:pointer; }
.fx-pilot .fx-part summary > span:first-child { display:flex; flex-direction:column; gap:6px; }
.fx-pilot .fx-part summary strong { font-size:.9375rem; }
.fx-pilot .fx-part summary span span { font-size:14px; color:var(--ink-2); }
.fx-pilot .fx-part-body { padding:0 4px 24px; font-size:14px; }
.fx-pilot .fx-part-body p { margin-bottom:14px; color:var(--ink-2); }
.fx-pilot .fx-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:24px; }
.fx-pilot .fx-step-label { display:block; color:var(--ink-2); font-size:13px; margin-bottom:16px; }
.fx-pilot .fx-flow h2 { font-size:clamp(1.125rem,2.5vw,1.375rem); line-height:1.25; }
.fx-pilot .fx-answers { display:grid; gap:12px; margin-top:24px; }
.fx-pilot .fx-answer { text-align:left; min-height:52px; white-space:normal; padding:16px 18px; background:var(--surface-2); color:var(--ink); border:1px solid var(--line); border-radius:10px; font:600 15px/1.5 var(--font-body); cursor:pointer; box-shadow:none; }
.fx-pilot .fx-answer:hover { border-color:var(--brand); background:var(--brand-soft); }
.fx-pilot .fx-flow-controls { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; border-top:1px solid var(--line); margin-top:24px; padding-top:12px; }
.fx-pilot [hidden] { display:none !important; }
.fx-pilot .fx-summary { display:block; width:100%; min-height:230px; margin:12px 0; padding:16px; background:var(--bg-soft); border:1px solid var(--line); border-radius:8px; color:var(--ink); font:14px/1.6 var(--font-body); resize:vertical; }
.fx-pilot .fx-policy { max-width:820px; }
.fx-pilot .fx-policy h2:not(:first-child) { margin-top:32px; }
.fx-pilot .fx-pilot-footer { margin-top:56px; border-top:1px solid var(--line); padding-top:24px; display:flex; gap:16px; flex-wrap:wrap; justify-content:space-between; color:var(--ink-2); font-size:13px; }
@media(max-width:900px) { .fx-pilot .fx-layout { grid-template-columns:1fr; } .fx-pilot .fx-label-guide { max-width:none; } }
@media(max-width:540px) { .fx-pilot #main.fx-shell { padding:24px 18px 36px; } .fx-pilot .fx-breadcrumb { margin-bottom:30px; } .fx-pilot .fx-model-grid { grid-template-columns:1fr; } .fx-pilot .fx-panel { padding:22px; } .fx-pilot .fx-search-row { flex-direction:column; } .fx-pilot .fx-facts { gap:12px; padding:20px; grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .fx-pilot .fx-model-card { transition:none; } }
@media print { .fx-pilot .fx-breadcrumb,.fx-pilot .fx-flow-controls,.fx-pilot .fx-answers,.fx-pilot button,.fx-pilot aside { display:none!important; } .fx-pilot .fx-layout { display:block; } .fx-pilot .fx-summary { min-height:400px; } }
