*{margin:0;padding:0;box-sizing:border-box}:root{--brand-blue: #1a62ff;--brand-orange: #c65010;--brand-white: #ffffff;--primary-color: #1a62ff;--secondary-color: #5a93ff;--background-color: #ffffff;--text-color: #333333;--border-color: #e0e0e0;--link-color: #1a62ff;--visited-link-color: #2557cc;--external-link-color: #c65010;--header-height: 80px;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-h1: 1.75rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem}html{font-size:var(--font-size-base);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + var(--spacing-md))}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color)}a:focus,button:focus,input:focus{outline:3px solid var(--secondary-color);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-color);color:#fff;padding:8px 16px;text-decoration:none;z-index:1001;font-weight:600}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}#app{display:flex;flex-direction:column;min-height:100vh}.app-header{position:sticky;top:0;z-index:100;background-color:var(--primary-color);color:#fff;box-shadow:0 2px 8px #0000001a}.header-content{display:flex;align-items:center;gap:.5rem;padding:.25rem}.header-logo{flex-shrink:0;display:flex;align-items:center;padding:.25rem;border-radius:8px;transition:background-color .2s ease}.header-logo:hover{background-color:#ffffff1a}.header-logo:focus{outline:3px solid white;outline-offset:2px}.header-logo img{height:40px;width:40px;display:block;border-radius:4px}.app-nav{display:flex;justify-content:space-around;flex:1;gap:.25rem}.nav-btn{flex:1;padding:.75rem .25rem;font-size:1rem;font-family:Montserrat Alternates,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;text-align:center;border:2px solid transparent;background-color:transparent;color:#fff;cursor:pointer;border-radius:8px;transition:all .2s ease}.nav-btn:hover{background-color:#ffffff1a}.nav-btn.active{background-color:#fff;color:var(--primary-color);border-color:#fff}.search-container{padding:.25rem .5rem .5rem;position:relative}#search-input{width:100%;padding:.5rem;font-size:var(--font-size-base);border:2px solid white;border-radius:8px;background-color:#fff}.search-results{position:absolute;top:100%;left:var(--spacing-md);right:var(--spacing-md);background-color:#fff;border:2px solid var(--secondary-color);border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:70vh;overflow-y:auto;z-index:200;margin-top:.25rem}.search-results[hidden]{display:none}.search-results-header{padding:var(--spacing-md);background-color:#f0f9ff;border-bottom:1px solid #e0e0e0;font-weight:700;color:var(--primary-color)}.search-result-item{padding:var(--spacing-md);border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f9fafb}.search-result-title{font-weight:700;color:var(--primary-color);margin-bottom:.25rem}.search-result-type{font-size:.875rem;color:#666;margin-bottom:.25rem}.search-result-snippet{font-size:.9rem;color:#555;line-height:1.4}.search-result-snippet mark{background-color:#fef08a;padding:.125rem .25rem;border-radius:2px}.search-no-results{padding:var(--spacing-lg);text-align:center;color:#666}.app-main{flex:1;padding:var(--spacing-lg);max-width:1200px;margin:0 auto;width:100%}.content-section{animation:fadeIn .3s ease-in;padding:var(--spacing-lg);border-radius:8px;min-height:400px}.content-section[hidden]{display:none}#resources-section{background-color:#fff}#directory-section{background-color:#fffbeb}#about-section{background-color:#f0f9ff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loading{text-align:center;padding:var(--spacing-xl);color:#666;font-size:var(--font-size-lg)}h1,h2,h3,h4,h5,h6{font-weight:700}h1{font-family:Montserrat Alternates,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1{font-size:var(--font-size-h1);margin-bottom:var(--spacing-lg);color:#1e40af;line-height:1.2}h2{font-size:var(--font-size-h2);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:#1e40af;line-height:1.3}h3{font-size:var(--font-size-h3);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--text-color)}p{margin-bottom:var(--spacing-md)}a[href]{color:var(--link-color);text-decoration:underline;word-break:break-word}a[href]:visited{color:var(--visited-link-color)}a[href]:hover{color:var(--secondary-color)}a[id]:not([href]):not([data-directory-link]){color:inherit;text-decoration:none;cursor:text}a[target=_blank]:after{content:" ↗";font-size:.8em;color:var(--external-link-color)}a[href^="tel:"]{display:inline;padding:.125rem .375rem;margin:0;background-color:#d1fae5;border-bottom:2px solid #10b981;border-radius:3px;text-decoration:none;color:#065f46;font-weight:500;transition:all .2s ease;cursor:pointer;line-height:inherit;white-space:nowrap}a[href^="tel:"]:before{content:"📞 "}a[href^="tel:"]:hover{background-color:#a7f3d0;border-bottom-color:#059669}a[href^="tel:"]:focus{outline:2px solid #10b981;outline-offset:1px}a[href^="mailto:"]{display:inline;padding:.125rem .375rem;margin:0;background-color:#fce7f3;border-bottom:2px solid #ec4899;border-radius:3px;text-decoration:none;color:#9f1239;font-weight:500;transition:all .2s ease;cursor:pointer;line-height:inherit;white-space:nowrap}a[href^="mailto:"]:before{content:"✉️ "}a[href^="mailto:"]:hover{background-color:#fbcfe8;border-bottom-color:#db2777}a[href^="mailto:"]:focus{outline:2px solid #ec4899;outline-offset:1px}a[href^="sms:"]{display:inline;padding:.125rem .375rem;margin:0;background-color:#ddd6fe;border-bottom:2px solid #8b5cf6;border-radius:3px;text-decoration:none;color:#5b21b6;font-weight:500;transition:all .2s ease;cursor:pointer;line-height:inherit;white-space:nowrap}a[href^="sms:"]:before{content:"📱 "}a[href^="sms:"]:hover{background-color:#c4b5fd;border-bottom-color:#7c3aed}a[href^="sms:"]:focus{outline:2px solid #8b5cf6;outline-offset:1px}a[data-directory-link]{display:inline;padding:.125rem .375rem;margin:0;background-color:#e0f2fe;border-bottom:2px solid var(--secondary-color);border-radius:3px;text-decoration:none;color:var(--primary-color);font-weight:500;transition:all .2s ease;cursor:pointer;line-height:inherit}a[data-directory-link]:hover{background-color:#bae6fd;border-bottom-color:var(--primary-color)}a[data-directory-link]:focus{outline:2px solid var(--secondary-color);outline-offset:1px}a.map-link{display:inline;padding:.125rem .375rem;margin:0;background-color:#fef3c7;border-bottom:2px solid #f59e0b;border-radius:3px;text-decoration:none;color:#92400e;font-weight:500;transition:all .2s ease;cursor:pointer;line-height:inherit}a.map-link:before{content:"📍 "}a.map-link:hover{background-color:#fde68a;border-bottom-color:#d97706;color:#78350f}a.map-link:focus{outline:2px solid #f59e0b;outline-offset:1px}blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);padding-left:calc(var(--spacing-lg) + 8px);border-left:4px solid var(--secondary-color);background-color:#f0f9ff;border-radius:4px;font-style:normal;color:#1e3a8a}blockquote p{margin-bottom:var(--spacing-sm)}blockquote p:last-child{margin-bottom:0}blockquote blockquote{margin:var(--spacing-sm) 0;border-left-color:#fbbf24;background-color:#fffbeb}ul,ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}li{margin-bottom:var(--spacing-sm)}ol{list-style-type:decimal}ol ol{list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}ol ol ol ol{list-style-type:decimal}ol ol ol ol ol{list-style-type:lower-alpha}table{width:100%;margin-bottom:var(--spacing-lg);border-collapse:collapse;border-spacing:0;background-color:#fff}thead{background-color:#f0f9ff;border-bottom:2px solid var(--primary-color)}th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:#1e40af;border-right:1px solid #e0e0e0}th:last-child{border-right:none}td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid #e0e0e0;border-right:1px solid #f0f0f0;vertical-align:top}td:last-child{border-right:none}tr:last-child td{border-bottom:none}tbody tr:hover{background-color:#f9fafb}@media(max-width:640px){table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}table,table tbody,table tr,table td{display:block;width:100%}table tr{margin-bottom:var(--spacing-md);border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;box-shadow:0 1px 3px #0000001a}table tr:hover{background-color:#f9fafb}table td{border:none;border-bottom:1px solid #f0f0f0;padding:var(--spacing-sm) var(--spacing-md);text-align:left}table td:last-child{border-bottom:none}table td:before{content:attr(data-label);font-weight:600;color:var(--primary-color);display:block;margin-bottom:.25rem;font-size:.9rem}table tbody th{display:block;width:100%;background-color:#f0f9ff;padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:4px;border:none;font-weight:600;color:#1e40af}table tbody th:first-child{margin-top:0}}.directory-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .2s ease}.directory-overlay[hidden]{display:none}.directory-modal{background-color:#fffbeb;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}.directory-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);gap:var(--spacing-sm)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{background:#fffffff2;border:2px solid #fbbf24;cursor:pointer;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.close-btn:hover{background-color:#fff;border-color:var(--primary-color);transform:scale(1.1)}.close-btn:hover svg{stroke:var(--primary-color)}.close-btn:focus{outline:none}.close-btn svg{width:16px;height:16px;stroke:#666;stroke-width:2.5;stroke-linecap:round;transition:stroke .2s ease}.directory-feedback-btn{background:#fffffff2;border:2px solid #fbbf24;cursor:pointer;padding:0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease;flex-shrink:0}.directory-feedback-btn:hover{background-color:#fff;border-color:var(--primary-color);transform:scale(1.1)}.directory-feedback-btn:focus{outline:none}.directory-modal .directory-share-btn{background:#fffffff2;border:2px solid #fbbf24;cursor:pointer;padding:0;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease;flex-shrink:0}.directory-modal .directory-share-btn:hover{background-color:#fff;border-color:var(--brand-orange);transform:scale(1.1)}.directory-modal .directory-share-btn:focus{outline:none}.directory-content{padding:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}.directory-entry{border:2px solid #fbbf24;border-radius:8px;padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + 12px);margin-bottom:var(--spacing-lg);background-color:#fff9}.directory-entry h2{margin-top:0;border-bottom:2px solid var(--primary-color);padding-bottom:var(--spacing-sm)}.toc{background-color:#f0f9ff;border:2px solid var(--secondary-color);border-radius:8px;padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.toc h2{margin-top:0;color:var(--primary-color)}.toc ul{list-style-type:none;margin-left:0}.toc li{margin-bottom:var(--spacing-sm)}.toc a{display:block;padding:var(--spacing-sm);border-radius:4px;text-decoration:none}.toc a:hover{background-color:#fff;box-shadow:0 2px 4px #0000001a}@media(min-width:768px){:root{--font-size-base: 18px;--font-size-h1: 2.25rem;--font-size-h2: 1.875rem;--font-size-h3: 1.5rem}.header-content{padding:.5rem;gap:.75rem}.header-logo img{height:48px;width:48px}.app-nav{gap:.5rem}.nav-btn{padding:.625rem .5rem}.app-main{padding:var(--spacing-xl)}.directory-modal{max-width:800px}}@media(min-width:1024px){.app-header{display:flex;align-items:center;padding:.5rem 1rem}.header-content{flex:1;padding:0;gap:1rem}.header-logo img{height:52px;width:52px}.app-nav{flex:0 0 auto;gap:.75rem}.search-container{flex:1;padding:0 1rem}#search-input{max-width:500px}}@media print{.app-header,.search-container,.search-results,.directory-overlay,.feedback-modal,.feedback-fab,#share-btn,#toc-btn,#font-size-btn,#install-btn,.font-size-popup,.share-notification,.section-share-btn,.skip-link{display:none!important}@page{margin:.75in;size:letter}@page :first{margin-top:.5in}html{font-size:11pt;scroll-padding-top:0}body{background:#fff!important;color:#000!important;line-height:1.4}#app{display:block}.app-main{padding:0;max-width:none;margin:0}.content-section{background-color:#fff!important;padding:0;min-height:auto;animation:none}.content-section[hidden]{display:block!important}h1{font-size:18pt;margin-bottom:.5em;color:#000!important;page-break-after:avoid}h2{font-size:14pt;margin-top:1em;margin-bottom:.5em;color:#000!important;page-break-after:avoid;border-bottom:1pt solid #666;padding-bottom:.25em}h3{font-size:12pt;margin-top:.75em;margin-bottom:.25em;color:#000!important;page-break-after:avoid}p{margin-bottom:.5em;orphans:3;widows:3}a[href]{text-decoration:none;color:#000!important}a[href^=http]:not([href*=slo]):after{content:" [" attr(href) "]";font-size:.8em;color:#444;word-break:break-all}a[target=_blank]:after{content:" [" attr(href) "]"!important;font-size:.8em;color:#444}a[href^="tel:"]{background-color:transparent!important;border:none!important;padding:0!important;color:#000!important;font-weight:400}a[href^="tel:"]:before{content:"☎ "!important}a[href^="tel:"]:after{content:none!important}a[href^="mailto:"]{background-color:transparent!important;border:none!important;padding:0!important;color:#000!important;font-weight:400}a[href^="mailto:"]:before{content:"✉ "!important}a[href^="mailto:"]:after{content:none!important}a[href^="sms:"]{background-color:transparent!important;border:none!important;padding:0!important;color:#000!important;font-weight:400}a[href^="sms:"]:before{content:"📱 "!important}a[href^="sms:"]:after{content:none!important}a[data-directory-link]{background-color:transparent!important;border:none!important;padding:0!important;color:#000!important;font-weight:600}a[data-directory-link]:after{content:" (see Directory)"!important;font-size:.85em;font-style:italic;font-weight:400}a.map-link{background-color:transparent!important;border:none!important;padding:0!important;color:#000!important;font-weight:400}a.map-link:before{content:"📍 "!important}a.map-link:after{content:none!important}ul,ol{margin-left:1.5em;margin-bottom:.5em}li{margin-bottom:.25em}table{width:100%;border-collapse:collapse;margin-bottom:1em;font-size:10pt;page-break-inside:avoid}table thead{position:static!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important;display:table-header-group!important}table,table tbody,table tr{display:table!important;width:100%!important}table tbody{display:table-row-group!important}table tr{display:table-row!important;margin-bottom:0!important;border:none!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important}table td{display:table-cell!important;border:.5pt solid #999!important;padding:.25em .5em!important}table td:before{display:none!important}th{background-color:#e0e0e0!important;border:.5pt solid #999!important;padding:.25em .5em;text-align:left;font-weight:600;color:#000!important}blockquote{margin:.5em 0 .5em 1em;padding:.5em .5em .5em 1em;border-left:2pt solid #666;background-color:#f5f5f5!important;color:#000!important}.toc-section-wrapper{background:transparent!important;padding:0;margin:0}.toc-lozenge-grid{display:block!important;column-count:2;column-gap:2em}.toc-lozenge{display:block!important;min-height:auto!important;padding:.25em 0!important;background:transparent!important;border:none!important;border-radius:0!important;break-inside:avoid;page-break-inside:avoid}.toc-lozenge:before{display:none!important}.toc-lozenge-icon{display:inline!important;font-size:1em!important;margin-right:.25em}.toc-lozenge-text{display:inline!important;font-size:10pt!important;color:#000!important}.directory-entry{border:1pt solid #ccc;padding:.5em;margin-bottom:1em;page-break-inside:avoid;background-color:#fff!important}.directory-entry h2{border-bottom:none;padding-bottom:0;margin-top:0}h1,h2,h3{page-break-after:avoid}p,blockquote,ul,ol,table{page-break-inside:avoid}ul,ol{page-break-inside:auto}li,.directory-entry,.toc-lozenge{page-break-inside:avoid}img{max-width:100%!important;page-break-inside:avoid}.poison-oak-images p{display:block!important}.poison-oak-images img{max-width:30%!important;display:inline-block!important;margin:.5em!important}#resources-section,#directory-section,#about-section{background-color:#fff!important}#resources-section:before{content:"SLO County Homeless Resource Guide";display:block;font-size:18pt;font-weight:700;text-align:center;margin-bottom:1em;padding-bottom:.5em;border-bottom:2pt solid black}#directory-section:before{content:"SLO County Homeless Resource Guide — Directory";display:block;font-size:18pt;font-weight:700;text-align:center;margin-bottom:1em;padding-bottom:.5em;border-bottom:2pt solid black}*{animation:none!important;transition:none!important}}@media(prefers-contrast:high){:root{--text-color: #000000;--background-color: #ffffff;--border-color: #000000}.nav-btn{border:2px solid white}a{text-decoration:underline;font-weight:600}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#share-btn{position:fixed;bottom:20px;left:20px;width:50px;height:50px;border-radius:50%;background-color:var(--brand-orange);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:999;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-shadow:0 0 4px rgba(0,0,0,.5),0 0 8px rgba(0,0,0,.4),0 0 12px rgba(0,0,0,.3),1px 1px 3px rgba(0,0,0,.4),-1px -1px 3px rgba(0,0,0,.4)}#share-btn:hover{background-color:#c94d0f;transform:scale(1.1);box-shadow:0 6px 16px #0006}#share-btn:active{transform:scale(.95)}#toc-btn{position:fixed;top:115px;right:20px;width:50px;height:50px;border-radius:50%;background-color:var(--brand-blue);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:999;transition:all .3s ease;display:none;align-items:center;justify-content:center;text-shadow:0 0 3px rgba(255,255,255,.9),0 0 6px rgba(255,255,255,.7),0 0 9px rgba(255,255,255,.5),0 0 1px rgba(0,0,0,.8),1px 1px 2px rgba(0,0,0,.6)}#toc-btn:hover{background-color:#2a5dd4;transform:scale(1.1);box-shadow:0 6px 16px #0006}#toc-btn:active{transform:scale(.95)}#toc-btn.visible{display:flex}#toc-btn:before,#toc-btn:after{content:"";position:absolute;width:0;height:0;left:50%;opacity:0;transition:opacity .3s ease;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}#toc-btn.toc-above:before{top:-32px;transform:translate(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:15px solid #059669;opacity:1}#toc-btn.toc-below:after{bottom:-32px;transform:translate(-50%);border-left:12px solid transparent;border-right:12px solid transparent;border-top:15px solid #059669;opacity:1}#toc-btn.toc-in-view{background-color:#059669;box-shadow:0 4px 12px #05966966,0 0 0 3px #05966933}#toc-btn.toc-in-view:hover{background-color:#047857;box-shadow:0 6px 16px #05966980,0 0 0 4px #0596694d}#font-size-btn{position:fixed;bottom:80px;left:20px;width:50px;height:50px;border-radius:50%;background-color:var(--brand-blue);color:#fff;border:none;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:999;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-family:serif}#font-size-btn:hover{background-color:#2a5dd4;transform:scale(1.1);box-shadow:0 6px 16px #0006}#font-size-btn:active{transform:scale(.95)}#font-size-btn .font-size-large{font-size:1.1em}#font-size-btn .font-size-small{font-size:.7em}#install-btn{position:fixed;bottom:80px;right:20px;width:50px;height:50px;border-radius:50%;background-color:var(--brand-blue);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:999;transition:all .3s ease;display:none;align-items:center;justify-content:center}#install-btn.visible{display:flex}#install-btn:hover{background-color:#2a5dd4;transform:scale(1.1);box-shadow:0 6px 16px #0006}#install-btn:active{transform:scale(.95)}#install-btn svg{width:24px;height:24px}.font-size-popup{position:fixed;bottom:140px;left:20px;background-color:#fff;border:2px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:0 8px 24px #0000004d;z-index:1001;min-width:180px}.font-size-popup[hidden]{display:none}.font-size-popup-header{font-weight:600;margin-bottom:.75rem;text-align:center;color:var(--text-primary);font-size:.9rem}.font-size-controls{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.font-size-controls button{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;min-width:50px}.font-size-controls button:hover{background-color:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}.font-size-controls button:active{transform:scale(.95)}#font-size-reset{font-size:.85rem}.font-size-preview{text-align:center;color:var(--text-secondary);font-size:.85rem}.font-toggle-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.font-toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;user-select:none;font-size:.9rem}.font-toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.font-toggle-label span{color:var(--text-primary)}.opendyslexic-preview{font-family:OpenDyslexic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}body.opendyslexic-enabled,body.opendyslexic-enabled *,body.opendyslexic-enabled h1,body.opendyslexic-enabled h2,body.opendyslexic-enabled h3,body.opendyslexic-enabled h4,body.opendyslexic-enabled h5,body.opendyslexic-enabled h6,body.opendyslexic-enabled .nav-btn,body.opendyslexic-enabled a,body.opendyslexic-enabled button,body.opendyslexic-enabled input,body.opendyslexic-enabled select,body.opendyslexic-enabled textarea,body.opendyslexic-enabled label,body.opendyslexic-enabled .font-size-controls button,body.opendyslexic-enabled .share-notification,body.opendyslexic-enabled .feedback-modal,body.opendyslexic-enabled .feedback-btn,body.opendyslexic-enabled .directory-modal,body.opendyslexic-enabled .search-results,body.opendyslexic-enabled .font-size-popup,body.opendyslexic-enabled .font-toggle-label,body.opendyslexic-enabled .toc-lozenge-text{font-family:OpenDyslexic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.share-notification{position:fixed;bottom:90px;left:50%;transform:translate(-50%) translateY(20px);background-color:#059669;color:#fff;padding:.75rem 1.5rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1002;opacity:0;transition:all .3s ease;font-weight:600}.share-notification.show{opacity:1;transform:translate(-50%) translateY(0)}.section-share-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;margin-right:.5rem;background-color:#e75e131a;border:1px solid var(--brand-orange);border-radius:50%;font-size:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0;transform:translateY(-.35em)}.section-share-btn:hover{background-color:var(--brand-orange);transform:translateY(-.35em) scale(1.1)}.feedback-fab{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:var(--secondary-color);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:999;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.feedback-fab:hover{background-color:var(--primary-color);transform:scale(1.1);box-shadow:0 6px 16px #0006}.feedback-fab:active{transform:scale(.95)}.feedback-modal{position:fixed;inset:0;background-color:#000000bf;z-index:1001;display:flex;align-items:flex-start;justify-content:center;padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + env(safe-area-inset-top,0px));animation:fadeIn .2s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.feedback-modal[hidden]{display:none}.feedback-modal-content{background-color:#f0fdf4;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;padding:var(--spacing-xl);padding-bottom:calc(var(--spacing-xl) + 50vh);margin-bottom:var(--spacing-md)}.feedback-close-btn{position:absolute;top:calc(var(--spacing-md) + 8px);right:calc(var(--spacing-xl) + 8px);background:#fffffff2;border:2px solid #86efac;cursor:pointer;padding:8px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.feedback-close-btn:hover{background-color:#fff;border-color:var(--primary-color);transform:scale(1.1)}.feedback-close-btn:hover svg{stroke:var(--primary-color)}.feedback-close-btn:focus{outline:none}.feedback-close-btn svg{width:16px;height:16px;stroke:#666;stroke-width:2.5;stroke-linecap:round;transition:stroke .2s ease}.feedback-modal h2{margin-top:0;margin-bottom:var(--spacing-md);color:var(--primary-color)}.feedback-intro{color:#666;margin-bottom:var(--spacing-lg);font-size:.95rem}.feedback-form-group{margin-bottom:var(--spacing-lg)}.feedback-form-group label{display:block;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-color)}.feedback-form-group input[type=text],.feedback-form-group input[type=email],.feedback-form-group select,.feedback-form-group textarea{width:100%;padding:.625rem;font-size:1rem;border:2px solid var(--border-color);border-radius:6px;font-family:inherit;transition:border-color .2s ease}.feedback-form-group input[type=text]:focus,.feedback-form-group input[type=email]:focus,.feedback-form-group select:focus,.feedback-form-group textarea:focus{outline:none;border-color:var(--secondary-color)}.feedback-form-group textarea{resize:vertical;min-height:120px}.feedback-form-group small{display:block;margin-top:.25rem;color:#666;font-size:.875rem}.error-message{display:block;margin-top:.375rem;color:#dc2626;font-size:.875rem;font-weight:600}.error-message:not([hidden]){animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:#dc2626;background-color:#fef2f2}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{outline-color:#dc2626;border-color:#dc2626}.feedback-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.feedback-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.feedback-context{background-color:#ffffffb3;border:1px solid #86efac;border-radius:6px;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:.875rem}.feedback-context strong{display:block;margin-bottom:var(--spacing-sm);color:var(--primary-color)}.feedback-context ul{list-style:none;margin:0;padding:0}.feedback-context li{margin-bottom:.25rem;color:#555}.feedback-context span{font-family:monospace;background-color:#e5e7eb;padding:.125rem .375rem;border-radius:3px;font-size:.85rem}.feedback-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.feedback-btn{padding:.625rem 1.25rem;font-size:1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.feedback-btn-primary{background-color:var(--primary-color);color:#fff}.feedback-btn-primary:hover{background-color:var(--secondary-color)}.feedback-btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.feedback-btn-secondary{background-color:#e5e7eb;color:var(--text-color)}.feedback-btn-secondary:hover{background-color:#d1d5db}.feedback-success{text-align:center;padding:var(--spacing-xl)}.feedback-success p{font-size:1.125rem;margin-bottom:var(--spacing-md)}.feedback-success p:first-child{font-size:1.5rem;font-weight:600;color:#059669}@media(max-width:640px){#share-btn{width:45px;height:45px;font-size:20px;bottom:15px;left:15px}#toc-btn{width:45px;height:45px;font-size:20px;right:15px}#toc-btn.toc-above:before{top:-24px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #059669}#toc-btn.toc-below:after{bottom:-24px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:12px solid #059669}.feedback-fab{width:45px;height:45px;font-size:20px;bottom:15px;right:15px}#font-size-btn{width:45px;height:45px;font-size:16px;bottom:70px;left:15px}#install-btn{width:45px;height:45px;bottom:70px;right:15px}#install-btn svg{width:20px;height:20px}.font-size-popup{bottom:125px;left:15px;min-width:160px;padding:.75rem}.feedback-modal-content{padding:var(--spacing-md);max-height:calc(100vh - 2rem);overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + 60vh)}.feedback-actions{flex-direction:column}.feedback-btn{width:100%}.share-notification{bottom:75px;max-width:90%;padding:.625rem 1.25rem;font-size:.9rem}}.toc-section-wrapper{background:linear-gradient(135deg,#3877ff14,#5a93ff14);padding:var(--spacing-lg);border-radius:12px;margin:var(--spacing-xl) 0}.toc-lozenge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin:var(--spacing-md) 0 0 0;padding:0}.toc-lozenge{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;padding:var(--spacing-md);background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid var(--border-color);border-radius:12px;text-decoration:none!important;color:var(--link-color);transition:all .2s ease;cursor:pointer;text-align:center;gap:.5rem;position:relative}.toc-lozenge:before{content:"";position:absolute;inset:-8px}.toc-lozenge:hover,.toc-lozenge:focus{transform:translateY(-2px);box-shadow:0 4px 12px #3877ff33;border-color:var(--primary-color);background:linear-gradient(135deg,#fff,#f0f4ff)}.toc-lozenge:active{transform:translateY(0);box-shadow:0 2px 6px #3877ff26}.toc-lozenge-icon{font-size:2rem;line-height:1;display:block;filter:grayscale(20%);transition:filter .2s ease;text-decoration:none!important}.toc-lozenge:hover .toc-lozenge-icon,.toc-lozenge:focus .toc-lozenge-icon{filter:grayscale(0%)}.toc-lozenge-text{font-size:.9rem;font-weight:600;line-height:1.3;color:var(--link-color);word-wrap:break-word;hyphens:auto;text-decoration:none!important}.toc-lozenge[href*=directory]{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fbbf24}.toc-lozenge[href*=directory]:hover,.toc-lozenge[href*=directory]:focus{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}@media(min-width:641px)and (max-width:1024px){.toc-lozenge-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.toc-lozenge{min-height:110px;padding:var(--spacing-lg)}.toc-lozenge-icon{font-size:2.25rem}.toc-lozenge-text{font-size:.95rem}}@media(min-width:1025px){.toc-lozenge-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.toc-lozenge{min-height:120px;padding:var(--spacing-lg)}.toc-lozenge-icon{font-size:2.5rem}.toc-lozenge-text{font-size:1rem}}#resources-section h2:has(a[id=table-of-contents]){margin-top:0;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;border-radius:8px 8px 0 0;margin-bottom:0}#resources-section h2:has(a[id=table-of-contents]) a{color:#fff}#resources-section h2:has(a[id=table-of-contents]) .section-share-btn{background-color:#fffffff2;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 4px #0003}#resources-section h2:has(a[id=table-of-contents]) .section-share-btn:hover{background-color:#fff;border-color:#fff;transform:translateY(-.35em) scale(1.15);box-shadow:0 4px 8px #0000004d}.content-section p:has(>strong:first-child:contains("In this section:")){background-color:#f8f9fa;padding:var(--spacing-md);border-left:4px solid var(--primary-color);border-radius:4px;margin:var(--spacing-lg) 0}.content-section p:has(>strong:first-child:contains("In this section:"))+ul{margin-top:calc(var(--spacing-md) * -1);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.poison-oak-images{margin:var(--spacing-lg) 0}.poison-oak-images p{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);margin:0}.poison-oak-images img{width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.poison-oak-images img:hover{transform:scale(1.02);box-shadow:0 4px 16px #0003}@media(max-width:480px){.poison-oak-images p{grid-template-columns:1fr}}
