.qna-page{min-height:100vh;background-color:#f5f5f7;color:#1d1d1f;font-family:var(--font-mplus1p),-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.qna-main{padding:6rem 1rem 8rem;max-width:48rem;margin:0 auto}.qna-hero{text-align:center;margin-bottom:2.5rem}.qna-hero-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;color:#1d1d1f;text-transform:none;letter-spacing:normal;line-height:1.2}@media (min-width:768px){.qna-hero-title{font-size:2.25rem}}.search-wrapper{background:#fff;border-radius:1rem;display:flex;align-items:center;padding:1rem;border:1px solid transparent;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.03)}.search-wrapper:focus-within{transform:scale(1.01);box-shadow:0 8px 24px rgba(0,113,227,.15);border-color:#0071e3}@media (min-width:768px){.search-wrapper{max-width:36rem;margin:0 auto}}.search-icon{color:#9ca3af;font-size:1.125rem;margin-left:.5rem}.search-input{width:100%;margin-left:1rem;outline:none;font-size:16px;background:transparent;color:#1d1d1f;border:none}.search-input::placeholder{color:#9ca3af}.qna-list-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem;padding:0 .5rem}.qna-list-title{font-size:1.125rem;font-weight:700;color:#6b7280;text-transform:none;letter-spacing:normal;line-height:1.4}.qna-list-count{font-size:.75rem;color:#9ca3af}.qna-question-list{display:flex;flex-direction:column;gap:1rem}.q-card{background:#fff;border-radius:18px;padding:1.25rem;transition:all .2s ease;border:1px solid transparent;cursor:pointer}.q-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.06)}.q-card:active{transform:scale(.99)}.q-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.q-card-date{display:flex;gap:.5rem;font-size:.75rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;max-width:70%}.status-solved{color:#008844;background:#e8f8f0;display:flex;align-items:center;gap:.25rem}.status-open,.status-solved{padding:.125rem .5rem;border-radius:.25rem;font-size:11px;font-weight:700;flex-shrink:0}.status-open{color:#86868b;background:#f5f5f7}.q-card-title{font-size:1.125rem;font-weight:700;color:#1d1d1f;margin-bottom:.75rem;transition:color .2s;line-height:1.4;text-transform:none;letter-spacing:normal}.q-card:hover .q-card-title{color:#0071e3}.q-card-footer{justify-content:space-between;margin-top:1rem}.q-card-author,.q-card-footer{display:flex;align-items:center}.q-card-author{gap:.5rem}.q-card-avatar{width:1.25rem;height:1.25rem;border-radius:50%;background:#e5e7eb;overflow:hidden;flex-shrink:0}.q-card-avatar img{width:100%;height:100%;object-fit:cover}.q-card-author-name{font-size:.75rem;color:#6b7280;font-weight:500}.q-card-stats{gap:1rem;font-size:.75rem;color:#9ca3af;font-weight:500}.q-card-stat,.q-card-stats{display:flex;align-items:center}.q-card-stat{gap:.375rem}.q-card-stat.has-comments{color:#1d1d1f}.qna-load-more{margin-top:2rem;text-align:center}.qna-load-more-text{color:#9ca3af;font-size:.875rem}.qna-fab{position:fixed;bottom:2rem;right:2rem;background:#0071e3;color:#fff;width:3.5rem;height:3.5rem;border-radius:50%;box-shadow:0 10px 25px rgba(0,113,227,.3);display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:none;cursor:pointer;transition:all .2s;z-index:50}.qna-fab:hover{transform:scale(1.1);background:#0077ED}.cat-pill{padding:8px 16px;border-radius:99px;font-size:14px;font-weight:600;background:#e8e8ed;color:#86868b;cursor:pointer;transition:all .3s;white-space:nowrap}.cat-pill.active{background:#1d1d1f;color:#fff}.cat-pill:hover:not(.active){background:#d2d2d7}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.qna-link{display:block;text-decoration:none;color:inherit}