/* Page components built on Arrow's shared home.css tokens and chrome. */
.ft-page{--ft-gap:clamp(24px,4vw,48px)}
.ft-wrap{max-width:1200px;margin:0 auto;min-width:0}
.ft-hero{padding-top:clamp(36px,6vw,76px);padding-bottom:clamp(32px,5vw,64px)}
.ft-crumb{display:flex;gap:10px;flex-wrap:wrap;font:400 .7rem/1.6 var(--mono);color:var(--muted);margin-bottom:38px}
.ft-hero-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:var(--ft-gap);align-items:center}
.ft-hero h1{font-size:clamp(2.2rem,4.6vw,4rem);line-height:1.06;letter-spacing:-.055em;margin:24px 0}
.ft-lede{font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.8;color:var(--muted);max-width:620px}
.ft-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:26px}
.ft-text-link{font-size:.88rem;color:var(--geo);line-height:1.7}
.ft-meta{font:400 .68rem/1.8 var(--mono);color:var(--muted);margin-top:24px}
.ft-hero-art{margin:0;min-width:0}.ft-hero-art img{width:100%;height:auto;display:block;border:1px solid var(--a8);border-radius:var(--r-lg)}
.ft-hero-art figcaption{font:400 .6rem/1.7 var(--mono);color:var(--muted);padding:12px 0}
.ft-kicker{font:500 .67rem/1.7 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--geo)}
.ft-h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.13;letter-spacing:-.045em;margin:12px 0 24px}
.ft-section-head{display:flex;gap:24px;align-items:end;justify-content:space-between;margin-bottom:28px}
.ft-section-head .ft-h2{margin-bottom:0}.ft-section-head>a{font-size:.9rem;color:var(--geo)}
.ft-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ft-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.ft-card,.ft-text-card{min-width:0;background:var(--bg-card);border:1px solid var(--a10);border-radius:var(--r-lg);overflow:hidden}
.ft-card-image{display:block;border-bottom:1px solid var(--a8)}.ft-card-image img{width:100%;height:auto;display:block;transition:transform .25s ease}.ft-card:hover .ft-card-image img{transform:scale(1.015)}
.ft-card-copy{padding:26px;display:flex;flex-direction:column;gap:14px}.ft-card h3{font-size:1.25rem;letter-spacing:-.025em;line-height:1.3;margin:0}.ft-card h3 a{text-decoration:none}
.ft-card p,.ft-text-card p{line-height:1.8;color:var(--muted);font-size:.94rem;margin:0}.ft-card-foot{display:grid;gap:14px;border-top:1px solid var(--a8);padding-top:18px;margin-top:8px}.ft-card-foot span{font:400 .65rem/1.7 var(--mono);color:var(--muted)}.ft-card-foot a{color:var(--geo);font-size:.85rem}
.ft-loop-card{background:var(--geo-soft);display:flex;align-items:center}.ft-loop-card .ft-card-copy{gap:24px}.ft-loop-card h3{font-size:1.8rem;line-height:1.2}.ft-loop-card a:last-child{font-size:.82rem;color:var(--geo)}
.ft-text-card{padding:32px}.ft-text-card h3{font-size:1.3rem;line-height:1.3;margin:0 0 20px}.ft-text-card>a{display:inline-block;margin-top:20px;color:var(--geo);font-size:.88rem}
.ft-workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;scroll-margin-top:110px}
.ft-input-panel,.ft-result{min-width:0;padding:clamp(22px,3vw,34px);border:1px solid var(--a10);border-radius:var(--r-lg);background:var(--bg-card)}
.ft-result{background:var(--geo-soft)}.ft-result-top{border-bottom:1px solid var(--a10);padding-bottom:22px;margin-bottom:22px}.ft-result-top h2{font-size:2rem;letter-spacing:-.045em;line-height:1.12;margin:12px 0 0}
.ft-panel-head h2{font-size:1.4rem;line-height:1.3;letter-spacing:-.025em;margin:10px 0 18px}.ft-panel-head .ft-quiet{margin-bottom:18px}
.ft-quiet{font:500 .8rem/1.6 var(--mono);background:transparent;border:0;padding:4px 0;color:var(--geo);text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.ft-help,.ft-field small{font-size:.78rem;line-height:1.75;color:var(--muted)}.ft-input-panel>p.ft-help{margin:0 0 24px}.ft-example-note{padding:16px;border:1px solid var(--a10);border-left:3px solid var(--heat-8);background:var(--bg-card);font-size:.8rem;line-height:1.7;margin-bottom:24px}
.ft-field{display:grid;gap:9px;margin:0 0 22px;min-width:0}.ft-field label{font-size:.87rem;font-weight:600;line-height:1.5}.ft-field input,.ft-field textarea,.ft-fact-select{width:100%;min-width:0;border:1px solid var(--a10);border-radius:var(--r-lg);padding:12px 14px;background:var(--bg-card);color:var(--ink);font:inherit;font-size:.88rem;line-height:1.6}
.ft-field textarea{font:.76rem/1.7 var(--mono);resize:vertical}.ft-field input[type=file]{font-size:.75rem}.ft-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.ft-field input:focus,.ft-field textarea:focus,.ft-fact-select:focus{outline:2px solid var(--geo);outline-offset:3px}
.ft-pair{min-width:0;border:1px solid var(--a10);border-radius:var(--r-lg);padding:18px;margin:0 0 22px}.ft-pair legend{font:500 .7rem var(--mono);padding:0 8px;color:var(--geo)}.ft-pair .ft-field{margin-bottom:16px}
.ft-check{display:flex;gap:10px;align-items:start;font-size:.83rem;line-height:1.65}.ft-check input{margin-top:5px;accent-color:var(--geo)}
.ft-status{min-height:28px;font-size:.84rem;line-height:1.65;margin:20px 0 0}.ft-status[role=alert]{border-left:3px solid var(--heat-8);padding-left:14px}.ft-status:focus{outline:2px solid var(--geo);outline-offset:5px}
.ft-empty{padding:28px 0 40px}.ft-empty-mark{display:block;font-size:2.5rem;line-height:1;color:var(--geo);margin-bottom:30px}.ft-empty p{line-height:1.7}
.ft-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.ft-stat{padding:18px;background:var(--bg-card);border:1px solid var(--a10);border-radius:var(--r-lg);min-width:0}.ft-stat strong{display:block;font-size:1.9rem;font-weight:600;letter-spacing:-.04em;line-height:1.1;overflow-wrap:anywhere}.ft-stat span{display:block;font:400 .64rem/1.65 var(--mono);color:var(--muted);margin-top:12px}
.ft-output-item{border-top:1px solid var(--a10);padding:22px 0;overflow-wrap:anywhere}.ft-output-item h3{font-size:1rem;line-height:1.5;margin:8px 0 14px}.ft-output-item p,.ft-output-item li{font-size:.85rem;line-height:1.7;color:var(--muted)}.ft-output-item ul{padding-left:18px}.ft-output-item label{font-size:.78rem;line-height:1.5;display:block;margin:14px 0 8px}.ft-fact-select{font-size:.78rem}.ft-output-item .ft-help{margin:8px 0}
.ft-result-note{padding:16px;background:var(--bg-card);border-left:3px solid var(--geo);font-size:.8rem;line-height:1.75;overflow-wrap:anywhere;margin:18px 0}
.ft-actions{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--a10);padding-top:24px;margin-top:20px}.ft-actions .btn{font-size:.83rem;padding:11px 16px}.ft-next{border-top:1px solid var(--a10);padding-top:24px;margin-top:26px;display:grid;gap:15px}.ft-next h3{font-size:1.25rem;line-height:1.4;letter-spacing:-.025em;margin:0}.ft-next p{font-size:.87rem;line-height:1.75;color:var(--muted);margin:0}.ft-next>a:not(.btn){font-size:.8rem;line-height:1.7;color:var(--geo)}
.ft-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--a10);border-radius:var(--r-lg);margin:20px 0}.ft-table{width:100%;border-collapse:collapse;background:var(--bg-card);font-size:.78rem;line-height:1.6;text-align:left}.ft-table th,.ft-table td{padding:14px;vertical-align:top;border-bottom:1px solid var(--a8)}.ft-table th{font-weight:600}.ft-table td{color:var(--muted)}.ft-table tr:last-child td{border-bottom:0}
.ft-code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:.69rem/1.7 var(--mono);max-height:340px;overflow:auto;padding:18px;border:1px solid var(--a10);border-radius:var(--r-lg);background:var(--bg-card);margin:14px 0}.ft-output-details summary{cursor:pointer;font-size:.82rem;font-weight:600;line-height:1.7;padding:10px 0}.ft-preview{white-space:pre-wrap}.ft-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0;list-style:none;padding:0}.ft-path li{padding:14px;border:1px solid var(--a10);border-radius:var(--r-lg);background:var(--bg-card);font:.7rem/1.7 var(--mono)}
.ft-editorial{display:grid;grid-template-columns:.85fr 1fr;gap:clamp(28px,6vw,96px);align-items:start;scroll-margin-top:110px}.ft-prose h3{font-size:1.15rem;line-height:1.4;letter-spacing:-.025em;margin:8px 0 14px}.ft-prose p{color:var(--muted);line-height:1.85;font-size:.96rem;margin:0 0 28px}.ft-prose article+article{border-top:1px solid var(--a10);padding-top:24px}.ft-prose details{border:1px solid var(--a10);border-radius:var(--r-lg);padding:18px 22px;margin:26px 0 36px}.ft-prose summary{font-size:.9rem;font-weight:600;cursor:pointer}.ft-prose details p{font-size:.85rem;margin:18px 0 0}.ft-prose a{color:var(--geo)}
.ft-faq{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px}.ft-faq article{border-top:1px solid var(--a10);padding-top:24px}.ft-faq h3{font-size:1.02rem;line-height:1.5;letter-spacing:-.02em;margin:0 0 12px}.ft-faq p{font-size:.9rem;line-height:1.85;color:var(--muted);margin:0}
.ft-page [hidden]{display:none!important}.ft-page button:disabled{opacity:.45;cursor:not-allowed}.ft-page :focus-visible{outline:2px solid var(--geo);outline-offset:4px}.ft-page a,.ft-page button,.ft-page input,.ft-page textarea,.ft-page summary,.ft-page [id]{scroll-margin-top:110px}
@media(max-width:1000px){.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ft-hero h1{font-size:2.7rem}.ft-hero-grid{grid-template-columns:1fr 1fr;gap:24px}.ft-workspace{grid-template-columns:1fr 1fr}.ft-fields{grid-template-columns:1fr}.ft-hero .hero-pill{font-size:.65rem}}
@media(max-width:800px){.ft-hero-grid,.ft-workspace,.ft-editorial{grid-template-columns:1fr}.ft-hero-art{max-width:650px}.ft-hero h1{font-size:clamp(2.2rem,7.5vw,3.4rem)}.ft-lede{max-width:650px}.ft-hero-art{margin-top:12px}.ft-hero .hero-pill{font-size:.7rem}.ft-fields{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ft-grid,.ft-faq,.ft-fields{grid-template-columns:1fr}.ft-section-head{display:grid;align-items:start}.ft-row .btn{width:100%;justify-content:center}.ft-card-copy{padding:24px}.ft-hero .hero-pill{font-size:.6rem}.ft-crumb{font-size:.6rem;margin-bottom:26px}.ft-hero h1{font-size:2.35rem}.ft-hero-art figcaption{font-size:.54rem}.ft-stats{gap:10px}.ft-stat{padding:15px}.ft-stat strong{font-size:1.65rem}.ft-result-top h2{font-size:1.8rem}.ft-actions .btn{width:100%}.ft-text-card{padding:24px}.ft-fact-select{padding:10px 8px}.ft-workspace-section .ft-wrap{width:100%}}
@media(prefers-reduced-motion:reduce){.ft-card-image img{transition:none}.ft-card:hover .ft-card-image img{transform:none}}

.ft-loop-card{grid-column:1 / -1}
