/* ===== Questions page redesign: homepage theme ===== */
body{background:#f4f7f5 !important}
nav{background:#fff !important;backdrop-filter:none !important;box-shadow:none !important;border-bottom:1px solid #e3e8e5 !important}
nav::before{display:none !important}
.qn-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:26px}
.qn-links a{color:#374151;text-decoration:none;font-weight:500;font-size:15px}
.qn-links a.on{color:#2e6040;font-weight:700}
.qn-links a:hover{color:#2e6040}
/* sidebar */
.sidebar{background:#fff !important;backdrop-filter:none !important;box-shadow:none !important;border-right:1px solid #e3e8e5 !important}
.sidebar-section-label{font-size:12px !important;letter-spacing:.1em !important;color:#5b6472 !important;padding:16px 22px 8px !important}
.topic-nav-item{margin:2px 10px !important;border-radius:12px !important;padding:10px 12px !important;font-size:14.5px !important;color:#374151 !important;box-shadow:none !important;background:none !important}
.topic-nav-item:hover{background:#f4f7f5 !important}
.topic-nav-item.active{background:#e8f2ec !important;color:#1d4a30 !important;font-weight:700 !important}
.topic-nav-item .topic-nav-emoji{display:none !important}
.topic-nav-count{background:none !important;border:0 !important;padding:0 !important;font-size:12px !important;color:#5b6472 !important;font-weight:600 !important}
.topic-nav-item.active .topic-nav-count{color:#2e6040 !important;background:none !important}
/* toolbar: solid, search + chips */
.content-toolbar{background:#f4f7f5 !important;backdrop-filter:none !important;box-shadow:none !important;border-bottom:1px solid #e3e8e5 !important;flex-wrap:wrap;gap:10px 12px !important;padding:12px 36px !important}
.content-toolbar .toolbar-topic-name,.content-toolbar .toolbar-sep,.content-toolbar .diff-filter{display:none !important}
.qf{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.qf-search{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid #dfe5e1;border-radius:14px;padding:0 12px;color:#6b7280;transition:border-color .15s}
.qf-search:focus-within{border-color:#2e6040}
.qf-search input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:15px;color:#0f1117;padding:11px 0}
.qf-search input::-webkit-search-cancel-button{display:none}
.qf-clear{border:0;background:#eef2ef;color:#4b5563;width:26px;height:26px;border-radius:50%;font-size:16px;line-height:1;cursor:pointer}
.qf-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.qf-chips::-webkit-scrollbar{display:none}
.qf-chip{flex:none;font:inherit;font-size:13px;font-weight:600;color:#374151;background:#fff;border:1.5px solid #dfe5e1;border-radius:100px;padding:7px 13px;cursor:pointer}
.qf-chip:hover{border-color:#2e6040}
.qf-chip[aria-pressed=true]{background:#2e6040;border-color:#2e6040;color:#fff}
.qf-status{font-size:13px;color:#4b5563}
.qf-status:empty{display:none}
.qf-hide{display:none !important}
.qf-sec-label{display:none}
.content.qf-searching .topic-section{display:none !important}
.content.qf-searching .topic-section.qf-has{display:block !important}
.content.qf-searching .topic-header{display:none !important}
.content.qf-searching .qf-sec-label{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2e6040;margin:22px 0 10px}
/* topic header: white card with progress */
.topic-header{background:#fff !important;color:#0f1117 !important;border:1px solid #e3e8e5 !important;box-shadow:none !important;border-radius:20px !important;padding:22px 24px !important;margin:20px 0 6px !important}
.topic-header::after{display:none !important}
.topic-header .topic-badge{display:none !important}
.topic-header .topic-title{color:#0f1117 !important;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:26px !important;letter-spacing:-.02em}
.topic-header .topic-desc{color:#4b5563 !important;font-size:14.5px !important;margin-top:6px}
.topic-header .topic-verify{color:#5b6472 !important;font-size:12.5px !important}
.topic-header .topic-verify a{color:#2e6040 !important}
.qt-row{display:flex;align-items:center;gap:16px;margin-top:14px;flex-wrap:wrap}
.qt-prog{flex:1;min-width:200px;display:flex;align-items:center;gap:12px;font-size:14px;color:#374151}
.qt-bar{flex:1;height:8px;background:#edf1ef;border-radius:99px;overflow:hidden}
.qt-bar i{display:block;height:100%;width:0;background:#3d7a4f;border-radius:99px;transition:width .3s}
.qt-continue{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:14px;font-weight:700;color:#fff;background:#2e6040;border:0;border-radius:100px;padding:10px 16px;cursor:pointer;white-space:nowrap}
.qt-continue:hover{background:#244d33}
.topic-header .tts-topic{margin-top:12px !important;background:#e8f6f8 !important;color:#136f7a !important;border:1.5px solid #bfe4ea !important;box-shadow:none !important;font-size:13px !important;padding:7px 13px 7px 10px !important}
/* sticky bar spacing above the list */
.topic-section>.q-card:first-of-type{margin-top:16px}
/* rows */
.q-card{background:#fff !important;border:1px solid #e3e8e5 !important;border-radius:16px !important;box-shadow:none !important;margin-bottom:10px !important;transform:none !important}
.q-card::before{display:none !important}
.q-card:hover{box-shadow:0 8px 22px rgba(30,40,60,.07) !important;transform:none !important}
.q-card.open{border:1.5px solid #c9e0d1 !important;box-shadow:0 14px 34px rgba(30,40,60,.08) !important}
.q-card.open .q-card-header,.q-card .q-card-header{background:#fff !important}
.q-card-header{display:flex !important;align-items:flex-start;gap:14px;padding:16px 18px !important;cursor:pointer}
.q-card-header .q-meta{margin-bottom:6px !important;gap:8px !important;align-items:center}
.q-number{background:none !important;color:#5b6472 !important;padding:0 !important;font-size:12.5px !important;font-weight:700 !important;box-shadow:none !important}
.q-diff{border:0 !important;border-radius:100px !important;font-size:11.5px !important;padding:3px 9px !important;letter-spacing:0 !important;text-transform:none !important}
.q-diff::before{display:none !important}
.q-diff.diff-easy{background:#dcf5e6 !important;color:#1d6b3e !important}
.q-diff.diff-medium{background:#fff0d4 !important;color:#8a4b05 !important}
.q-diff.diff-hard{background:#ffe1da !important;color:#b6341c !important}
.q-tag{background:none !important;border:0 !important;padding:0 !important;color:#5b6472 !important;font-size:12px !important;font-weight:600 !important}
.q-text{font-size:16px !important;font-weight:700 !important;line-height:1.45 !important;color:#0f1117 !important}
.q-right{margin-left:auto;flex:none;display:flex;align-items:center}
.q-right .rd-ic-done{width:34px;height:34px;color:#b6bec7}
.q-card.qd-done .q-text{color:#6b7280 !important}
.q-toggle{display:none !important}
.rd-link{display:none !important}
.rd-bar{border-top:0 !important;margin-top:6px !important;padding-top:0 !important}
/* answer */
.q-answer{background:#fff !important}
.q-answer-inner{padding:0 18px !important;min-height:0}
.q-card.open .q-answer-inner{padding-bottom:18px !important}
.q-card.open .q-answer{border-top:1px solid #edf1ef !important}
.q-card:not(.open) .q-answer{border-top:0 !important}
.qa-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 6px}
.qa-label{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2e6040}
.qa-tools{display:flex;gap:8px;align-items:center}
.qa-tools .tts-btn{font-size:13px}
.qa-tools .rd-ic-pill{width:auto !important;height:auto !important;border-radius:100px !important;padding:6px 12px 6px 9px !important;display:inline-flex !important;align-items:center;gap:5px;color:#374151 !important;border:1.5px solid #dfe5e1 !important;font:inherit;font-size:13px;font-weight:700}
.qa-tools .rd-ic-pill svg{width:15px;height:15px}
.qa-tools .rd-ic-pill[aria-pressed=true]{background:#fff8e6 !important;border-color:#f1d28a !important;color:#a76a07 !important}
.answer-text{font-size:15.5px !important;line-height:1.7 !important;color:#374151 !important}
.answer-text code,.tip-box code{background:#eef2ef !important;color:#0f1117 !important;border-radius:6px;padding:1px 5px}
.qcode{position:relative;margin:14px 0;border-radius:14px;overflow:hidden;background:#0f1a24}
.qcode-bar{display:flex;justify-content:space-between;align-items:center;padding:7px 10px 7px 16px;background:#16232f;color:#9fb3c4;font-size:12px;font-weight:700}
.qcode-copy{font:inherit;font-size:12px;color:#d6e3ee;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:3px 10px;cursor:pointer}
.qcode .code-block{margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important}
.qcode.folded .code-block{max-height:calc(14 * 1.7em + 28px);overflow:hidden !important}
.qcode-more{display:block;width:100%;font:inherit;font-size:13px;font-weight:700;color:#8fd0da;background:#16232f;border:0;padding:10px;cursor:pointer}
.qcode.folded .qcode-more{margin-top:-36px;position:relative;background:linear-gradient(180deg,rgba(22,35,47,0),#16232f 55%);padding-top:30px}
.tip-box{background:#fff8e8 !important;border:1px solid #f1d28a !important;border-radius:14px !important;box-shadow:none !important}
.tip-box .tip-label{color:#8a4b05 !important}
.qa-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}
.qa-done,.qa-next{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:15px;font-weight:700;border-radius:100px;padding:11px 18px;cursor:pointer}
.qa-done{background:#fff;color:#2e6040;border:1.5px solid #2e6040}
.qa-done.on{background:#e8f2ec;border-color:#c9e0d1}
.qa-next{background:#2e6040;color:#fff;border:0}
.qa-next:hover{background:#244d33}
/* phone topic chips */
.content{min-width:0}
.qm-topics{display:none;max-width:100%}
/* bottom pill: compact */
.rd-pill{font-size:13px !important;padding:8px 8px 8px 14px !important;background:#0f2a1d !important}
@media (max-width:900px){
  .qn-links{display:none}
  .qm-topics{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:12px 16px 2px;background:#f4f7f5}
  .qm-topics::-webkit-scrollbar{display:none}
  .qm-topic{flex:none;font:inherit;font-size:13.5px;font-weight:700;color:#374151;background:#fff;border:1.5px solid #dfe5e1;border-radius:100px;padding:8px 13px;cursor:pointer}
  .qm-topic small{font-weight:600;color:#5b6472;font-size:12px}
  .qm-topic[aria-selected=true]{background:#e8f2ec;border-color:#c9e0d1;color:#1d4a30}
  .sidebar-toggle-btn{display:none !important}
  .content-toolbar{padding:10px 16px !important}
  .topic-section{padding:0 16px 40px !important}
  .topic-header{padding:16px !important;margin-top:12px !important}
  .topic-header .topic-title{font-size:21px !important}
  .topic-header .topic-verify{display:none}
  .qt-continue{width:100%;justify-content:center;padding:12px 16px}
  .q-card-header{padding:14px !important}
  .q-meta .q-tag{display:inline !important}
  .q-text{font-size:15.5px !important}
  .q-answer-inner{padding:0 14px !important}
  .q-card.open .q-answer-inner{padding-bottom:14px !important}
  .code-block{white-space:pre-wrap !important;word-break:break-word}
  .qa-done,.qa-next{flex:1;justify-content:center}
  .rd-pill span{display:none}
  .rd-pill{left:auto !important;right:12px !important;transform:none !important;padding:6px !important}
}

.q-answer-inner .answer-text,.q-answer-inner .answer-points{padding-left:0 !important;padding-right:0 !important}
.q-answer-inner .answer-text{padding-top:12px !important}
.qcode .code-block::before{display:none !important}
.tip-box{margin-left:0 !important;margin-right:0 !important}
.content.qf-searching .topic-section{padding-bottom:4px !important}