.qa-shell{padding:26px 0 50px}
.qa-layout{display:grid;grid-template-columns:185px minmax(0,1fr) 240px;gap:16px;align-items:start}
.qa-card{background:#fff;border:1px solid #dce8f5;border-radius:18px;box-shadow:0 10px 30px rgba(37,99,235,.07)}
.qa-side,.qa-top{padding:14px;position:sticky;top:92px;height:max-content}
.qa-side h3,.qa-top h3{margin:0 0 12px;color:#15345f;font-size:15px}
.qa-cats a{display:flex;align-items:center;gap:8px;padding:10px 10px;border-radius:12px;color:#334b6d;text-decoration:none;font-weight:700;font-size:13px;transition:.18s ease;background:transparent}
.qa-cats a:hover,.qa-cats a.active{background:linear-gradient(135deg,#fff0f8,#ffe7f2);color:#e12488}
.qa-main{min-width:0}
.qa-hero{position:relative;overflow:hidden;padding:20px 18px 16px;background:linear-gradient(135deg,#ff42a6,#c932df,#11b8e8);color:#fff;border-radius:22px;margin-bottom:14px;box-shadow:0 16px 40px rgba(218,58,177,.22)}
.qa-hero-bubbles span{position:absolute;border-radius:999px;background:rgba(255,255,255,.11)}
.qa-hero-bubbles span:nth-child(1){width:110px;height:110px;right:120px;top:-18px}
.qa-hero-bubbles span:nth-child(2){width:78px;height:78px;right:58px;top:20px}
.qa-hero-bubbles span:nth-child(3){width:64px;height:64px;right:180px;top:34px}
.qa-hero h1{position:relative;margin:0 0 5px;font-size:28px;line-height:1.1;color:#fff}
.qa-hero p{position:relative;margin:0;color:#ffeefd;font-size:14px;max-width:640px}
.qa-search{position:relative;display:flex;gap:8px;margin-top:16px}
.qa-search input{flex:1;border:0;border-radius:14px;padding:13px 16px;background:#fff;color:#35506e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.qa-search button{border:0;border-radius:14px;background:#fff;color:#ef238d;font-weight:800;padding:0 20px;min-width:92px}
.qa-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.qa-tabs a{padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #dbe7f5;text-decoration:none;color:#425a78;font-size:12px;font-weight:800;box-shadow:0 4px 12px rgba(36,84,153,.04)}
.qa-tabs a.active{background:linear-gradient(135deg,#ff4fae,#ef238d);color:#fff;border-color:transparent}
.qa-question{padding:14px 16px;display:grid;grid-template-columns:60px minmax(0,1fr) 22px;gap:14px;align-items:start;margin-bottom:12px;border-radius:20px}
.qa-empty{display:block}
.qa-qnum{width:54px;height:42px;border-radius:13px;background:linear-gradient(135deg,#ff7fbf,#ff4fae);display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px;box-shadow:0 10px 18px rgba(255,79,174,.22)}
.qa-question-main{min-width:0}
.qa-question-top,.qa-detail-top,.qa-answer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.qa-tag{display:inline-flex;align-items:center;padding:5px 10px;background:linear-gradient(135deg,#e6f2ff,#d8f1ff);color:#1366ce;border-radius:999px;font-size:12px;font-weight:800}
.qa-time{color:#7b8ca7;font-size:12px;font-weight:700;white-space:nowrap}
.qa-title{display:block;margin:8px 0 6px;color:#b20ac7;font-size:18px;line-height:1.32;font-weight:900;text-decoration:none}
.qa-title:hover{color:#e12488}
.qa-excerpt{color:#697a92;font-size:14px;line-height:1.52}
.qa-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#6f7f93;font-size:12px;margin-top:12px}
.qa-meta strong{color:#20385e}
.qa-author-chip{display:inline-flex;align-items:center;gap:8px;padding:0}
.qa-dots{color:#ff47a8;text-decoration:none;font-size:22px;line-height:1;padding-top:4px}
.qa-top{padding:16px}
.qa-rank{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #edf2f8}
.qa-rank .medal{font-size:16px;line-height:1}
.qa-rank img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.qa-rank .pts{margin-left:auto;color:#1677f2;font-weight:900}
.qa-appbox{margin-top:14px;padding:16px;border-radius:17px;background:linear-gradient(135deg,#fff0f8,#eff6ff);border:1px solid #f2d5e9}
.qa-appbox strong,.qa-appbox h3{display:block;margin:0 0 8px;color:#163461}
.qa-appbox p{margin:0 0 10px;color:#4c5f7e;line-height:1.55}
.qa-appbox .btn,.qa-install-link{display:block;text-align:center;text-decoration:none}
.qa-appbox .btn{width:100%;margin-top:10px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,#1d7af3,#184ad8);color:#fff;font-weight:800}
.qa-install-link{margin-top:8px;color:#61779a;font-weight:700}
.qa-detail-wrap{max-width:1020px}
.qa-breadcrumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#7085a4;font-size:13px;margin:2px 0 14px}
.qa-breadcrumbs a{color:#7085a4;text-decoration:none}
.qa-detail{padding:18px 18px 20px;border-color:#f1cfe1;background:linear-gradient(180deg,#fff 0%,#fffafe 100%)}
.qa-detail-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qa-qid{display:inline-flex;align-items:center;justify-content:center;padding:6px 11px;border-radius:999px;background:linear-gradient(135deg,#ff5aad,#ef2f92);color:#fff;font-size:12px;font-weight:900}
.qa-detail h1{margin:12px 0 12px;font-size:26px;line-height:1.28;color:#c016a8}
.qa-body{font-size:15px;line-height:1.68;color:#2d405f;white-space:pre-line}
.qa-question-body{margin:0 0 14px}
.qa-inline-image{max-width:100%;border-radius:14px;margin-top:10px}
.qa-detail-meta{margin-top:14px;margin-bottom:4px}
.qa-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.qa-action-row.compact{margin-top:8px}
.qa-open-app,.qa-install{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;color:#fff;text-decoration:none;font-weight:800;min-width:148px}
.qa-open-app.like{background:linear-gradient(135deg,#ff4ea7,#ef238d)}
.qa-open-app.dislike{background:linear-gradient(135deg,#9d5cff,#7a50ff)}
.qa-open-app.answer{background:linear-gradient(135deg,#2392ff,#1769e8)}
.qa-install{background:#fff;color:#1769e8;border:1px solid #cfe0f6}
.qa-answers-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 10px}
.qa-answers-head h2{margin:0;color:#8a13c5;font-size:22px}
.qa-sort-pill{padding:10px 14px;border-radius:12px;border:1px solid #dce8f5;background:#fff;color:#4f6789;font-weight:700;font-size:13px}
.qa-answer{padding:16px 18px;margin-top:10px;border-radius:20px}
.qa-answer-body{margin-top:10px}
.qa-accepted{color:#10a85f;font-weight:900}
.qa-answer-actions{display:flex;gap:18px;align-items:center;margin-top:14px}
.qa-answer-actions a{color:#1e579c;text-decoration:none;font-weight:800}
.qa-answer-cta{margin-top:16px;padding:18px;border-color:#efcde0;background:linear-gradient(180deg,#fff7fc 0%,#fff2f8 100%)}
@media(max-width:1000px){.qa-layout{grid-template-columns:1fr}.qa-side,.qa-top{position:static}.qa-side{order:2}.qa-top{order:3}}
@media(max-width:700px){.qa-shell{padding:18px 0 34px}.qa-layout{gap:14px}.qa-hero{padding:18px 14px 14px}.qa-hero h1{font-size:24px}.qa-question{grid-template-columns:50px minmax(0,1fr);gap:12px}.qa-dots{display:none}.qa-qnum{width:50px;height:38px;font-size:17px}.qa-title{font-size:16px}.qa-excerpt{font-size:13px}.qa-detail h1{font-size:22px}.qa-answers-head{align-items:flex-start;flex-direction:column}.qa-open-app,.qa-install{min-width:initial;flex:1}}


/* Website visitor Like + zero-gap Q&A AdSense */
.qa-like-btn{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:#6f7f93;font:inherit;font-weight:800;cursor:pointer;padding:3px 5px;border-radius:9px;display:inline-flex;align-items:center;gap:4px;transition:.16s ease}
.qa-like-btn:hover{background:#fff0f7;color:#e12488}
.qa-like-btn.is-liked{background:linear-gradient(135deg,#fff0f7,#ffe5f2);color:#e12488;box-shadow:inset 0 0 0 1px #ffc9e3}
.qa-like-btn.is-loading{opacity:.58;pointer-events:none}
.qa-like-btn.is-error{animation:qaLikeShake .22s linear 2}
.qa-open-app.qa-like-btn{border:0;cursor:pointer;font-family:inherit}
.qa-open-app.like.qa-like-btn.is-liked{background:linear-gradient(135deg,#e91e83,#c81470);color:#fff;box-shadow:0 8px 18px rgba(222,32,132,.2)}
.qa-like-inline-count{margin-left:3px;font-weight:900}
.qa-answer-like{color:#1e579c;background:#f4f8ff;padding:7px 10px;border-radius:10px}
.qa-answer-like.is-liked{background:#fff0f7;color:#e12488}
.qa-ad-break{display:block;width:100%;margin:0;padding:0;min-height:0;height:auto}
.qa-ad-break .bcs-ad-wrap[data-bcs-ad-wrap]{max-width:100%!important}
.qa-ad-break .bcs-ad-wrap[data-bcs-ad-wrap].bcs-ad-filled{margin:5px 0 12px!important;padding:3px 0!important}
.qa-answer-ad .bcs-ad-wrap[data-bcs-ad-wrap].bcs-ad-filled{margin:8px 0 10px!important}
@keyframes qaLikeShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}

/* ================================================================
   Website-only Ask & Answer smart answer formatter
   Plain API/database text stays unchanged. Only public website output is styled.
   ================================================================ */
.qa-smart-answer-body{white-space:normal;margin-top:14px;color:#233a5b;font-size:15px;line-height:1.72}
.qa-smart-answer-body>*:first-child{margin-top:0}
.qa-smart-answer-body>*:last-child{margin-bottom:0}
.qa-smart-paragraph{margin:10px 0;color:#314763;line-height:1.78}
.qa-smart-term{font-weight:800;color:#244fc6;background:#edf3ff;border-radius:5px;padding:0 3px;white-space:nowrap}

.qa-smart-callout{display:flex;align-items:flex-start;gap:12px;margin:10px 0;padding:13px 15px;border-radius:15px;border:1px solid transparent;box-shadow:0 5px 18px rgba(24,69,120,.05)}
.qa-smart-callout .qa-smart-icon{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900}
.qa-smart-callout>div{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:7px}
.qa-smart-callout strong{font-size:17px}
.qa-smart-callout span:not(.qa-smart-icon){color:#243b52}
.qa-smart-answer{background:linear-gradient(135deg,#eafff4,#f5fffa);border-color:#bdebd3}
.qa-smart-answer .qa-smart-icon{background:linear-gradient(135deg,#19ba70,#079b58)}
.qa-smart-answer strong{color:#07884d}
.qa-smart-correct{background:linear-gradient(135deg,#effff6,#f9fffc);border-color:#c6edd8}
.qa-smart-correct .qa-smart-icon{border-radius:10px;background:linear-gradient(135deg,#22c46f,#0fa65c)}
.qa-smart-correct strong{color:#0a934f}

.qa-smart-section{margin:12px 0;padding:14px 16px;border-radius:16px;border:1px solid;box-shadow:0 5px 18px rgba(24,69,120,.045)}
.qa-smart-section-title{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.qa-smart-section-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:900;box-shadow:0 5px 12px rgba(31,83,160,.16)}
.qa-smart-section-title strong{font-size:18px;line-height:1.3}
.qa-smart-section-text{color:#2c425e;line-height:1.72}
.qa-smart-science{background:linear-gradient(135deg,#eef7ff,#f8fbff);border-color:#c8dffc}
.qa-smart-science .qa-smart-section-icon{background:linear-gradient(135deg,#2c86f2,#1768da)}
.qa-smart-science .qa-smart-section-title strong{color:#1260d4}
.qa-smart-detail{background:linear-gradient(135deg,#f6f0ff,#fbf8ff);border-color:#e0ccff}
.qa-smart-detail .qa-smart-section-icon{background:linear-gradient(135deg,#a442f0,#7926dc)}
.qa-smart-detail .qa-smart-section-title strong{color:#7e23d9}
.qa-smart-feature-head{background:linear-gradient(135deg,#effcff,#f8feff);border-color:#c8edf5}
.qa-smart-feature-head .qa-smart-section-icon{background:linear-gradient(135deg,#19aaca,#0789a8)}
.qa-smart-feature-head .qa-smart-section-title strong{color:#078aa8}

.qa-smart-list-wrap{margin:9px 0 13px;padding:11px 14px;border:1px solid #c7edf4;border-radius:14px;background:linear-gradient(135deg,#f1fcff,#fbfeff)}
.qa-smart-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.qa-smart-list li{position:relative;padding-left:30px;color:#2d435f;line-height:1.62}
.qa-smart-list li:before{content:'›';position:absolute;left:0;top:.05em;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#1098b8;color:#fff;font-weight:900;line-height:1}

.qa-smart-number-wrap{display:grid;gap:8px;margin:10px 0 13px}
.qa-smart-number-item{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;padding:9px 11px;border-radius:12px;background:#f8fbff;border:1px solid #dce9f8}
.qa-smart-number-badge{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#4e8ff6,#315fd8);color:#fff;font-weight:900;font-size:12px}

.qa-smart-note{display:flex;align-items:flex-start;gap:11px;margin:12px 0;padding:12px 14px;border-radius:14px;border:1px solid}
.qa-smart-note-icon{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:16px}
.qa-smart-note>div{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:7px}
.qa-smart-note strong{font-size:16px}
.qa-smart-important{background:linear-gradient(135deg,#fff8e9,#fffdf7);border-color:#f4d99d}
.qa-smart-important .qa-smart-note-icon{background:linear-gradient(135deg,#ffad1f,#f28b00)}
.qa-smart-important strong{color:#d97900}
.qa-smart-warning{background:linear-gradient(135deg,#fff0f2,#fff9fa);border-color:#f2c4ca}
.qa-smart-warning .qa-smart-note-icon{background:linear-gradient(135deg,#f4434f,#d92135)}
.qa-smart-warning strong{color:#d52234}
.qa-smart-normal-note{background:linear-gradient(135deg,#eef7ff,#fbfdff);border-color:#c9dff7}
.qa-smart-normal-note .qa-smart-note-icon{background:linear-gradient(135deg,#3296ed,#176bc7)}
.qa-smart-normal-note strong{color:#176bc7}

.qa-smart-generic-heading{display:flex;align-items:center;gap:9px;margin:13px 0 7px;padding:9px 12px;border-radius:12px;background:linear-gradient(135deg,#f4f8ff,#fbfdff);border-left:4px solid #5b7ee5;color:#3654a8}
.qa-smart-generic-heading>span{color:#5b7ee5}
.qa-smart-option{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start;margin:6px 0;padding:8px 10px;border-radius:11px;background:#fbfcff;border:1px solid #e3eaf5}
.qa-smart-option>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#edf2ff;color:#4463c7;font-weight:900}

@media(max-width:700px){
  .qa-smart-answer-body{font-size:14px;line-height:1.68}
  .qa-smart-callout,.qa-smart-section,.qa-smart-note{padding:11px 12px;border-radius:13px}
  .qa-smart-callout .qa-smart-icon{flex-basis:34px;width:34px;height:34px;font-size:17px}
  .qa-smart-section-icon,.qa-smart-note-icon{width:31px;height:31px;flex-basis:31px}
  .qa-smart-section-title strong{font-size:16px}
  .qa-smart-callout strong{font-size:16px}
  .qa-smart-list-wrap{padding:10px 11px}
  .qa-smart-term{white-space:normal}
}

/* V2: richer symbol-aware inline text colors (website only) */
.qa-smart-emphasis{
  color:#7b2bd4;
  background:linear-gradient(180deg,transparent 62%,#eadcff 62%);
  font-weight:900;
  padding:0 2px;
}
.qa-smart-label{font-weight:900;margin-right:3px}
.qa-smart-label-blue{color:#1469d8}
.qa-smart-label-orange{color:#e97800}
.qa-smart-label-purple{color:#7a2fd0}
.qa-smart-label-pink{color:#d72b87}
.qa-smart-label-green{color:#078a50}
.qa-smart-label-teal{color:#078aa3}
.qa-smart-label-red{color:#d9313f}
.qa-smart-label-indigo{color:#4556c9}
.qa-smart-number-inline{color:#e34c7f;font-weight:900;background:#fff0f6;border-radius:5px;padding:0 4px}

/* Let each semantic block carry its own readable text accent, not only the heading. */
.qa-smart-science .qa-smart-section-text{color:#205b9f}
.qa-smart-detail .qa-smart-section-text{color:#6540a9}
.qa-smart-feature-head .qa-smart-section-text{color:#176b7c}
.qa-smart-answer>div>span:not(.qa-smart-icon){color:#116a45;font-weight:700}
.qa-smart-correct>div>span:not(.qa-smart-icon){color:#17633f;font-weight:700}
.qa-smart-important>div>span{color:#9d5a00}
.qa-smart-warning>div>span{color:#9f2631}
.qa-smart-normal-note>div>span{color:#245e9c}

/* Consecutive symbol bullets are intentionally colorful but still compact/readable. */
.qa-smart-list li:nth-child(5n+1){color:#1767ad}
.qa-smart-list li:nth-child(5n+2){color:#6c3bb1}
.qa-smart-list li:nth-child(5n+3){color:#0c7c6f}
.qa-smart-list li:nth-child(5n+4){color:#b26008}
.qa-smart-list li:nth-child(5n){color:#b23872}
.qa-smart-list li:nth-child(5n+1):before{background:#2485d8}
.qa-smart-list li:nth-child(5n+2):before{background:#8751cf}
.qa-smart-list li:nth-child(5n+3):before{background:#13a08d}
.qa-smart-list li:nth-child(5n+4):before{background:#e18b20}
.qa-smart-list li:nth-child(5n):before{background:#d84f92}

.qa-smart-number-item:nth-child(4n+1)>div{color:#225fa9}
.qa-smart-number-item:nth-child(4n+2)>div{color:#6740a8}
.qa-smart-number-item:nth-child(4n+3)>div{color:#0b796e}
.qa-smart-number-item:nth-child(4n)>div{color:#a75f0d}
.qa-smart-number-item:nth-child(4n+1) .qa-smart-number-badge{background:linear-gradient(135deg,#4e8ff6,#315fd8)}
.qa-smart-number-item:nth-child(4n+2) .qa-smart-number-badge{background:linear-gradient(135deg,#9a58e7,#7130c6)}
.qa-smart-number-item:nth-child(4n+3) .qa-smart-number-badge{background:linear-gradient(135deg,#24b6a3,#078b7a)}
.qa-smart-number-item:nth-child(4n) .qa-smart-number-badge{background:linear-gradient(135deg,#f2a83d,#dc7d12)}

.qa-smart-option:nth-of-type(4n+1)>span{background:#eaf2ff;color:#2766cb}
.qa-smart-option:nth-of-type(4n+2)>span{background:#f2eaff;color:#7c3ec5}
.qa-smart-option:nth-of-type(4n+3)>span{background:#e8faf6;color:#078879}
.qa-smart-option:nth-of-type(4n)>span{background:#fff3df;color:#c76d00}

@media(max-width:700px){
  .qa-smart-emphasis{background:none;color:#7430bd}
}