/* Braille translator - the site's existing light/dark design tokens apply. */
.br-wrap{padding:24px 0 84px}.br-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin:12px 0 26px}.br-heading>div:first-child{max-width:760px}.br-kicker{font-size:.73rem;font-weight:850;letter-spacing:.11em;color:var(--accent)}.br-heading h2{font-size:clamp(1.7rem,3.2vw,2.75rem);max-width:740px;line-height:1.08;letter-spacing:-.055em;margin:10px 0 12px}.br-heading p{font-size:.94rem;line-height:1.7;margin:0}.br-private{flex:none;padding:10px 13px;border:1px solid var(--border);border-radius:25px;font-size:.74rem;color:var(--muted);background:var(--surface);white-space:nowrap}.br-live-dot{width:7px;height:7px;background:#32a681;display:inline-block;border-radius:100%;margin-right:6px}.br-app{background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.br-app-top{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;background:var(--surface-alt);border-bottom:1px solid var(--border);gap:18px}.br-app-tag{font-size:.72rem;letter-spacing:.06em;font-weight:800;color:var(--accent)}.br-app-info{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.74rem}.br-info-sep{width:3px;height:3px;border-radius:50%;background:var(--muted)}.br-editor-grid{display:grid;grid-template-columns:1fr 1fr;min-width:0}.br-panel{padding:25px;min-width:0}.br-panel-left{border-right:1px solid var(--border)}.br-panel-right{background:color-mix(in srgb,var(--surface) 95%,var(--accent) 5%)}.br-panel-head{display:flex;align-items:flex-start;gap:12px;min-height:83px}.br-step{height:29px;min-width:29px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--border) 50%,var(--accent) 50%);display:grid;place-items:center;border-radius:7px;font-weight:800;font-size:.75rem}.br-panel-head h3{font-size:1.22rem;letter-spacing:-.03em;margin:1px 0 7px;font-weight:740}.br-panel-head p{font-size:.82rem;line-height:1.5;margin:0}.br-tabs{display:flex;gap:5px;border:1px solid var(--border);border-radius:9px;background:var(--bg);padding:4px;margin-bottom:13px}.br-tab{flex:1;padding:10px 6px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:.77rem;font-weight:700}.br-tab:hover{color:var(--text)}.br-tab.is-selected{background:var(--surface);color:var(--accent);box-shadow:0 2px 7px rgba(29,17,10,.07)}.br-keys{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;min-height:153px;align-content:start}.br-keys[hidden]{display:none!important}.br-key{min-width:0;height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:7px;background:var(--surface-alt);color:var(--text);transition:background .15s,border-color .15s,transform .15s;padding:2px;line-height:1.05}.br-key:hover,.br-key:focus-visible{background:var(--accent-soft);border-color:var(--accent);transform:translateY(-1px)}.br-key-symbol{font-family:system-ui,"Segoe UI Symbol",sans-serif;font-size:1.45rem;line-height:1}.br-key-label{font-size:.59rem;font-weight:760;color:var(--muted);margin-top:2px}.br-key-extras{display:grid;grid-template-columns:1fr auto;gap:7px;margin:9px 0 23px}.br-space,.br-delete{height:39px;padding:0 12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:7px;font-size:.77rem;font-weight:740}.br-space:hover,.br-delete:hover{border-color:var(--accent);color:var(--accent)}.br-field-label{display:flex;justify-content:space-between;align-items:center;margin:12px 0 9px;font-size:.84rem;font-weight:770;gap:10px}.br-field-label span{color:var(--muted);font-weight:500;font-size:.73rem}.br-panel textarea{width:100%;max-width:100%;min-height:55px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:14px;line-height:1.6;resize:vertical;outline:0}.br-panel textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.br-panel textarea::placeholder{color:var(--muted);opacity:.65}.br-braille-field,.br-panel #br-result{font-family:system-ui,"Segoe UI Symbol",sans-serif;font-size:1.75rem;letter-spacing:.06em;overflow-wrap:anywhere}.br-inline-help{font-size:.69rem;margin:7px 0 12px}.br-decoded-field{font-size:.91rem}.br-mini-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.br-mini-toolbar button,.br-inline-tools button,.br-text-download{background:transparent;border:0;color:var(--accent);font-size:.74rem;font-weight:760;padding:5px 4px;border-radius:4px}.br-mini-toolbar button:hover,.br-inline-tools button:hover,.br-text-download:hover{text-decoration:underline}.br-panel-right #br-text-input{min-height:162px;display:block;font-size:.98rem}.br-field-wrap{padding:0}.br-inline-tools{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin:5px 0 20px}.br-result-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.br-ready{border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:5px;color:var(--accent);padding:3px 8px;font-size:.62rem;font-weight:850;letter-spacing:.05em}.br-panel #br-result{background:var(--surface);min-height:130px}.br-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px}.br-actions .button{padding:9px 14px;gap:7px;min-height:43px;font-size:.76rem}.br-actions svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.br-text-download{padding:9px 6px}.br-preview-label{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:20px;margin-top:24px;font-size:.68rem;font-weight:820;letter-spacing:.07em}.br-preview-label span{color:var(--muted);letter-spacing:0;font-size:.7rem;font-weight:400}.br-dot-preview{display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:5px;padding:15px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:10px 0 13px;min-height:74px;max-height:185px;overflow:auto}.br-preview-cell{display:inline-grid;place-items:center;font:1.53rem system-ui,"Segoe UI Symbol",sans-serif;color:var(--text);min-width:28px;height:33px}.br-preview-space{min-width:20px;height:33px}.br-preview-break{flex-basis:100%;height:0}.br-preview-empty,.br-dot-preview small{font-size:.76rem;color:var(--muted)}.br-limit{font-size:.74rem;line-height:1.55;margin:0}.br-status-row{display:flex;justify-content:space-between;gap:15px;padding:13px 25px;border-top:1px solid var(--border);color:var(--muted);font-size:.73rem}.br-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0 52px}.br-benefit-grid>div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto 1fr;column-gap:12px;align-items:start;background:var(--surface);border:1px solid var(--border);padding:17px;border-radius:10px}.br-benefit-grid>div>span{grid-row:1/3;background:var(--accent-soft);color:var(--accent);border-radius:7px;width:34px;height:34px;display:grid;place-items:center;font-size:1.1rem}.br-benefit-grid strong{font-size:.83rem}.br-benefit-grid p{font-size:.76rem;margin:5px 0 0;line-height:1.55}.br-article{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px}.br-article article h2{font-size:1.5rem;letter-spacing:-.035em;margin:34px 0 12px}.br-article article h2:first-child{margin-top:0}.br-article article p,.br-article article li{font-size:.89rem;line-height:1.85}.br-article article li{margin-bottom:8px;color:var(--muted)}.br-article article strong{color:var(--text)}.br-education{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0 22px}.br-education>div{border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:6px}.br-edu-cell{font-family:system-ui,sans-serif;font-size:2rem;color:var(--accent)}.br-education strong{font-size:.8rem}.br-education small{font-size:.7rem;line-height:1.5;color:var(--muted)}.br-faq details{border-bottom:1px solid var(--border);padding:16px 0}.br-faq summary{font-weight:720;font-size:.91rem;cursor:pointer}.br-faq details p{margin:10px 0 0}.br-article aside{align-self:start;position:sticky;top:106px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:11px}.br-article aside h3{font-size:1.07rem;margin:0 0 12px}.br-article aside a{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border);font-size:.82rem}.br-article aside a span{color:var(--accent)}.br-article aside p{font-size:.76rem;line-height:1.6;margin:16px 0 0}.br-wrap .br-panel button,.br-wrap .br-panel textarea{touch-action:manipulation}
@media(max-width:1050px){.br-heading{align-items:flex-start}.br-private{display:none}.br-panel{padding:17px}.br-keys{grid-template-columns:repeat(7,minmax(0,1fr));min-height:202px}.br-app-top{padding:14px 18px}.br-panel-head{min-height:93px}.br-actions .button{flex:1}.br-text-download{flex:1}.br-article{grid-template-columns:1fr}.br-article aside{position:static}}
@media(max-width:760px){.br-wrap{padding:12px 0 53px}.br-heading h2{font-size:1.8rem}.br-heading p{font-size:.88rem}.br-app-top{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 16px}.br-editor-grid{grid-template-columns:1fr}.br-panel{padding:17px}.br-panel-left{border-right:none;border-bottom:1px solid var(--border)}.br-panel-head{min-height:auto;margin-bottom:18px}.br-keys{grid-template-columns:repeat(9,minmax(0,1fr));min-height:153px}.br-benefit-grid{grid-template-columns:1fr;margin-bottom:35px}.br-education{grid-template-columns:1fr}.br-status-row{padding:13px 16px}.br-heading{margin-bottom:20px}.br-panel-right #br-text-input{min-height:130px}}
@media(max-width:420px){.br-keys{grid-template-columns:repeat(7,minmax(0,1fr));min-height:202px}.br-key{height:45px}.br-key-symbol{font-size:1.3rem}.br-panel-head h3{font-size:1.08rem}.br-app-info{font-size:.69rem;flex-wrap:wrap}.br-tabs{gap:2px}.br-tab{font-size:.68rem;padding-inline:2px}.br-status-row>span:last-child{display:none}.br-actions .button{width:100%}.br-heading h2{font-size:1.65rem}}

/* Focus the first viewport on the translator rather than duplicate hero copy. */
.br-sub-hero{padding-top:23px;padding-bottom:16px}.br-sub-hero .breadcrumbs{margin-bottom:14px}.br-sub-hero h1{font-size:clamp(2.15rem,3.5vw,3.4rem);margin:0 0 10px}.br-sub-hero>p{font-size:.9rem;max-width:830px;line-height:1.55}.br-sub-hero .eyebrow{margin-bottom:9px}.br-wrap{padding-top:8px}.br-heading{margin:5px 0 22px}.br-heading h2{font-size:clamp(1.4rem,2.2vw,1.9rem);margin:6px 0 7px}.br-heading p{font-size:.84rem}.br-app-top{padding-block:13px}.br-panel-head{min-height:73px}
@media(max-width:760px){.br-sub-hero{padding-top:17px;padding-bottom:14px}.br-sub-hero h1{font-size:2.25rem}.br-sub-hero .breadcrumbs{margin-bottom:12px}.br-wrap{padding-top:5px}.br-heading{margin-top:0}.br-heading h2{font-size:1.43rem}.br-heading p{font-size:.8rem}}