html .atlas-page.atlas-typography .atlas-chapter-heading{background:var(--pearl);color:var(--ink);grid-template-columns:1fr;align-items:start;gap:24px;padding-block:36px 48px}html .atlas-page.atlas-typography .atlas-chapter-heading h1{max-width:100%;font-size:clamp(36px,3.7vw,64px);line-height:1.45}html .atlas-page.atlas-typography .atlas-chapter-heading p{justify-self:start;max-width:62ch;font-size:17px;line-height:1.9}html .atlas-page.atlas-typography :is(.type-persian,.atlas-type-poster,.atlas-type-spec){grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);align-items:start;gap:clamp(32px,5vw,88px);padding-block:64px;display:grid}html .atlas-page.atlas-typography .type-persian{border-top:1px solid var(--line)}html .atlas-page.atlas-typography .type-font-meta{flex-direction:column;align-items:start;gap:16px;min-width:0;display:flex}html .atlas-page.atlas-typography .type-font-meta h2{margin:0;font-size:32px;line-height:1.4}html .atlas-page.atlas-typography .type-font-meta p{max-width:27ch;margin:0;font-size:15px;line-height:1.9}html .atlas-page.atlas-typography .type-font-value{letter-spacing:0;unicode-bidi:isolate;font:300 14px/1.6 DM,Arial,sans-serif}html .atlas-page.atlas-typography .type-persian-sample{font-family:var(--font-fa),sans-serif;min-width:0}html .atlas-page.atlas-typography .type-display-persian{font:500 clamp(40px,4.5vw,72px)/1.7 var(--font-fa),sans-serif;margin:0 0 24px}html .atlas-page.atlas-typography .type-reading-persian{font:500 19px/2 var(--font-fa),sans-serif;max-width:48ch;margin:0 0 32px}html .atlas-page.atlas-typography .type-glyphs-persian{font:500 23px/2.2 var(--font-fa),sans-serif;word-spacing:8px;max-width:48ch;margin:0}html .atlas-page.atlas-typography .type-numeral-sample{font:500 24px/1.8 var(--font-fa),sans-serif;text-align:end;margin:16px 0 0}html .atlas-page.atlas-typography .atlas-type-poster{background:var(--wine);color:var(--pearl)}html .atlas-page.atlas-typography .type-latin-sample{text-align:left;direction:ltr;min-width:0}html .atlas-page.atlas-typography .atlas-type-poster .type-font-meta h2{font-family:Sheina,serif;font-size:38px;font-weight:400}html .atlas-page.atlas-typography .type-display-latin{max-width:none;margin:0 0 40px;font:400 clamp(64px,6vw,104px)/1.12 Sheina,serif}html .atlas-page.atlas-typography .atlas-type-alphabet{word-spacing:0;flex-wrap:wrap;gap:12px 20px;max-width:100%;font:400 clamp(23px,2vw,30px)/1.45 Sheina,serif;display:flex}html .atlas-page.atlas-typography .atlas-type-alphabet span{white-space:nowrap}html .atlas-page.atlas-typography .atlas-type-spec .type-font-meta h2{font-family:DM,Arial,sans-serif;font-weight:300}html .atlas-page.atlas-typography .type-reading-latin{max-width:none;margin:0 0 24px;font:300 clamp(30px,3vw,48px)/1.4 DM,Arial,sans-serif}html .atlas-page.atlas-typography .type-body-latin{max-width:55ch;margin:0 0 28px;font:300 18px/1.7 DM,Arial,sans-serif}html .atlas-page.atlas-typography .atlas-type-spec .atlas-type-numerals{margin:0;font:300 clamp(22px,2vw,30px)/1.6 DM,Arial,sans-serif}html .atlas-page.atlas-typography .atlas-type-lab{padding-block:48px}html .atlas-page.atlas-typography .type-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}html .atlas-page.atlas-typography .type-preview-heading h2{margin:0;font-size:28px;line-height:1.5}html .atlas-page.atlas-typography .type-font-options{flex-wrap:wrap;gap:12px;display:flex}html .atlas-page.atlas-typography .type-font-options button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #f0ece54d;padding:8px 14px}html .atlas-page.atlas-typography .type-font-options button[aria-pressed=true]{background:var(--pearl);color:var(--ink);border-color:var(--pearl)}html .atlas-page.atlas-typography .atlas-type-output{overflow-wrap:break-word;min-height:180px;padding-block:36px;display:block}html .atlas-page.atlas-typography .atlas-type-output[data-font=anjoman]{font-family:var(--font-fa),sans-serif;font-weight:500;line-height:1.7}html .atlas-page.atlas-typography .atlas-type-output[data-font=sheina]{font-family:Sheina,serif;font-weight:400;line-height:1.2}html .atlas-page.atlas-typography .atlas-type-output[data-font=dm]{font-family:DM,Arial,sans-serif;font-weight:300;line-height:1.5}html .atlas-page.atlas-typography .atlas-type-controls{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px}html .atlas-page.atlas-typography .atlas-type-controls output{margin-left:0;margin-inline-start:auto;font-family:DM,Arial,sans-serif}html .atlas-page.atlas-typography .atlas-type-controls input[data-font=anjoman]{text-align:right;font-family:var(--font-fa),sans-serif;direction:rtl;font-weight:500}@media (max-width:760px){html .atlas-page.atlas-typography .atlas-chapter-heading{gap:20px;padding-block:24px 32px}html .atlas-page.atlas-typography .atlas-chapter-heading h1{font-size:36px}html .atlas-page.atlas-typography .atlas-chapter-heading p{font-size:16px}html .atlas-page.atlas-typography :is(.type-persian,.atlas-type-poster,.atlas-type-spec){grid-template-columns:1fr;gap:32px;padding-block:40px}html .atlas-page.atlas-typography .type-font-meta h2{font-size:28px}html .atlas-page.atlas-typography .type-font-meta p{max-width:100%}html .atlas-page.atlas-typography .type-display-persian{font-size:40px}html .atlas-page.atlas-typography .type-reading-persian{font-size:17px}html .atlas-page.atlas-typography .type-glyphs-persian{word-spacing:5px;font-size:20px}html .atlas-page.atlas-typography .type-display-latin{font-size:64px}html .atlas-page.atlas-typography .atlas-type-alphabet{gap:10px 16px;font-size:24px}html .atlas-page.atlas-typography .type-reading-latin{font-size:30px}html .atlas-page.atlas-typography .type-body-latin{font-size:16px}html .atlas-page.atlas-typography .type-preview-heading{flex-direction:column;align-items:start}html .atlas-page.atlas-typography .atlas-type-controls{grid-template-columns:1fr;gap:28px}}