.task-font-intro{padding-top:20px;padding-bottom:24px}.task-font-intro h1.headline{margin-top:12px;font-size:clamp(32px,3.4vw,48px)}.task-font-intro h1 .headline-answer{margin-top:0;font-size:clamp(24px,2.2vw,32px);line-height:1.2;display:inline}.task-font-lead{max-width:1100px;margin-top:12px;font-size:14px;line-height:1.7}.task-font-your-words{margin-top:18px}.task-font-browser{border-top:1px solid var(--border);min-width:0}.task-font-toolbar{padding:20px var(--panel-x)}.task-font-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:14px;display:flex}.task-font-list-heading h2{letter-spacing:-.04em;font-size:clamp(24px,2.4vw,30px);font-weight:800;line-height:1.15}.task-font-list-heading p,.task-font-search>label,.task-font-size>span,.task-font-size output{color:var(--slate);font-family:var(--font-mono);font-size:11px;line-height:1.5}.task-font-controls{gap:16px 32px;display:grid}.task-font-search,.task-font-size{min-width:0}.task-font-search>label{margin-bottom:7px;display:block}.task-font-search>div{border:1px solid var(--frame-border);display:flex}.task-font-search input{background:var(--white);width:100%;min-width:0;min-height:46px;color:var(--ink);padding:10px 14px;font-size:15px}.task-font-search button{width:44px;color:var(--slate);flex-shrink:0;font-size:24px}.task-font-size{grid-template-columns:1fr auto;align-items:center;column-gap:16px;display:grid}.task-font-size>span{grid-area:1/1;margin-bottom:7px}.task-font-size input{width:100%;min-width:0;min-height:44px;accent-color:var(--ink);cursor:pointer;grid-area:2/1/auto/-1}.task-font-size output{text-align:right;grid-area:1/2;min-width:43px}.task-font-filters{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.task-font-filters button{border:1px solid var(--frame-border);min-height:44px;color:var(--slate);align-items:center;gap:10px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.task-font-filters button span{font-family:var(--font-mono);font-size:10px;font-weight:400}.task-font-filters button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--white)}.task-font-list{min-width:0;padding:0 var(--panel-x) var(--panel-y);gap:16px;display:grid}.task-font-list>li{min-width:0;display:flex}.task-font-card{border:1px solid var(--frame-border);flex-direction:column;width:100%;min-width:0;display:flex}.task-font-card>header{padding:20px 20px 0}.task-font-card h3{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:25px;font-weight:800;line-height:1.15}.task-font-card>header>p{color:var(--slate);margin-top:7px;font-size:12px;line-height:1.6}.task-font-sample{align-items:center;min-width:0;min-height:140px;padding:26px 20px;display:flex;position:relative}.task-font-words{width:100%;font-size:var(--task-font-size,48px);overflow-wrap:anywhere;font-synthesis:none;padding-block:.12em;line-height:1.4}.task-font-sample[data-font-state=loading]:before{background:var(--surface);content:"";height:10px;position:absolute;top:40%;left:20px;right:20px}.task-font-status{color:var(--slate);font-size:12px;line-height:1.7}.task-font-sample>.task-font-status{position:absolute;bottom:20px;left:20px;right:20px}.task-font-status button,.task-font-empty button{text-underline-offset:4px;min-height:44px;font-weight:700;text-decoration:underline}.task-font-sample[data-font-state=static]{flex-direction:column;align-items:flex-start;gap:10px;overflow-x:auto}.task-font-sample img{flex-shrink:0;max-width:none;height:auto;display:block}.task-font-facts{border-top:1px solid var(--border);color:var(--slate);font-family:var(--font-mono);margin:auto 20px 0;padding-top:14px;font-size:11px;line-height:1.8}.task-font-card footer{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 20px 16px;display:flex}.task-font-card footer ul{gap:6px}.task-font-source{min-height:44px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--frame-border);text-decoration-color:var(--frame-border);text-underline-offset:4px;align-items:center;gap:12px;font-size:12px;font-weight:700;display:inline-flex}.task-font-source:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.task-font-empty{padding:20px var(--panel-x) 40px;color:var(--slate)}.task-font-browser button,.task-font-browser a,.task-comparison>summary{cursor:pointer}.task-font-browser :is(input,button,a):focus-visible,.task-comparison>summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.task-comparison{padding:0}.task-comparison>summary{min-height:88px;padding:24px var(--panel-x);letter-spacing:-.035em;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.2;list-style:none;display:flex}.task-comparison>summary::-webkit-details-marker{display:none}.task-comparison>summary:after{content:"+";font-size:30px;font-weight:400}.task-comparison[open]>summary{border-bottom:1px solid var(--border)}.task-comparison[open]>summary:after{content:"−"}.task-shelf-notes{gap:28px 40px;display:grid}.task-shelf-notes h2{letter-spacing:-.035em;font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.2}.task-shelf-notes p{color:var(--slate);margin-top:12px;font-size:14px;line-height:1.8}@media (min-width:700px){.task-font-controls{grid-template-columns:minmax(0,1fr) minmax(200px,.6fr)}.task-font-list,.task-shelf-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:375px) and (max-width:699px){.task-font-controls{grid-template-columns:minmax(0,1fr) 112px;column-gap:16px}}@media (max-width:399px){.task-font-toolbar{padding-top:20px}.task-font-card>header{padding:16px 14px 0}.task-font-sample{padding:24px 14px}.task-font-facts{margin-left:14px;margin-right:14px}.task-font-card footer{padding-left:14px;padding-right:14px}}