*{box-sizing:border-box;margin:0;padding:0}:root{background-color:#fafafa!important}body:before{top:-100vh}body:after,body:before{background-color:#fafafa;content:"";height:100vh;left:0;position:fixed;right:0;z-index:-1}body:after{bottom:-100vh}#root,body,html{height:100%}#root,body,html{background-color:#fafafa!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background-attachment:fixed;color:#444;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:18px;line-height:1.5;margin:0;overscroll-behavior:contain}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}a{color:#333;text-decoration:none}a:hover{text-decoration:underline}.App{background-color:#fafafa;display:flex;flex-direction:column;min-height:100vh}.app-main{display:flex;flex:1 1;flex-direction:column}.navigation{background:#fafafa;border-bottom:1px solid #e5e5e5;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-content{height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1.5rem}.nav-content,.nav-left,.nav-right{align-items:center;display:flex}.nav-right{gap:1rem}.nav-link{background:none;border:none;border-radius:3px;color:#666;cursor:pointer;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.95rem;font-weight:400;padding:.5rem .75rem;transition:all .15s ease}.nav-link:hover,.navigation a:hover{background:#f8f8f8;color:#333;text-decoration:none!important}.nav-link.active{color:#333;font-weight:500}.nav-brand{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:1.4rem;font-weight:600;gap:.75rem;letter-spacing:.5px;padding:.5rem 0;transition:all .15s ease}.nav-brand:hover{color:#555}.nav-logo{flex-shrink:0;height:28px;width:28px}.nav-button{background:#333;border:1px solid #333;border-radius:3px;color:#fff;cursor:pointer;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease}.nav-button.active,.nav-button:hover{background:#555;border-color:#555}.home-page{background:#fafafa;min-height:100vh}.home-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:2rem 0}.home-header-content{margin:0 auto;max-width:800px;padding:0 1.5rem;text-align:center}.home-title{color:#333;font-size:2.5rem;font-weight:400;letter-spacing:.5px;margin:0 0 .5rem}.home-subtitle{color:#666;font-size:1.1rem;font-weight:400;margin:0}.home-content{margin:0 auto;max-width:800px;padding:2rem 1.5rem}.home-filters{background:#fff;border-radius:3px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.search-section{margin-bottom:1.5rem}.search-input{border:1px solid #ccc;border-radius:3px;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.95rem;outline:none;padding:.75rem;width:100%}.search-input:focus{border-color:#333;box-shadow:0 0 0 1px #3333}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.sort-select-container,.tag-select-container{min-width:140px}.clear-filters-btn{background:none;border:1px solid #ccc;border-radius:3px;color:#666;cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:all .15s ease}.clear-filters-btn:hover{background:#f8f8f8;border-color:#999;color:#333}.posts-section{color:#999;font-size:.97rem;min-height:400px}.posts-header{margin-bottom:1.5rem}.posts-count{color:#666;font-size:1rem;font-weight:500;margin:0}.posts-grid{background:#0000;display:flex;flex-direction:column;gap:0}.no-posts{background:#fff;border-radius:3px;box-shadow:0 1px 3px #0000001a;padding:3rem 2rem;text-align:center}.no-posts p{color:#aaa;font-size:.92rem;margin:0 0 1.5rem}.user-page{background:#fafafa;min-height:100vh}.user-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:2rem 0}.user-header-content{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:800px;padding:0 1.5rem}.user-info{flex:1 1}.user-name{color:#333;font-size:2rem;font-weight:600;margin:0 0 .25rem}.user-username{color:#999;font-size:1rem;margin:0 0 1rem}.user-bio{color:#666;font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.user-stats{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.75rem}.user-stat{white-space:nowrap}.user-stat strong{color:#333;font-weight:500}.user-stat-separator{opacity:.5}.user-actions{flex-shrink:0}.new-post-btn{background:#333;border:1px solid #333;border-radius:3px;color:#fff;cursor:pointer;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .15s ease}.new-post-btn:hover{background:#555;border-color:#555}.user-content{margin:0 auto;max-width:800px;padding:2rem 1.5rem}.user-filters{background:#fff;border-radius:3px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.filter-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-tab{background:none;border:1px solid #e0e0e0;border-radius:3px;color:#666;cursor:pointer;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.85rem;padding:.5rem 1rem;transition:all .15s ease}.filter-tab:hover{background:#f8f8f8;border-color:#ccc;color:#333}.filter-tab.active{background:#333;border-color:#333;color:#fff}.user-posts-section{min-height:400px}.user-post-card{position:relative}.user-post-card .blog-card{margin-bottom:0}.user-post-card:last-child .blog-card{border-bottom:none}.draft-indicator{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem;position:absolute;right:1rem;top:1rem}.draft-label{background:#fff3cd;border:1px solid #ffeaa7;border-radius:2px;color:#856404;font-size:.7rem;font-weight:500;padding:.25rem .5rem}.draft-updated{color:#999;font-size:.7rem}.blog-post-editor{background:#fafafa;display:flex;flex-direction:column;height:calc(100vh - 60px)}.error-state{background:#fff0f0;border:1px solid #e57373;border-radius:6px;box-shadow:0 2px 8px #e6737314;color:#c62828;margin:3rem auto;max-width:400px;padding:2rem;text-align:center}.error-state h2{color:#c62828;font-size:1.5rem;margin-bottom:1rem}.error-state p{color:#c62828;font-size:1rem;margin-bottom:2rem}.error-state button{background:#c62828;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .15s ease}.error-state button:hover{background:#b71c1c}.editor-header{background:#fafafa;border-bottom:1px solid #e5e5e5;justify-content:space-between;padding:.75rem 1.5rem;z-index:10}.editor-header,.header-left{align-items:center;display:flex}.header-left{gap:.75rem}.back-button{align-items:center;background:none;border:none;border-radius:3px;color:#666;cursor:pointer;display:flex;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.9rem;gap:.5rem;padding:.5rem;transition:all .15s ease}.back-button:hover{background:#f8f8f8;color:#333}.back-button svg{flex-shrink:0}.editing-indicator{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;color:#856404;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.site-logo{flex-shrink:0;height:28px;width:28px}.site-title{color:#333;font-size:1.2rem;font-weight:400;letter-spacing:.5px;margin:0}.site-title,.site-title:hover{text-decoration:none}.header-right{align-items:center;display:flex;gap:1rem}.editor-main{display:flex;flex:1 1;overflow:hidden;padding-bottom:80px}.editor-footer{background:#fafafa;border-top:1px solid #e1e1e1;bottom:0;justify-content:space-between;left:0;padding:.75rem 1.5rem;position:fixed;right:0;z-index:100}.editor-footer,.footer-left,.footer-right{align-items:center;display:flex}.footer-right{gap:.75rem}.word-count{color:#999;font-size:.75rem;font-weight:400}.publish-modal{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:3px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:90%}.modal-content h3{color:#333;font-size:1.1rem;font-weight:500;margin:0 0 1.5rem}.title-input{border:1px solid #ccc;border-radius:3px;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.9rem;margin-bottom:1.5rem;outline:none;padding:.75rem;width:100%}.title-input:focus{border-color:#333;box-shadow:0 0 0 1px #3333}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.featured-article{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-bottom:3rem;overflow:hidden;transition:all .25s ease}.featured-article:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.featured-article-content{cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:320px;padding:3rem;position:relative;.featured-author-row{margin-bottom:1rem}.featured-bottom-row{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-top:auto}}.featured-badge{background:linear-gradient(135deg,#333,#555);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1rem;text-transform:uppercase}.featured-title{color:#333;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:2.75rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.featured-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:1.2rem;font-style:italic;line-height:1.6;margin:0 0 2rem;overflow:hidden}.featured-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.featured-author{display:flex;flex-direction:column;gap:.25rem}.featured-author-name{color:#888;font-size:.9rem;font-weight:500}.featured-author-username{color:#999;font-size:.8rem}.featured-stats{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.95rem;gap:.75rem}.featured-separator{opacity:.5}.featured-date,.featured-likes,.featured-read-time{white-space:nowrap}.featured-tags{display:flex;flex-wrap:wrap;gap:.5rem}.featured-tag{background:#f0f0f0;border-radius:2px;color:#666;font-size:.75rem;font-weight:400;padding:.25rem .5rem}.featured-tag:hover{background:#e0e0e0;color:#333}.blog-card{background:#0000;border-bottom:1px solid #e5e5e5;border-radius:0;box-shadow:none;cursor:pointer;margin:0;padding:1.5rem 0;transition:all .15s ease}.blog-card:hover{background:#fafafa}.blog-card-content{display:flex;flex-direction:column;height:100%;width:100%;.blog-card-flex{display:flex;flex-direction:column;height:100%;min-height:320px}.blog-card-author-row{margin-bottom:.75rem}.blog-card-bottom-row{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-top:auto}}.blog-card-title{color:#333;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 .75rem}.blog-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.95rem;font-style:italic;line-height:1.5;margin:0 0 1rem;overflow:hidden}.blog-card-meta{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.blog-card-author{display:flex;flex-direction:column;gap:.25rem}.author-name{color:#888;font-size:.9rem;font-weight:500}.author-username,.blog-card-stats{color:#999;font-size:.8rem}.blog-card-stats{align-items:center;display:flex;gap:.5rem}.blog-card-separator{opacity:.5}.blog-card-date,.blog-card-likes,.blog-card-read-time{white-space:nowrap}.blog-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;.blog-card-meta-bottom{display:flex;flex-direction:column;margin-top:auto}}.blog-card-tag{background:#f0f0f0;border-radius:2px;color:#666;font-size:.75rem;font-weight:400;padding:.25rem .5rem}.blog-card-tag:hover{background:#e0e0e0;color:#333}.article-view{background:#fff;min-height:100vh}.article-container{margin:0 auto;max-width:700px;padding:2rem 1.5rem}.article-header{margin-bottom:3rem}.article-meta{display:flex;flex-direction:column;gap:1.5rem}.article-title{color:#333;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}.article-subtitle{color:#666;font-size:1.5rem;font-style:italic;line-height:1.4;margin:.75rem 0 2rem}.article-author-info{display:flex;flex-direction:column;gap:1rem}.author-details{gap:1rem}.author-avatar,.author-details{align-items:center;display:flex}.author-avatar{background:#333;border-radius:50%;color:#fff;flex-shrink:0;font-size:1.2rem;font-weight:600;height:48px;justify-content:center;width:48px}.author-text{display:flex;flex-direction:column;gap:.25rem}.article-metadata{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.9rem;gap:.75rem}.metadata-separator{opacity:.5}.article-date,.article-read-time,.article-views{white-space:nowrap}.article-tags{display:flex;flex-wrap:wrap;gap:.75rem}.article-tag{background:#f0f0f0;border-radius:20px;color:#666;font-size:.8rem;font-weight:400;padding:.4rem .75rem;transition:all .15s ease}.article-tag:hover{background:#e0e0e0;color:#333;cursor:pointer}.article-content{margin-bottom:3rem}.article-body{color:#333;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:1.1rem;line-height:1.7}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:#333;font-weight:600;line-height:1.3;margin:2rem 0 1rem}.article-body h1{border-bottom:2px solid #f0f0f0;font-size:2rem;padding-bottom:1rem}.article-body h2{font-size:1.5rem}.article-body h3{font-size:1.25rem}.article-body p{margin:1.5rem 0}.article-body blockquote{border-left:4px solid #333;color:#666;font-size:1.05rem;font-style:italic;margin:2rem 0;padding-left:1.5rem}.article-body pre{background:#f6f8fa;border:1px solid #e1e5e9;border-radius:8px;margin:2rem 0;overflow-x:auto;padding:1.5rem}.article-body code{background:#f6f8fa;border-radius:4px;color:#d73a49;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:.25rem .5rem}.article-body pre code{background:none;color:#333;padding:0}.article-body ol,.article-body ul{margin:1.5rem 0;padding-left:2rem}.article-body li{line-height:1.6;margin:.75rem 0}.article-body a{color:#333;text-decoration:none;-webkit-text-decoration-color:#ccc;text-decoration-color:#ccc;transition:all .15s ease}.article-body a:hover{-webkit-text-decoration-color:#333;text-decoration-color:#333}.article-body img{border-radius:8px;height:auto;margin:2rem 0;max-width:100%}.article-footer{border-top:1px solid #f0f0f0;margin-bottom:3rem;padding-top:2rem}.article-actions{align-items:center;display:flex;gap:1.5rem}.action-button{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:25px;color:#666;cursor:pointer;display:flex;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .15s ease}.action-button:hover{background:#f8f8f8;border-color:#ccc;color:#333}.like-button.has-likes{border-color:#e74c3c;color:#e74c3c}.like-button.has-likes:hover{background:#fdf2f2}.author-bio-section{border-top:1px solid #f0f0f0;padding-top:3rem}.author-bio-card{background:#fafafa;border-radius:8px;display:flex;gap:1.5rem;padding:2rem}.bio-avatar{align-items:center;background:#333;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:600;height:60px;justify-content:center;width:60px}.bio-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.bio-name{color:#333;font-size:1.25rem;font-weight:600;margin:0}.bio-username{color:#666;font-size:.9rem;margin:0}.bio-description{color:#666;font-size:.95rem;line-height:1.5;margin:.5rem 0 1rem}.follow-button{align-self:flex-start;background:#333;border:1px solid #333;border-radius:25px;color:#fff;cursor:pointer;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.85rem;font-weight:500;padding:.5rem 1.5rem;transition:all .15s ease}.follow-button:hover{background:#555;border-color:#555}.markdown-editor{background:#fff;border-radius:3px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;height:100%;margin:1rem;overflow:hidden;width:100%}.editor-controls{background:#f8f8f8;border-bottom:1px solid #e5e5e5;display:flex}.control-btn{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:.85rem;font-weight:400;padding:.75rem 1.5rem;transition:all .15s ease}.control-btn:hover{background-color:#f0f0f0;color:#333}.control-btn.active{background-color:#fff;border-bottom-color:#333;color:#333;font-weight:500}.title-section{align-items:center;display:flex}.editor-title-input{background:none;border:none;color:#333;flex:1 1;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:1.3rem;font-weight:700;min-width:600px;outline:none;padding:.5rem 0;width:100%}.editor-title-input::placeholder{color:#aaa;font-weight:400}.metadata-content{background:#fefefe;flex:1 1;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;overflow-y:auto;padding:2rem}.metadata-section h3{border-bottom:1px solid #e5e5e5;color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.5rem}.metadata-field{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:.75rem 0}.metadata-field:last-child{border-bottom:none}.metadata-field label{color:#666;font-size:.9rem;font-weight:500;margin:0}.metadata-field span{color:#333;font-size:.9rem;text-align:right}.metadata-field-editable{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem 0}.metadata-field-editable label{margin-bottom:0;text-align:left}.metadata-input{background:#fff;border:1px solid #e5e5e5;border-radius:3px;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.9rem;outline:none;padding:.5rem;transition:border-color .15s ease;width:100%}.metadata-input:focus{border-color:#333;box-shadow:0 0 0 1px #3333}.metadata-input::placeholder{color:#aaa}.metadata-field-editable .custom-select{align-items:center;background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;display:flex;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.85rem;font-weight:400;justify-content:space-between;min-width:120px;outline:none;padding:.5rem .75rem;position:relative;transition:all .15s ease}.metadata-field-editable .custom-select:hover{background:#f8f8f8;border-color:#999}.metadata-field-editable .custom-select.open,.metadata-field-editable .custom-select:focus{background:#fff;border-color:#333;box-shadow:0 0 0 1px #3333}.metadata-field-editable .custom-select-value{color:#333;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metadata-field-editable .custom-select-arrow{align-items:center;color:#666;display:flex;flex-shrink:0;justify-content:center;margin-left:.5rem;transition:transform .15s ease}.metadata-field-editable .custom-select.open .custom-select-arrow{transform:rotate(180deg)}.metadata-field-editable .custom-select-dropdown{background:#fff;border:1px solid #333;border-radius:0 0 3px 3px;border-top:none;box-shadow:0 2px 8px #00000026;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.metadata-field-editable .custom-select-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:background-color .15s ease}.metadata-field-editable .custom-select-option:last-child{border-bottom:none}.metadata-field-editable .custom-select-option:hover{background:#f8f8f8}.metadata-field-editable .custom-select-option.selected{background:#f0f0f0;color:#333;font-weight:500}.metadata-field-editable .custom-select-option.selected:hover{background:#e8e8e8}.editor-preview-content{background:#fefefe;color:#333;flex:1 1;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:18px;line-height:1.7;overflow-y:auto;padding:2rem}.editor-preview-content h1,.editor-preview-content h2,.editor-preview-content h3,.editor-preview-content h4,.editor-preview-content h5,.editor-preview-content h6{color:#333;font-weight:600;line-height:1.3;margin:2rem 0 1rem}.editor-preview-content h1{border-bottom:2px solid #f0f0f0;font-size:2rem;padding-bottom:1rem}.editor-preview-content h2{font-size:1.5rem}.editor-preview-content h3{font-size:1.25rem}.editor-preview-content p{margin:1.5rem 0}.editor-preview-content blockquote{border-left:4px solid #333;color:#666;font-size:1.05rem;font-style:italic;margin:2rem 0;padding-left:1.5rem}.editor-preview-content pre{background:#f6f8fa;border:1px solid #e1e5e9;border-radius:8px;margin:2rem 0;overflow-x:auto;padding:1.5rem}.editor-preview-content code{background:#f6f8fa;border-radius:4px;color:#d73a49;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:.25rem .5rem}.editor-preview-content pre code{background:none;color:#333;padding:0}.editor-preview-content ol,.editor-preview-content ul{margin:1.5rem 0;padding-left:2rem}.editor-preview-content li{line-height:1.6;margin:.75rem 0}.editor-preview-content a{color:#333;text-decoration:none;-webkit-text-decoration-color:#ccc;text-decoration-color:#ccc;transition:all .15s ease}.editor-preview-content a:hover{-webkit-text-decoration-color:#333;text-decoration-color:#333}.editor-preview-content img{border-radius:8px;height:auto;margin:2rem 0;max-width:100%}.editor-content{display:flex;flex:1 1;overflow:hidden}.editor-textarea{background:#fff;border:none;color:#444;flex:1 1;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:18px;line-height:1.5;outline:none;padding:2rem;resize:none}.editor-textarea::placeholder{color:#aaa;font-style:normal}.preview-content{background:#fff;color:#444;flex:1 1;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:18px;line-height:1.5;overflow-y:auto;padding:2rem}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{font-weight:600;line-height:1.25;margin-bottom:1rem;margin-top:2rem}.preview-content h1{border-bottom:1px solid #e1e5e9;font-size:2rem;padding-bottom:.5rem}.preview-content h2{font-size:1.5rem}.preview-content h3{font-size:1.25rem}.preview-content p{margin-bottom:1rem}.preview-content blockquote{border-left:4px solid #ddd;color:#666;font-style:italic;margin:1rem 0;padding-left:1rem}.preview-content pre{background:#f6f8fa;border-radius:6px;margin:1rem 0;overflow-x:auto;padding:1rem}.preview-content code{background:#f6f8fa;border-radius:3px;font-size:.9em;padding:.2rem .4rem}.preview-content pre code{background:none;padding:0}.preview-content ol,.preview-content ul{margin:1rem 0;padding-left:2rem}.preview-content li{margin:.5rem 0}.preview-content a{color:#007acc;text-decoration:none}.preview-content a:hover{text-decoration:underline}.preview-content img{height:auto;margin:1rem 0;max-width:100%}.live-editor{background:#fff;color:#444;cursor:text;flex:1 1;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:18px;line-height:1.5;min-height:400px;outline:none;overflow-y:auto;padding:2rem}.live-editor:empty:before{color:#aaa;content:attr(data-placeholder);font-style:normal}.live-editor:focus{background:#fff}.live-editor *{margin:0;padding:0}.live-editor h1,.live-editor h2,.live-editor h3,.live-editor h4,.live-editor h5,.live-editor h6{font-weight:600;line-height:1.25;margin-bottom:1rem;margin-top:2rem}.live-editor h1{border-bottom:1px solid #e1e5e9;font-size:2rem;padding-bottom:.5rem}.live-editor h2{font-size:1.5rem}.live-editor h3{font-size:1.25rem}.live-editor p{margin-bottom:1rem}.live-editor blockquote{border-left:4px solid #ddd;color:#666;font-style:italic;margin:1rem 0;padding-left:1rem}.live-editor pre{background:#f6f8fa;border-radius:6px;margin:1rem 0;overflow-x:auto;padding:1rem}.live-editor code{background:#f6f8fa;border-radius:3px;font-size:.9em;padding:.2rem .4rem}.live-editor pre code{background:none;padding:0}.live-editor ol,.live-editor ul{margin:1rem 0;padding-left:2rem}.live-editor li{margin:.5rem 0}.live-editor a{color:#007acc;text-decoration:none}.live-editor a:hover{text-decoration:underline}.live-editor img{height:auto;margin:1rem 0;max-width:100%}.live-editor-container{display:flex;flex:1 1;overflow:hidden}.live-editor-pane{border-right:1px solid #e5e5e5;display:flex;flex:1 1}.live-preview-pane{background:#fefefe;display:flex;flex:1 1}.live-textarea{background:#fff;border:none;color:#444;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:18px;line-height:1.5;outline:none;padding:2rem;resize:none}.live-textarea::placeholder{color:#aaa;font-style:normal}.live-preview-content{background:#fefefe;color:#444;flex:1 1;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:18px;line-height:1.5;overflow-y:auto;padding:2rem}.live-preview-content h1,.live-preview-content h2,.live-preview-content h3,.live-preview-content h4,.live-preview-content h5,.live-preview-content h6{font-weight:600;line-height:1.25;margin-bottom:1rem;margin-top:2rem}.live-preview-content h1{border-bottom:1px solid #e1e5e9;font-size:2rem;padding-bottom:.5rem}.live-preview-content h2{font-size:1.5rem}.live-preview-content h3{font-size:1.25rem}.live-preview-content p{margin-bottom:1rem}.live-preview-content blockquote{border-left:4px solid #ddd;color:#666;font-style:italic;margin:1rem 0;padding-left:1rem}.live-preview-content pre{background:#f6f8fa;border-radius:6px;margin:1rem 0;overflow-x:auto;padding:1rem}.live-preview-content code{background:#f6f8fa;border-radius:3px;font-size:.9em;padding:.2rem .4rem}.live-preview-content pre code{background:none;padding:0}.live-preview-content ol,.live-preview-content ul{margin:1rem 0;padding-left:2rem}.live-preview-content li{margin:.5rem 0}.live-preview-content a{color:#007acc;text-decoration:none}.live-preview-content a:hover{text-decoration:underline}.live-preview-content img{height:auto;margin:1rem 0;max-width:100%}.inline-editor{background:#fff;color:#444;cursor:text;flex:1 1;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:18px;line-height:1.5;min-height:400px;outline:none;overflow-y:auto;padding:2rem}.inline-editor:empty:before{color:#aaa;content:attr(data-placeholder);font-style:normal;pointer-events:none}.inline-editor:focus{background:#fff}.inline-editor h1{border-bottom:1px solid #e1e5e9;font-size:2rem;padding-bottom:.5rem}.inline-editor h1,.inline-editor h2{font-weight:600;line-height:1.25;margin:2rem 0 1rem}.inline-editor h2{font-size:1.5rem}.inline-editor h3{font-size:1.25rem;font-weight:600;line-height:1.25;margin:2rem 0 1rem}.inline-editor p{margin-bottom:1rem}.inline-editor strong{font-weight:600}.inline-editor em{font-style:italic}.inline-editor code{background:#f6f8fa;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:.2rem .4rem}.inline-editor ol,.inline-editor ul{margin:1rem 0;padding-left:2rem}.inline-editor li{margin:.5rem 0}.inline-editor a{color:#007acc;text-decoration:none}.inline-editor a:hover{text-decoration:underline}.inline-editor blockquote{border-left:4px solid #ddd;color:#666;font-style:italic;margin:1rem 0;padding-left:1rem}.inline-editor pre{background:#f6f8fa;border-radius:6px;margin:1rem 0;overflow-x:auto;padding:1rem}.inline-editor img{height:auto;margin:1rem 0;max-width:100%}.custom-select-container{display:flex;flex-direction:column;gap:.5rem}.custom-select-label{color:#666;font-size:.9rem;font-weight:400}.custom-select{align-items:center;background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;display:flex;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.85rem;font-weight:400;justify-content:space-between;min-width:120px;outline:none;padding:.5rem .75rem;position:relative;transition:all .15s ease}.custom-select:hover{background:#f8f8f8;border-color:#999}.custom-select.open,.custom-select:focus{background:#fff;border-color:#333;box-shadow:0 0 0 1px #3333}.custom-select-value{color:#333;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-arrow{align-items:center;color:#666;display:flex;flex-shrink:0;justify-content:center;margin-left:.5rem;transition:transform .15s ease}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{background:#fff;border:1px solid #333;border-radius:0 0 3px 3px;border-top:none;box-shadow:0 2px 8px #00000026;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.custom-select-option{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:.85rem;padding:.5rem .75rem;transition:background-color .15s ease}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:#f8f8f8}.custom-select-option.selected{background:#f0f0f0;color:#333;font-weight:500}.custom-select-option.selected:hover{background:#e8e8e8}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:#f0f0f0}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.custom-select-dropdown::-webkit-scrollbar-thumb:hover{background:#999}.btn{border:1px solid #ccc;border-radius:3px;cursor:pointer;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.85rem;font-weight:400;padding:.5rem 1rem;transition:all .15s ease}.btn-primary{background:#333;border-color:#333;color:#fff}.btn-primary:hover{background:#555;border-color:#555}.btn-secondary{background:#fff;border-color:#ccc;color:#666}.btn-secondary:hover{background:#f8f8f8;border-color:#999;color:#333}.btn-tertiary{background:#0000;border-color:#0000;color:#666}.btn-tertiary:hover{background:#f0f0f0;border-color:#ddd;color:#333}@media (max-width:768px){.nav-content{height:50px;padding:0 1rem}.nav-right{gap:.5rem}.nav-link{font-size:.85rem;padding:.5rem}.nav-brand{font-size:1.2rem;gap:.5rem}.nav-logo{height:24px;width:24px}.nav-button{font-size:.8rem;padding:.5rem .75rem}.home-header{padding:1.5rem 0}.home-title{font-size:2rem}.home-subtitle{font-size:1rem}.home-content,.home-filters{padding:1rem}.filter-controls{align-items:flex-start;flex-direction:column;gap:1rem}.sort-select-container,.tag-select-container{min-width:auto;width:100%}.user-header{padding:1.5rem 0}.user-header-content{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:0 1rem}.user-name{font-size:1.5rem}.user-stats{font-size:.85rem;gap:.5rem}.user-actions{align-self:stretch}.new-post-btn{text-align:center;width:100%}.user-content,.user-filters{padding:1rem}.filter-tabs{flex-direction:column;gap:.75rem}.filter-tab{padding:.75rem;text-align:center}.draft-indicator{align-items:flex-start;margin-top:.5rem;padding:0 1.5rem;position:static}.blog-card{margin:0;padding:1rem 0}.blog-card-title{font-size:1.1rem}.blog-card-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.blog-card-stats{flex-wrap:wrap}.article-container{padding:1.5rem 1rem}.article-title{font-size:2rem}.author-details{gap:.75rem}.author-avatar{font-size:1rem;height:40px;width:40px}.article-body{font-size:1rem}.article-body h1{font-size:1.5rem}.article-body h2{font-size:1.25rem}.article-actions{gap:1rem}.action-button{font-size:.8rem;padding:.5rem .75rem}.author-bio-card{flex-direction:column;gap:1rem;padding:1.5rem}.bio-avatar{align-self:flex-start;font-size:1.25rem;height:50px;width:50px}.editor-header{padding:1rem}.header-left{flex-wrap:wrap;gap:.5rem}.back-button{font-size:.8rem;padding:.4rem}.editing-indicator{font-size:.7rem;padding:.2rem .4rem}.site-logo{height:24px;width:24px}.header-right{gap:.5rem}.btn{font-size:.8rem;padding:.5rem .75rem}.editor-footer{padding:.75rem 1rem}.modal-content{margin:1rem;padding:1.5rem}.live-editor-container{flex-direction:column}.live-editor-pane{border-bottom:1px solid #e5e5e5;border-right:none;max-height:50vh}.live-preview-pane{max-height:50vh}.inline-editor{padding:1rem}.custom-select,.custom-select-option{font-size:.9rem;padding:.6rem .75rem}.featured-article-content{padding:2rem 1.5rem}.featured-title{font-size:2rem}.featured-excerpt{font-size:1.1rem}.featured-meta{align-items:flex-start;flex-direction:column;gap:1.5rem}.featured-author-name{font-size:.85rem}.featured-author-username{font-size:.75rem}.featured-stats{font-size:.9rem;gap:.5rem}.featured-tags{gap:.75rem}.featured-tag{font-size:.85rem;padding:.4rem .8rem}}@media (max-width:480px){.nav-right{gap:.25rem}.nav-link{font-size:.8rem;padding:.5rem .25rem}.nav-button{font-size:.8rem;padding:.5rem}.featured-article-content{padding:1.5rem 1rem}.featured-title{font-size:1.75rem;line-height:1.3}.featured-excerpt{font-size:1rem}.featured-stats{font-size:.85rem}.featured-tag{font-size:.8rem;padding:.35rem .7rem}}.site-footer{background:#fafafa;border-top:1px solid #e5e5e5;color:#999;font-size:.9rem;margin-top:auto;padding:3rem 0 1rem}.footer-content{margin:0 auto;max-width:1200px;padding:0 1.5rem}.footer-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.footer-section h4{color:#666;font-size:1rem;font-weight:600;margin:0 0 1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#999;text-decoration:none;transition:color .15s ease}.footer-section a:hover{color:#666;text-decoration:underline}.footer-bottom{align-items:flex-start;border-top:1px solid #e5e5e5;display:flex;gap:2rem;justify-content:space-between;padding-top:2rem}.footer-logo-section{flex:1 1}.footer-brand{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.footer-logo{flex-shrink:0;height:28px;width:28px}.footer-brand span{color:#666;font-size:1.4rem;font-weight:600;letter-spacing:.5px}.footer-description{color:#999;line-height:1.5;margin:0;max-width:300px}.footer-copyright{flex-shrink:0}.footer-copyright p{color:#999;font-size:.85rem;margin:0}@media (max-width:768px){.site-footer{padding:2rem 0 1rem}.footer-content{padding:0 1rem}.footer-sections{gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-description{max-width:none}}@media (max-width:480px){.footer-sections{gap:1rem;grid-template-columns:1fr}.footer-section{text-align:center}.footer-brand{justify-content:center}}.profile-page{background:#fafafa;min-height:100vh}.profile-content{margin:0 auto;max-width:800px;padding:0 1.5rem}.profile-header{background:#fff;margin:0 -1.5rem 2rem;padding:2rem 0}.profile-info{margin:0 auto;max-width:800px;padding:0 1.5rem}.profile-name{color:#333;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 .5rem}.profile-username{color:#999;font-size:1.1rem;margin:0 0 1rem}.profile-bio{color:#666;font-size:1.1rem;line-height:1.6;margin:0 0 1.5rem}.profile-stats{flex-wrap:wrap;gap:2rem;margin-top:1.5rem}.profile-stats,.stat{align-items:center;display:flex}.stat{flex-direction:column;gap:.25rem}.stat-number{color:#333;font-size:1.5rem;font-weight:600}.stat-label{color:#666;font-size:.9rem}.user-not-found{background:#fff;border-radius:3px;box-shadow:0 1px 3px #0000001a;margin-top:2rem;padding:3rem 2rem;text-align:center}.user-not-found h1{color:#333;font-size:1.5rem;margin:0 0 .5rem}.user-not-found p{color:#666;margin:0}.author-bio-card,.author-details,.blog-card-author,.featured-author{cursor:pointer;transition:all .15s ease}.minimal-header{background:none;margin:2rem auto 1rem;max-width:700px;text-align:left}.header-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.profile-info-left{flex:1 1}.minimal-header h1{font-size:2.5rem;margin:0}.minimal-header .username{color:#888;font-size:1.2rem}.profile-tabs{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:700px}.tabs-container{align-items:center;display:flex;gap:.5rem;justify-content:flex-start;position:relative}.tab-button{background:none;border:none;color:#888;cursor:pointer;font-size:.95rem;padding:.35rem .7rem;z-index:2}.tab-button.active-tab{border-bottom:2px solid #454545;color:#444}.tabs-f{border-bottom:1.5px solid #e0e0e0;position:relative;top:-2px;z-index:1}.minimal-content{margin-left:auto;margin-right:auto;max-width:700px}.featured-post-container{margin-bottom:2rem}.minimal-about{color:#999;font-size:.97rem;text-align:left}@media (max-width:768px){.profile-header{padding:1.5rem 0}.profile-name{font-size:2rem}.profile-bio,.profile-username{font-size:1rem}.profile-stats{gap:1.5rem;justify-content:center}.stat-number{font-size:1.25rem}.stat-label{font-size:.85rem}}@media (max-width:480px){.profile-name{font-size:1.75rem;line-height:1.3}.profile-stats{flex-direction:row;gap:1rem;justify-content:space-around}.stat{align-items:baseline;flex-direction:row;gap:.5rem}.stat-number{font-size:1.1rem}.stat-label{font-size:.8rem}}.welcome-page{background:#fafafa;display:flex;flex-direction:column;min-height:100vh}.welcome-hero{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;flex:1 1;justify-content:center;min-height:85vh;padding:12rem 2rem}.welcome-content{max-width:600px;text-align:center}.welcome-title{color:#333;font-size:3rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 1.5rem}.welcome-subtitle{color:#666;font-size:1.25rem;font-weight:400;line-height:1.5;margin:0 0 3rem}.welcome-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-large{border-radius:6px;font-size:1.1rem;font-weight:600;min-width:160px;padding:1rem 2rem;transition:all .2s ease}.btn-large:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.welcome-features{background:#fafafa;padding:4rem 2rem}.features-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1000px}.feature-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:2.5rem;text-align:center;transition:all .2s ease}.feature-card:hover{border-color:#ddd;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.feature-icon{display:block;font-size:3rem;margin-bottom:1.5rem}.feature-card h3{color:#333;font-size:1.4rem;font-weight:600;margin:0 0 1rem}.feature-card p{color:#666;font-size:1rem;line-height:1.6;margin:0}@media (max-width:768px){.welcome-hero{min-height:50vh;padding:3rem 1.5rem}.welcome-title{font-size:2.25rem}.welcome-subtitle{font-size:1.1rem;margin-bottom:2.5rem}.welcome-actions{align-items:center;flex-direction:column}.btn-large{max-width:300px;width:100%}.welcome-features{padding:3rem 1.5rem}.features-container{gap:2rem;grid-template-columns:1fr}.feature-card{padding:2rem}}@media (max-width:480px){.welcome-hero{padding:2rem 1rem}.welcome-title{font-size:1.8rem}.welcome-subtitle{font-size:1rem}.welcome-features{padding:2rem 1rem}.feature-card{padding:1.5rem}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.9rem}}.login-container{align-items:center;background:#fafafa;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.login-form{background:#fff;border-radius:3px;box-shadow:0 1px 3px #0000001a;max-width:400px;padding:3rem;width:100%}.login-form h2{color:#333;font-size:2rem;font-weight:600;margin:0 0 2rem;text-align:center}.form-group label{font-size:.9rem;font-weight:500}.form-group input{border:1px solid #ccc;border-radius:3px;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.95rem;outline:none;padding:.75rem;transition:border-color .15s ease;width:100%}.form-group input:focus{border-color:#333;box-shadow:0 0 0 1px #3333}.login-form button{background:#333;border:1px solid #333;border-radius:3px;color:#fff;cursor:pointer;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.95rem;font-weight:500;margin-top:1rem;padding:.75rem;transition:all .15s ease;width:100%}.login-form button:hover:not(:disabled){background:#555;border-color:#555}.login-form button:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:3px;color:#721c24;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem}.loading-state{align-items:center;color:#666;display:flex;font-size:.95rem;justify-content:center;padding:2rem}.profile-actions{align-items:center;display:flex;gap:1rem;margin-top:1rem}.edit-about-btn-header{font-size:.8rem;margin-left:auto;padding:.4rem .8rem}.logout-button-header{background:none;border:none;border-radius:3px;color:#666;cursor:pointer;flex-shrink:0;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.85rem;padding:.5rem .75rem;transition:all .15s ease}.logout-button-header:hover{background:#f8f8f8;color:#333}.logout-button{background:#fff;border:1px solid #ccc;border-radius:3px;color:#666;cursor:pointer;font-family:Open Sans,Segoe UI,Tahoma,Arial,sans-serif;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease}.logout-button:hover{background:#f8f8f8;border-color:#999;color:#333}@media (max-width:768px){.login-container{padding:1rem}.login-form{padding:2rem}.login-form h2{font-size:1.5rem}}.page-container{margin:0 auto;max-width:800px;min-height:calc(100vh - 200px);padding:2rem 1.5rem}.page-header{border-bottom:1px solid #e5e5e5;margin-bottom:3rem;padding-bottom:2rem;text-align:center}.page-header h1{color:#333;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.page-subtitle{color:#666;font-size:1.1rem;font-weight:400;margin-bottom:.5rem}.last-updated{color:#888;font-size:.9rem;font-style:italic}.page-content{line-height:1.7}.content-section{margin-bottom:2.5rem}.content-section h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.6rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.content-section h3{color:#444;font-size:1.3rem;font-weight:600;margin-bottom:.8rem;margin-top:1.5rem}.content-section p{color:#555;margin-bottom:1rem}.content-section ul{margin-bottom:1rem;padding-left:2rem}.content-section li{color:#555;margin-bottom:.5rem}.content-section strong{color:#333;font-weight:600}.content-section a{color:#007acc;text-decoration:underline}.content-section a:hover{color:#059}.legal-content .content-section h2{font-size:1.4rem;margin-top:2rem}.legal-content .content-section h3{font-size:1.2rem;margin-top:1.2rem}.contact-content{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.contact-form-container,.feedback-form{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007acc;box-shadow:0 0 0 2px #007acc1a;outline:none}.form-group small{color:#666;display:block;font-size:.9rem;margin-top:.25rem}.cta-button,.submit-button{background:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 2rem;text-decoration:none;transition:background-color .2s ease}.cta-button:hover,.submit-button:hover{background:#555;text-decoration:none}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-item strong{color:#333;display:block;margin-bottom:.25rem}.contact-item p{color:#666;margin:0}.feedback-form{margin-top:2rem}.feedback-alternatives{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.feedback-option{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem}.feedback-option h3{color:#333;margin-bottom:.5rem}.feedback-option p{color:#666;font-size:.95rem;margin:0}.faq-container{margin-top:2rem}.faq-item{border-bottom:1px solid #e5e5e5;margin-bottom:1rem}.faq-question{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;padding:1rem 0;text-align:left;transition:color .2s ease;width:100%}.faq-question.active,.faq-question:hover{color:#007acc}.faq-toggle{color:#666;font-size:1.5rem;font-weight:300}.faq-answer{color:#555;line-height:1.6;padding-bottom:1rem}@media (max-width:768px){.page-container{padding:1.5rem 1rem}.page-header h1{font-size:2rem}.contact-content{gap:2rem}.contact-content,.feedback-alternatives,.form-row{grid-template-columns:1fr}}@media (max-width:480px){.page-container{padding:1rem .75rem}.page-header h1{font-size:1.8rem}.content-section h2{font-size:1.4rem}.contact-form-container,.feedback-form{padding:1.5rem}}.welcome-explanation{background:#f8f9fa;padding:4rem 0}.explanation-content{margin:0 auto;max-width:700px;padding:0 2rem;text-align:left}.explanation-content h2{color:#333;font-size:2.5rem;font-weight:600;line-height:1.2;margin:3rem 0 2rem}.explanation-content p{color:#555;font-size:1.1rem;line-height:1.7;margin:0 0 1.5rem}.explanation-content p:last-of-type{margin-bottom:2rem}.charter-button{display:block;margin:6rem auto 3rem}@media (max-width:768px){.welcome-explanation{padding:3rem 0}.explanation-content{padding:0 1.5rem}.explanation-content h2{font-size:2rem}.explanation-content p{font-size:1rem}}@media (max-width:480px){.welcome-explanation{padding:2rem 0}.explanation-content{padding:0 1rem}.explanation-content h2{font-size:1.75rem}}
/*# sourceMappingURL=main.ed1fa047.css.map*/