.qa-shell{max-width:1180px;margin:0 auto;padding:0 20px 72px}.qa-hero{padding:34px 0 22px}.qa-kicker{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1675b7}.qa-hero h1{margin:.35rem 0 .7rem;font-size:clamp(2.2rem,5vw,4rem);line-height:1.03}.qa-hero>p{max-width:820px;color:#53627b;font-size:1.08rem;line-height:1.7}.qa-stats{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.qa-stats span{padding:.55rem .7rem;border:1px solid #d8e3ee;border-radius:9px;background:#fbfdff;color:#53627b;font-size:.86rem}.qa-stats strong{color:#17233b}.qa-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.15rem 0 1.55rem}.qa-route{position:relative;display:block;padding:.9rem 2rem .9rem .9rem;border:1px solid #d8e3ee;border-radius:11px;background:#fff;color:#24334c;text-decoration:none;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.qa-route strong{display:block;margin-bottom:.25rem}.qa-route span{display:block;color:#687792;font-size:.82rem;line-height:1.4}.qa-route::after{content:"→";position:absolute;right:.75rem;top:.82rem;color:#1675b7;transition:transform .2s ease}.qa-route::before{content:"";position:absolute;left:.9rem;right:.9rem;bottom:0;height:2px;background:linear-gradient(90deg,#18cce4,#3d9fe8,#7665e8);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.qa-tools{position:sticky;top:8px;z-index:20;margin:1.1rem 0 1.35rem;padding:1rem;border:1px solid #d8e3ee;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 10px 28px rgba(33,55,86,.07);backdrop-filter:blur(10px)}.qa-search-row{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:.55rem;align-items:end}.qa-search{display:grid;gap:.3rem;color:#66758d;font-size:.74rem}.qa-search input{width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid #ccd9e6;border-radius:9px;background:#fff;color:#1f2e46;font:inherit}.qa-search input:focus{outline:3px solid rgba(14,165,198,.11);border-color:#7fc9e2}.qa-clear{min-height:44px;padding:.65rem .9rem;border:1px solid #ccd9e6;border-radius:9px;background:#f8fafc;color:#50617a;cursor:pointer}.qa-filters{display:flex;flex-wrap:wrap;gap:.38rem;margin-top:.75rem}.qa-filter{min-height:34px;padding:.42rem .65rem;border:1px solid #d3deea;border-radius:999px;background:#fff;color:#52617a;font:inherit;font-size:.8rem;cursor:pointer}.qa-filter.is-active{border-color:#82c8df;background:#eefaff;color:#08779a}.qa-summary{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:.8rem 0 0;color:#687792;font-size:.82rem}.qa-section{margin:1.5rem 0 2.1rem}.qa-section[hidden]{display:none!important}.qa-section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.75rem;padding-bottom:.55rem;border-bottom:1px solid #dce5ed}.qa-section-label{display:block;margin-bottom:.2rem;color:#1675b7;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.qa-section h2{margin:0;font-size:1.25rem}.qa-section-count{min-width:28px;padding:.2rem .45rem;border:1px solid #d6e1ea;border-radius:999px;background:#f7fafc;color:#65758d;text-align:center;font-size:.74rem}.qa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.qa-card{position:relative;display:block;min-height:150px;padding:1rem 2.7rem 1rem 1rem;border:1px solid #dbe4ed;border-radius:11px;background:#fff;color:#26364e;text-decoration:none;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.qa-card[hidden]{display:none!important}.qa-card-tag{display:inline-block;margin-bottom:.55rem;padding:.2rem .42rem;border-radius:999px;background:#eef8fd;color:#1876ad;font-size:.66rem;font-weight:800}.qa-question{display:block;font-size:1rem;line-height:1.42;color:#223149}.qa-answer{display:block;margin-top:.55rem;color:#687792;font-size:.86rem;line-height:1.52}.qa-open{position:absolute;right:.85rem;top:.9rem;color:#1b7ab8;font-weight:800;opacity:.55;transition:transform .2s ease,opacity .2s ease}.qa-card::before{content:"";position:absolute;left:1rem;right:1rem;bottom:0;height:2px;background:linear-gradient(90deg,#18cce4,#3d9fe8,#7665e8);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}.qa-empty{display:none;margin:1rem 0;padding:1.2rem;border:1px dashed #c8d6e4;border-radius:11px;text-align:center;color:#697890}.qa-empty.is-visible{display:block}.qa-note{margin:1.5rem 0 0;padding:1rem 1.1rem 1rem 1.25rem;border:1px solid rgba(115,80,181,.22);border-left:4px solid #7350b5;border-radius:10px;background:linear-gradient(90deg,rgba(115,80,181,.06),#fff 44%)}.qa-note strong{display:block;margin-bottom:.3rem;color:#6541a7;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.qa-note p{margin:0;color:#64728a;line-height:1.55}.qa-footer{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.2rem 0}.qa-footer a{padding:.5rem .7rem;border:1px solid #d8e3ee;border-radius:8px;background:#fff;text-decoration:none}
@media(hover:hover){.qa-route:hover,.qa-card:hover{border-color:#acd4e9;background:#fbfdff;box-shadow:0 7px 20px rgba(36,90,128,.07)}.qa-route:hover::before,.qa-card:hover::before{transform:scaleX(1)}.qa-route:hover::after,.qa-card:hover .qa-open{transform:translateX(3px);opacity:1}}@media(max-width:900px){.qa-routes{grid-template-columns:repeat(2,minmax(0,1fr))}.qa-grid{grid-template-columns:1fr}.qa-tools{position:static}}@media(max-width:560px){.qa-shell{padding:0 14px 54px}.qa-routes{grid-template-columns:1fr}.qa-search-row{grid-template-columns:1fr}.qa-summary{align-items:flex-start;flex-direction:column;gap:.25rem}.qa-tools{padding:.8rem}.qa-filter{font-size:.75rem}.qa-card{min-height:0;padding-right:2.4rem}.qa-hero>p{font-size:1rem}}@media(prefers-reduced-motion:reduce){.qa-route,.qa-route::before,.qa-route::after,.qa-card,.qa-card::before,.qa-open{transition:none!important}}