.typography-settings{padding:24px;margin:0 28px 24px;background:#f7f8f5;border:1px solid #e5e8e0;border-radius:12px}.typography-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.typography-settings .field{margin:0}.typography-sample{display:flex;flex-direction:column;gap:12px;padding:24px 0 20px}.typography-sample>span:first-child{font-size:clamp(25px,3vw,36px);line-height:1.3;color:#26312d;letter-spacing:-.02em}.typography-sample p{font-size:14px;line-height:1.6;color:#59615c;margin:0}.palette-sample{display:flex;gap:7px}.palette-sample i{display:block;width:26px;height:26px;border:1px solid #00000012;border-radius:50%}.typography-details{border-top:1px solid #e0e5dc;padding-top:15px}.typography-details summary{cursor:pointer;font-size:12px;color:#536349}.typography-details[open] .typography-grid{padding-top:18px}@media(max-width:600px){.typography-settings{margin:0 18px 18px;padding:18px}.typography-grid{grid-template-columns:1fr;gap:15px}}