.feat-copy h1{max-width:13ch}.feat-steps h2,.feat-pair h2,.feat-compare h2{letter-spacing:-.028em;text-wrap:balance;max-width:22ch;font-size:clamp(1.875rem,3.4vw,2.75rem);font-weight:700;line-height:1.05}.feat-steps ol{counter-reset:step;border-top:2px solid var(--text);margin-top:32px}.feat-steps li{counter-increment:step;border-bottom:1px solid var(--rule);grid-template-columns:72px minmax(0,18rem) minmax(0,1fr);align-items:baseline;gap:8px 32px;padding:22px 0;display:grid}.feat-steps li:before{content:counter(step);color:var(--ink);font-size:2.5rem;font-weight:700;line-height:1}.feat-steps h3{letter-spacing:-.015em;font-size:1.375rem;font-weight:700}.feat-steps p{max-width:40rem;color:var(--soft);font-size:1.0625rem;line-height:1.55}.feat-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 56px;display:grid}.feat-pair>div{border-top:2px solid var(--text);padding-top:28px}.feat-pair h2{font-size:clamp(1.625rem,2.6vw,2.125rem)}.feat-pair p{max-width:34rem;color:var(--soft);margin-top:16px;font-size:1.0625rem;line-height:1.55}.feat-pair p strong{color:var(--text);font-weight:600}.feat-numbers dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 48px;margin-top:40px;display:grid}.feat-numbers dl>div{border-top:1px solid var(--rule);padding-top:18px}.feat-numbers dt{letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(3rem,6vw,4.5rem);font-weight:700;line-height:1}.feat-numbers dd{max-width:30ch;color:var(--soft);margin-top:12px;font-size:1rem;line-height:1.5}.feat-numbers dl>div:last-child dt{color:var(--soft)}.feat-links{flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-top:32px;font-weight:600;display:flex}.feat-links a{color:var(--ink);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px}.feat-links a:hover{text-decoration-thickness:2.5px}.feat-links span{color:var(--soft)}.feat-formats dl,.feat-list{border-top:1px solid var(--rule);max-width:60rem;margin-top:32px}.feat-formats dl>div,.feat-list>div{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:6px 32px;padding:18px 0;display:grid}.feat-formats dt,.feat-list dt{font-size:1.125rem;font-weight:700}.feat-formats dt code{color:var(--soft);margin-top:4px;font-size:.875rem;font-weight:500;display:block}.feat-formats dd,.feat-list dd{color:var(--soft);font-size:1.0625rem;line-height:1.55}.feat-related{flex-direction:column;gap:10px;margin-top:24px;font-weight:600;display:flex}.feat-related a{color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}.feat-related a:hover{text-decoration-thickness:2.5px}.feat-hero-sheet{grid-template-columns:minmax(0,1fr) minmax(0,460px)}.feat-sheet{width:100%}.feat-sheet-tabs{border:0;gap:4px;padding:0;display:flex}.feat-sheet-tabs legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.feat-sheet-tabs label{cursor:pointer;position:relative}.feat-sheet-tabs input{opacity:0;pointer-events:none;position:absolute}.feat-sheet-tabs span{border:1.5px solid var(--rule);color:var(--soft);border-radius:999px;padding:8px 16px;font-size:.9375rem;font-weight:600;display:inline-block}.feat-sheet-tabs label:hover span{border-color:var(--ink);color:var(--ink)}.feat-sheet-tabs input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}.feat-sheet-tabs input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}@media (prefers-color-scheme:dark){.feat-sheet-tabs input:checked+span{color:#111318}}.feat-sheet-page{background:linear-gradient(to right, transparent 44px, color-mix(in srgb, var(--ink) 45%, transparent) 44px 45.5px, transparent 45.5px), repeating-linear-gradient(to bottom, transparent 0 27px, var(--rule) 27px 28px), var(--paper);border:1px solid var(--rule);min-height:340px;box-shadow:0 40px 80px -36px color-mix(in srgb, var(--ink) 50%, transparent);background-position:0 0,0 20px,0 0;border-radius:6px;margin-top:16px;padding:28px 28px 32px 64px;position:relative;transform:rotate(1.2deg)}.feat-sheet-page pre{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:500 .9375rem/28px ui-monospace,SF Mono,Menlo,Consolas,monospace;display:none}.feat-sheet-page pre[data-format=text]{font-family:inherit;font-size:1.0625rem}.feat-sheet-name{background:var(--text);color:var(--paper);border-radius:999px;padding:2px 10px;font-size:.8125rem;font-weight:600;position:absolute;top:-12px;right:20px}.feat-sheet-name span{display:none}:is(.feat-sheet:has(input[value=text]:checked) pre[data-format=text],.feat-sheet:has(input[value=srt]:checked) pre[data-format=srt],.feat-sheet:has(input[value=vtt]:checked) pre[data-format=vtt]){display:block}:is(.feat-sheet:has(input[value=text]:checked) .feat-sheet-name span[data-format=text],.feat-sheet:has(input[value=srt]:checked) .feat-sheet-name span[data-format=srt],.feat-sheet:has(input[value=vtt]:checked) .feat-sheet-name span[data-format=vtt]){display:inline}.feat-compare>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;margin-top:32px;display:grid}.feat-compare section{border-left:2px solid var(--ink);padding-left:20px}.feat-compare section+section{border-left-color:var(--rule)}.feat-compare h3{letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.feat-compare ul{flex-direction:column;gap:8px;margin-top:12px;display:flex}.feat-compare li{color:var(--soft);padding-left:18px;font-size:1.0625rem;line-height:1.5;position:relative}.feat-compare li:before{content:"";background:var(--ink);width:8px;height:2px;position:absolute;top:.7em;left:0}.feat-fonts ul{border-top:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px;margin-top:32px;display:grid}.feat-fonts li{border-bottom:1px solid var(--rule);padding:16px 0}.feat-fonts .feat-specimen{width:100%;height:72px;color:var(--ink);display:block}.feat-fonts li h3{margin-top:6px;font-size:1rem;font-weight:700}.feat-fonts li p{color:var(--soft);margin-top:2px;font-size:.9375rem;line-height:1.45}@media (max-width:1040px){.feat-hero-sheet{grid-template-columns:minmax(0,1fr)}.feat-sheet{justify-self:center;max-width:460px}.feat-pair,.feat-compare>div{grid-template-columns:minmax(0,1fr)}.feat-fonts ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.feat-steps li{grid-template-columns:48px minmax(0,1fr)}.feat-steps li:before{grid-row:span 2;font-size:2rem}.feat-numbers dl{grid-template-columns:minmax(0,1fr);gap:24px}.feat-formats dl>div,.feat-list>div{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.feat-sheet-page{background-position:0 0,0 14px,0 0;min-height:0;padding:22px 16px 24px 52px;transform:none}.feat-sheet-page pre{font-size:.8125rem}.feat-sheet-page pre[data-format=text]{font-size:1rem}.feat-fonts ul{gap:0 20px}}