.dialects-page{background:var(--color-white,#fff)}.dialects-page [hidden]{display:none!important}.breadcrumb{border-bottom:1px solid var(--color-border,#e2e8f0);background:#f8fafc}.breadcrumb ol{color:var(--color-text-muted,#64748b);flex-wrap:wrap;align-items:center;gap:.45rem;margin:0;padding:.75rem 0;font-size:.76rem;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:.45rem;display:flex}.breadcrumb li:not(:last-child):after{content:"/";color:#cbd5e1}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--color-dark,#0f172a);text-underline-offset:.2rem;text-decoration:underline}.dialect-hero{background:radial-gradient(circle at 95% 5%,#0ea5e92e,#0000 28rem),radial-gradient(circle at 0 55%,#16a34a1a,#0000 26rem),linear-gradient(#fff,#f8fafc);padding-block:3.5rem 4rem;position:relative;overflow:hidden}.dialect-hero:after{content:"";pointer-events:none;border:1px solid #0ea5e91f;border-radius:50%;width:20rem;height:20rem;position:absolute;bottom:-9rem;right:-7rem}.dialect-hero-grid{z-index:1;gap:2.5rem;display:grid;position:relative}.dialect-hero-copy{max-width:760px}.dialect-hero h1{color:var(--color-dark,#0f172a);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,6vw,3.75rem);line-height:1.14}.dialect-hero h1 span{background:linear-gradient(110deg, var(--color-primary-hover,#15803d), #0ea5e9);color:#0000;-webkit-background-clip:text;background-clip:text}.dialect-hero-lead{color:#475569;max-width:720px;margin:1.4rem 0 0;font-size:clamp(.98rem,2.4vw,1.14rem)}.dialect-hero-lead strong{color:var(--color-dark,#0f172a)}.dialect-hero-actions{flex-direction:column;gap:.75rem;margin-top:1.8rem;display:flex}.dialect-hero-actions .button{width:100%}.dialect-hero-points{color:var(--color-text-muted,#64748b);flex-wrap:wrap;gap:.6rem 1rem;margin:1.35rem 0 0;padding:0;font-size:.82rem;font-weight:700;list-style:none;display:flex}.dialect-hero-points li:before{content:"✓";color:var(--color-primary,#16a34a);margin-right:.35rem;font-weight:900}.dialect-preview{background:var(--color-dark,#0f172a);border-radius:var(--radius-lg,2rem);border:1px solid #334155;align-self:center;overflow:hidden;box-shadow:0 28px 70px #0f172a2e}.preview-head{background:#172033;border-bottom:1px solid #334155;padding:1.1rem 1.2rem}.preview-head span{color:#86efac;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:850;display:block}.preview-head strong{color:#fff;margin-top:.25rem;font-size:1.15rem;display:block}.dialect-preview dl{margin:0}.dialect-preview dl>div{border-bottom:1px solid #334155;gap:.45rem;padding:1rem 1.2rem;display:grid}.dialect-preview dl>div:last-child{border-bottom:0}.dialect-preview dt{color:#94a3b8;font-size:.75rem;font-weight:800}.dialect-preview dd{margin:0}.dialect-preview code{overflow-wrap:anywhere;color:#bae6fd;background:#02061799;border-radius:.4rem;max-width:100%;padding:.35rem .5rem;display:inline-block}.dialect-scope{border-top:1px solid var(--color-border,#e2e8f0);border-bottom:1px solid var(--color-border,#e2e8f0);background:#fff;padding-block:2.5rem}.scope-grid{gap:1.5rem;display:grid}.scope-grid h2{max-width:620px;color:var(--color-dark,#0f172a);letter-spacing:-.025em;margin:0;font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.35}.scope-copy p{color:var(--color-text-muted,#64748b);margin:0}.scope-copy p+p{margin-top:.8rem}.quick-section{padding-block:4rem}.quick-grid{gap:1rem;display:grid}.quick-card{border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,1.25rem);box-shadow:var(--shadow-sm,0 4px 12px #0f172a0a);background:#fff;padding:1.4rem}.quick-label{color:var(--color-primary,#16a34a);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:850}.quick-card h3{color:var(--color-dark,#0f172a);margin:.35rem 0 1rem;font-size:1.16rem}.quick-code{border-top:1px solid #eef2f7;gap:.25rem;padding:.75rem 0;display:grid}.quick-code span{color:var(--color-text-muted,#64748b);font-size:.7rem;font-weight:750}.quick-code code{overflow-wrap:anywhere;color:#0f766e;background:#f0fdfa;border-radius:.35rem;width:fit-content;max-width:100%;padding:.25rem .4rem}.quick-card>a{color:var(--color-primary-hover,#15803d);gap:.35rem;margin-top:.8rem;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.quick-card>a:hover{text-underline-offset:.2rem;text-decoration:underline}.cheat-sheet{background:radial-gradient(circle at 100% 0,#0ea5e90f,#0000 30rem),#fff;position:relative}.cheat-sheet-header{margin-bottom:2rem}.cheat-toolbar{border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,1.25rem);box-shadow:var(--shadow-sm,0 4px 12px #0f172a0a);background:#fffffff5;gap:1rem;margin-bottom:2.2rem;padding:1rem;display:grid}.search-field label{color:#334155;margin-bottom:.4rem;font-size:.76rem;font-weight:800;display:block}.search-input-wrap{position:relative}.search-input-wrap>span{color:#94a3b8;pointer-events:none;font-size:1.15rem;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.search-input-wrap input{width:100%;min-height:3rem;color:var(--color-dark,#0f172a);border:1px solid var(--color-border,#e2e8f0);background:#f8fafc;border-radius:.75rem;outline:none;padding:.7rem .9rem .7rem 2.5rem}.search-input-wrap input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf824}.filter-group{flex-wrap:wrap;gap:.45rem;display:flex}.filter-button{color:#475569;border:1px solid var(--color-border,#e2e8f0);cursor:pointer;background:#fff;border-radius:999px;min-height:2.55rem;padding:.55rem .8rem;font-size:.76rem;font-weight:800;transition:color .18s,background-color .18s,border-color .18s}.filter-button:hover{color:var(--color-dark,#0f172a);border-color:#94a3b8}.filter-button.is-active{color:#fff;background:var(--color-primary,#16a34a);border-color:var(--color-primary,#16a34a)}.result-count{color:var(--color-text-muted,#64748b);margin:0;font-size:.78rem;font-weight:750}.cheat-section+.cheat-section{margin-top:4.5rem}.cheat-section-header{gap:.8rem;margin-bottom:1.25rem;display:grid}.cheat-section-header h2{color:var(--color-dark,#0f172a);letter-spacing:-.025em;margin:0;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.25}.cheat-section-header>p{max-width:720px;color:var(--color-text-muted,#64748b);margin:0}.cheat-table-wrap{-webkit-overflow-scrolling:touch;background:var(--color-dark,#0f172a);border-radius:var(--radius-md,1.25rem);border:1px solid #334155;max-width:100%;overflow-x:auto;box-shadow:0 22px 50px #0f172a1f}.cheat-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1080px}.cheat-table caption{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.cheat-table th,.cheat-table td{text-align:left;vertical-align:top;border-bottom:1px solid #334155;border-right:1px solid #334155;padding:1.05rem}.cheat-table tr>:last-child{border-right:0}.cheat-table tbody tr:last-child>*{border-bottom:0}.cheat-table thead th{z-index:3;color:#86efac;letter-spacing:.035em;background:#172033;font-size:.75rem;font-weight:850;position:sticky;top:0}.cheat-table thead th:first-child{z-index:5;min-width:250px;left:0}.row-purpose{z-index:2;color:#fff;background:#111b2e;width:250px;min-width:250px;position:sticky;left:0}.row-purpose:target,.cheat-row:target .row-purpose{box-shadow:inset 4px 0 #38bdf8}.row-anchor{float:right;color:#64748b;margin-left:.5rem;font-weight:900;text-decoration:none}.row-anchor:hover{color:#bae6fd}.row-title{color:#fff;padding-right:1rem;font-size:.96rem;font-weight:850;display:block}.row-keywords{color:#86efac;letter-spacing:.04em;margin-top:.25rem;font-size:.67rem;font-weight:800;display:block}.row-purpose>p{color:#94a3b8;margin:.7rem 0 0;font-size:.76rem;font-weight:500;line-height:1.65}.cheat-table td{color:#cbd5e1;background:var(--color-dark-soft,#1e293b);min-width:205px}.db-cell{min-width:0}.code-line{justify-content:space-between;align-items:flex-start;gap:.55rem;display:flex}.code-line code{overflow-wrap:anywhere;color:#bae6fd;white-space:normal;background:#0f172ad1;border-radius:.35rem;max-width:100%;padding:.26rem .42rem;font-size:.78rem;line-height:1.65;display:inline-block}.copy-button{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #475569;border-radius:.45rem;flex:none;min-height:1.9rem;padding:.3rem .5rem;font-size:.65rem;font-weight:800}.copy-button:hover{color:#fff;background:#ffffff0f;border-color:#94a3b8}.copy-button.is-copied{color:#052e16;background:#86efac;border-color:#86efac}.cell-note{color:#94a3b8;margin:.65rem 0 0;font-size:.72rem;line-height:1.6}.source-details{margin-top:.85rem}.source-details summary{color:#93c5fd;cursor:pointer;width:fit-content;font-size:.68rem;font-weight:800}.source-details summary:hover{text-underline-offset:.2rem;text-decoration:underline}.source-links{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.source-links a{color:#cbd5e1;background:#ffffff0a;border:1px solid #475569;border-radius:.35rem;padding:.25rem .42rem;font-size:.62rem;font-weight:750;text-decoration:none}.source-links a:hover{color:#fff;border-color:#94a3b8}.no-results{text-align:center;border-radius:var(--radius-md,1.25rem);background:#f8fafc;border:1px dashed #cbd5e1;padding:2.5rem 1.5rem}.no-results p{color:var(--color-text-muted,#64748b);margin:0 0 1rem}.dialect-notes code,.practice-section code{color:#0f766e;background:#f0fdfa;border-radius:.3rem;padding:.12rem .3rem}.note-grid{gap:1rem;display:grid}.note-card{border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,1.25rem);box-shadow:var(--shadow-sm,0 4px 12px #0f172a0a);background:#fff;padding:1.4rem}.note-number{color:var(--color-primary,#16a34a);letter-spacing:.12em;font-size:.7rem;font-weight:900;display:block}.note-card h3{color:var(--color-dark,#0f172a);margin:.35rem 0 0;font-size:1.1rem}.note-card p{color:var(--color-text-muted,#64748b);margin:.7rem 0 0;font-size:.9rem}.practice-section{background:radial-gradient(circle at 90% 20%,#16a34a14,#0000 26rem),#fff}.practice-grid{align-items:center;gap:2rem;display:grid}.practice-grid h2{color:var(--color-dark,#0f172a);letter-spacing:-.035em;margin:0;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.25}.practice-grid>div>p:not(.section-kicker){color:var(--color-text-muted,#64748b);margin:1rem 0 0}.practice-grid .button{margin-top:1.5rem}.practice-note{background:#f8fafc;border-left:3px solid #38bdf8;padding:.8rem 1rem;font-size:.8rem}.practice-panel{color:#e2e8f0;background:var(--color-dark,#0f172a);border-radius:var(--radius-lg,2rem);border:1px solid #334155;padding:1.4rem;box-shadow:0 24px 55px #0f172a24}.practice-panel ol{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.practice-panel li{grid-template-columns:2.5rem 1fr;align-items:start;gap:.85rem;display:grid}.practice-panel li>span{color:#052e16;background:#86efac;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-weight:900;display:grid}.practice-panel strong{color:#fff}.practice-panel p{color:#94a3b8;margin:.25rem 0 0;font-size:.82rem}.related-grid{gap:1rem;display:grid}.related-card{color:inherit;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-md,1.25rem);box-shadow:var(--shadow-sm,0 4px 12px #0f172a0a);background:#fff;padding:1.4rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:block}.related-card:hover{box-shadow:var(--shadow-md,0 12px 36px #0f172a17);border-color:#86efac;transform:translateY(-3px)}.related-card>span{color:var(--color-primary,#16a34a);letter-spacing:.12em;font-size:.65rem;font-weight:850}.related-card>strong{color:var(--color-dark,#0f172a);margin-top:.35rem;font-size:1.25rem;display:block}.related-card p{color:var(--color-text-muted,#64748b);margin:.65rem 0 0;font-size:.86rem}.related-card em{color:var(--color-primary-hover,#15803d);margin-top:.8rem;font-size:.8rem;font-style:normal;font-weight:800;display:block}.comparison-link{text-align:center;margin-top:1.5rem}.faq-section{background:#fff}.dialect-final-cta h2{max-width:760px;margin-inline:auto}.cheat-row{scroll-margin-top:8rem}.cheat-row:target td,.cheat-row:target .row-purpose{animation:1.2s target-flash}@keyframes target-flash{0%{background-color:#0ea5e933}to{}}@media (width<=759px){.cheat-table-wrap{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible}.cheat-table,.cheat-table tbody,.cheat-table tr,.cheat-table th,.cheat-table td{width:100%;min-width:0;display:block}.cheat-table{min-width:0}.cheat-table thead{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.cheat-table tbody{gap:1rem;display:grid}.cheat-table tr{background:var(--color-dark,#0f172a);border-radius:var(--radius-md,1.25rem);border:1px solid #334155;overflow:hidden;box-shadow:0 14px 35px #0f172a1a}.cheat-table th,.cheat-table td{border-bottom:1px solid #334155;border-right:0;padding:.95rem 1rem;position:static}.cheat-table tr>:last-child{border-bottom:0}.row-purpose{background:#111b2e;width:100%;min-width:0}.cheat-table td{grid-template-columns:minmax(92px,.34fr) minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.cheat-table td:before{content:attr(data-label);color:#86efac;font-size:.7rem;font-weight:850}.code-line{flex-wrap:wrap}.copy-button{order:2}.source-links{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.source-links a{text-align:center}}@media (width>=640px){.dialect-hero-actions{flex-direction:row;align-items:center}.dialect-hero-actions .button{width:auto}.dialect-preview dl>div{grid-template-columns:8rem 1fr;align-items:center}.quick-grid,.note-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.dialect-hero{padding-block:5rem 5.5rem}.dialect-hero-grid{grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);align-items:center;gap:4rem}.scope-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:4rem}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cheat-toolbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:minmax(280px,.95fr) minmax(0,1.55fr) auto;align-items:end;padding:1rem 1.15rem;position:sticky;top:4.7rem}.result-count{white-space:nowrap;align-self:center;padding-bottom:.72rem}.cheat-section-header{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:end;gap:3rem}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:4rem}.related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1200px){.cheat-table th,.cheat-table td{padding:1.15rem}.row-purpose{width:270px;min-width:270px}}@media (prefers-reduced-motion:reduce){.cheat-row:target td,.cheat-row:target .row-purpose{animation:none}.related-card{transition:none}}