@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@500;600;700&display=swap');
:root{--blue:#075991;--navy:#123b54;--green:#44734c;--lime:#e6f0ba;--cream:#f7f7ef;--ink:#183b46;--muted:#576b72;--line:#d8e2e1}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.6 'DM Sans',sans-serif;background:white}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.13;letter-spacing:-.04em}h1{font-size:clamp(40px,5.1vw,70px);margin:20px 0 24px;max-width:800px}h2{font-size:clamp(28px,3vw,43px);margin:10px 0 20px}h3{font-size:24px;margin:16px 0}p{margin:12px 0 22px}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d6a500;outline-offset:4px}.demo-bar{background:var(--navy);color:white;padding:8px 5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.13em;font-weight:700}.demo-bar button{background:none;border:0;color:white;font-size:12px}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:18px}.brand b{font-size:31px;line-height:.9;color:var(--blue);letter-spacing:-.06em}.brand b span{display:block;font-size:10px;letter-spacing:.12em;margin-top:7px}.brand small{font-size:10px;max-width:100px;line-height:1.4;border-left:1px solid var(--line);padding-left:14px;color:var(--muted)}nav{display:flex;gap:26px;font-size:14px;font-weight:600}nav a{text-decoration:none}nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;border-radius:5px;background:var(--blue);color:white;border:1px solid var(--blue);text-decoration:none;font-weight:700;font-size:14px}.button.secondary{background:transparent;color:var(--blue)}.button.small{padding:11px 16px;font-size:12px}.button:disabled{opacity:.45;cursor:not-allowed}.textbtn{border:0;background:none;color:var(--blue);text-decoration:underline}.hero{background:var(--cream);padding:70px 7% 65px;display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--green);text-transform:uppercase}.hero .intro{max-width:520px;font-size:19px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-art{height:430px;position:relative;display:grid;place-items:center;background:#dbe7d9;border-radius:220px 220px 16px 16px;overflow:hidden}.sun{position:absolute;width:180px;height:180px;border-radius:50%;background:#f8dc77;top:40px;right:25px}.hill{position:absolute;bottom:-80px;left:-30px;width:600px;height:280px;background:#719980;border-radius:50%;transform:rotate(-15deg)}.hill.two{background:#365f58;left:170px;bottom:-130px}.people{z-index:2;position:absolute;bottom:50px;display:flex;gap:20px;align-items:end}.person{width:74px;height:150px;border-radius:40px 40px 8px 8px;background:#f2e7d0;position:relative}.person:before{content:'';position:absolute;width:48px;height:48px;border-radius:50%;background:#a66d48;top:-38px;left:13px}.person:nth-child(2){height:182px;background:#4c6f90}.person:nth-child(2):before{background:#e6b48a}.person:nth-child(3){height:140px;background:#c1d390}.person:nth-child(3):before{background:#825641}.art-label{position:absolute;z-index:3;bottom:20px;left:22px;background:white;border-radius:5px;padding:9px 16px;font-size:12px;box-shadow:0 5px 25px #183b4614}.strip{display:flex;justify-content:space-between;gap:20px;padding:22px 7%;background:#edf3f2;font-size:13px}.strip span:before{content:'✓';color:var(--green);margin-right:10px;font-weight:bold}.section{padding:65px 7%}.section.tinted{background:var(--cream)}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.heading-row p{max-width:450px;color:var(--muted);margin-bottom:5px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);padding:28px;border-radius:10px;background:white;display:flex;flex-direction:column}.card p{color:var(--muted)}.card .button,.card .textbtn{margin-top:auto;align-self:start}.num{font-size:12px;color:var(--green);font-weight:800;letter-spacing:.12em}.path{padding:25px;border-left:3px solid var(--blue);background:#eef4f7;margin:30px 0}.notice{padding:15px 20px;border-radius:6px;background:#f7efda;border:1px solid #e5d7ad;font-size:13px}.page-head{padding:48px 7% 35px;background:var(--cream)}.page-head h1{font-size:46px}.page-head p{max-width:740px;color:var(--muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.chip{border:1px solid var(--line);padding:9px 18px;background:white;border-radius:30px;color:var(--ink);font-size:14px}.chip.active{background:var(--navy);color:white;border-color:var(--navy)}.tag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#eef4f0;color:var(--green);border-radius:4px;padding:5px 8px;display:inline-block;align-self:start}.event-card{display:grid;grid-template-columns:90px 1fr auto;gap:24px;border:1px solid var(--line);padding:24px;align-items:center;border-radius:8px;margin:15px 0}.date{background:#eaf1ed;border-radius:5px;padding:10px;text-align:center;font-size:12px}.date strong{display:block;font-size:32px;line-height:1.1}.event-card h3{font-size:22px;margin:7px 0}.event-card p{margin:4px 0;color:var(--muted);font-size:14px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:34px}.steps{display:flex;gap:10px;margin:25px 0}.step{flex:1;font-size:12px;border-top:3px solid #d9e4e3;padding-top:10px}.step.active{border-color:var(--blue);font-weight:bold;color:var(--blue)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px;font-weight:600}input,select,textarea{width:100%;padding:12px;border:1px solid #bbccce;border-radius:5px;background:white;margin-top:7px;color:var(--ink)}textarea{min-height:90px}.full{grid-column:1/-1}.check{display:flex;gap:10px;align-items:start;margin:18px 0}.check input{width:auto;margin:6px 0}.player{background:var(--navy);color:white;border-radius:10px;min-height:300px;display:grid;place-items:center;text-align:center;padding:35px}.play{width:64px;height:64px;border:1px solid #ffffff70;background:#ffffff15;color:white;border-radius:50%;font-size:22px}.player small{color:#c2d9e0}.questions{counter-reset:q}.question{padding:22px 0;border-bottom:1px solid var(--line)}.question .num{color:var(--blue)}details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;font-size:18px}details p{color:var(--muted);max-width:800px}.chat{border:1px solid var(--line);border-radius:10px;padding:25px;background:#f1f6f5}.bubble{background:white;border:1px solid var(--line);border-radius:10px 10px 10px 0;padding:18px;margin-bottom:16px}.chat .chip{margin:4px}footer{background:var(--navy);color:#d9e8ee;display:flex;justify-content:space-between;gap:30px;padding:40px 7%;font-size:12px}footer p{margin:5px 0}footer .textbtn{color:white}dialog{border:0;border-radius:12px;padding:40px;max-width:650px;width:90%;color:var(--ink)}dialog::backdrop{background:#123b5490}.close{position:absolute;right:14px;top:10px;font-size:25px;border:0;background:none;color:var(--ink)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 22px;border-radius:6px;display:none;z-index:20}.status{display:flex;gap:12px;align-items:center;margin:12px 0}.status b{width:25px;height:25px;background:var(--lime);border-radius:50%;text-align:center}.checklist li{margin:13px 0}.divider{border-top:1px solid var(--line);margin:30px 0}.subtle{color:var(--muted);font-size:13px}
@media(max-width:900px){header{flex-wrap:wrap}header>.button{display:none}nav{gap:16px}.hero{padding:45px 6%;gap:30px}.hero-art{height:350px}.grid{grid-template-columns:1fr 1fr}.brand small{display:none}.event-card{grid-template-columns:65px 1fr}.event-card>.button{grid-column:2}.strip{flex-wrap:wrap}.heading-row{display:block}footer{flex-wrap:wrap}}
@media(max-width:600px){header{padding:18px 6%}nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.demo-bar{font-size:8px;letter-spacing:.08em}.demo-bar button{font-size:10px}.hero{grid-template-columns:1fr;padding:35px 6%}.hero-art{height:290px}.hero h1{font-size:43px}.hero .intro{font-size:17px}.people{transform:scale(.8);bottom:20px}.sun{width:130px;height:130px}.section{padding:40px 6%}.grid,.twocol,.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.page-head{padding:32px 6%}.page-head h1{font-size:36px}.strip{display:grid;gap:8px}.event-card{padding:18px;gap:15px}.card{padding:23px}.heading-row{margin-bottom:24px}.steps{gap:6px}.step{font-size:10px}dialog{padding:30px 22px}}

/* Colors and type hierarchy compared with the current NAMI Central Texas site. */
:root{--blue:#0c499c;--navy:#0053a3;--green:#4b730e;--lime:#95c93d;--cream:#eef3f7;--ink:#323232;--muted:#666;--line:#d1dbe3}
body{font-family:Arial,Helvetica,sans-serif}h1,h2,h3,h4{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.025em;color:var(--blue)}header{flex-wrap:wrap;padding:18px 5%;gap:25px}.brand img{max-width:100%;height:auto;width:290px}header nav{margin-left:auto;color:#161616}header>.button{border-radius:2px}.hero{background:var(--blue);color:white}.hero h1{font-family:'Roboto Slab',Georgia,serif;font-size:clamp(38px,4.5vw,62px);color:white}.hero .intro,.hero .subtle{color:#eef4fc}.hero .eyebrow{color:#d6edb0}.hero .button{background:white;color:var(--blue);border:2px solid white;border-radius:0}.hero .button.secondary{background:transparent;color:white}.hero-art{border-radius:0;background:#d7e6f1}.sun{background:#95c93d}.hill{background:#4c8cba}.hill.two{background:#073c7c}.person:nth-child(2){background:#82b3d8}.person:nth-child(3){background:#95c93d}.art-label{color:#164976}.strip{background:#d8e2eb;color:#0c499c;font-weight:700}.button{border-radius:2px}.card{border-radius:3px}.page-head h1{font-family:'Roboto Slab',Georgia,serif}.eyebrow{color:#0053a3}.demo-bar{background:#133355}.player h3{color:white}.page-head{border-bottom:5px solid #95c93d}.path{background:#edf3f9}.tag{background:#ecf4df;color:#426900}footer{background:#0c499c}footer b{color:white}
@media(max-width:600px){.brand img{width:250px}.hero h1{font-size:40px}header nav{margin-left:0}.hero-art{height:280px}}
/* Original-site structure retained, with additions nested into familiar pathways. */
.site-header{display:block;padding:13px 5% 0;gap:0}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1250px;margin:auto}.utility{display:flex;align-items:center;gap:0;font-size:12px;font-weight:700}.utility a{text-decoration:none;padding:6px 10px;border-right:1px solid #eee}.utility .crisis-link{color:#bf1724}.utility .donate-link{background:#0753a1;color:white;border-radius:2px}.site-header nav{max-width:1250px;margin:12px auto 0;justify-content:flex-end;gap:24px;align-items:center;min-height:48px;font-size:14px}.site-header nav>details{position:relative;border:0;padding:0}.site-header nav summary{font-size:14px;font-weight:500;list-style:none;padding:12px 0}.site-header nav summary:after{content:'⌄';padding-left:8px}.site-header nav details>div{position:absolute;top:100%;left:-20px;z-index:30;width:290px;box-shadow:0 8px 25px #16375925;background:#fff;padding:15px;border-top:4px solid #0099a8}.site-header nav details a{display:block;padding:10px;color:#174878;border-bottom:1px solid #e3e7ea;font-size:14px}.site-header nav small{font-size:9px;color:#4c700e;margin-left:6px}.mobile-menu{display:none}.original-hero{min-height:420px;position:relative;background:#027d96 url('community.jpg') center/cover no-repeat;color:white;padding:60px 5%}.original-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#09629fe8 0%,#0099a8aa 35%,transparent 68%)}.hero-copy{position:relative;max-width:520px}.original-hero h1{font:700 clamp(35px,4.2vw,54px)/1.18 'Roboto Slab',Georgia,serif;color:white;margin:0 0 22px;letter-spacing:0}.original-hero p{font-size:18px;line-height:1.6;max-width:470px}.outline{border:3px solid white;background:transparent;color:white;font-weight:400;border-radius:0;padding:10px 23px}.slide-dots{position:absolute;bottom:18px;left:5%;display:flex;gap:9px}.slide-dots button{width:10px;height:10px;border:1px solid white;background:transparent;border-radius:50%;padding:0}.slide-dots .selected{background:white}.service-intro{background:#d7e2eb;padding:32px 6% 55px;text-align:center}.service-intro>h2{font-size:24px;line-height:1.5;max-width:1150px;margin:0 auto 36px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 45px}.service-item{text-decoration:none}.service-icon{font-size:44px;line-height:1;color:#0c499c}.service-item h3{font-size:23px;margin:12px 0;color:#0c499c}.service-item p{font-size:15px;line-height:1.6;margin:0;color:#374a5e}.section{padding:45px 7%}.community-row,.home-upcoming{display:grid;grid-template-columns:1fr 1fr;gap:65px}.home-upcoming{background:#edf1f4;border-top:8px solid #d7e2eb}.home-upcoming h2,.community-row h2{font-size:28px;letter-spacing:0}.compact-event{display:flex;gap:24px;align-items:center;border-bottom:1px solid #ccd7df;padding:20px 0;margin-bottom:12px}.compact-event .date{background:none;color:#0c499c;padding:0;min-width:50px}.compact-event .textbtn{text-align:left;padding:0;font-weight:700;text-decoration:none;font-size:19px}.compact-event p{font-size:14px;margin:0 0 7px}.home-upcoming>.button{margin-top:20px}.addition-callout{border-left:4px solid #95c93d;background:#f3f7eb;padding:24px;margin-top:24px}.addition-callout h3{font-size:23px}.page-head{padding:0 0 30px;background:linear-gradient(90deg,#12479b,#0099a8);border:0;color:white}.page-head .eyebrow{display:block;background:#0053a3;padding:8px 8.5%;color:#d1e9f6;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none}.page-head .eyebrow a{text-decoration:none}.page-head h1{color:white;font:500 48px/1.2 'Roboto Slab',Georgia,serif;margin:40px 8.5% 15px;letter-spacing:0}.page-head p{color:white;margin:0 8.5%;font-size:16px;max-width:850px}.interior-layout{display:grid;grid-template-columns:30% 70%;max-width:1440px;margin:auto}.sidebar{background:#f3f3f3;padding:40px 30px 40px max(24px,7vw)}.sidebar h2{font:700 26px 'Roboto Slab',Georgia,serif;color:white;background:#0099a8;padding:10px 24px;margin:0}.sidebar>a{display:block;padding:10px 20px;border-bottom:2px solid #c5c5c5;font-weight:bold;text-decoration:none;color:#135193}.sidebar>a span{float:right}.sidebar>a.current{background:white;color:#333}.sidebar-extra{padding:15px 18px}.sidebar-extra h3{font-size:23px;color:#333;letter-spacing:0}.sidebar-extra p{font-size:14px}.sidebar-extra a{font-size:12px;font-weight:bold;color:#135193}.interior-content{min-width:0}.interior-content>.section{padding:40px 5%}.interior-content .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.interior-content .grid .card:last-child:nth-child(odd){grid-column:1/-1}.interior-content h2{color:#333;font-size:29px;letter-spacing:0}.interior-content h3{letter-spacing:0;font-size:23px}.interior-content .event-card{grid-template-columns:65px 1fr}.interior-content .event-card>.button{grid-column:2;justify-self:start}.interior-content .twocol{grid-template-columns:1fr}.card{padding:24px;border-radius:0}.path{margin:25px 0}.button{font-size:13px}footer{background:#0c499c;color:white;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding:45px 7% 75px}footer img{background:white;padding:8px;width:250px;max-width:100%}footer h3{font-size:17px;color:white;letter-spacing:0}footer p{margin-bottom:10px}.help-launcher{position:fixed;bottom:18px;right:20px;border:0;border-radius:26px;background:#0053a3;color:white;box-shadow:0 3px 16px #142a4340;padding:12px 20px;font-weight:bold;font-size:14px;z-index:10}.help-launcher span{font-weight:400;margin-left:8px;font-size:12px}.demo-bar{padding:5px 5%;letter-spacing:.1em;font-size:10px}.demo-bar button{font-size:11px}
@media(max-width:1000px){.utility{font-size:10px}.utility a{padding:5px}.brand img{width:240px}.site-header nav{gap:15px;font-size:12px}.site-header nav summary{font-size:12px}.sidebar{padding:30px 18px}.interior-layout{grid-template-columns:26% 74%}.sidebar>a{padding:10px;font-size:14px}}
@media(max-width:700px){.site-header{padding:15px 5%}.masthead{flex-wrap:wrap}.utility{display:none}.brand img{width:225px}.mobile-menu{display:block;background:white;border:1px solid #b8cbdc;color:#0053a3;padding:7px 10px}.site-header nav{display:none;margin:15px 0 0;width:100%;align-items:stretch}.site-header nav.open{display:flex;flex-direction:column;gap:0}.site-header nav>a{padding:10px 0;font-size:14px;border-bottom:1px solid #ddd}.site-header nav summary{font-size:14px}.site-header nav details>div{position:static;box-shadow:none;width:auto;background:#f1f5f9}.original-hero{min-height:430px;padding:35px 6%;background-position:64% center}.original-hero:before{background:linear-gradient(90deg,#075b99ef,#008a9a9e)}.hero-copy{max-width:90%}.original-hero h1{font-size:36px}.original-hero p{font-size:17px}.service-intro{padding:30px 6%}.service-intro>h2{font-size:21px}.service-grid{grid-template-columns:1fr 1fr;gap:28px 22px}.service-item h3{font-size:19px}.service-item p{font-size:13px}.community-row,.home-upcoming{grid-template-columns:1fr;gap:22px}.page-head h1{font-size:35px;margin:26px 6% 14px}.page-head .eyebrow{padding:8px 6%}.page-head p{margin:0 6%;font-size:14px}.interior-layout{display:block}.sidebar{display:none}.interior-content>.section{padding:30px 6%}.interior-content .grid{grid-template-columns:1fr}.interior-content .grid .card:last-child:nth-child(odd){grid-column:auto}.interior-content .event-card{grid-template-columns:55px 1fr}.section{padding:35px 6%}footer{grid-template-columns:1fr;gap:18px}.help-launcher{bottom:12px;right:12px;font-size:12px;padding:10px 15px}.help-launcher span{display:none}.demo-bar span{max-width:65%;font-size:8px}.demo-bar button{font-size:9px}}
.interview-policy{margin:22px 0;padding:18px;background:#edf3f9;border-left:4px solid #0053a3}.consent-card{border:1px solid #cad8e2;padding:28px;margin:25px 0;background:#fafcfd}.consent-card dt{font-weight:bold;color:#0053a3;margin-top:18px}.consent-card dd{margin:5px 0 18px}.prompt-card{padding:24px;background:#eef4f8;border-top:4px solid #0099a8;margin-top:28px}.prompt-card h2{font-size:25px!important;line-height:1.35}.recorder{background:#173951;color:white;border-radius:6px;padding:24px;text-align:center;margin:22px 0;min-height:240px;display:flex;flex-direction:column;justify-content:center}.recorder h3{color:white!important;font-size:22px!important}.recorder p{color:#e4edf4;font-size:14px;margin:6px auto;max-width:440px}.recorder-label{font-size:11px;font-weight:bold;letter-spacing:.12em;color:#bfd7e8}.camera-outline{font-size:60px;line-height:1.2;opacity:.65;margin:15px}.recorder.simulating{border:3px solid #c64b4b}.simulating .recorder-label{color:#ffd9d9}.record-controls{display:flex;justify-content:space-between;align-items:center;gap:15px}.takes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.take-card{border:2px solid #d4dee6;padding:18px}.take-card.chosen{border-color:#00768a;background:#edf7f8}.take-card h3{margin:0 0 10px}.take-card .actions{gap:8px}.take-card .button{padding:10px 12px}.attempt-limit{padding:12px;background:#f1f5e8;font-size:14px}.interview-navigation{border-top:1px solid #ccc;padding-top:22px}.accommodation{border-top:1px solid #d1dbe3;margin-top:35px;padding-top:18px}.take-summary{border-bottom:1px solid #d1dbe3;padding:20px 0;display:flex;gap:20px;align-items:center;justify-content:space-between}.take-summary p{font-size:14px}.take-summary>.button{flex-shrink:0} @media(max-width:700px){.consent-card{padding:20px}.prompt-card{padding:18px}.prompt-card h2{font-size:23px!important}.record-controls{align-items:stretch;flex-direction:column}.takes{grid-template-columns:1fr}.take-summary{display:block}.take-summary>.button{margin-top:15px}.recorder{padding:22px 15px}.interview-navigation .button{width:100%}}
.page-jumps{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid #d1dbe3}.page-jumps button{border:1px solid #b8cbdc;background:#f0f5fa;color:#0053a3;padding:10px 16px;font-weight:bold;border-radius:3px}.application-block{padding:35px 0;border-bottom:2px solid #d9e4ec;scroll-margin-top:20px}.opportunity-list{display:grid;gap:18px}.opportunity-card{padding:22px;border:1px solid #cedae3;border-left:4px solid #0099a8}.opportunity-card h3{margin-top:0}.opportunity-card .check{padding-top:12px;border-top:1px solid #d9e4ec;margin-bottom:0}.read-progress{color:#0053a3;font-weight:bold}.unified-application fieldset{border:0;margin:0;padding:0;min-width:0}.unified-application fieldset:disabled{opacity:.65}.all-interview-prompts{padding-left:25px}.all-interview-prompts li{margin:14px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.page-jumps{display:grid;grid-template-columns:1fr;width:100%}.opportunity-card{padding:18px}.application-block{padding:30px 0}}