/* /answers hub — generated pages by tools/gen_answers_hub.py. Palette from css/style.css :root. */
.ans-main{background:var(--bg);padding:110px 0 90px}
.ans-inner{max-width:1080px;margin:0 auto;padding:0 24px}
.ans-main h1{font:800 clamp(34px,5.5vw,52px)/1.12 var(--font);color:var(--ink);letter-spacing:-.02em;margin:0 0 14px}
.ans-sub{font:500 17px/1.6 var(--font);color:var(--muted);max-width:640px;margin:0 0 30px}
.ans-start-label{display:block;font:700 12px/1 var(--mono);color:var(--faint);text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px}
.ans-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.ans-chip{display:inline-block;padding:10px 16px;border-radius:999px;background:#fff;border:1px solid #e6e0f5;font:600 14px/1 var(--font);color:var(--body3);text-decoration:none;transition:border-color .15s,color .15s}
.ans-chip:hover{border-color:var(--violet);color:var(--violet)}
.ans-toc{display:flex;flex-wrap:wrap;gap:6px 18px;padding:16px 0;border-top:1px solid #e6e0f5;border-bottom:1px solid #e6e0f5;margin:0 0 12px}
.ans-toc a{font:600 14px/1.5 var(--font);color:var(--muted);text-decoration:none}
.ans-toc a:hover{color:var(--violet)}
.ans-section{padding-top:34px}
.ans-section h2{font:800 clamp(22px,3vw,28px)/1.2 var(--font);color:var(--ink);letter-spacing:-.01em;margin:0 0 16px;scroll-margin-top:90px}
.ans-count{display:inline-block;vertical-align:middle;margin-inline-start:8px;padding:3px 10px;border-radius:999px;background:var(--tint);font:700 13px/1 var(--mono);color:var(--deep)}
.ans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ans-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid #e6e0f5;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.ans-card:hover{border-color:var(--violet);transform:translateY(-2px);box-shadow:0 10px 26px rgba(77,31,214,.08)}
.ans-card strong{font:700 15px/1.35 var(--font);color:var(--ink)}
.ans-card span{font:400 13px/1.55 var(--font);color:var(--muted2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
[dir="rtl"] .ans-main h1,[dir="rtl"] .ans-sub{letter-spacing:0}
@media (max-width:640px){.ans-main{padding:92px 0 64px}.ans-grid{grid-template-columns:1fr 1fr;gap:9px}.ans-card{padding:13px 14px}.ans-card span{-webkit-line-clamp:2}}
@media (max-width:420px){.ans-grid{grid-template-columns:1fr}}