.cursive-page{--home-surface-white:var(--white);--home-surface-soft:var(--surface-soft);--home-radius-sm:var(--r-md);--home-radius-lg:var(--r-xl);--home-stack:var(--space-sm);--trace-h:clamp(16rem, 38vw, 22rem);color:var(--ink);background:var(--white)}.cursive-page [id]{scroll-margin-top:88px}.cursive-page :focus-visible{outline:3px solid var(--brand-dark);outline-offset:3px}.cursive-page main p,.cursive-page main li{overflow-wrap:anywhere}.cursive-page h2,.cursive-page h3{text-wrap:balance}.cursive-page [lang=he]{font-family:var(--font-hebrew);letter-spacing:normal}.cursive-breadcrumbs{margin-bottom:calc(var(--space-sm) * 2);color:var(--ink-light);font-size:.875rem}.cursive-breadcrumbs ol{align-items:center;gap:var(--space-2xs);flex-wrap:wrap;list-style:none;display:flex}.cursive-breadcrumbs a{min-height:44px;padding-right:var(--space-xs);text-underline-offset:.2em;align-items:center;text-decoration:underline;display:inline-flex}.cursive-breadcrumbs li+li:before{content:"/";margin-inline:var(--space-xs);color:var(--ink-light)}.cursive-hero-layout{column-gap:clamp(var(--space-lg), 5vw, var(--space-xl));grid-template:"intro tool""examples tool"1fr/minmax(0,1fr) minmax(0,1.15fr);align-items:start;display:grid}.cursive-intro{grid-area:intro}.cursive-tool{grid-area:tool}.cursive-examples{grid-area:examples}.cursive-eyebrow{color:var(--brand-dark);letter-spacing:.035em;margin-bottom:var(--space-xs-plus);font-size:.8125rem;font-weight:700}.cursive-hero h1{font-family:var(--font-display);letter-spacing:-.03em;max-width:16ch;font-size:clamp(2.15rem,4.5vw,3.5rem);font-weight:800;line-height:1.13}.cursive-lead{color:var(--ink-mid);max-width:52ch;margin-top:var(--space-sm-plus);font-size:1.125rem;line-height:1.65}.cursive-examples{align-items:center;gap:var(--space-xs);margin-top:var(--space-md);color:var(--ink-mid);flex-wrap:wrap;font-size:.9375rem;display:flex}.cursive-examples ul{gap:var(--space-xs);flex-wrap:wrap;list-style:none;display:flex}.cursive-examples a{align-items:center;gap:var(--space-xs);min-height:44px;padding:0 var(--space-xs-plus);color:var(--ink);background:var(--white);border:1px solid var(--border-dark);border-radius:var(--r-full);text-decoration:none;transition:border-color .15s,background-color .15s;display:inline-flex}.cursive-examples a:hover{border-color:var(--brand);background:var(--brand-light)}.cursive-page .cursive-examples bdi{font-family:var(--font-hebrew-cursive);font-size:1.375rem;line-height:1}.cursive-examples a span{color:var(--ink-mid);font-weight:500}.cursive-tool{gap:var(--space-sm);padding:var(--space-md);background:var(--white);border:1px solid var(--brand-line);border-radius:var(--r-xl);box-shadow:var(--shadow-md);display:grid}.cursive-display{gap:var(--space-sm);padding:var(--space-sm);background:var(--surface-soft);border-radius:var(--r-lg);display:grid}.cursive-display-label{padding:var(--space-2xs) var(--space-xs-plus);color:var(--ink-mid);background:var(--white);border:1px solid var(--border);border-radius:var(--r-full);justify-self:start;align-items:center;font-size:.875rem;font-weight:700;line-height:1.3;display:inline-flex}.cursive-stage .cursive-display-label,.cursive-print-row .cursive-display-label{background:var(--surface-soft);border-color:#0000}.cursive-stage{gap:var(--space-xs);padding:var(--space-sm) var(--space-sm) 0;background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);display:grid}.cursive-page .cursive-output{--rule-base:62.7%;--rule-mid:24%;min-height:1.5em;padding-inline:var(--space-xs);font-family:var(--font-hebrew-cursive);text-align:center;color:var(--ink);background-image:linear-gradient(to bottom, transparent calc(var(--rule-base) - 2px), var(--brand-line) calc(var(--rule-base) - 2px), var(--brand-line) var(--rule-base), transparent var(--rule-base)), linear-gradient(to bottom, transparent calc(var(--rule-mid) - 1px), var(--surface) calc(var(--rule-mid) - 1px), var(--surface) var(--rule-mid), transparent var(--rule-mid));background-size:100% 1.5em;font-size:clamp(3.25rem,8vw,5.25rem);line-height:1.5}.cursive-print-row{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-sm);padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-xs);background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);flex-wrap:wrap;display:flex}.cursive-print{min-height:1.3em;color:var(--ink);font-size:clamp(1.625rem,3.5vw,2rem);font-weight:500;line-height:1.3;transform:translateY(.1em)}.cursive-actions{justify-content:center;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.cursive-action{justify-content:center;align-items:center;gap:var(--space-xs);min-width:44px;min-height:44px;padding:0 var(--space-sm-plus);font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--border-dark);border-radius:var(--r-full);cursor:pointer;font-size:.9375rem;font-weight:600;transition:border-color .15s,background-color .15s,box-shadow .15s;display:inline-flex}.cursive-action:hover{border-color:var(--brand);background:var(--brand-light)}.cursive-action-primary{color:var(--brand-dark);border-color:var(--brand)}.cursive-status{text-align:center;min-height:1.25rem;color:var(--emerald);flex-basis:100%;font-size:.8125rem;font-weight:600}.cursive-input label{margin-bottom:var(--space-xs);font-size:.9375rem;font-weight:700;display:block}.cursive-input input{width:100%;min-height:52px;padding:0 var(--space-sm);font-family:var(--font-hebrew);color:var(--ink);background:var(--white);border:2px solid var(--brand-line);border-radius:var(--r-md);font-size:1.375rem;transition:border-color .15s,box-shadow .15s}.cursive-input input:focus{border-color:var(--brand-dark);box-shadow:0 0 0 4px var(--brand-light);outline:none}.cursive-hint{margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);color:var(--ink-mid);background:var(--amber-bg);border-radius:var(--r-md);font-size:.875rem}.cursive-pad{gap:var(--space-2xs);direction:rtl;grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.cursive-pad button{min-height:44px;font:inherit;color:var(--ink);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;place-items:center;padding:0;font-size:.875rem;font-weight:600;transition:background-color .1s;display:grid}.cursive-pad button:hover{background:var(--brand-light)}.cursive-pad button:active{background:var(--brand-line)}.cursive-pad span{font-size:1.25rem}.cursive-pad-space{grid-column:span 7}.cursive-pad-back{grid-column:span 2}.cursive-breakdown{gap:var(--space-xs);display:grid}.cursive-tiles{justify-content:center;gap:var(--space-xs);direction:rtl;flex-wrap:wrap;list-style:none;display:flex}.cursive-tiles li{min-width:5rem;padding:var(--space-xs) var(--space-xs) var(--space-2xs);background:var(--white);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);direction:ltr;justify-items:center;display:grid}.cursive-page .cursive-tile-glyph{font-family:var(--font-hebrew-cursive);color:var(--ink);font-size:2.5rem;line-height:1.3}.cursive-tile-print{padding-top:var(--space-2xs);text-align:center;color:var(--ink-mid);border-top:1px dashed var(--border);justify-self:stretch;font-size:1.125rem}.cursive-tile-name{color:var(--ink-light);font-size:.8125rem}.cursive-section-heading{max-width:var(--w-narrow);margin-bottom:var(--space-md)}.cursive-section-heading>p:last-child{margin-top:var(--space-xs-plus);color:var(--ink-mid);font-size:1.0625rem}.cursive-chart{gap:var(--space-xs);direction:rtl;grid-template-columns:repeat(9,minmax(0,1fr));list-style:none;display:grid}.cursive-chart a{height:100%;padding:var(--space-xs) var(--space-2xs);color:var(--ink);background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);direction:ltr;justify-items:center;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:grid}.cursive-chart a:hover{border-color:var(--brand);box-shadow:var(--shadow-card-hover)}.cursive-chart a.is-final{background:var(--brand-light);border-color:var(--brand-line)}.cursive-page .cursive-chart-glyph{font-family:var(--font-hebrew-cursive);font-size:clamp(2.25rem,4vw,3.25rem);line-height:1.7}.cursive-chart-print{color:var(--ink-mid);font-size:1.25rem;line-height:1.4}.cursive-chart-name{text-align:center;color:var(--ink-light);font-size:.75rem;line-height:1.3}.cursive-pairs{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;display:grid}.cursive-pairs>li{align-content:start;gap:var(--space-xs);padding:var(--space-md);background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);display:grid}.cursive-pair{justify-content:center;gap:var(--space-md);direction:rtl;display:flex}.cursive-pair figure{direction:ltr;justify-items:center;display:grid}.cursive-page .cursive-pair-glyph{font-family:var(--font-hebrew-cursive);font-size:3.5rem;line-height:1.4}.cursive-pair figcaption{color:var(--ink-light);font-size:.8125rem}.cursive-pairs p{color:var(--ink-mid);font-size:.9375rem}.cursive-how{gap:var(--space-md);counter-reset:how;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;display:grid}.cursive-how>li{gap:var(--space-xs);padding:var(--space-md);background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);counter-increment:how;flex-direction:column;display:flex}.cursive-how h3{font-family:var(--font-display);font-size:1.125rem;font-weight:800}.cursive-how h3:before{content:counter(how);width:1.75rem;height:1.75rem;margin-right:var(--space-xs);color:var(--brand-dark);background:var(--brand-light);border-radius:50%;place-items:center;font-size:.875rem;display:inline-grid}.cursive-how p{color:var(--ink-mid);font-size:.9375rem}.cursive-practice{gap:var(--space-md) var(--space-lg);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;display:grid}.cursive-picker{gap:var(--space-2xs);direction:rtl;grid-column:1/-1;grid-template-columns:repeat(27,minmax(0,1fr));display:grid}.cursive-picker button{min-height:44px;font:inherit;color:var(--ink);background:var(--white);border:1px solid var(--border-dark);border-radius:var(--r-sm);cursor:pointer;place-items:center;padding:0;display:grid}.cursive-picker button span{font-size:1.25rem;line-height:1}.cursive-picker button[aria-pressed=true]{color:var(--white);background:var(--brand-dark);border-color:var(--brand-dark)}.cursive-trace{height:var(--trace-h);background:var(--surface-soft);border:2px dashed var(--border-dark);border-radius:var(--r-lg);position:relative;overflow:hidden}.cursive-page .cursive-trace-model{font-family:var(--font-hebrew-cursive);font-size:calc(var(--trace-h) * .62);color:var(--border-dark);user-select:none;pointer-events:none;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.cursive-trace-guide{width:100%;height:100%;color:var(--border-dark);--trace-line:var(--brand-line);pointer-events:none;position:absolute;inset:0}.cursive-trace-canvas{width:100%;height:100%;color:var(--brand-dark);touch-action:none;cursor:crosshair;position:absolute;inset:0}.cursive-trace-controls{align-items:center;gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.cursive-trace-name{text-align:center;min-width:7rem;font-weight:700}.cursive-model-toggle{align-items:center;gap:var(--space-xs);min-height:44px;color:var(--ink-mid);cursor:pointer;font-size:.875rem;display:inline-flex}.cursive-model-toggle input{width:1.125rem;height:1.125rem;accent-color:var(--brand-dark)}.cursive-trace-lesson{margin-top:var(--space-xs)}.cursive-trace-lesson a{min-height:44px;color:var(--brand-dark);text-underline-offset:.2em;align-items:center;font-weight:600;text-decoration:underline;display:inline-flex}.cursive-noscript{margin-top:var(--space-sm);color:var(--ink-mid);font-size:.9375rem}.cursive-sheets{padding:var(--space-md);background:var(--brand-light);border:1px solid var(--brand-line);border-radius:var(--r-xl)}.cursive-sheets h3{font-family:var(--font-display);font-size:1.25rem;font-weight:800}.cursive-sheets p{margin-top:var(--space-2xs);color:var(--ink-mid)}.cursive-sheet-buttons{gap:var(--space-xs);margin-top:var(--space-sm);display:grid}.cursive-page .cursive-primary{background:var(--brand-dark);color:var(--white);min-height:48px;box-shadow:none;font-weight:600}.cursive-page .cursive-secondary{background:var(--white);color:var(--ink);border:1px solid var(--border-dark);min-height:48px;box-shadow:none;font-weight:600}.cursive-resources{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.cursive-resources li{border-top:1px solid var(--border);padding-top:var(--space-sm)}.cursive-resources h3{font-size:1.125rem;line-height:1.5}.cursive-resources a{min-height:44px;color:var(--brand-dark);text-underline-offset:.2em;text-decoration:underline;display:inline-block}.cursive-resources p{color:var(--ink-mid)}.cursive-source{color:var(--ink-light);margin-top:var(--space-lg);font-size:.875rem}.cursive-source a{color:inherit;text-underline-offset:.2em;text-decoration:underline}@media (width<=1100px){.cursive-chart{grid-template-columns:repeat(6,minmax(0,1fr))}.cursive-picker{grid-template-columns:repeat(9,minmax(0,1fr))}.cursive-pairs,.cursive-how{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=899px){.cursive-practice,.cursive-resources{grid-template-columns:1fr}.cursive-hero-layout{row-gap:var(--space-md);grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""tool""examples"}.cursive-page .cursive-examples{margin-top:0}}@media (width<=639px){.cursive-lead{font-size:1.0625rem}.cursive-tool{padding:var(--space-sm);margin-inline:calc(var(--space-xs) * -1)}.cursive-display{padding:var(--space-xs);gap:var(--space-xs-plus)}.cursive-stage{padding:var(--space-xs-plus) var(--space-xs) 0}.cursive-chart{grid-template-columns:repeat(4,minmax(0,1fr))}.cursive-pairs,.cursive-how{grid-template-columns:1fr}.cursive-tiles li{min-width:4rem}}@media (prefers-reduced-motion:reduce){.cursive-examples a,.cursive-action,.cursive-input input,.cursive-pad button,.cursive-chart a{transition:none}}.cursive-page [hidden]{display:none}