/* Góc tìm font: canonical component definitions; responsive/state variants are explicit. */
.font-finder{--ff-green:#22332d;--ff-paper:#f7f7ef;--ff-lilac:#ded5ef;--ff-purple:#71548d;--ff-radius:28px;--focus:var(--ff-purple);min-width:0;padding-top:var(--space-6);overflow-wrap:anywhere}
.font-finder .eyebrow{display:block;font-size:var(--type-meta-size);line-height:var(--copy-leading);letter-spacing:.09em;font-weight:var(--font-regular)}
.font-finder .button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);max-width:100%}
.font-finder .dfvn-icon{flex-shrink:0}
.font-finder .button .dfvn-icon,.ff-text-link .dfvn-icon{width:18px;height:18px}
.ff-text-link,.ff-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;border:0;background:none;color:inherit;font-size:var(--type-small-size);line-height:var(--copy-leading);text-align:left;cursor:pointer}
.ff-text-link:hover,.ff-back:hover{opacity:var(--hover-opacity,.75)}
.ff-group-button{--action-bg:transparent;--action-ink:currentColor;--action-line:color-mix(in srgb,currentColor 40%,transparent);border:1px solid var(--action-line)}
.ff-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.8fr);align-items:stretch;gap:clamp(36px,5vw,88px);padding:clamp(32px,5vw,76px);border-radius:var(--ff-radius);background:var(--ff-green);color:var(--ff-paper)}
.ff-hero-copy{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-14);padding:var(--space-3) 0;min-width:0}
.ff-hero-copy .eyebrow{color:#c7d0c5}
.ff-hero h1{font-size:var(--page-title-size);line-height:var(--page-title-leading);letter-spacing:var(--dfvn-title-letter-spacing);margin:var(--space-7) 0 var(--space-7);color:inherit}
.ff-hero h1 .ff-hero-accent{color:var(--ff-lilac)}
.ff-hero-copy>div>p{max-width:560px;color:#c7d0c5;font-size:var(--lead-size);line-height:var(--lead-leading);margin:0}
.ff-actions{display:flex;gap:var(--space-3);margin-top:var(--lead-action-gap)}
.ff-hero-copy .button{--action-bg:transparent;--action-ink:var(--ff-paper);--action-line:#f7f7ef70;--focus:var(--ff-lilac)}
.ff-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);list-style:none;padding:0;margin:0}
.ff-process li{display:grid;gap:var(--space-4);padding-top:var(--space-4);border-top:0;font-size:var(--type-small-size);line-height:var(--copy-leading);position:relative;overflow:hidden}
.ff-process li>span{font-size:var(--type-meta-size);color:#c7d0c5}
.ff-form-panel{min-width:0;background:var(--surface);border-radius:var(--ff-radius);padding:clamp(24px,3vw,40px)}
.ff-form-panel>h2,.ff-form-panel>h3{font-size:var(--feature-card-title-size);line-height:var(--panel-title-leading);margin:var(--space-7) 0 var(--space-5);color:inherit}
.ff-form-panel>p{font-size:var(--type-body-size);line-height:var(--copy-leading);color:var(--muted);margin-bottom:var(--space-6)}
.ff-bench-composer{--bg:var(--ff-paper);--surface:#eceee6;--ink:var(--ff-green);--muted:#6b746b;--line:#d9ded2;--field-line:transparent;--field-bg:var(--surface);--heading-ink:var(--ff-green);--button-bg:var(--ff-green);--button-ink:var(--ff-paper);--focus:var(--ff-purple);background:var(--ff-paper);color:var(--ff-green);border-radius:22px;align-self:start;scroll-margin-top:140px}
.ff-bench-composer .button{--action-bg:var(--ff-green);--action-ink:var(--ff-paper);--action-line:transparent}
.ff-form-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--type-caption-size);line-height:var(--copy-leading);color:var(--muted);margin-bottom:var(--space-2)}
.ff-form-head .eyebrow{font-size:var(--type-caption-size);letter-spacing:.04em;color:var(--ff-green)}
.ff-form{display:grid;gap:var(--space-5)}
.ff-form label{display:grid;gap:var(--space-2);min-width:0;font-size:var(--form-label-size);line-height:var(--copy-leading)}
.ff-form input:not([type=checkbox]):not([type=hidden]),.ff-form textarea,.ff-form select{width:100%;min-width:0;max-width:100%;font-size:var(--field-size);background:var(--field-bg,var(--bg));text-transform:none}
.ff-form textarea{resize:vertical;min-height:120px}
.ff-question-form{gap:var(--space-4)}
.ff-question-form label{font-size:var(--type-small-size)}
.ff-question-form input:not([type=checkbox]):not([type=file]),.ff-question-form textarea{font-size:var(--type-small-size);padding:12px 14px;border-radius:12px;min-height:44px}
.ff-question-form textarea{min-height:76px}
.ff-form button[type=submit]{justify-self:start}
.ff-form .ff-form-note,.ff-upload-status{font-size:var(--type-meta-size);line-height:var(--copy-leading);color:var(--muted);margin:0}
.ff-upload-status:empty{display:none}
.ff-field-label small{font-size:var(--type-meta-size);color:var(--muted)}
.ff-upload{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-3)!important;padding:18px!important;min-height:90px;align-items:center;align-content:center;border:1px solid transparent;border-radius:14px;background:var(--surface);cursor:pointer}
.ff-upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.ff-upload [data-ff-upload-label]{display:flex;align-items:center;gap:var(--space-2);min-width:0;grid-column:1}
.ff-upload [data-ff-upload-label] .dfvn-icon{width:23px;height:23px}
.ff-upload small{display:block;font-size:var(--type-caption-size);line-height:var(--copy-leading);color:var(--muted);padding-left:31px}
.ff-upload-action{grid-column:2;grid-row:1;border-radius:var(--pill);padding:7px 11px;background:var(--bg);font-size:var(--type-caption-size)}
.ff-upload img{grid-column:1/-1;width:100%;height:170px;object-fit:contain;margin-top:var(--space-3);border-radius:9px}
.ff-upload [hidden]{display:none!important}
.ff-upload:has(input:focus-visible){outline:1px solid var(--ff-purple);outline-offset:3px}
.ff-optional{border-top:1px solid var(--line);padding-top:var(--space-3)}
.ff-optional summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--type-meta-size);line-height:var(--copy-leading);color:var(--muted);cursor:pointer;list-style:none}
.ff-optional summary::-webkit-details-marker{display:none}
.ff-optional[open] summary>span{transform:rotate(45deg)}
.ff-optional>div{display:grid;gap:var(--space-4);padding-top:var(--space-4)}
.ff-form .ff-consent{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--type-meta-size);line-height:var(--copy-leading)}
.ff-consent input{width:17px;height:17px;flex:0 0 17px;margin-top:2px}
.ff-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.ff-guest-upload{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);margin-top:var(--space-6);border-radius:14px;background:var(--surface);font-size:var(--type-small-size)}
.ff-guest-upload>.dfvn-icon{width:34px;height:34px}
.ff-guest-upload small{display:block;color:var(--muted);font-size:var(--type-caption-size);margin-top:var(--space-1)}
.ff-form-panel>.ff-guest-note{font-size:var(--type-meta-size);margin:var(--space-7) 0 0}
.ff-browse,.ff-hints{margin-top:var(--space-16);scroll-margin-top:140px}
.ff-section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--heading-card-gap)}
.ff-section-heading h2{font-size:var(--section-title-size);line-height:var(--section-title-leading);margin:var(--space-3) 0 0}
.ff-section-heading .eyebrow{color:var(--muted)}
.ff-section-heading>span{font-size:var(--type-small-size);color:var(--muted)}
.ff-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-7)}
.ff-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}
.ff-filters a{padding:10px 17px;border-radius:var(--pill);font-size:var(--type-small-size);line-height:var(--copy-leading);background:var(--surface)}
.ff-filters a[aria-current]{background:var(--button-bg);color:var(--button-ink)}
.ff-search{display:flex;align-items:center;gap:var(--space-2);min-width:0;max-width:340px;flex:1;min-height:48px;padding:0 8px 0 18px;border:0;border-radius:var(--pill);background:var(--surface)}
.ff-search input[type=search]{width:100%;min-width:0;height:48px;border:0;border-radius:0;padding:12px 0;background:none;font-size:var(--type-small-size)}
.ff-search .dfvn-search-control{min-width:0;width:100%;flex:1}
.ff-search .icon-button{width:34px;height:34px;flex:0 0 34px;padding:8px;color:var(--ink);background:none}
.ff-browse[aria-busy=true] :is(.ff-grid,.ff-empty){opacity:.5}
.ff-browse-status{font-size:var(--type-small-size);line-height:var(--copy-leading);color:var(--muted);margin-top:var(--space-5)}
.ff-browse-status:empty{display:none}
.ff-browse-status a{text-decoration:underline;text-underline-offset:3px}
.ff-grid{display:grid;gap:var(--space-4)}
.ff-card{display:grid;grid-template-columns:minmax(200px,.58fr) minmax(0,1fr);gap:var(--space-8);align-items:center;padding:14px 24px 14px 14px;border-radius:22px;background:var(--surface);min-width:0;position:relative}
.ff-card-image{display:block;height:200px;min-width:0;overflow:hidden;border-radius:12px;background:var(--bg)}
.ff-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.ff-card-image:hover img{transform:scale(1.025)}
.ff-card-copy{min-width:0}
.ff-card-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3);padding-right:42px}
.ff-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--type-meta-size);line-height:var(--copy-leading);padding:5px 11px;border-radius:var(--pill);background:var(--ff-lilac);color:var(--ff-green)}
.ff-status .dfvn-icon{width:14px;height:14px}
.ff-status.is-solved{background:var(--ff-green);color:var(--ff-paper)}
.ff-card-id{font-size:var(--type-caption-size);color:var(--muted)}
.ff-demo-tag{font-size:var(--type-caption-size);line-height:var(--copy-leading);padding:3px 9px;border:1px solid var(--line);border-radius:var(--pill);color:var(--muted)}
.ff-card h3{font-size:var(--feature-card-title-size);line-height:var(--card-title-leading,1.15);margin:0 0 var(--card-title-copy-gap)}
.ff-card-copy>p{font-size:var(--type-small-size);line-height:var(--copy-leading);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.ff-card-person{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--type-meta-size);line-height:var(--copy-leading);color:var(--muted);margin-top:var(--space-4)}
.ff-avatar{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;font-size:var(--type-caption-size);background:var(--ff-lilac);color:var(--ff-green)}
.ff-pagination{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap;margin-top:var(--space-7)}
.ff-pagination .page-numbers{padding:8px 14px;border-radius:var(--pill);background:var(--surface)}
.ff-pagination .current{background:var(--button-bg);color:var(--button-ink)}
.ff-empty{padding:clamp(28px,5vw,64px);border-radius:var(--ff-radius);background:var(--surface);text-align:center}
.ff-empty h3{font-size:var(--panel-title-size);line-height:var(--panel-title-leading);margin-bottom:var(--card-title-copy-gap)}
.ff-empty p{max-width:560px;margin:0 auto var(--space-5);font-size:var(--type-body-size);line-height:var(--copy-leading);color:var(--muted)}
.ff-notice{padding:var(--space-5) var(--space-6);border-radius:18px;background:var(--ff-lilac);color:var(--ff-green);margin:0 0 var(--space-6);font-size:var(--type-body-size);line-height:var(--copy-leading)}
.ff-notice.is-error{background:var(--surface);color:var(--error);border:1px solid var(--error)}
.ff-demo-notice{font-size:var(--type-small-size);line-height:var(--copy-leading);color:var(--muted);margin:0 0 var(--space-5)}
.ff-duplicate-note{padding:var(--space-4);border-radius:14px;background:var(--ff-lilac);color:var(--ff-green);font-size:var(--type-small-size);line-height:var(--copy-leading)}
.ff-duplicate-note[hidden]{display:none}
.ff-duplicate-note>strong{display:block;font-weight:var(--font-medium)}
.ff-duplicate-note>p{margin:var(--space-2) 0}
.ff-duplicate-note>a{display:block;text-decoration:underline;text-underline-offset:3px;margin-top:var(--space-2)}
.ff-case-file{display:block;min-width:0;overflow:hidden;background:var(--surface);border-radius:var(--ff-radius)}
.ff-case-heading{--ink:var(--ff-paper);--muted:#c7d0c5;--lead-ink:#d4dcd3;--heading-ink:var(--ff-paper);--focus:var(--ff-lilac);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);align-items:end;gap:var(--space-10) var(--space-14);padding:clamp(28px,4vw,52px);background:var(--ff-green);color:var(--ff-paper)}
.ff-detail-toolbar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:0 0 var(--space-6);margin:0;border-bottom:1px solid #f7f7ef30;color:#c7d0c5}
.ff-detail-toolbar nav{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--type-meta-size);line-height:var(--copy-leading)}
.ff-detail-toolbar nav>span:first-of-type{opacity:.45}
.ff-detail-toolbar .ff-back{color:var(--ff-paper)}
.ff-detail-toolbar>.ff-text-link{font-size:var(--type-meta-size);color:var(--ff-paper);white-space:nowrap}
.ff-detail-heading{min-width:0}
.ff-detail-heading .ff-status{background:var(--ff-paper);color:var(--ff-green)}
.ff-detail-heading .ff-status.is-solved{background:var(--ff-lilac);color:var(--ff-green)}
.ff-detail-heading h1{max-width:17ch;margin:var(--space-6) 0;font-size:var(--section-title-size);line-height:var(--section-title-leading);color:var(--ff-paper)}
.ff-case-count{font-size:var(--type-meta-size);line-height:var(--copy-leading);color:#c7d0c5;margin:0}
.ff-context{min-width:0}
.ff-case-author{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}
.ff-case-author .ff-avatar{width:36px;height:36px;flex-basis:36px;font-size:var(--type-small-size)}
.ff-case-author>div{display:grid;gap:var(--space-1);font-size:var(--type-small-size);line-height:var(--copy-leading)}
.ff-case-author strong{font-weight:var(--font-medium)}
.ff-case-author time{font-size:var(--type-meta-size);color:#c7d0c5}
.ff-context .eyebrow{color:#c7d0c5;margin:0 0 var(--space-3);font-size:var(--type-caption-size)}
.ff-context .ff-prose,.ff-context .ff-prose p{color:#d4dcd3;font-size:var(--type-copy-size);line-height:var(--copy-leading)}
.ff-prose p{margin:0 0 var(--space-4)}
.ff-context>.ff-text-link{margin-top:var(--space-5);font-size:var(--type-meta-size)}
.ff-reference{display:grid;place-items:center;min-width:0;margin:0;padding:clamp(22px,3.5vw,48px);background:var(--surface)}
.ff-reference img{display:block;width:auto;height:auto;max-width:100%;max-height:560px;object-fit:contain}
.ff-reference figcaption{display:block;margin:var(--space-4) 0 0;padding:0;color:var(--muted);font-size:var(--type-caption-size);line-height:var(--copy-leading);text-align:center}
.ff-results{margin-top:var(--space-12);scroll-margin-top:140px}
.ff-results-heading{flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6)}
.ff-results-heading h2{font-size:var(--form-title-size);line-height:var(--form-title-leading)}
.ff-results-heading>p{color:var(--muted);font-size:var(--type-small-size);line-height:var(--copy-leading);margin:0}
.ff-result{--focus:var(--ff-purple);--action-bg:var(--ff-green);--action-ink:var(--ff-paper);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-7);min-height:190px;padding:clamp(26px,3.5vw,44px);margin:0;border-radius:22px;border-left:5px solid var(--ff-purple);background:var(--surface);color:var(--ink)}
.ff-result.is-solved{--heading-ink:var(--ff-green);background:var(--ff-lilac);color:var(--ff-green)}
.ff-result-content{min-width:0}
.ff-result-content>.eyebrow{display:flex;align-items:center;gap:var(--space-2);font-size:var(--type-caption-size);text-transform:none}
.ff-result .eyebrow>.dfvn-icon{width:18px;height:18px}
.ff-result h3{font-size:var(--feature-card-title-size);line-height:var(--section-title-leading);margin:var(--space-4) 0;color:inherit}
.ff-result-content>p{max-width:710px;margin:0;font-size:var(--type-copy-size);line-height:var(--copy-leading)}
.ff-result-verdict{display:inline-flex;align-items:center;gap:var(--space-2);padding-top:var(--space-5);font-size:var(--type-meta-size);line-height:var(--copy-leading)}
.ff-result-verdict>.dfvn-icon{width:15px;height:15px}
.ff-result>.button{grid-column:auto;grid-row:auto;align-self:center;white-space:nowrap}
.ff-hints{margin-top:var(--space-10)}
.ff-hints .ff-section-heading h2{font-size:var(--panel-title-size);line-height:var(--panel-title-leading)}
.ff-hints .ff-section-heading .eyebrow{font-size:var(--type-caption-size)}
.ff-hint{display:flex;align-items:start;justify-content:space-between;gap:var(--space-7);padding:var(--space-6);margin-bottom:var(--space-3);border:0;border-radius:18px;background:var(--surface)}
.ff-hint:last-of-type{border-bottom:0}
.ff-hint>div{min-width:0}
.ff-hint-kind,.ff-hint-author{font-size:var(--type-meta-size);line-height:var(--copy-leading);color:var(--muted)}
.ff-hint h3{font-size:var(--card-title-size);line-height:var(--card-title-leading);margin:var(--space-3) 0 var(--space-4)}
.ff-hint .ff-prose{font-size:var(--type-copy-size);line-height:var(--copy-leading)}
.ff-hint-actions{display:grid;justify-items:start;gap:var(--space-5);max-width:40%;flex-shrink:0}
.ff-history{margin-top:var(--space-6);padding:var(--space-5) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ff-history>summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);list-style:none;cursor:pointer;font-size:var(--type-small-size);line-height:var(--copy-leading)}
.ff-history>summary::-webkit-details-marker{display:none}
.ff-history>summary>span{display:flex;align-items:center;gap:var(--space-3);font-size:var(--type-meta-size);color:var(--muted)}
.ff-history>summary .dfvn-icon{width:16px;height:16px}
.ff-history[open]>summary .dfvn-icon{transform:rotate(180deg)}
.ff-history .ff-hints{margin-top:var(--space-6)}
.ff-detail-page .ff-submit-section{display:block;padding:clamp(24px,3.5vw,40px);margin-top:var(--space-8);border:1px solid var(--line);border-radius:var(--ff-radius);scroll-margin-top:140px}
.ff-detail-page .ff-submit-section>div>h2{font-size:var(--panel-title-size);line-height:var(--panel-title-leading);margin:var(--space-3) 0}
.ff-detail-page .ff-submit-section>div>p{font-size:var(--type-copy-size);line-height:var(--copy-leading);max-width:620px}
.ff-detail-page .ff-submit-section>.ff-form-panel{padding:0;margin-top:var(--space-6);background:transparent;border-radius:0}
.ff-hint-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.ff-hint-form label{font-size:var(--type-small-size)}
.ff-hint-form>label:has(textarea),.ff-hint-form>.ff-form-note{grid-column:1/-1}
.ff-hint-form input,.ff-hint-form textarea,.ff-hint-form select{background:var(--surface)!important}
.ff-hint-form>button{grid-column:1/-1}
.ff-detail-page .ff-form-panel>h3{font-size:var(--panel-title-size);margin:0 0 var(--space-3)}
.ff-detail-page .ff-form-panel>p{font-size:var(--type-copy-size)}
.ff-case-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-top:var(--space-7);margin-top:var(--space-10);border-top:1px solid var(--line)}
.ff-copy-status{display:block;margin-top:var(--space-3);font-size:var(--type-meta-size);line-height:var(--copy-leading);color:var(--muted)}
.ff-copy-status:empty{display:none}
.font-finder :is(a,button,summary,input[type=checkbox]):focus-visible{outline:2px solid var(--focus,var(--ff-purple))!important;outline-offset:4px}
.font-finder :is(.ff-search input,.ff-form input:not([type=checkbox]):not([type=file]),.ff-form textarea,.ff-form select):is(:hover,:focus){border-color:var(--field-line);outline:none!important;box-shadow:none!important}
.font-finder .ff-search input:is(:hover,:focus){border:0}
.font-finder .ff-form label:has(>input:not([type=checkbox]):not([type=file]):focus-visible),.font-finder .ff-form label:has(>textarea:focus-visible),.font-finder .ff-form label:has(>select:focus-visible){--field-line:var(--ff-purple)}
.ff-search:has(input:focus-visible){outline:none}
@media(max-width:1100px){.ff-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:var(--space-7);padding:var(--space-8)}
.ff-hero h1{font-size:var(--section-title-size)}
.ff-hero-copy>div>p{font-size:var(--type-body-size)}
.ff-form-panel{padding:var(--space-6)}
.ff-card{gap:var(--space-5);grid-template-columns:minmax(180px,.6fr) minmax(0,1fr)}
.ff-card-image{height:180px}
.ff-toolbar{align-items:stretch;flex-direction:column}
.ff-search{max-width:none}
.ff-case-heading{gap:var(--space-7)}
.ff-detail-heading h1{font-size:var(--form-title-size)}}
@media(max-width:820px){.ff-hero{grid-template-columns:minmax(0,1fr)}
.ff-hero h1{font-size:var(--page-title-size)}
.ff-hero-copy{gap:var(--space-10);padding:0}
.ff-hero-copy>div>p{max-width:600px}
.ff-bench-composer{width:100%}
.ff-submit-section{grid-template-columns:minmax(0,1fr);gap:var(--space-7)}
.ff-result{display:block}}
@media(max-width:600px){.font-finder{--ff-radius:22px}
.ff-hero{padding:var(--space-6);gap:var(--space-7)}
.ff-hero h1{margin:var(--space-6) 0;font-size:var(--page-title-size)}
.ff-hero-copy>div>p{font-size:var(--type-copy-size)}
.ff-process{gap:var(--space-3)}
.ff-bench-composer{padding:var(--space-5);border-radius:16px}
.ff-form-head{align-items:start}
.ff-form-head .eyebrow,.ff-form-head>span:last-child{font-size:var(--type-micro-size)}
.ff-form-head>span:last-child{white-space:nowrap}
.ff-upload{padding:14px!important;gap:var(--space-1) var(--space-2)!important;min-height:90px}
.ff-upload-action{display:none}
.ff-upload small{font-size:var(--type-micro-size)}
.ff-upload [data-ff-upload-label]{font-size:var(--type-meta-size)}
.ff-form .ff-consent{font-size:var(--type-caption-size)}
.ff-question-form .button{--button-size:var(--type-small-size);--button-padding:12px 17px}
.ff-browse,.ff-hints{margin-top:var(--space-10)}
.ff-section-heading{align-items:start;gap:var(--space-4)}
.ff-section-heading>.ff-text-link{font-size:0;margin-top:var(--space-7)}
.ff-section-heading>.ff-text-link .dfvn-icon{width:21px;height:21px}
.ff-section-heading h2{font-size:var(--section-title-size)}
.ff-section-heading .eyebrow{font-size:var(--type-micro-size)}
.ff-filters{gap:6px}
.ff-filters a{padding:9px 12px;font-size:var(--type-meta-size)}
.ff-card{grid-template-columns:100px minmax(0,1fr);gap:var(--space-4);align-items:start;padding:var(--space-3);border-radius:18px}
.ff-card-image{height:145px;border-radius:9px}
.ff-card-copy{padding:2px 0}
.ff-card-meta{gap:6px;margin-bottom:var(--space-2)}
.ff-card-id{display:none}
.ff-card .ff-status{font-size:var(--type-caption-size);padding:3px 7px}
.ff-demo-tag{font-size:var(--type-micro-size);padding:2px 6px}
.ff-card h3{font-size:var(--card-title-size);line-height:var(--card-title-leading);margin-bottom:var(--space-2)}
.ff-card-copy>p{font-size:var(--type-caption-size);-webkit-line-clamp:2}
.ff-card-person{font-size:var(--type-caption-size);gap:6px;margin-top:var(--space-3)}
.ff-avatar{width:22px;height:22px;flex-basis:22px}
.ff-card-person>span:last-child{display:none}
.ff-detail-toolbar>span{font-size:var(--type-micro-size)}
.ff-detail-toolbar>.ff-text-link .dfvn-icon{width:20px;height:20px}
.ff-case-heading{padding:var(--space-6)}
.ff-meta{gap:var(--space-3);font-size:var(--type-caption-size)}
.ff-reference img{max-height:500px}
.ff-context .eyebrow{font-size:var(--type-caption-size)}
.ff-prose{font-size:var(--type-copy-size)}
.ff-result h2{font-size:var(--feature-card-title-size)}
.ff-result p{font-size:var(--type-copy-size)}
.ff-hint-actions{max-width:100%}}
@media(max-width:359px){.ff-hero{padding:var(--space-5)}
.ff-bench-composer{padding:var(--space-4)}
.ff-hero h1{font-size:var(--section-title-size)}
.ff-card{grid-template-columns:85px minmax(0,1fr);gap:var(--space-3)}
.ff-card h3{font-size:var(--compact-title-size)}
.ff-filters a{font-size:var(--type-caption-size);padding:9px 11px}
.ff-form-head>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.font-finder *{transition:none!important}
.ff-card-image:hover img{transform:none}}
@media(max-width:820px){.ff-case-heading{grid-template-columns:minmax(0,1fr);gap:var(--space-7);align-items:start}
.ff-detail-toolbar{grid-column:1}
.ff-result>.button{margin-top:var(--space-6)}}
@media(max-width:600px){.ff-detail-toolbar nav{font-size:var(--type-caption-size);gap:var(--space-2)}
.ff-detail-toolbar>.ff-text-link{font-size:var(--type-caption-size);gap:6px}
.ff-detail-toolbar{gap:var(--space-4);padding-bottom:var(--space-5)}
.ff-detail-toolbar .ff-back{font-size:var(--type-caption-size)}
.ff-detail-heading h1{font-size:var(--section-title-size);max-width:none;margin:var(--space-5) 0}
.ff-case-count{font-size:var(--type-caption-size)}
.ff-case-author{margin-bottom:var(--space-5)}
.ff-reference{padding:var(--space-5)}
.ff-reference figcaption{font-size:var(--type-micro-size);padding:var(--space-3) var(--space-4)}
.ff-results{margin-top:var(--space-8)}
.ff-results-heading h2{font-size:var(--form-title-size)}
.ff-results-heading>p{font-size:var(--type-meta-size)}
.ff-result{padding:var(--space-6);min-height:0;border-radius:18px;margin:0}
.ff-result h3{font-size:var(--feature-card-title-size)}
.ff-result-content>p{font-size:var(--type-small-size)}
.ff-result-verdict{font-size:var(--type-caption-size)}
.ff-history>summary{font-size:var(--type-meta-size)}
.ff-hint{flex-direction:column;gap:var(--space-4);padding:var(--space-5)}
.ff-hints .ff-section-heading>span{font-size:var(--type-caption-size);white-space:normal;margin-top:var(--space-4)}
.ff-detail-page .ff-submit-section{padding:var(--space-5)}
.ff-hint-form{grid-template-columns:minmax(0,1fr)}
.ff-case-tools{flex-wrap:wrap;margin-top:var(--space-7)}}
@media(max-width:359px){.ff-detail-toolbar nav>span{display:none}
.ff-detail-toolbar>.ff-text-link{font-size:var(--type-micro-size)}}
@media(min-width:601px){.ff-card-image{position:relative;height:auto;aspect-ratio:3}
.ff-card-image img{position:absolute;max-width:none;width:var(--ff-crop-width,100%);height:auto;left:var(--ff-crop-left,0);top:var(--ff-crop-top,0);object-fit:initial;transform:none;transition:none}
.ff-card-image:hover img{transform:none}}
.ff-image-stage{--ff-save-bg:#fff;--ff-save-ink:var(--ff-green);--ff-save-line:#fff;position:relative;width:100%;min-width:0}
.ff-image-stage img{display:block;width:100%;height:auto;max-width:100%;max-height:none}
.ff-image-regions{position:absolute;inset:0;pointer-events:none}
.font-finder .ff-image-region{position:absolute;display:block;min-width:0;min-height:0;padding:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;pointer-events:auto;overflow:visible;cursor:pointer}
.ff-region-pin{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);width:24px;height:24px;padding:0;border:1px solid #fff8;border-radius:50%;background:var(--ff-green);color:var(--ff-paper);font-size:11px;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 2px 5px #0002;pointer-events:auto;transition:box-shadow .18s,background .18s}
.ff-image-region:is(:hover,:focus-visible) .ff-region-pin{background:var(--ff-purple);box-shadow:0 0 0 3px var(--ff-paper),0 0 0 5px var(--ff-purple)}
.ff-answers{display:grid;gap:var(--space-4)}
.ff-answer.is-solved{--heading-ink:var(--ink);display:block;min-height:0;padding:clamp(24px,3vw,40px);scroll-margin-top:130px;border:0;background:var(--surface);color:var(--ink)}
.ff-answer:target{box-shadow:none}
.ff-answer-heading{display:block;min-width:0}
.ff-answer-label{display:flex;align-items:center;gap:var(--space-3)}
.ff-result-number{display:grid;place-items:center;flex:0 0 24px;height:24px;background:var(--ff-green);color:var(--ff-paper);border-radius:50%;font-size:11px;line-height:1;font-variant-numeric:tabular-nums}
.ff-answer-verdict{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--type-caption-size);line-height:var(--copy-leading);letter-spacing:.04em}
.ff-answer-verdict .dfvn-icon{width:14px;height:14px}
.ff-answer .ff-answer-heading h3{font-size:var(--feature-card-title-size);line-height:var(--card-title-leading);margin:var(--space-3) 0 var(--space-2);overflow-wrap:anywhere}
.ff-answer .ff-answer-foundry{margin:0!important;color:var(--muted);font-size:var(--type-meta-size);line-height:var(--copy-leading)}
.ff-answer-body{margin-top:var(--space-4);color:var(--muted);font-size:var(--type-small-size)}
.ff-answer-body p{margin:0;font-size:inherit;line-height:var(--copy-leading)}
.ff-answer-body p+p{margin-top:var(--space-3)}
.ff-font-passport{--ff-passport-control-size:44px;position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}
.ff-passport-main{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);min-width:0}
.ff-passport-badge{display:inline-flex;align-items:center;gap:8px;min-height:var(--ff-passport-control-size);border:1px solid var(--line);border-radius:var(--pill);padding:10px 14px;font-size:var(--type-meta-size);font-weight:var(--font-medium);line-height:1.35}
.ff-passport-badge .dfvn-icon{width:16px;height:16px}
.ff-passport-resource-link:hover{background:var(--bg);text-decoration:underline;text-underline-offset:3px}
.ff-passport-source{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);padding-left:var(--space-3);border-left:1px solid var(--line);font-size:var(--type-meta-size);line-height:var(--copy-leading);overflow-wrap:anywhere}
.ff-passport-source small{font-size:var(--type-caption-size);color:var(--muted)}
.ff-passport-source a:hover,.ff-font-facts a:hover{text-decoration:underline;text-underline-offset:3px}
.ff-passport-price{font-size:var(--type-meta-size);line-height:var(--copy-leading)}
.ff-passport-controls{position:relative;display:flex;align-items:center;gap:var(--space-2);min-width:0}
.ff-passport-controls>.button{--button-height:var(--ff-passport-control-size);--button-size:var(--type-meta-size);--button-padding:10px 14px;white-space:normal}
.ff-passport-details{font-size:var(--type-meta-size)}
.ff-passport-toggle{display:grid;place-items:center;width:32px;min-width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ff-green);cursor:pointer;list-style:none;min-height:32px}
.ff-passport-toggle>.dfvn-icon{width:14px;height:14px}
.ff-passport-toggle[aria-expanded=true]>.dfvn-icon{transform:rotate(180deg)}
.ff-passport-popover{display:none;position:fixed;inset:auto;left:12px;top:12px;z-index:1000;width:min(330px,calc(100vw - 24px));max-height:min(480px,calc(100dvh - 24px));overflow:auto;margin:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--ink);font-family:var(--body-font);box-shadow:0 12px 36px #0002}
.ff-passport-popover:popover-open{display:block}
.ff-passport-popover[data-open=true]{display:block}
.ff-font-facts{display:grid;gap:var(--space-4);margin:0;padding:0;border:0}
.ff-font-facts>div{min-width:0}
.ff-font-facts dt{font-size:var(--type-caption-size);color:var(--muted);margin-bottom:4px}
.ff-font-facts dd{margin:0;font-size:var(--type-small-size);line-height:var(--copy-leading);overflow-wrap:anywhere}
.ff-passport-popover>p{margin:var(--space-4) 0 0;font-size:var(--type-meta-size);line-height:var(--copy-leading)}
@media(max-width:600px){.ff-answer.is-solved{padding:var(--space-5);border-radius:18px}
.ff-answer .ff-answer-heading h3{font-size:var(--feature-card-title-size)}
.ff-answer-verdict{font-size:var(--type-micro-size)}
.ff-font-passport{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3)}
.ff-passport-main{grid-column:1;gap:var(--space-3)}
.ff-passport-source{padding-left:0;border-left:0}
.ff-passport-controls{grid-column:2;align-self:end;justify-content:start}
.ff-font-passport:has(.ff-passport-controls>.button)>.ff-passport-main,.ff-font-passport:has(.ff-passport-controls>.button)>.ff-passport-controls{grid-column:1/-1}
.ff-answer-body{font-size:var(--type-small-size)}}
.ff-upload-error{margin:var(--space-2) 0 0;line-height:var(--copy-leading);gap:8px}
.ff-upload-error[hidden]{display:none}
.ff-process li::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;opacity:0;background:linear-gradient(90deg,transparent,var(--ff-lilac),#f4f4d2,transparent);transform:translateX(-110%);z-index:1}
.ff-process[data-light-running="true"] li::before{animation:ff-process-light 7.5s ease-in-out infinite}
.ff-process[data-light-running="true"] li:nth-child(2)::before{animation-delay:2.5s}
.ff-process[data-light-running="true"] li:nth-child(3)::before{animation-delay:5s}
@keyframes ff-process-light{0%{opacity:0;transform:translateX(-110%)}5%{opacity:1}28%{opacity:1;transform:translateX(110%)}33%,100%{opacity:0;transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){.ff-process li::before{animation:none!important;transform:none!important;opacity:.5;background:var(--ff-lilac)}}
@media(max-width:600px){.ff-answer-actions{align-items:stretch}
.ff-answer-actions>.button{width:100%}
.ff-font-facts{grid-template-columns:minmax(0,1fr)}
.ff-process li{font-size:var(--type-caption-size);gap:var(--space-2);line-height:var(--copy-leading)}
.ff-process li>span{font-size:var(--type-caption-size);display:block;flex-shrink:0;margin-bottom:var(--space-2)}}
.ff-hide-steps .ff-process,.ff-hide-hero-description .ff-hero-copy>div>p,.ff-hide-community-links .ff-group-button,.ff-hide-form-notes .ff-form-note,.ff-hide-form-notes .ff-guest-note,.ff-hide-detail-context .ff-context,.ff-hide-result-intro .ff-results-heading>p,.ff-hide-result-facts .ff-font-facts,.font-finder p:empty,.font-finder small:empty,.font-finder figcaption:empty{display:none}
.ff-card-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px var(--space-3);margin-bottom:var(--card-title-copy-gap)}
.ff-card-title h3{margin-bottom:0}
.ff-other-fonts{display:inline-flex;align-items:center;min-height:24px;border:0;padding:0;background:none;color:var(--ink);font:var(--font-medium) var(--type-caption-size)/1.4 var(--body-font);white-space:nowrap;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ff-other-fonts-popover p{margin:0 0 var(--space-3);font-size:var(--type-meta-size);color:var(--muted)}
.ff-other-fonts-popover ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ff-other-fonts-popover a{display:block;padding:8px 0;font-size:var(--type-body-size)}
.ff-other-fonts-popover a:hover{text-decoration:underline;text-underline-offset:3px}
.ff-search input[type=search]::-webkit-search-cancel-button,.ff-search input[type=search]::-webkit-search-decoration{display:none;-webkit-appearance:none}
.ff-search .dfvn-search-clear{display:none!important}
.ff-answer:not(.is-similar) .ff-answer-verdict{padding:7px 12px;border-radius:var(--pill);background:var(--ff-green);color:var(--ff-paper);font-weight:var(--font-medium);letter-spacing:.025em}
.ff-process li::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:#f7f7ef38;pointer-events:none}
.font-finder .ff-card .ff-card-title button.ff-other-fonts{--button-bg:transparent;--button-ink:var(--ff-purple);--button-height:0;--button-padding:0;display:inline;min-height:24px;width:auto;padding:0;border:0;border-radius:0;background:transparent;color:var(--ff-purple);box-shadow:none;font:var(--font-medium) var(--type-caption-size)/1.4 var(--body-font);letter-spacing:normal;text-decoration:none;white-space:nowrap}
.font-finder .ff-card .ff-card-title button.ff-other-fonts:hover{text-decoration:underline;text-underline-offset:3px;background:transparent}
.ff-layout-switch{display:flex;justify-content:flex-end;gap:4px;margin:0 0 var(--space-5);font-size:var(--type-meta-size)}
.ff-layout-switch a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:var(--pill);color:var(--muted)}
.ff-layout-switch a[aria-current]{background:var(--surface);color:var(--ink)}
.ff-layout-switch .dfvn-icon{width:16px;height:16px}
.ff-tabs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);font-size:var(--type-meta-size);color:var(--muted)}
.ff-tabs-toolbar a{display:inline-flex;align-items:center;gap:8px}
.ff-tabs-toolbar .dfvn-icon{width:16px;height:16px}
.ff-tabs-toolbar .ff-back>span{margin-left:8px}
.ff-tabs-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,3.4vw,52px);align-items:center;padding:clamp(28px,4vw,60px);border-radius:var(--ff-radius);background:var(--ff-green);color:var(--ff-paper)}
.ff-tabs-copy{--ink:var(--ff-paper);--muted:#c7d0c5;--heading-ink:var(--ff-paper);--focus:var(--ff-lilac);min-width:0}
.ff-tabs-copy>.eyebrow{color:var(--muted)}
.ff-tabs-copy h1{font-size:var(--section-title-size);line-height:var(--section-title-leading);color:inherit;margin:var(--space-5) 0 var(--space-6);max-width:20ch}
.ff-tabs-context .ff-prose{max-width:62ch}
.ff-tabs-hero .ff-reference{padding:0;background:none}
.ff-tabs-hero .ff-reference figcaption{color:#c7d0c5}
.ff-tabs-hero .ff-reference img{border-radius:12px}
.ff-save-form{display:inline-flex;margin:0}
.font-finder .ff-save{--button-bg:transparent;--button-ink:currentColor;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--pill);background:transparent;color:inherit;box-shadow:none;font:var(--font-medium) var(--type-meta-size)/1.4 var(--body-font);text-decoration:none;cursor:pointer}
.font-finder .ff-save .dfvn-icon{width:18px;height:18px}
.font-finder .ff-save[aria-pressed=true]{background:var(--ff-green);border-color:var(--ff-green);color:var(--ff-paper)}
.ff-tabs-copy .ff-save,.ff-detail-heading .ff-save{border-color:#f7f7ef66}
.ff-tabs-copy .ff-save[aria-pressed=true],.ff-detail-heading .ff-save[aria-pressed=true]{background:var(--ff-lilac);border-color:var(--ff-lilac);color:var(--ff-green)}
.font-finder .ff-save-compact{padding:0;width:32px;height:32px;min-height:32px;background:var(--ff-save-bg,transparent);color:var(--ff-save-ink,inherit);border-color:var(--ff-save-line,var(--line))}
.ff-card>.ff-card-save,.ff-image-stage>.ff-card-save{position:absolute;top:18px;right:18px;z-index:2}
.ff-saved-list{padding-top:0}
.ff-save-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;width:max-content;max-width:calc(100vw - 32px);z-index:10010;padding:14px 20px;border-radius:16px;background:#22332d;color:#f7f7ef;font-size:var(--type-meta-size,14px);line-height:1.5;box-shadow:0 8px 28px #0002}
.ff-save-status[hidden]{display:none}
.ff-save-status>a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.ff-tabs-hero{grid-template-columns:minmax(0,1fr);padding:var(--space-6);gap:var(--space-7)}
.ff-tabs-copy h1{font-size:var(--form-title-size);line-height:var(--form-title-leading);max-width:none}
.ff-layout-switch{justify-content:center}
.ff-tabs-toolbar{font-size:var(--type-caption-size)}
.ff-tabs-toolbar .ff-back>span{margin-left:0}}
@media(max-width:600px){.ff-saved-list .ff-card{grid-template-columns:90px minmax(0,1fr)}
.ff-layout-switch a{padding:8px 12px;font-size:var(--type-caption-size)}}
.font-finder .ff-save-compact .dfvn-icon{width:16px;height:16px}
.ff-save[data-tooltip]:not(.ff-card-save){position:relative}
.ff-save[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:max-content;max-width:min(240px,calc(100vw - 32px));padding:7px 10px;border-radius:8px;background:var(--ff-green);color:var(--ff-paper);font:var(--font-medium) var(--type-caption-size)/1.4 var(--body-font);white-space:normal;text-align:center;box-shadow:0 4px 16px #0002;opacity:0;visibility:hidden;transform:translateY(-3px);pointer-events:none}
.ff-save[data-tooltip]:is(:hover,:focus-visible)::after{opacity:1;visibility:visible;transform:none}
.ff-save-compact::before{content:"";position:absolute;inset:-6px;border-radius:50%}
.ff-tabs-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);min-height:0}
.ff-tabs-kicker:empty{display:none}
.ff-tabs-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid #f7f7ef25}
.ff-tabs-byline{display:flex;align-items:center;gap:9px;font-size:var(--type-meta-size);line-height:var(--copy-leading);color:#c7d0c5}
.ff-tabs-byline:empty{display:none}
.ff-tabs-byline .ff-avatar{width:24px;height:24px;flex-basis:24px;font-size:var(--type-caption-size);background:#f7f7ef18;color:#e2e8de}
.ff-tabs-byline time{font-size:var(--type-caption-size);color:#adbcb0}
.ff-hide-hero-title .ff-hero h1,.ff-hide-card-author .ff-card-author,.ff-hide-card-hints .ff-card-hints,.ff-hide-detail-status .ff-detail-heading>.ff-status,.ff-hide-detail-result-count .ff-case-count,.ff-hide-result-eyebrow .ff-results-heading .eyebrow,.ff-hide-result-heading .ff-results-heading h2,.ff-hide-result-note .ff-results-heading>p,.ff-hide-result-number .ff-result-number,.ff-hide-result-verdict .ff-answer-verdict{display:none}
.font-finder :is(h1,h2,h3,.eyebrow):empty{display:none}
.ff-hide-result-number.ff-hide-result-verdict .ff-answer-label{display:none}
@media(max-width:600px){.font-finder .ff-save-compact{width:28px;height:28px;min-height:28px}
.ff-card>.ff-card-save,.ff-image-stage>.ff-card-save{top:12px;right:12px}
.ff-card .ff-card-meta{padding-right:34px}
.ff-tabs-footer{gap:var(--space-3)}
.ff-tabs-byline{font-size:var(--type-caption-size)}
}
@media(hover:none){.ff-save[data-tooltip]:hover:not(:focus-visible)::after{opacity:0;visibility:hidden}}
.ff-font-passport:not(:has(a,button,.ff-passport-badge,.ff-passport-price)){display:none}
.ff-result-stack .ff-answers{gap:18px}
.ff-result-stack .ff-answer{padding:clamp(24px,3vw,36px);border-radius:20px}
.ff-result-stack .ff-answer-label{margin:0 0 16px}
.ff-result-stack .ff-answer .ff-answer-heading h3{font-size:clamp(28px,2.3vw,36px);line-height:var(--card-title-leading);margin:0 0 8px}
.ff-result-stack .ff-font-passport{display:flex;align-items:center;justify-content:flex-start;padding-top:20px;margin-top:24px;border-top:1px solid var(--line)}
.ff-answer.is-similar{background:color-mix(in srgb,#ba8e45 9%,var(--bg))}
.ff-answer.is-similar .ff-answer-verdict{padding:7px 12px;border-radius:var(--pill);background:#f0dfbb;color:#493913;font-weight:var(--font-medium)}
.ff-result.is-waiting{border:0;background:var(--surface);color:var(--ink)}
.ff-card[data-ff-state=exact]{background:color-mix(in srgb,var(--ff-green) 7%,var(--bg))}
.ff-card[data-ff-state=similar]{background:color-mix(in srgb,#ba8e45 9%,var(--bg))}
.ff-card[data-ff-state=searching]{background:var(--surface)}
.ff-card .ff-status{display:inline-flex;align-items:center;gap:6px}
.ff-card .ff-status .dfvn-icon{width:13px;height:13px;flex:0 0 13px}
.ff-card[data-ff-state=similar] .ff-status{background:color-mix(in srgb,#ba8e45 20%,var(--bg));color:var(--ink)}
.ff-card[data-ff-state=searching] .ff-status{background:color-mix(in srgb,var(--ink) 8%,var(--bg));color:var(--ink)}
.ff-tabs-kicker .ff-status{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 12px;border-radius:var(--pill);background:#dce9dd;color:var(--ff-green);font-size:var(--type-caption-size);font-weight:var(--font-medium);line-height:1.4}
.ff-tabs-kicker .ff-status .dfvn-icon{width:14px;height:14px;flex:0 0 14px}
.ff-tabs-hero[data-ff-state=similar] .ff-tabs-kicker .ff-status{background:#f0dfbb;color:#493913}
.ff-tabs-hero[data-ff-state=searching] .ff-tabs-kicker .ff-status{background:#f7f7ef24;color:var(--ff-paper)}
@media(max-width:600px){
 .ff-result-stack .ff-answer .ff-answer-heading h3{font-size:28px}
 .ff-result-stack .ff-font-passport{gap:12px}
}
.ff-result-stack .ff-passport-main{max-width:100%}
.ff-result-stack .ff-passport-controls{flex:0 0 auto}
/* Personal requests stay inside the account, with the existing public composer. */
.ff-account{--paper:var(--bg,#f7f7ef);min-width:0}
.ff-account-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0;border-bottom:1px solid var(--line);padding-bottom:16px}
.ff-account-tabs a{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:8px 14px;border-radius:var(--pill);color:var(--muted);font-size:13px;text-decoration:none}
.ff-account-tabs a[aria-current=page]{background:var(--ink);color:var(--paper)}
.ff-account-tabs span{font-size:11px;opacity:.7}
.ff-account-empty{padding:clamp(28px,5vw,64px);border:1px solid var(--line);border-radius:24px;text-align:center;background:color-mix(in srgb,var(--paper) 70%,#ded5ef)}
.ff-account-mark{display:block;margin-bottom:20px;font:64px/1 Georgia,serif;letter-spacing:-.08em;color:#22332d}
.ff-account-empty h2{font-size:clamp(24px,3vw,32px);line-height:1.2;margin-bottom:14px}
.ff-account-empty p{max-width:460px;margin:0 auto 24px;color:var(--muted);line-height:1.7}
.ff-account-community{display:block;width:fit-content;margin:18px auto 0;font-size:13px;text-underline-offset:4px}
.ff-account-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ff-account-item{min-width:0;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.ff-account-image{display:flex;align-items:center;justify-content:center;aspect-ratio:2/1;padding:20px;background:var(--surface)}
.ff-account-image img{max-width:100%;max-height:140px;object-fit:contain;border-radius:6px}
.ff-account-item-copy{padding:22px}
.ff-account-state{display:inline-flex;padding:5px 10px;border-radius:var(--pill);background:var(--surface);font-size:11px;margin-bottom:14px}
.ff-account-state.is-solved{background:#22332d;color:#f7f7ef}
.ff-account-state.is-pending{background:#ded5ef;color:#22332d}
.ff-account-item h2{font-size:22px;line-height:1.3;margin:0 0 10px;overflow-wrap:anywhere}
.ff-account-item p{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:12px}
.ff-account-link{display:inline-flex;min-height:36px;align-items:center;font-size:13px;text-underline-offset:4px}
.ff-account-item .ff-account-note{margin-bottom:0}
.ff-account-pagination{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ff-account-pagination .page-numbers{padding:8px 12px;border:1px solid var(--line);border-radius:8px}
@media(max-width:600px){.ff-account-list{grid-template-columns:minmax(0,1fr)}.ff-account-tabs{gap:4px}.ff-account-tabs a{padding:7px 10px;font-size:12px}.ff-account-empty{padding:32px 20px}.ff-account .customer-content-heading{gap:20px}}