:root{--ux-navy:#20364e;--ux-teal:#176965}html{scroll-behavior:smooth}section[id],h2[id],[id^=stage-]{scroll-margin-top:110px}.ux-launch{margin:26px auto;width:94%;max-width:1620px;color:var(--ux-navy)}.ux-launch h2{font-size:clamp(1.25rem,2vw,1.8rem);margin:0 0 16px}.ux-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ux-launch-grid a{display:grid;grid-template-columns:48px 1fr;gap:6px 14px;padding:24px;border-radius:24px;box-shadow:0 8px 22px #253f5012;text-decoration:none;color:var(--ux-navy);border:1px solid #ffffffbd;min-height:130px}.ux-launch-grid span{grid-row:span 2;font-size:2rem}.ux-launch-grid strong{font-size:1.15rem;line-height:1.35}.ux-launch-grid small{font-size:.9rem}.ux-new{background:#d7eee5}.ux-know{background:#e7ddf8}.ux-age{background:linear-gradient(120deg,#dcebf9,#f6e7bd)}.ux-next,.ux-location,.ux-search-hints{padding:20px;margin:20px 0;border-radius:20px;background:#eff5f5;color:var(--ux-navy)}.ux-location{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.ux-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.ux-actions a,.ux-actions button,.ux-button,.ux-compare-toolbar button,.ux-help-panel a{display:inline-flex;padding:12px 18px;min-height:44px;border-radius:14px;background:#fff;border:1px solid #9bb9bb;font:inherit;font-weight:700;text-decoration:none;color:var(--ux-teal);align-items:center}.ux-search-hints details{margin-top:12px}.ux-search-hints details button{padding:10px;margin:6px;min-height:44px}.ux-compare-toolbar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:18px 0}.ux-verified{background:#d9ede5!important;color:#165b4e!important}.ux-toast{position:fixed;bottom:104px;left:50%;transform:translate(-50%,8px);max-width:90vw;padding:14px 22px;border-radius:18px;color:#fff;background:#20364e;z-index:1500;opacity:0;pointer-events:none;transition:opacity 180ms,transform 180ms}.ux-toast.show{opacity:1;transform:translate(-50%,0)}.ux-help{position:fixed;right:20px;bottom:28px;z-index:90;background:#fff7dd;color:#293c53;border:1px solid #a69561;box-shadow:0 4px 16px #223c4e22;border-radius:24px;min-height:44px;padding:12px 18px;font:inherit;font-weight:700}.ux-help-panel{border:0;border-radius:24px;padding:28px;width:min(480px,92vw);max-height:85vh;overflow:auto}.ux-help-panel nav{display:grid;gap:12px;margin:20px 0}body:has(dialog[open]) .ux-help{display:none}.ux-compare{width:min(1500px,94vw);max-height:90vh;overflow:auto;border:0;border-radius:24px;padding:28px;color:var(--ux-navy);background:#fffdf7}.ux-compare header{display:flex;justify-content:space-between;align-items:center;gap:20px}.ux-compare button{font:inherit;min-height:44px}.ux-table-wrap{overflow:auto;margin:20px 0}.ux-table-wrap table{border-collapse:collapse;width:100%;min-width:640px;font-size:1rem}.ux-table-wrap caption{text-align:left;font-weight:700;padding-bottom:14px}.ux-table-wrap th,.ux-table-wrap td{text-align:left;vertical-align:top;padding:16px;border:1px solid #c9d8de;min-width:170px}.ux-table-wrap th{background:#e6eff0}.ux-table-wrap th button{display:block;margin-top:8px}.my-calash{width:94%;max-width:1620px;margin:30px auto;color:var(--ux-navy)}.my-calash>p{max-width:70ch}.my-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.my-panel{border-radius:24px;padding:24px;background:#fff;box-shadow:0 8px 22px #24364e12;min-width:0;border-top:6px solid #acd6d2}.my-panel:nth-child(3n+2){border-color:#c9b2e7}.my-panel:nth-child(3n){border-color:#efb7ae}.my-panel h2{font-size:1.35rem}.my-panel button{font:inherit;min-height:44px;padding:10px 14px;border-radius:12px;border:1px solid #acbbc6;background:#f7fafb;cursor:pointer;margin:4px 0;text-align:left;overflow-wrap:anywhere}.ux-history{list-style:none;padding:0}.ux-history li{display:flex;align-items:start;justify-content:space-between;gap:12px;border-bottom:1px solid #dde5e9;padding:12px 0}.ux-history a{color:#245b71;text-decoration:none;overflow-wrap:anywhere}.ux-history small{display:block;margin-top:5px;color:#52647a}.ux-muted{color:#52647a}.my-tool-links{display:grid;gap:12px}.my-tool-links a{padding:16px;border-radius:14px;background:#e7def8;color:#293c53;text-decoration:none;font-weight:700}.my-tool-links a:nth-child(2){background:#dceafa}.ux-saved-guide-link{display:block;padding:12px}.ux-next h2{font-size:1.35rem}
@media(hover:hover){.qa-card:hover,.ux-launch-grid a:hover,.card:hover,.my-tool-links a:hover{transform:translateY(-3px);box-shadow:0 12px 28px #23364e20}.qa-card:hover .qa-arrow{transform:translateX(4px)}}.qa-card,.ux-launch-grid a,.card,.my-tool-links a,button,.qa-arrow{transition:transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease}.qa-card:active,.ux-launch-grid a:active,button:active{transform:scale(.98)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #245f96;outline-offset:4px}details[open]>.guide-expanded-details,details[open]>p{animation:ux-reveal 180ms ease-out}.save.on{animation:ux-saved 220ms ease-out}section:target{animation:ux-target 300ms ease-out}@keyframes ux-reveal{from{opacity:.5;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ux-saved{50%{transform:scale(1.1)}}@keyframes ux-target{from{outline:3px solid #93cbc5}to{outline-color:transparent}}.searchbar,.search-row{display:flex;align-items:stretch;gap:12px}.searchbar input,.search-row input{min-width:0;flex:1}.searchbar button,.search-row button{flex-shrink:0}
@media(min-width:1280px){main:not(.finder),.page-wrap,.wrap{max-width:1620px}.guide-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.ux-help{bottom:100px;right:12px;font-size:.9rem}.my-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ux-launch-grid a{padding:18px;grid-template-columns:32px 1fr}.ux-launch-grid strong{font-size:1rem}}@media(max-width:600px){.ux-launch-grid,.my-grid{grid-template-columns:1fr}.ux-launch-grid a{min-height:100px}.my-panel{padding:20px}.ux-help{max-width:180px}.ux-compare{padding:18px}.ux-table-wrap{scrollbar-width:thin}.ux-launch{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.qa-card:hover,.ux-launch-grid a:hover,.card:hover,.qa-card:active,button:active{transform:none!important}}@media print{.ux-launch,.ux-location,.ux-help,.ux-help-panel,.ux-toast,.ux-next,.ux-search-hints,.ux-compare-toolbar,.no-print{display:none!important}*{animation:none!important;transition:none!important;box-shadow:none!important}.ux-print-comparison>body{display:block!important}body.ux-print-comparison>*{display:none!important}body.ux-print-comparison>.ux-compare{display:block!important;position:static;width:100%;max-height:none;overflow:visible;border:0;padding:0;background:white}body.ux-print-comparison .ux-compare::before{content:'CalAsh Resource Network · calashresourcenetwork.com';display:block;font:700 16pt Arial;color:#20364e;margin-bottom:12pt}body.ux-print-comparison .ux-compare header>button{display:none!important}body.ux-print-comparison .ux-table-wrap{overflow:visible}body.ux-print-comparison table{font:10pt Arial;min-width:0}body.ux-print-comparison td,body.ux-print-comparison th{min-width:0;padding:8pt}body.ux-print-comparison tr{break-inside:avoid}body.ux-print-comparison thead{display:table-header-group}}
.ux-search-group{padding:16px;background:#e7eff7;border-radius:16px;margin:12px 0}.ux-search-group h3{margin:0 0 10px}.ux-search-group a{display:inline-flex;min-height:44px;align-items:center;padding:8px 14px;margin:4px;background:#fff;border-radius:12px}.ux-search-hints button{cursor:pointer}.finder.directory-view #resourceSearch .quick{display:flex;flex-wrap:wrap;gap:14px;align-items:end}.finder.directory-view #resourceSearch .quick .field:first-child{flex:1 1 350px}.finder.directory-view #findBtn{min-width:150px;min-height:48px}.ux-actions a:hover,.ux-actions button:hover{background:#e0efe9}
@media print{.ux-search-group{display:none!important}}
.ux-enter{animation:ux-enter 220ms ease-out}@keyframes ux-enter{from{opacity:.75;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.stage-card,.learn-stage,.category{transition:transform 200ms ease,box-shadow 200ms ease}.interactive-word-grid .found-word{animation:ux-saved 180ms ease-out}@media(prefers-reduced-motion:reduce){.ux-enter,.save.on,.interactive-word-grid .found-word{animation:none!important}}@media print{.ux-enter{animation:none!important}}

/* Search examples belong to search, rather than a second starting pathway. */
.ux-search-hints{margin:10px 0 0;padding:0 4px 4px;background:transparent;border:0;border-radius:0;box-shadow:none}
.ux-search-hints>strong{display:block;font-size:.8125rem;font-weight:600;color:#536374;margin:0 0 6px;line-height:1.4}
.ux-search-chips{display:flex;flex-wrap:wrap;gap:4px 7px;align-items:center}
.ux-search-chips button{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;padding:6px 11px;border:1px solid #d6dfe1;border-radius:999px;background:#f5f8f7;color:#354d61;font:500 .875rem/1.3 system-ui;cursor:pointer;white-space:normal}
.ux-search-chips button:hover{background:#e7f1ef}.ux-search-chips button:active{background:#dcebea}
@media(max-width:600px){.ux-search-hints{margin-top:8px}.ux-search-chips{gap:2px 6px}.ux-search-chips button{padding:5px 9px}.ux-search-hints details{margin-top:6px}}
