/* ===================== TABS ===================== */
.tabs-wrap{position:relative;margin:24px 0 0}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.tabs::-webkit-scrollbar{display:none}
.tab{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;font-size:14.5px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap;transition:color .16s,border-color .16s}
.tab:hover{color:var(--ink)}
.tab.on{color:var(--green-d);border-bottom-color:var(--green)}
.tabs-arrow{position:absolute;z-index:3;top:50%;width:34px;height:34px;border:1px solid #d5eadf;border-radius:50%;background:var(--tint);color:var(--green-d);display:flex;align-items:center;justify-content:center;transform:translateY(-50%);transition:background-color .16s,border-color .16s,color .16s}
.tabs-arrow .tabs-double-icon{width:17px;height:17px;fill:currentColor}
.tabs-prev{left:0}
.tabs-next{right:0}
.tabs-next .tabs-double-icon{transform:rotate(180deg)}
.tabs-wrap.has-prev::before,.tabs-wrap.has-next::after{content:"";position:absolute;z-index:2;top:0;bottom:1px;width:58px;pointer-events:none}
.tabs-wrap.has-prev::before{left:0;background:linear-gradient(90deg,#fff 45%,rgba(255,255,255,0))}
.tabs-wrap.has-next::after{right:0;background:linear-gradient(270deg,#fff 45%,rgba(255,255,255,0))}
.tab-body{padding:28px 0 0}
/* ===================== FAQ ===================== */
.faq-grid{display:flex;align-items:flex-start;gap:14px}
.faq-column{display:flex;min-width:0;flex:1 1 0;align-self:flex-start;flex-direction:column;gap:18px}
.faq-item{border:1px solid #e1e9e5;border-radius:14px;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s;scroll-margin-top:86px}
.faq-item[open]{border-color:#83cfa8;box-shadow:0 12px 28px -20px rgba(14,159,91,.42)}
.faq-q{display:flex;align-items:center;gap:14px;padding:17px 18px;font-size:15.5px;font-weight:700;letter-spacing:-.01em;cursor:pointer;list-style:none;transition:color .18s}
.faq-q::-webkit-details-marker{display:none}
.faq-q:hover{color:var(--green-d)}
.faq-number{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--tint);border:1px solid #d5eadf;color:var(--green-d);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700}
.faq-title{min-width:0;flex:1;line-height:1.45;letter-spacing: 0.2px;}
.faq-toggle{position:relative;width:32px;height:32px;border-radius:50%;flex:none;background:var(--tint);border:1px solid #d5eadf;color:var(--green);transition:transform .25s cubic-bezier(.22,1,.36,1),background-color .2s,border-color .2s}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;border-radius:999px;background:currentColor;transform:translate(-50%,-50%)}
.faq-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-toggle{color:#fff;background:var(--green);border-color:var(--green);transform:rotate(45deg)}
.faq-item[open] .faq-number{background:#e1f5e9;border-color:#bfe5d0;color:var(--green-d)}
.faq-item[open] .faq-title{color:var(--green-d)}
.faq-a{padding:0 18px 18px 66px}
.art-frame.faq-frame{min-height:0;margin-top:0}
@media(max-width:560px){.faq-column{display:flex}.faq-column+.faq-column{margin-top:10px}.faq-q{gap:11px;padding:15px}.faq-number,.faq-toggle{width:30px;height:30px}.faq-a{padding:0 15px 16px}}
@media(max-width:767px){.faq-grid{display:block}}
/* ===================== HOME ===================== */
.qa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.qa{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .26s,box-shadow .26s,border-color .26s;display:flex;flex-direction:column;gap:12px}
.qa:hover{transform:translateY(-4px);border-color:#cfe7db;box-shadow:var(--shadow)}
.qa-ic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#eaf7f1,#dcf1e6);border:1px solid #d3ebe0;color:var(--green-d)}
.qa-ic svg{width:22px;height:22px}
.qa h3{font-size:17px;font-weight:800;letter-spacing: 0.023rem;}
.qa p{font-size:14px;color:var(--muted);line-height:1.55}
.qa-link{margin-top:auto;font-size:13px;font-weight:700;color:var(--green-d);display:inline-flex;align-items:center;gap:6px}
.qa-link svg{width:14px;height:14px}
.plat-card p.plat-title{font-weight:700;color:var(--ink);font-size:14.5px}
@media(max-width:820px){.qa-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
  .tab{padding:10px 13px;font-size:13px}
  .tab-body{padding-top:20px}
  .faq-q{font-size:14px}
  .qa-grid{gap:12px}
  .qa{padding:18px;gap:9px}
  .qa-ic{width:40px;height:40px;border-radius:11px}
  .qa h3{font-size:15.5px}
  .qa p{font-size:13px}
  .qa-link{font-size:12.5px}
  .toc-box,.side-help{padding:15px}
}

/* ===================== READER SIDEBAR ===================== */
.toc-box{border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;margin-bottom:16px}
.toc-box h4{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);margin-bottom:12px}
.toc-box a{display:block;font-size:13.5px;color:var(--muted);padding:6px 0 6px 12px;border-left:2px solid var(--line);margin-left:2px;transition:color .15s,border-color .15s}
.toc-box a:hover{color:var(--green-d);border-left-color:var(--green)}
.side-help{border:1px solid #bfe6d3;background:var(--tint);border-radius:14px;padding:18px}
.side-help b{font-size:14.5px;display:block;margin-bottom:6px}
.side-help p{font-size:13px;color:var(--green-dd);margin-bottom:12px}
.art-meta{margin-top:4px}
.tab .logo-xs{width:27px;height:27px;border-radius:6px;font-size:9px}