/* why-bitnet — generated by convert.py from "Bitnet Why Bitnet.dc.html".
   Shared rules live in base.css; only page-specific rules belong here. */

.h2 { font-size: clamp(23px,3vw,31px); line-height: 1.16 }
.lead { line-height: 1.65 }
.p { font-size: 15.5px; line-height: 1.7; color: var(--fg2); margin: 0 0 14px }
.ic { width: 46px; height: 46px; border-radius: 12px; flex: none }
.ic svg { width: 22px; height: 22px }
.qnum { font-family: var(--font-mono); font-size: 12px; font-weight: 600; color: var(--azure-600); letter-spacing: .04em }
.chk { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; line-height: 1.55; color: var(--fg1) }
.chk svg { width: 18px; height: 18px; color: var(--azure); flex: none; margin-top: 2px }
.toc a { display: flex; gap: 12px; align-items: center; padding: 14px 16px; border: 1px solid var(--border); border-radius: var(--radius-md); background: #fff; font-family: var(--font-display); font-weight: 600; font-size: 14px; color: var(--azure-deep); transition: all var(--dur-base) var(--ease-out) }
.toc a:hover { border-color: var(--azure-300); background: var(--azure-50); transform: translateY(-2px) }
.qsec { scroll-margin-top: 90px }
@media (max-width:860px) {
.q-grid { grid-template-columns: 1fr!important }
.toc-grid { grid-template-columns: 1fr!important }
}