.alphabet-main{padding-bottom:72px}.alphabet-intro{text-align:center;padding:22px 0 16px}.alphabet-intro h1{margin-bottom:9px}.alphabet-intro .lead{margin-left:auto;margin-right:auto}.reference-topics{flex-wrap:wrap;justify-content:center;gap:7px;max-width:900px;margin:14px auto 0;padding:0;list-style:none;display:flex}.reference-topics li{border:1px solid color-mix(in srgb, var(--teal) 20%, transparent);color:var(--teal-dark);background:color-mix(in srgb, var(--teal) 5%, var(--paper));border-radius:8px;padding:6px 10px;font-size:11px;font-weight:800;line-height:1.25}.alphabet-card{border:1px solid var(--line);background:var(--paper);border-radius:20px;overflow:hidden;box-shadow:0 18px 50px #1720200b}.table-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px;display:flex}.alphabet-tabs{border:1px solid var(--line);background:var(--surface-muted);border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;padding:4px;display:grid}.alphabet-tabs button{min-height:44px;color:var(--muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:10px;font-size:clamp(13px,.9vw,16px);font-weight:800}.alphabet-tabs button:hover{color:var(--teal);background:#ffffff80}.alphabet-tabs button.active{color:#fff;background:var(--teal);box-shadow:0 3px 9px color-mix(in srgb, var(--teal) 15%, transparent)}.alphabet-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.alphabet-tab-panel[hidden]{display:none}.final-forms-note{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--gold) 8%, transparent);align-items:center;gap:18px;padding:13px 29px;display:flex}.note-mark{color:#a87520;white-space:nowrap;font:600 28px/1 Frank Ruhl Libre,serif}.final-forms-note p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.final-forms-note strong{color:var(--ink)}.final-forms-note b{color:var(--teal);font:700 16px/1 Frank Ruhl Libre,serif}.table-description{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.niqqud-panel-intro{border-bottom:1px solid var(--line);background:var(--surface-paper-translucent);padding:14px 29px}.alphabet-table-wrap{overflow-x:auto}.alphabet-table{border-collapse:collapse;text-align:left;width:100%}.alphabet-table th{color:var(--muted);background:var(--surface-muted);letter-spacing:.08em;text-transform:uppercase;padding:13px 18px;font-size:10px;font-weight:700}.alphabet-table td{vertical-align:middle;border-top:1px solid #e3e0d8;min-height:72px;padding:12px 18px}.alphabet-table tbody tr:first-child td{border-top:0}.alphabet-table tbody tr:hover{background:color-mix(in srgb, var(--teal) 3%, transparent)}.alphabet-table td:first-child{white-space:nowrap;width:112px}.order{color:#969d99;vertical-align:middle;width:25px;font-size:9px;font-weight:700;display:inline-block}.printed-forms{vertical-align:middle;align-items:flex-end;gap:5px;display:inline-flex}.hebrew-letter,.final-letter{color:var(--teal);vertical-align:middle;font:700 38px/1 Frank Ruhl Libre,serif;display:inline-block}.final-letter{color:#b57f28}.text-letter{color:var(--muted);font:400 18px/1 Arial Hebrew,Noto Sans Hebrew,Arial,sans-serif}.text-letter.final{color:color-mix(in srgb, #a87520 72%, var(--muted))}.handwritten-forms{color:#b8b3a8;justify-content:flex-end;align-items:center;gap:6px;min-width:74px;display:inline-flex}.handwritten-letter{color:var(--ink);font:400 43px/1 Gveret Levin,cursive}.handwritten-letter.final{color:#a87520}.dash{color:#c2bfb7}.letter-name{font-size:clamp(15px,.88vw,18px)}.transliteration{color:var(--teal);font-size:clamp(14px,.78vw,16px);font-weight:700}.sound{color:var(--muted);font-size:clamp(13px,.73vw,15px);line-height:1.45}.gematria-value{color:#3a3149;font-variant-numeric:tabular-nums;font-size:clamp(14px,.78vw,16px)}.niqqud-group-row td{border-top:1px solid var(--line);color:var(--muted);background:color-mix(in srgb, var(--teal) 4%, transparent);padding:9px 18px}.niqqud-group-row strong{color:var(--teal);margin-right:8px;font-size:11px}.niqqud-group-row span{font-size:9px}.niqqud-table td:first-child{text-align:center;width:112px}.niqqud-sign{color:var(--teal);font:700 clamp(30px,2vw,40px)/1 Frank Ruhl Libre,serif}.niqqud-name{flex-direction:column;gap:3px;display:flex}.niqqud-name strong{font-size:clamp(14px,.78vw,16px)}.niqqud-name small{color:var(--teal);font:600 clamp(15px,.88vw,18px)/1.2 Frank Ruhl Libre,serif}.niqqud-sound,.niqqud-reading{color:var(--muted);font-size:clamp(13px,.73vw,15px)}.niqqud-example{color:var(--ink);white-space:nowrap;font:700 clamp(22px,1.35vw,28px)/1.2 Frank Ruhl Libre,serif}.niqqud-scope{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:14px 29px 16px;font-size:10px;line-height:1.5}@media (width<=760px){.alphabet-intro{padding:18px 0 14px}.reference-topics{justify-content:flex-start}.table-heading{padding:8px}.alphabet-tabs button{min-height:40px;font-size:12px}.niqqud-panel-intro{padding:12px 18px}.alphabet-table thead{display:none}.alphabet-table,.alphabet-table tbody,.alphabet-table tr,.alphabet-table td{width:100%;display:block}.alphabet-table tr{border-top:1px solid #e3e0d8;grid-template-columns:1.2fr .8fr 1fr;gap:10px 14px;padding:15px 18px;display:grid}.alphabet-table tbody tr:first-child{border-top:0}.alphabet-table td{border:0;min-height:0;padding:0}.alphabet-table td:first-child{grid-row:span 2;width:auto}.alphabet-table td:nth-child(6){grid-column:2/4}.niqqud-table td:nth-child(5){grid-column:auto}.niqqud-table .niqqud-group-row{padding:10px 18px;display:block}.niqqud-table .niqqud-group-row td{align-items:baseline;gap:7px;width:100%;padding:0;display:flex}.niqqud-table .niqqud-group-row td:before{display:none}.alphabet-table td:before{content:attr(data-label);color:#9a9f9c;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;font-size:7px;font-weight:700;display:block}.hebrew-letter,.final-letter{font-size:34px}.final-forms-note{align-items:flex-start;gap:12px;padding:12px 18px}.note-mark{font-size:25px}}@media (width<=480px){.alphabet-table:not(.niqqud-table) tr{grid-template-columns:1.05fr .8fr 1fr 1.15fr;grid-template-areas:"letter final handwritten name""transliteration transliteration value value""sound sound sound sound";align-items:start;gap:8px 10px;padding:12px 14px}.alphabet-table:not(.niqqud-table) td:first-child{grid-area:letter}.alphabet-table:not(.niqqud-table) td:nth-child(2){grid-area:final}.alphabet-table:not(.niqqud-table) td:nth-child(3){grid-area:handwritten}.alphabet-table:not(.niqqud-table) td:nth-child(4){grid-area:name}.alphabet-table:not(.niqqud-table) td:nth-child(5){grid-area:transliteration}.alphabet-table:not(.niqqud-table) td:nth-child(6){grid-area:sound}.alphabet-table:not(.niqqud-table) td:nth-child(7){grid-area:value}.alphabet-table:not(.niqqud-table) td:before{margin-bottom:2px;font-size:6.5px}.alphabet-table:not(.niqqud-table) .order{width:auto;margin-right:4px}.alphabet-table:not(.niqqud-table) .printed-forms{gap:3px}.alphabet-table:not(.niqqud-table) .hebrew-letter,.alphabet-table:not(.niqqud-table) .final-letter{font-size:31px}.alphabet-table:not(.niqqud-table) .text-letter{font-size:15px}.alphabet-table:not(.niqqud-table) .handwritten-forms{justify-content:flex-start;min-width:0}.alphabet-table:not(.niqqud-table) .handwritten-letter{font-size:38px}.alphabet-table:not(.niqqud-table) .letter-name{font-size:16px}.alphabet-table:not(.niqqud-table) .sound{font-size:13px;line-height:1.35}.niqqud-table tr{grid-template-columns:1fr 1fr}.niqqud-table td:nth-child(5){grid-column:auto}.niqqud-table .niqqud-group-row td{gap:2px;display:grid}}
