:root{--primary-blue: #0078d4;--primary-blue-dark: #106ebe;--secondary-blue: #40e0d0;--accent-blue: #005a9e;--success-green: #107c10;--warning-amber: #ff8c00;--error-red: #d13438;--white: #ffffff;--light-grey: #f3f2f1;--medium-grey: #a19f9d;--dark-grey: #605e5c;--black: #323130;--surface: #faf9f8;--surface-hover: #f3f2f1;--border: #edebe9;--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Inter", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .125rem;--border-radius-md: .25rem;--border-radius-lg: .375rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 2px 4px 0 rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.4;color:var(--black);background-color:var(--surface)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.header{background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.logo{display:flex;align-items:center;gap:var(--spacing-md)}.logo-icon{width:32px;height:32px;background:var(--primary-blue);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:var(--font-size-sm)}.logo-text h1{font-size:var(--font-size-lg);font-weight:600;color:var(--black);margin:0}.logo-text p{font-size:var(--font-size-xs);color:var(--dark-grey);margin:0}.main-nav ul{display:flex;list-style:none;gap:var(--spacing-lg)}.nav-link{text-decoration:none;color:var(--black);font-weight:400;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);transition:all .15s ease}.nav-link:hover{background-color:var(--surface-hover);color:var(--primary-blue)}.nav-link.active{background-color:var(--primary-blue);color:var(--white)}.hero{background:var(--white);color:var(--black);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border)}.hero-content h2{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--black)}.hero-subtitle{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);color:var(--dark-grey)}.hero-stats{display:flex;justify-content:center;gap:var(--spacing-2xl);margin-top:var(--spacing-xl)}.stat{text-align:center}.stat-number{display:block;font-size:var(--font-size-2xl);font-weight:600;color:var(--primary-blue)}.stat-label{font-size:var(--font-size-xs);color:var(--dark-grey)}.search-section{background:var(--surface);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border)}.search-container{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap}.search-box{display:flex;flex:1;min-width:300px}.search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius-sm);font-size:var(--font-size-base);border-right:none;border-top-right-radius:0;border-bottom-right-radius:0;background:var(--white)}.search-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.search-btn{background:var(--primary-blue);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);border-top-left-radius:0;border-bottom-left-radius:0;font-weight:400;cursor:pointer;transition:background-color .15s ease}.search-btn:hover{background:var(--primary-blue-dark)}.filters{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius-sm);background:var(--white);font-size:var(--font-size-base);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue)}.main-content{padding:var(--spacing-xl) 0}.content-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl)}.sidebar{background:var(--white);padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);height:fit-content;position:sticky;top:100px}.sidebar-section{margin-bottom:var(--spacing-xl)}.sidebar-section h3{font-size:var(--font-size-base);font-weight:600;color:var(--black);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-xs)}.quick-links{list-style:none}.quick-links li{margin-bottom:var(--spacing-sm)}.quick-links a{color:var(--black);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);display:block;border-radius:var(--border-radius-sm);transition:background-color .15s ease;font-size:var(--font-size-sm)}.quick-links a:hover{background-color:var(--surface-hover);color:var(--primary-blue)}.organization-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.organization-item{padding:var(--spacing-xs) var(--spacing-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .15s ease;font-size:var(--font-size-sm)}.organization-item:hover{background:var(--surface-hover);border-color:var(--primary-blue)}.consultation-list{background:var(--white);border:1px solid var(--border);border-radius:var(--border-radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border);background:var(--surface)}.list-header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--black)}.view-controls{display:flex;gap:var(--spacing-sm)}.view-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border);background:var(--white);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .15s ease;font-size:var(--font-size-sm)}.view-btn.active,.view-btn:hover{background:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.consultation-container{padding:var(--spacing-md)}.consultation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.consultation-list-view{display:flex;flex-direction:column;gap:var(--spacing-md)}.consultation-card{background:var(--white);border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:all .15s ease;cursor:pointer}.consultation-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-blue)}.consultation-card.list-view{display:flex;align-items:center;gap:var(--spacing-lg)}.consultation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.consultation-title{font-size:var(--font-size-base);font-weight:600;color:var(--black);margin-bottom:var(--spacing-xs);line-height:1.4}.consultation-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.status-open{background:var(--success-green);color:var(--white)}.status-closed{background:var(--dark-grey);color:var(--white)}.status-upcoming{background:var(--warning-amber);color:var(--white)}.consultation-organization{color:var(--dark-grey);font-size:var(--font-size-xs);font-weight:400;margin-bottom:var(--spacing-xs)}.consultation-description{color:var(--black);margin-bottom:var(--spacing-sm);line-height:1.5;font-size:var(--font-size-sm)}.consultation-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--dark-grey)}.consultation-dates{display:flex;flex-direction:column;gap:var(--spacing-xs)}.consultation-responses{background:var(--surface);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);text-align:center;border:1px solid var(--border)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--border);background:var(--surface)}.page-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border);background:var(--white);border-radius:var(--border-radius-sm);cursor:pointer;transition:all .15s ease;font-size:var(--font-size-sm)}.page-btn:hover:not(:disabled){background:var(--primary-blue);color:var(--white);border-color:var(--primary-blue)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{font-weight:400;color:var(--dark-grey);font-size:var(--font-size-sm)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:var(--white);margin:5% auto;padding:var(--spacing-lg);border-radius:var(--border-radius-sm);width:90%;max-width:800px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.close{position:absolute;right:var(--spacing-md);top:var(--spacing-md);font-size:var(--font-size-lg);font-weight:400;cursor:pointer;color:var(--dark-grey);background:none;border:none;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .15s ease}.close:hover{color:var(--black);background:var(--surface-hover)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.modal-header h2{color:var(--black);font-size:var(--font-size-xl);font-weight:600;margin:0;flex:1;margin-right:var(--spacing-md)}.consultation-info{background:var(--surface);padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);border:1px solid var(--border)}.consultation-info p{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.consultation-info strong{color:var(--black);font-weight:600}.consultation-description{margin-bottom:var(--spacing-md)}.consultation-description h3{color:var(--black);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.tag{background:var(--primary-blue);color:var(--white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.modal-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:400;text-decoration:none;display:inline-block;text-align:center;transition:all .15s ease;border:none;cursor:pointer;font-size:var(--font-size-sm)}.btn-primary{background:var(--primary-blue);color:var(--white)}.btn-primary:hover{background:var(--primary-blue-dark)}.btn-secondary{background:var(--white);color:var(--primary-blue);border:1px solid var(--primary-blue)}.btn-secondary:hover{background:var(--primary-blue);color:var(--white)}.no-results{text-align:center;padding:var(--spacing-2xl);color:var(--dark-grey)}.no-results h3{color:var(--black);margin-bottom:var(--spacing-sm)}.footer{background:var(--black);color:var(--white);padding:var(--spacing-xl) 0 var(--spacing-md);margin-top:var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-section h4{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--white)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--spacing-xs)}.footer-section a{color:var(--white);text-decoration:none;opacity:.8;transition:opacity .15s ease;font-size:var(--font-size-sm)}.footer-section a:hover{opacity:1}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:var(--spacing-md);text-align:center}.footer-bottom p{opacity:.8;font-size:var(--font-size-xs)}.mobile-menu-toggle{display:none;background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--black)}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);border-top:1px solid var(--border);box-shadow:var(--shadow-md);z-index:99}.mobile-nav.active{display:block}.mobile-nav ul{flex-direction:column;padding:var(--spacing-md)}.mobile-nav .nav-link{display:block;padding:var(--spacing-md);border-bottom:1px solid var(--border);text-align:left}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}.header-content{flex-direction:row;justify-content:space-between;align-items:center}.main-nav{display:none}.mobile-menu-toggle{display:block}.mobile-nav{display:none}.mobile-nav.active{display:block}.hero-content{text-align:center}.hero-stats{flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.search-container{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.search-box{min-width:auto;flex-direction:column}.search-input{border-radius:var(--border-radius-sm);border-right:1px solid var(--border)}.search-btn{border-radius:var(--border-radius-sm);border-top-left-radius:0;border-bottom-left-radius:0;margin-top:var(--spacing-sm)}.filters{flex-direction:column;gap:var(--spacing-sm)}.filter-select{width:100%}.content-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.sidebar{position:static;order:2;margin-top:var(--spacing-lg)}.consultation-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.consultation-card{padding:var(--spacing-md)}.consultation-card.list-view{flex-direction:column;align-items:flex-start}.consultation-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.consultation-responses{align-self:flex-start}.modal-content{width:95%;margin:5% auto;padding:var(--spacing-md);max-height:90vh}.modal-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.modal-actions{flex-direction:column;gap:var(--spacing-sm)}.btn{width:100%;text-align:center}.pagination{flex-direction:column;gap:var(--spacing-sm)}.page-btn{width:100%}}@media (max-width: 480px){.container{padding:0 var(--spacing-xs)}.hero-content h2{font-size:var(--font-size-xl);line-height:1.2}.hero-subtitle{font-size:var(--font-size-sm);line-height:1.4}.hero-stats{gap:var(--spacing-sm)}.stat-number{font-size:var(--font-size-xl)}.stat-label{font-size:var(--font-size-xs)}.search-input,.search-btn,.filter-select{font-size:var(--font-size-sm);padding:var(--spacing-sm)}.consultation-card{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.consultation-title{font-size:var(--font-size-sm);line-height:1.3}.consultation-description{font-size:var(--font-size-xs);line-height:1.4}.consultation-organization{font-size:var(--font-size-xs)}.consultation-status{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.modal-content{width:98%;margin:2% auto;padding:var(--spacing-sm)}.modal-header h2{font-size:var(--font-size-lg)}.consultation-info{padding:var(--spacing-sm)}.consultation-info p{font-size:var(--font-size-xs)}.btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.logo-text h1{font-size:var(--font-size-base)}.logo-text p{font-size:var(--font-size-xs)}.logo-icon{width:28px;height:28px;font-size:var(--font-size-xs)}}.loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl);color:var(--dark-grey)}.spinner{width:40px;height:40px;border:4px solid var(--light-grey);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (hover: none) and (pointer: coarse){.consultation-card:hover{transform:none;box-shadow:var(--shadow-sm)}.btn:hover{transform:none}.nav-link:hover{background-color:var(--primary-blue);color:var(--white)}.organization-item:hover{background:var(--primary-blue);color:var(--white)}}@media (max-width: 768px){.nav-link,.btn,.consultation-card,.organization-item,.page-btn,.view-btn{min-height:44px;min-width:44px}.mobile-menu-toggle{min-height:44px;min-width:44px;padding:var(--spacing-sm)}}.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}button:focus,input:focus,select:focus,a:focus{outline:2px solid var(--primary-blue);outline-offset:2px}@media (prefers-contrast: high){:root{--primary-blue: #000080;--black: #000000;--white: #ffffff}}