:root{--ink:#253F60;--muted:#51647c;--sky:#519EE1;--raspberry:#D83F73;--raspberry-dark:#D83F73;--blue:#253F60;--blue-dark:#253F60;--teal:#D83F73;--mint:#FDEEF4;--yellow:#FDEEF4;--paper:#F4F9FC;--line:#DCE6EF;--white:#fff;--radius:1.25rem;color-scheme:light;font-size:100%}
*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--white);font-size:1rem;line-height:1.65}a{color:var(--blue);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b45a00;outline-offset:4px}h1,h2,h3{line-height:1.13;letter-spacing:-.025em;margin:0 0 1rem}h1{font-size:clamp(2.1rem,4.7vw,4.2rem);font-weight:760}h2{font-size:clamp(1.65rem,2.9vw,2.45rem)}h3{font-size:1.27rem;letter-spacing:-.01em}p{margin:0 0 1.1rem}ul,ol{padding-left:1.35rem;margin:.8rem 0 1.3rem}li{padding-left:.15rem;margin:.4rem 0}.container{width:min(1180px,calc(100% - 3rem));margin:auto}.skip{position:absolute;top:-80px;left:1rem;background:var(--yellow);padding:1rem;z-index:10}.skip:focus{top:1rem}.utility{background:var(--ink);color:#fff;font-size:.875rem}.utility-inner{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0}.utility a{color:#fff}.utility span{opacity:.9}.header{border-bottom:1px solid var(--line);background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.3rem 0}.brand{display:flex;gap:.8rem;align-items:center;text-decoration:none;color:var(--ink);line-height:1.2;font-weight:750;font-size:1.05rem}.brand-mark{background:var(--blue);color:white;display:grid;place-items:center;border-radius:50%;width:2.8rem;height:2.8rem;flex:none;font-size:1.2rem;font-weight:800}.brand small{display:block;font-size:.875rem;font-weight:500;color:var(--muted);margin-top:.25rem}.nav{display:flex;gap:1.8rem;align-items:center}.nav a{font-size:1rem;color:var(--ink);text-decoration:none;font-weight:600}.nav a[aria-current=page]{color:var(--blue);text-decoration:underline}.nav a:hover{text-decoration:underline}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:.5rem;padding:.5rem .8rem}.header-search{width:12rem;position:relative}.header-search input{width:100%;border:1px solid var(--line);border-radius:3rem;background:var(--paper);padding:.65rem 1rem;font-size:.9rem}.hero{padding:3.6rem 0 3rem;background:linear-gradient(120deg,#f1f5ff 0%,#fff 72%)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:750;color:var(--blue);display:block;margin-bottom:1rem}.hero h1 span{color:var(--blue)}.hero-copy{font-size:1.15rem;max-width:35rem;color:var(--muted)}.lead{font-size:1.17rem;max-width:48rem;color:var(--muted)}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:3rem;padding:.8rem 1.4rem;font-weight:650;text-decoration:none;background:var(--blue);color:#fff;min-height:48px;line-height:1.35}.button:hover{background:var(--blue-dark);text-decoration:none}.button.secondary{border-color:var(--line);background:#fff;color:var(--ink)}.button.secondary:hover{border-color:var(--blue)}.button.light{background:#fff;color:var(--teal)}.button[disabled]{cursor:not-allowed;opacity:.55}.navigator-card{background:var(--blue);color:#fff;border-radius:1.7rem;padding:2rem;box-shadow:0 18px 46px #214edf1a}.navigator-card h2{font-size:1.8rem}.navigator-card>p{color:#e6edff;font-size:.95rem}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.2rem 0}.quick-link{background:#fff;color:var(--ink);border-radius:.8rem;padding:1rem;text-decoration:none;line-height:1.4;min-height:94px;display:flex;flex-direction:column;justify-content:center;font-weight:650}.quick-link small{display:block;color:var(--muted);font-weight:450;font-size:.875rem;margin-top:.35rem}.quick-link:hover{background:var(--yellow);text-decoration:none}.navigator-card>a{color:#fff;font-weight:600}.values-strip{border-bottom:1px solid var(--line);padding:1.2rem 0}.values-inner{display:flex;gap:2rem;flex-wrap:wrap;font-size:.92rem;color:var(--muted)}.values-inner strong{color:var(--ink)}.section{padding:3.4rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.6rem}.section-head h2{margin-bottom:.5rem}.section-head p{margin:0;color:var(--muted);max-width:42rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;background:#fff}.card h3 a{color:var(--ink);text-decoration:none}.card h3 a:hover{color:var(--blue);text-decoration:underline}.card p{color:var(--muted);font-size:1rem}.card .tag{margin-bottom:1rem}.tag{display:inline-block;border-radius:3rem;padding:.22rem .7rem;background:#EDF7FD;color:var(--blue-dark);font-size:.8rem;font-weight:650}.tag.teal{background:var(--mint);color:var(--teal)}.tag.yellow{background:var(--yellow);color:#6d4c00}.card-link{font-weight:650}.community-band{background:var(--teal);color:#fff;border-radius:1.7rem;padding:2.4rem;display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:center}.community-band p{color:#e2f8f1}.community-band .eyebrow{color:#d3fff2}.community-band h2{max-width:38rem}.community-side{border-left:1px solid #77b6ad;padding-left:2rem}.community-side p{font-size:.95rem}.bg-paper{background:var(--paper)}.pathways{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pathway{border-top:4px solid var(--blue);padding:1.3rem;background:#fff;border-radius:0 0 .8rem .8rem}.pathway a{font-weight:700;font-size:1.16rem}.pathway p{font-size:.94rem;margin:.65rem 0 0;color:var(--muted)}.breadcrumb{font-size:.875rem;color:var(--muted);margin:1.4rem 0}.breadcrumb a{color:var(--muted)}.page-intro{padding:1.5rem 0 2rem;max-width:850px}.page-intro h1{font-size:clamp(2.1rem,4vw,3.4rem)}.page-intro .eyebrow{margin-bottom:.8rem}.checked{font-size:.875rem;color:var(--muted);display:flex;gap:1rem;flex-wrap:wrap}.article-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:3rem;padding-bottom:3rem}.toc{position:sticky;top:1.4rem;align-self:start;background:var(--paper);border-radius:.8rem;padding:1.25rem;font-size:.94rem}.toc strong{display:block;margin-bottom:.7rem}.toc a{display:block;color:var(--muted);padding:.4rem 0;text-decoration:none}.toc a:hover{color:var(--blue);text-decoration:underline}.article{max-width:800px}.article section{margin:0 0 2.8rem;scroll-margin-top:1.5rem}.article h2{font-size:1.8rem}.article h3{margin-top:1.6rem}.callout{border-left:4px solid var(--blue);background:#EDF7FD;padding:1.35rem 1.5rem;border-radius:0 .8rem .8rem 0;margin:1.3rem 0}.callout p:last-child{margin-bottom:0}.callout.good{border-color:var(--teal);background:#FDEEF4}.callout.caution{border-color:#b17600;background:#fff7d5}.callout.urgent{border-color:#ac2437;background:#fff0f1}.callout strong{display:block;margin-bottom:.4rem}.next-step{background:var(--mint);padding:1.5rem;border-radius:1rem}.next-step h3{margin-top:0}.sources{border-top:1px solid var(--line);padding-top:1.5rem}.sources ul{font-size:.94rem}.sources li{margin:.8rem 0}.source-kind{color:var(--muted);font-size:.85rem;display:block}.table-wrap{overflow-x:auto;margin:1.2rem 0;border:1px solid var(--line);border-radius:.7rem}table{border-collapse:collapse;width:100%;font-size:1rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.9rem;vertical-align:top}th{background:var(--paper);font-weight:650}tr:last-child td{border:0}details{border:1px solid var(--line);border-radius:.75rem;padding:1rem 1.2rem;margin:.8rem 0;background:#fff}summary{cursor:pointer;font-weight:650;line-height:1.45}details[open] summary{margin-bottom:1rem}.filters{display:flex;gap:.75rem;flex-wrap:wrap;padding:1.2rem;background:var(--paper);border-radius:1rem;margin-bottom:1.4rem}.filters input{flex:1;min-width:170px}.filters input,.filters select{border:1px solid #aebdd5;border-radius:.6rem;background:#fff;padding:.7rem 1rem;min-height:46px}.results-count{font-size:.95rem;color:var(--muted);margin-bottom:1rem}.service-card{display:flex;flex-direction:column}.service-card h3{margin-bottom:.6rem}.service-card .contacts{margin-top:auto;padding-top:.9rem;border-top:1px solid var(--line);font-size:.94rem;overflow-wrap:anywhere}.service-card .contacts a{display:block;margin:.35rem 0}.service-card .checked{font-size:.8rem;margin-top:.8rem}.empty{padding:2rem;border:1px dashed var(--line);border-radius:1rem;background:var(--paper)}.empty[hidden],[hidden]{display:none!important}.form-panel{max-width:760px;border:1px solid var(--line);border-radius:1rem;padding:1.8rem}.field{margin-bottom:1.3rem}.field label,.field legend{display:block;font-weight:650;margin-bottom:.5rem}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{width:100%;border:1px solid #aebdd5;border-radius:.6rem;padding:.7rem .9rem;min-height:48px;background:#fff}.field textarea{min-height:110px}.field small{display:block;color:var(--muted);font-size:.9rem;margin-top:.4rem}.check-label{display:flex;gap:.7rem;align-items:start;font-size:1rem;font-weight:450!important}.check-label input{width:1.2rem;height:1.2rem;flex:none;margin-top:.25rem}.wizard{background:var(--paper);border-radius:1.5rem;padding:2rem;max-width:950px}.wizard .grid{margin-top:1.5rem}.choice-button{background:#fff;color:var(--ink);text-align:left;border:1px solid #acbad0;border-radius:.9rem;padding:1.2rem;min-height:92px;font-weight:650}.choice-button:hover,.choice-button[aria-pressed=true]{border-color:var(--blue);background:#EDF7FD}.choice-button small{display:block;font-weight:450;color:var(--muted);margin-top:.3rem}.wizard label{font-weight:650}.wizard select{display:block;width:100%;max-width:30rem;padding:.8rem 1rem;border:1px solid #acbad0;border-radius:.65rem;margin:.6rem 0 1.4rem;background:#fff}.wizard-result{margin-top:1.5rem;background:#fff;border-radius:1rem;padding:1.5rem;border-left:4px solid var(--teal)}.wizard-result h2{font-size:1.5rem}.timeline{border-left:3px solid var(--blue);margin-left:.5rem;padding-left:1.5rem}.timeline-item{margin:1.5rem 0;position:relative}.timeline-item:before{content:"";position:absolute;left:-2rem;top:.35rem;border:3px solid var(--blue);background:#fff;border-radius:50%;width:.8rem;height:.8rem}.timeline-item strong{color:var(--blue)}.download-card{display:flex;flex-direction:column}.download-card .actions{margin-top:auto}.status{margin-top:1rem;font-size:1rem}.footer{background:var(--ink);color:#fff;padding:2.8rem 0 1.3rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem}.footer h3{font-size:1rem}.footer p{color:#cbd5e7;font-size:.94rem}.footer a{color:#fff;display:block;margin:.4rem 0;font-size:.94rem}.footer .brand{color:#fff;margin-bottom:1rem}.footer .brand small{color:#cbd5e7}.footer-bottom{margin-top:2rem;padding-top:1rem;border-top:1px solid #53617a;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:#cbd5e7}.footer-bottom a{font-size:.85rem;margin:0}.print-button{background:#fff;border:1px solid var(--line);border-radius:.5rem;padding:.35rem .8rem;font-size:.875rem;color:var(--muted)}.no-results{font-weight:600}.search-page{max-width:950px}.search-result{border-bottom:1px solid var(--line);padding:1.4rem 0}.search-result h2{font-size:1.35rem}.search-result p{color:var(--muted);margin-bottom:.5rem}.pill-links{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.pill-links a{border:1px solid var(--line);border-radius:3rem;padding:.5rem .9rem;text-decoration:none;font-size:.95rem}.pill-links a:hover{background:var(--paper)}.footnote{font-size:.875rem;color:var(--muted)}.quote-prompt{font-size:1.3rem;line-height:1.5;padding:1.5rem;border-radius:1rem;background:var(--yellow);margin:1.3rem 0}.hero .footnote{max-width:36rem}.text-link{font-weight:650}fieldset{border:0;padding:0;margin:0}noscript{display:block;padding:1rem;background:var(--yellow)}
@media(max-width:1000px){.nav{gap:1rem}.header-search{display:none}.hero-grid{gap:2rem}.grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:185px minmax(0,1fr);gap:2rem}.pathways{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.container{width:calc(100% - 2rem)}.utility-inner{font-size:.8rem;gap:.5rem}.utility-inner span{max-width:68%}.header-inner{flex-wrap:wrap;gap:1rem;padding:1rem 0}.brand{font-size:.95rem}.brand small{font-size:.8rem}.menu-toggle{display:block}.nav{display:none;flex-direction:column;align-items:stretch;width:100%;gap:0}.nav.open{display:flex}.nav a{padding:.7rem 0;border-top:1px solid var(--line)}.hero{padding:2.2rem 0}.hero-grid{grid-template-columns:1fr;gap:1.5rem}.hero h1{max-width:38rem}.hero-copy{font-size:1.06rem}.navigator-card{padding:1.5rem}.quick-links{gap:.65rem}.quick-link{font-size:.95rem;padding:.85rem}.values-inner{gap:.65rem 1.3rem}.section{padding:2.4rem 0}.section-head{display:block}.section-head>a{display:inline-block;margin-top:.8rem}.grid,.grid.two{grid-template-columns:1fr}.card{padding:1.4rem}.community-band{grid-template-columns:1fr;padding:1.5rem;gap:1rem}.community-side{border-left:0;border-top:1px solid #77b6ad;padding:1.1rem 0 0}.pathways{gap:.75rem}.pathway{padding:1rem}.pathway a{font-size:1rem}.article-layout{display:block}.toc{position:static;margin-bottom:1.8rem}.toc a{padding:.3rem 0}.article h2{font-size:1.6rem}.page-intro{padding-top:.8rem}.form-panel,.wizard{padding:1.3rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{display:block}.footer-bottom a{margin-top:.7rem}.hero .actions .button{padding:.8rem 1.15rem}.checked{gap:.4rem 1rem}.table-wrap{font-size:.9rem}.timeline{padding-left:1.2rem}.timeline-item:before{left:-1.7rem}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s,border-color .15s,color .15s}}
@media(max-width:880px){.header-inner{flex-wrap:wrap;gap:1rem}.nav{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:0}.js .nav:not(.open){display:none}.nav a{padding:.7rem 0;border-top:1px solid var(--line)}.menu-toggle{display:none}.js .menu-toggle{display:block}}
@media print{.header,.utility,.footer,.skip,.toc,.print-button,.actions,.menu-toggle{display:none!important}.container{width:100%}.article-layout{display:block}.article{max-width:none}.page-intro{padding:0}.hero,.bg-paper{background:#fff}.card,.callout,details,section{break-inside:avoid}.callout,.card{border:1px solid #aaa;background:#fff}.page-intro h1{font-size:2rem}.article h2{font-size:1.5rem}body{font-size:11pt}a{color:#000}a[href^=https]:after{content:" (" attr(href) ")";font-size:9pt;overflow-wrap:anywhere}button{display:none}}

/* DeafToo: sky blue, raspberry and navy, with clear type for every age. */
.brand{font-size:1.85rem;letter-spacing:-.045em;font-weight:800;gap:.7rem}
.brand-mark{display:block;width:3.5rem;height:3.5rem;object-fit:cover;flex:none;background:none;border-radius:0}
.brand .brand-accent{color:var(--raspberry)}
.brand small{color:var(--muted);font-size:.875rem;font-weight:500;letter-spacing:0;line-height:1.4;margin-top:.1rem}
.header{border-bottom:3px solid var(--sky)}
.header-inner{gap:2rem;padding:1.15rem 0}
.utility{background:var(--ink)}
.hero{background:linear-gradient(115deg,#E9F6FF,#fff 75%);padding:3.8rem 0 3.2rem}
.hero h1 span{color:var(--raspberry)}
.hero-copy{color:#425672}
.eyebrow{font-size:.875rem;color:var(--blue)}
.button{background:var(--raspberry-dark);color:#fff}
.button:hover{background:#A22551}
.button.secondary{color:var(--ink);background:#fff;border-color:#BCCFDF}
.button.secondary:hover{border-color:var(--raspberry);color:var(--raspberry-dark)}
.button.light{background:#fff;color:var(--raspberry-dark)}
.button.light:hover{background:#FDEEF4}
.navigator-card{background:var(--sky);color:#1D324D;border-radius:1.25rem;box-shadow:0 16px 40px #253F6014}
.navigator-card>p,.navigator-card>a{color:#1D324D}
.quick-link{border-radius:.65rem}
.quick-link:hover{background:#FDEEF4}
.values-strip{background:#fff;border-bottom-color:var(--line)}
.card{border-radius:.85rem}
.tag{font-size:.875rem;background:#EDF7FD;color:var(--blue-dark)}
.tag.teal,.tag.yellow{background:#FDEEF4;color:var(--raspberry-dark)}
.community-band{background:var(--raspberry-dark);border-radius:1.15rem}
.community-band p,.community-band .eyebrow{color:#fff}
.community-side{border-color:#ED9CBA}
.pathway{border-top-color:var(--sky)}
.pathway:nth-child(2),.pathway:nth-child(4){border-top-color:var(--raspberry)}
.callout{border-left-color:var(--sky);background:#EDF7FD}
.callout.good{border-left-color:var(--raspberry);background:#FDEEF4}
.next-step{background:#EDF7FD}
.choice-button[aria-pressed=true]{border-color:var(--raspberry);background:#FDEEF4}
.footer{background:var(--ink)}
.footer .brand-accent{color:#F8A9C7}
.footer .brand-mark{background:#fff;border-radius:50%;padding:.12rem}
.footer-bottom{font-size:.875rem}
.footer-bottom a,.footnote,.breadcrumb,.checked{font-size:.875rem}
@media(max-width:1000px){.header-inner{gap:1.1rem}.nav{gap:1rem}}
@media(max-width:720px){.brand{font-size:1.65rem}.brand small{font-size:.875rem}.brand-mark{width:3rem;height:3rem}.hero{padding:2.5rem 0}.community-side{border-color:#ED9CBA}.utility-inner{font-size:.875rem}}
/* Homepage navigation and connection */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.header-search{display:flex;width:min(19rem,30vw);position:relative;flex:none}
.header-search input{width:100%;min-height:44px;border:1px solid #A9BED0;border-radius:2rem 0 0 2rem;background:#fff;padding:.62rem .9rem;font-size:1rem}
.header-search button{min-height:44px;border:0;border-radius:0 2rem 2rem 0;background:var(--ink);color:#fff;font-weight:700;padding:.55rem .9rem}
.header-search button:hover{background:var(--raspberry-dark)}
.join-section{background:#EDF7FD}
.join-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:3rem;align-items:start}
.join-intro{position:sticky;top:1.5rem}
.join-intro h2{max-width:12em}
.join-section .form-panel{max-width:none;background:#fff;border:0;box-shadow:0 14px 38px #253F6012}
.compact-fields{gap:1rem}
.compact-fields .field{margin-bottom:0}
@media(max-width:1000px){.header-search{display:flex!important;width:100%;order:3}.header-search input{flex:1}.join-grid{grid-template-columns:1fr;gap:1.5rem}.join-intro{position:static}.join-intro h2{max-width:none}}
@media(max-width:720px){.header-search{display:flex!important}.header-search button{padding:.55rem .8rem}.join-section .form-panel{padding:1.2rem}.compact-fields{grid-template-columns:1fr}.compact-fields .field{margin-bottom:1.3rem}}

/* Exact user-supplied DeafToo artwork. Keep all pixels and the P3 colour profile. */
.brand-logo-frame{display:block;width:6rem;height:7.25rem;overflow:hidden;flex:none;background:#fff}
.brand-logo{display:block;width:100%;height:auto;max-width:none}
.header .brand{display:block;margin:0;flex:none;line-height:1}
.footer .brand{display:inline-block;margin-bottom:1.2rem}
.footer .brand-logo-frame{width:6rem;height:7.25rem}
.header-inner{padding:.75rem 0;align-items:center}
.button{font-size:1.2rem;font-weight:700;line-height:1.35}
.navigator-card{color:var(--ink)}
.navigator-card>p{color:var(--ink);background:#fff;border-radius:.5rem;padding:.6rem .75rem}
.navigator-card>a{display:inline-block;color:var(--ink);background:#fff;border-radius:.5rem;padding:.5rem .75rem}
.card h3 a:hover{color:var(--ink);text-decoration-color:var(--raspberry)}
.header-search button{background:var(--ink)}
.header-search button:hover{background:var(--ink);text-decoration:underline;text-decoration-color:var(--raspberry)}
@media(max-width:720px){.header .brand-logo-frame{width:5rem;height:6.05rem}.header-inner{padding:.65rem 0}.button{font-size:1.2rem}}

.tag.teal,.tag.yellow{color:var(--ink)}

/* An accessible explanation displayed inside the Roger Touchscreen Mic shape. */
.deafness-help-trigger{font:inherit;letter-spacing:inherit;line-height:inherit;color:var(--raspberry);padding:0;border:0;background:transparent;text-decoration:underline dotted;text-decoration-thickness:.055em;text-underline-offset:.14em}
.deafness-help-trigger:hover{text-decoration-style:solid}
.deafness-help-trigger:focus-visible{outline-color:var(--ink);border-radius:.15em}
.roger-bubble{position:fixed;z-index:40;width:min(18rem,calc(100% - 2rem));height:min(29rem,calc(100dvh - 2rem));margin:0;font-size:1rem;line-height:1.45;letter-spacing:normal;filter:drop-shadow(0 12px 22px #253F6040)}
.roger-bubble-art{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:43% 43% 40% 40% / 16% 16% 18% 18%}
.roger-bubble-art img{position:absolute;left:-109.677%;top:-22.727%;width:309.677%;height:145.454%;max-width:none}
.roger-bubble-screen{position:absolute;left:12.5%;top:21%;width:66%;height:52%;overflow:auto;overflow-wrap:anywhere;overscroll-behavior:contain;border:1px solid #a9bed0;border-radius:.25rem;background:#F4F9FC;color:var(--ink);padding:.65rem;scrollbar-width:thin;scrollbar-color:var(--sky) #F4F9FC}
.roger-bubble-screen h2{font-size:1.1rem;line-height:1.25;letter-spacing:normal;margin:0 0 .7rem}
.roger-bubble-screen p{margin:0 0 .65rem}
.roger-bubble-screen a{color:var(--ink)}
.deafness-more{display:inline-block;font-weight:650;line-height:1.4}
.roger-bubble-screen .deafness-source{font-size:.875rem;margin:.6rem 0 0}
.roger-bubble-close{position:absolute;left:21%;bottom:7%;width:43%;height:13%;min-height:44px;border:0;border-radius:36%;background:transparent;color:#fff}
.roger-bubble-close:hover{background:#519EE126}
.roger-bubble-close:focus-visible{outline:3px solid var(--raspberry);outline-offset:3px}
.roger-bubble-screen:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
@media print{.roger-bubble{display:none!important}.deafness-help-trigger{text-decoration:none;color:inherit}}

/* Three distinct support routes, with the family group as the main invitation. */
.support-options-link{display:inline-block;font-weight:650;text-underline-offset:.2em}
.home-support{background:#fff}
.support-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch}
.support-option{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-top:5px solid var(--sky);border-radius:var(--radius);background:#fff;box-shadow:0 8px 25px #253F6008}
.support-option-group{border-color:#F2C4D5;border-top-color:var(--raspberry);background:#FFF8FB}
.support-visual{height:12rem;overflow:hidden;background:var(--paper)}
.support-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.support-visual-matt{display:flex;align-items:center;justify-content:center;background:#EDF7FD}
.matt-photo{position:relative;width:10.75rem;height:10.75rem;overflow:hidden;border-radius:50%;flex:none;box-shadow:0 0 0 5px #fff}
.matt-photo img{position:absolute;left:-196.532%;top:-32.948%;width:321.387%;height:auto;max-width:none}
.support-option-body{display:flex;flex-direction:column;flex:1;padding:1.35rem;min-width:0}
.support-option-body h3{font-size:1.55rem;line-height:1.25;letter-spacing:-.02em;margin:.75rem 0}
.support-purpose,.support-person{margin:0 0 .5rem;color:var(--ink)}
.support-list{padding-left:1.15rem;margin:.7rem 0 1rem}
.support-list li{padding-left:.1rem;margin:.45rem 0}
.support-list li::marker{color:var(--raspberry)}
.support-option details{padding:.8rem .9rem;margin:.2rem 0 1.25rem;background:#fff}
.support-option details p:last-child{margin-bottom:0}
.support-option details a,.specialist-contacts a{overflow-wrap:anywhere}
.support-action{margin-top:auto;padding-top:.25rem}
.support-action .button{width:100%;text-align:center;min-height:48px}
.support-action .footnote{margin:.8rem 0 0;font-size:.875rem;line-height:1.5}
.matt-message .field{margin-bottom:.85rem}
.matt-message textarea{font:inherit;resize:vertical;min-height:7rem}
.specialist-contacts h4{font-size:1.1rem;margin:0 0 .7rem}
.specialist-contacts p{margin:0 0 .75rem}
@media(max-width:1100px) and (min-width:721px){.support-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-option-group{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.support-option-group .support-visual{height:100%;min-height:20rem}}
@media(max-width:720px){.support-options-grid{grid-template-columns:1fr}.support-option-body{padding:1.2rem}.support-visual{height:auto;aspect-ratio:3/2}.support-visual-matt{min-height:12rem;aspect-ratio:auto}}
@media print{.support-options-grid{display:block}.support-option{margin-bottom:1rem;box-shadow:none}.support-visual{display:none}.matt-message{display:none}.support-option details{display:block}}

/* Wider mobile layout for phones, landscape views and in app browsers. */
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img{max-width:100%}
main,.header,.footer,.utility{min-width:0}
@media(max-width:1100px){
  .container{width:calc(100% - 2rem);max-width:none}
  .header-inner{flex-wrap:wrap;gap:1rem}
  .header-search{display:flex!important;width:100%;order:3}
  .menu-toggle{display:block}
  .nav{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:0}
  .js .nav:not(.open){display:none}
  .nav.open{display:flex}
  .nav a{padding:.7rem 0;border-top:1px solid var(--line)}
  .hero-grid,.join-grid,.grid,.grid.two,.support-options-grid,.footer-grid{grid-template-columns:minmax(0,1fr)}
  .hero-grid{gap:1.5rem}
  .join-grid{gap:1.5rem}
  .join-intro{position:static}
  .join-intro h2{max-width:none}
  .quick-links,.pathways{grid-template-columns:minmax(0,1fr)}
  .article-layout{display:block}
  .toc{position:static;margin-bottom:1.8rem}
  .support-option-group{display:flex;grid-column:auto}
  .support-option-group .support-visual{height:12rem;min-height:0}
  .support-option,.support-option-body,.form-panel,.navigator-card{min-width:0}
  .field input,.field select,.field textarea{min-width:0;max-width:100%}
  .specialist-contacts a,.support-option a,.footer a{overflow-wrap:anywhere}
}
@media(max-width:480px){
  .container{width:calc(100% - 1.25rem)}
  .utility-inner{align-items:flex-start}
  .utility-inner span{max-width:62%}
  .quick-link{min-height:76px}
  .hero .actions{display:grid;grid-template-columns:1fr}
  .hero .actions .button{width:100%}
  .join-section .form-panel,.support-option-body,.navigator-card{padding:1rem}
}
