.language-showcase{color:#5c3f44;background:#f6f0e7;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,5vw,5rem);scroll-margin-top:90px;display:grid}.language-showcase h2{margin:1rem 0 1.5rem;font-size:clamp(2.4rem,4vw,4.4rem);font-weight:400;line-height:1.08}.language-showcase-intro>p{max-width:42ch;line-height:1.8}.language-showcase ul{margin:1.6rem 0;padding-left:1.15rem;line-height:2}.language-showcase-demo{min-width:0}.lettering-demo-fields{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.lettering-demo-fields label{gap:.5rem;font:500 .8rem/1.5 system-ui;display:grid}.lettering-demo-fields :is(input,select){color:#523942;width:100%;min-width:0;font:inherit;background:#fffdf8;border:1px solid #d6c7bd;border-radius:8px;padding:.8rem}.lettering-picker{color:#5c3f44;min-width:0}.lettering-comparison{background:#fffdf8;border:1px solid #d6c7bd;border-radius:12px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.lettering-comparison>div{text-align:center;flex-direction:column;justify-content:space-between;min-width:0;padding:1rem;display:flex}.lettering-comparison>div+div{background:#f4e9e6;border-left:1px solid #d6c7bd}.lettering-comparison>div>span{letter-spacing:.04em;font:500 .7rem/1.5 system-ui}.lettering-comparison p{overflow-wrap:anywhere;place-items:center;min-height:110px;margin:1rem 0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.5;display:grid}.lettering-picker .pen-name svg{width:100%;max-width:260px;height:110px;margin:auto;display:block;overflow:visible}.lettering-help{color:#75676b;margin:.8rem 0;font:400 .78rem/1.65 system-ui}.lettering-choices>summary{cursor:pointer;padding:.8rem 0;font:500 .8rem/1.6 system-ui}.lettering-grid{overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;max-height:390px;padding:3px;display:grid;overflow:auto}.lettering-grid>button{text-align:center;cursor:pointer;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;min-width:0;min-height:132px;color:#5c3f44!important;background:#fffdf8!important;border:1px solid #d6c7bd!important;padding:.7rem!important;display:flex!important}.lettering-grid>button[aria-pressed=true]{box-shadow:0 0 0 1px #8d526433;background:#f4e9e6!important;border:2px solid #8d5264!important}.lettering-card-sample{overflow-wrap:anywhere;place-items:center;min-height:80px;font-size:1.7rem;line-height:1.5;display:grid}.lettering-card-sample .pen-name svg{height:80px}.lettering-card-label{margin-top:.6rem;font:500 .65rem/1.45 system-ui}.lettering-grid button:focus-visible{outline-offset:2px;outline:3px solid #8d5264}.lettering-demo-fields :focus-visible{outline-offset:2px;outline:3px solid #8d5264}@media (max-width:800px){.language-showcase{grid-template-columns:1fr}.language-showcase-intro h2{max-width:16ch}.lettering-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lettering-demo-fields{grid-template-columns:1fr}.lettering-comparison>div{padding:.6rem}.lettering-comparison p{font-size:1.8rem}}