/* P0-2026-10-24 · bian.one article readability (local, not deployed) */
.p0-hero.hero{padding:56px 0 40px;text-align:left}
.p0-hero .container.article,.article.p0{max-width:800px;margin:0 auto}
.article.p0 h1,.p0-hero h1{
  font-size:clamp(28px,3.6vw,40px);
  line-height:1.22;
  letter-spacing:-.4px;
  margin:0 0 14px;
  text-align:left;
}
.p0-hero .lead,.article.p0 .lead{
  font-size:clamp(16px,1.6vw,17px);
  line-height:1.72;
  color:#c7d0dc;
  max-width:720px;
  margin:0 0 14px;
  text-align:left;
}
.p0-disclose{
  display:block;
  margin:10px 0 0;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.03);
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.p0-disclose strong{color:#e8edf3;font-weight:750}
.p0-update{
  display:inline-flex;align-items:center;
  border:1px solid rgba(240,185,11,.35);
  color:var(--brand);
  border-radius:999px;
  padding:4px 10px;
  font-size:12px;font-weight:800;
  margin:0 0 12px;
}
.p0-section{padding:36px 0 48px}
.article.p0 h2{
  font-size:clamp(22px,2.4vw,27px);
  line-height:1.28;
  margin:40px 0 14px;
  font-weight:850;
}
.article.p0 h2:first-child{margin-top:0}
.article.p0 h3{
  font-size:clamp(17px,1.8vw,19px);
  line-height:1.35;
  margin:22px 0 10px;
  font-weight:750;
}
.article.p0 p,.article.p0 li{color:#c5cfda;font-size:16px;line-height:1.72}
.article.p0 ul{padding-left:22px;margin:8px 0 14px}
.article.p0 .caption,.p0-caption{
  font-size:13px;color:var(--muted);line-height:1.55;margin:8px 0 0;
}
.p0-passfail{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 8px}
.p0-pf-card{border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;background:var(--panel)}
.p0-pf-card.pass{border-color:rgba(22,199,132,.35)}
.p0-pf-card.fail{border-color:rgba(242,120,110,.35)}
.p0-pf-label{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:850;letter-spacing:.02em;
  border-radius:999px;padding:3px 10px;margin-bottom:10px;
}
.p0-pf-card.pass .p0-pf-label{background:rgba(22,199,132,.12);color:#16C784}
.p0-pf-card.fail .p0-pf-label{background:rgba(242,120,110,.12);color:#f2786e}
.p0-pf-card h3{margin:0 0 10px;font-size:18px}
.p0-pf-card ul{margin:0;padding-left:18px}
.p0-pf-card li{margin:0 0 6px;font-size:15px;line-height:1.6}
.p0-steps{display:grid;gap:12px;margin:14px 0}
.p0-steps .step{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:start}
.p0-steps .step b{
  display:inline-flex;width:28px;height:28px;border-radius:50%;
  align-items:center;justify-content:center;
  background:var(--brand);color:#111;font-weight:900;margin:2px 0 0;
}
.p0-steps .step h3{margin:0 0 4px;font-size:17px}
.p0-steps .step p{margin:0;font-size:15px;color:var(--muted)}
.p0-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}
.p0-compare .card h3{margin:0 0 8px;font-size:18px}
.p0-compare .card p,.p0-compare .card li{font-size:15px}
.p0-fig{
  margin:16px 0;padding:28px 16px;border:1px dashed rgba(255,255,255,.16);
  border-radius:14px;background:rgba(255,255,255,.02);text-align:center;
}
.p0-fig .p0-fig-label{font-size:13px;color:var(--muted);margin:0}
.p0-fig .p0-fig-title{font-size:14px;color:#d6dee8;margin:6px 0 0;font-weight:700}
.p0-dl-zone{
  margin:28px 0 8px;padding:18px;border-radius:14px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.025);
}
.p0-dl-zone .p0-status{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:800;color:#f0b90b;
  border:1px solid rgba(240,185,11,.35);border-radius:999px;
  padding:3px 10px;margin-bottom:10px;
}
.p0-dl-zone h2,.p0-dl-zone h3{margin-top:0}
.p0-pkg{
  display:inline-flex;align-items:center;gap:8px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:15px;font-weight:750;color:#111;background:var(--brand);
  border-radius:10px;padding:8px 12px;margin:8px 0 4px;
}
.p0-fail-table{width:100%;border-collapse:collapse;margin:14px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.p0-fail-table th,.p0-fail-table td{
  border-bottom:1px solid var(--line);padding:12px 14px;
  text-align:left;vertical-align:top;font-size:15px;color:#c5cfda;
}
.p0-fail-table th{color:var(--text);background:rgba(255,255,255,.035);font-weight:750}
.p0-fail-table tr:last-child td{border-bottom:0}
.p0-fail-cards{display:none;gap:12px;margin:14px 0}
.p0-fail-card{
  border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--panel);
}
.p0-fail-card h3{margin:0 0 8px;font-size:17px}
.p0-fail-card p{margin:0 0 6px;font-size:14px;color:#b9c3cf}
.p0-fail-card p strong{color:#e8edf3}
.p0-cta-soft{margin:24px 0 8px;padding-top:18px;border-top:1px solid var(--line)}
.p0-cta-soft a{color:var(--brand);font-weight:850}
.p0-related{display:grid;gap:8px;margin:12px 0}
.p0-related a{color:var(--brand);font-weight:750}
.p0-faq-block{
  scroll-margin-top:90px;
  margin:28px 0;padding:22px 20px;border:1px solid var(--line);
  border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012));
}
.p0-faq-block h2{margin-top:0;font-size:clamp(22px,2.4vw,26px)}
.p0-faq-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0}
.p0-faq-cols .card h3{margin-top:0}
.faq details{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 10px;background:rgba(255,255,255,.02)}
.faq summary{cursor:pointer;font-weight:750;color:#e8edf3}
.faq details p{margin:10px 0 0;color:#c5cfda}
.warning,.risk-box{border:1px solid rgba(240,185,11,.22);background:rgba(240,185,11,.065);border-radius:16px;padding:16px 18px;color:#dce4ee;margin:20px 0}
.related{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}
.related a{color:var(--brand);font-weight:800}
.cta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}
@media(max-width:1024px){
  .p0-passfail,.p0-compare,.p0-faq-cols{grid-template-columns:1fr}
}
@media(max-width:640px){
  .p0-hero.hero{padding:48px 0 32px}
  .p0-passfail,.p0-compare,.p0-faq-cols{grid-template-columns:1fr}
  .p0-fail-table{display:none}
  .p0-fail-cards{display:grid}
  .p0-faq-block{scroll-margin-top:100px;padding:18px 14px}
  .article.p0 h1,.p0-hero h1{font-size:30px}
}
