.berberine-guide{max-width:1120px;margin:auto;padding:48px 24px 80px;line-height:1.75}.berberine-guide .guide-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;margin-bottom:40px}.berberine-guide h1{font-size:clamp(2.8rem,5.5vw,4.7rem);line-height:1.04;margin:12px 0 24px}.berberine-guide h2{font-size:clamp(2rem,3.8vw,3rem);margin:0 0 20px}.berberine-guide h3{font-size:1.4rem;margin:22px 0 10px}.berberine-guide .guide-hero img{width:100%;height:auto;border-radius:16px;aspect-ratio:4/5;object-fit:cover}.berberine-guide figcaption,.berberine-guide .guide-meta{font-size:.85rem;color:#b8cedf}.berberine-guide figure{margin:0}.berberine-guide section{padding:38px 0;border-top:1px solid #285d81;scroll-margin-top:100px}.berberine-guide p,.berberine-guide ul,.berberine-guide ol{max-width:78ch}.berberine-guide a:not(.button){color:#73d2ff;text-underline-offset:4px}.berberine-guide .guide-nav{padding:20px 24px;background:#102d45;border:1px solid #285d81;border-radius:12px;margin:28px 0}.berberine-guide .guide-nav ul{display:flex;flex-wrap:wrap;gap:12px 26px;padding:0;margin:10px 0;list-style:none}.berberine-guide .guide-note{padding:20px 24px;background:#102d45;border-left:3px solid #ffad62;margin:24px 0}.berberine-guide .guide-table{overflow-x:auto;max-width:100%;margin:24px 0}.berberine-guide table{border-collapse:collapse;width:100%;font-size:.95rem}.berberine-guide caption{text-align:left;font-weight:700;padding:0 0 12px}.berberine-guide th,.berberine-guide td{padding:14px 16px;text-align:left;border-bottom:1px solid #285d81;vertical-align:top}.berberine-guide thead{background:#102d45}.berberine-guide details{padding:18px 0;border-bottom:1px solid #285d81}.berberine-guide summary{font-weight:700;cursor:pointer;line-height:1.5}.berberine-guide li{margin-bottom:10px}.berberine-guide .guide-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:26px}.berberine-guide .guide-sources{font-size:.95rem;overflow-wrap:anywhere}@media(max-width:720px){.berberine-guide{padding:32px 20px 50px}.berberine-guide .guide-hero{grid-template-columns:1fr;gap:24px}.berberine-guide .guide-hero figure{max-width:380px}.berberine-guide th,.berberine-guide td{padding:12px 9px}.berberine-guide .guide-nav ul{display:block}.berberine-guide .guide-nav li{margin:10px 0}.berberine-guide section{padding:30px 0}}
