.qa-hero{position:relative;overflow:hidden;padding:94px 0 78px;color:#fff;background:radial-gradient(circle at 75% 10%,rgba(116,212,194,.2),transparent 30%),linear-gradient(120deg,#061d29,#0a3b48)}.qa-hero:after{position:absolute;right:-180px;bottom:-280px;width:600px;height:600px;border:1px solid rgba(116,212,194,.14);border-radius:50%;content:""}.qa-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.qa-hero h1{margin:12px 0 20px;font-size:clamp(3rem,6vw,6rem);line-height:.98;letter-spacing:-.055em}.qa-hero h1 em{color:#76dbc8;font-style:normal}.qa-hero p{max-width:720px;color:#bed0d6;font-size:1.04rem;line-height:1.65}.qa-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.qa-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.13);border-radius:19px;background:rgba(255,255,255,.055);backdrop-filter:blur(9px)}.qa-stats div{padding:23px 18px;border-right:1px solid rgba(255,255,255,.11)}.qa-stats div:last-child{border:0}.qa-stats strong,.qa-stats span{display:block}.qa-stats strong{color:#76dbc8;font-size:1.7rem}.qa-stats span{color:#a9c0c7;font-size:.7rem}
.qa-directory{background:var(--v1-page)}.qa-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:9px;margin-bottom:27px;padding:15px;border:1px solid var(--v1-line);border-radius:15px;background:var(--v1-surface)}.qa-filters input,.qa-filters select{min-width:0;padding:12px 13px;color:var(--v1-ink);border:1px solid var(--v1-line);border-radius:9px;outline:0;background:var(--v1-surface-soft)}.qa-filters button{padding:0 23px;color:#fff;border:0;border-radius:9px;background:#15967f;font-weight:800}.qa-filters>a{align-self:center;padding:10px;color:var(--v1-copy);font-size:.78rem;font-weight:750}
.qa-list{display:grid;gap:13px}.qa-list-item{display:grid;grid-template-columns:92px 1fr;overflow:hidden;color:var(--v1-ink);border:1px solid var(--v1-line);border-radius:18px;background:var(--v1-surface);box-shadow:0 12px 35px rgba(8,37,50,.045);transition:transform .2s,border-color .2s}.qa-list-item:hover{border-color:#79cbbb;transform:translateY(-2px)}.qa-votes{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:19px;border-right:1px solid var(--v1-line);background:var(--v1-surface-soft)}.qa-votes strong{font-size:1.75rem}.qa-votes span{color:var(--v1-copy);font-size:.7rem}.qa-votes small{margin-top:9px;padding:4px 7px;color:#0e685a;border-radius:99px;background:#dff5ef;font-size:.62rem;font-weight:800}.qa-list-main{padding:23px 26px}.qa-meta{display:flex;justify-content:space-between;gap:18px;color:var(--v1-copy);font-size:.7rem}.qa-meta>span{color:#128a76;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.qa-list-main h2{margin:8px 0;font-size:1.25rem}.qa-list-main h2 a{color:var(--v1-ink)}.qa-list-main>p{margin:0;color:var(--v1-copy);font-size:.84rem;line-height:1.55}.qa-list-main footer{display:flex;align-items:center;gap:10px;margin-top:17px;padding-top:13px;border-top:1px solid var(--v1-line)}.qa-list-main footer>div:nth-child(2){display:flex;flex-direction:column}.qa-list-main footer strong{font-size:.76rem}.qa-list-main footer small{color:var(--v1-copy);font-size:.65rem}.qa-views{margin-left:auto;color:var(--v1-copy);font-size:.67rem}.qa-avatar{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;overflow:hidden;color:#fff;border-radius:50%;background:#0e7766;font-size:.78rem;font-weight:850}.qa-avatar.large{width:52px;height:52px}.qa-avatar img{width:100%;height:100%;object-fit:cover}.qa-pagination{display:flex;justify-content:center;gap:7px;margin-top:30px}.qa-pagination a{display:grid;width:38px;height:38px;place-items:center;color:var(--v1-ink);border:1px solid var(--v1-line);border-radius:9px;background:var(--v1-surface)}.qa-pagination a.active{color:#fff;border-color:#15967f;background:#15967f}.qa-empty{padding:55px;text-align:center;color:var(--v1-ink);border:1px dashed var(--v1-line);border-radius:17px;background:var(--v1-surface)}.qa-empty p{color:var(--v1-copy)}
.qa-compose-page{min-height:76vh;background:var(--v1-page)}.qa-compose-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:35px;align-items:start}.qa-compose-intro{position:sticky;top:130px;padding:38px;color:#fff;border-radius:23px;background:linear-gradient(145deg,#082b37,#0d5260)}.qa-compose-intro h1{margin:5px 0 15px;font-size:clamp(2rem,4vw,3.3rem)}.qa-compose-intro p,.qa-compose-intro li{color:#b8ccd2}.qa-compose-intro ol{display:grid;gap:12px;margin:25px 0 0;padding-left:21px;font-size:.84rem}.qa-compose-card{display:grid;gap:20px;padding:35px;color:var(--v1-ink);border:1px solid var(--v1-line);border-radius:23px;background:var(--v1-surface);box-shadow:var(--v1-shadow)}.qa-compose-card label{display:grid;gap:7px;font-size:.82rem;font-weight:750}.qa-compose-card input,.qa-compose-card select,.qa-compose-card textarea,.qa-answer-compose textarea{width:100%;padding:13px 15px;color:var(--v1-ink);border:1px solid var(--v1-line);border-radius:11px;outline:0;background:var(--v1-surface-soft)}.qa-compose-card textarea,.qa-answer-compose textarea{resize:vertical;line-height:1.6}.qa-compose-card input:focus,.qa-compose-card select:focus,.qa-compose-card textarea:focus,.qa-answer-compose textarea:focus{border-color:#15967f;box-shadow:0 0 0 4px rgba(21,150,127,.1)}.qa-compose-card [data-valmsg-for]{color:#b52b25;font-size:.72rem}.qa-compose-actions{display:flex;justify-content:flex-end;gap:10px}
.qa-detail-hero{padding:64px 0 50px;color:#fff;background:linear-gradient(120deg,#061e29,#0b3c49)}.qa-detail-hero>.container>a{color:#75d8c5;font-size:.78rem;font-weight:750}.qa-detail-hero>.container>span{display:block;margin-top:35px;color:#75d8c5;font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.qa-detail-hero h1{max-width:980px;margin:9px 0 25px;font-size:clamp(2.3rem,5vw,4.7rem);line-height:1.07;letter-spacing:-.04em}.qa-detail-meta{display:flex;align-items:center;gap:11px}.qa-detail-meta>div:nth-child(2){display:flex;flex-direction:column}.qa-detail-meta strong{color:#fff}.qa-detail-meta small,.qa-detail-meta time,.qa-detail-meta>span{color:#a8bec5;font-size:.7rem}.qa-detail-meta time{margin-left:auto}
.qa-detail-page{background:var(--v1-page)}.qa-detail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:28px;align-items:start}.qa-question-body,.qa-answer,.qa-answer-compose,.qa-login,.qa-side-card{color:var(--v1-ink);border:1px solid var(--v1-line);border-radius:19px;background:var(--v1-surface)}.qa-question-body{padding:33px}.qa-rich-text{white-space:pre-line;overflow-wrap:anywhere;font-size:.96rem;line-height:1.78}.qa-closed{margin-top:25px;padding:13px;color:#755a16;border-radius:9px;background:#fff4cf}.qa-answers-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:45px 0 19px}.qa-answers-heading h2{margin:4px 0 0}.qa-solved{padding:7px 10px;color:#0e6c5c;border-radius:99px;background:#dff5ef;font-size:.7rem;font-weight:800}.qa-answer-list{display:grid;gap:15px}.qa-answer{overflow:hidden;padding:27px}.qa-answer.accepted{border:2px solid #3cac96;box-shadow:0 15px 38px rgba(29,133,111,.11)}.qa-accepted-label{margin:-27px -27px 23px;padding:10px 25px;color:#0c5d50;background:#dff5ef;font-size:.71rem;font-weight:850}.qa-answer header{display:flex;align-items:center;gap:10px;margin-bottom:19px;padding-bottom:15px;border-bottom:1px solid var(--v1-line)}.qa-answer header>div:nth-child(2){display:flex;flex-direction:column}.qa-answer header small,.qa-answer header time{color:var(--v1-copy);font-size:.67rem}.qa-answer header time{margin-left:auto}.qa-answer form{margin-top:20px}.qa-answer form button{padding:8px 12px;color:#0d6f5f;border:1px solid #8bd5c7;border-radius:8px;background:#ecfaf7;font-size:.72rem;font-weight:800}.qa-answer-compose{display:grid;gap:10px;margin-top:25px;padding:29px}.qa-answer-compose label{font-weight:800}.qa-answer-compose small{color:var(--v1-copy)}.qa-answer-compose button{justify-self:start;margin-top:7px}.qa-login{display:flex;align-items:center;gap:10px;margin-top:25px;padding:24px}.qa-login strong{margin-right:auto}.qa-side-card{position:sticky;top:125px;padding:27px}.qa-side-card h2{margin:5px 0 12px;font-size:1.25rem}.qa-side-card p{color:var(--v1-copy);font-size:.83rem;line-height:1.6}.qa-side-card>a{color:#128a76;font-size:.8rem;font-weight:800}.qa-side-card.compact{position:static;margin-top:15px}.qa-side-card.compact strong{font-size:1rem}
@media(max-width:1000px){.qa-hero-grid,.qa-compose-layout,.qa-detail-layout{grid-template-columns:1fr}.qa-stats{max-width:650px}.qa-filters{grid-template-columns:1fr 1fr}.qa-filters input{grid-column:1/-1}.qa-compose-intro,.qa-side-card{position:static}}
@media(max-width:650px){.qa-hero{padding:65px 0 55px}.qa-hero h1{font-size:clamp(2.6rem,13vw,4rem)}.qa-stats{grid-template-columns:1fr}.qa-stats div{border-right:0;border-bottom:1px solid rgba(255,255,255,.11)}.qa-filters{grid-template-columns:1fr}.qa-filters input{grid-column:auto}.qa-filters button{padding:13px}.qa-list-item{grid-template-columns:1fr}.qa-votes{align-items:center;flex-direction:row;justify-content:flex-start;gap:6px;border-right:0;border-bottom:1px solid var(--v1-line)}.qa-votes small{margin:0 0 0 auto}.qa-list-main{padding:20px}.qa-meta,.qa-list-main footer,.qa-detail-meta,.qa-answers-heading,.qa-login{align-items:flex-start;flex-direction:column}.qa-views,.qa-detail-meta time{margin-left:0}.qa-compose-card{padding:24px 20px}.qa-compose-actions{align-items:stretch;flex-direction:column}.qa-detail-hero{padding:45px 0}.qa-question-body,.qa-answer,.qa-answer-compose{padding:22px}.qa-accepted-label{margin:-22px -22px 20px}.qa-answer header time{margin-left:0}.qa-login strong{margin:0}.qa-login .btn{width:100%}}