.ref-hero{padding:1.6rem 0}
.ref-bar{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}
.ref-bar span{border:1px solid #30363d;padding:.12rem .4rem;font-size:.64rem;color:#8b949e}
.ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}
@media(max-width:860px){.ref-grid{grid-template-columns:1fr}}
.ref-hero h1{font-size:clamp(1.18rem,3vw,1.5rem);color:#e6edf3;margin-bottom:.4rem;line-height:1.3}
.ref-hero h1 em{font-style:normal}
.ref-hero .lead{color:#8b949e;font-size:.86rem;margin-bottom:.75rem}
.ref-kpis{display:flex;flex-wrap:wrap;gap:.55rem 1.1rem;font-size:.74rem;color:#8b949e}
.ref-kpis strong{color:#e6edf3}
.req{background:#161b22;border:1px solid #21262d;padding:.7rem .8rem;font-size:.7rem;color:#a5d6ff;white-space:pre;overflow:auto;margin-bottom:.7rem}
.ref-shot{border:1px solid #21262d}

.tag-cards{display:flex;flex-direction:column;border:1px solid #21262d}
.tg{display:grid;grid-template-columns:88px 1fr;border-bottom:1px solid #21262d}
.tg:last-child{border-bottom:none}
.tg .m{padding:.85rem .6rem;border-right:1px solid #21262d;font-size:.62rem;letter-spacing:.05em;color:#58a6ff;display:flex;align-items:center}
.tg .c{padding:.85rem .9rem}
.tg h3{font-size:.84rem;color:#e6edf3;margin-bottom:.2rem}
.tg p{font-size:.74rem;color:#8b949e}

.flow{display:flex;flex-wrap:wrap;align-items:stretch;border:1px solid #21262d}
.fl{flex:1 1 180px;padding:.9rem .8rem;border-right:1px solid #21262d}
.fl:last-child{border-right:none}
.fl .arr{font-size:.62rem;color:#484f58;margin-bottom:.25rem}
.fl h3{font-size:.82rem;color:#e6edf3;margin-bottom:.2rem}
.fl p{font-size:.72rem;color:#8b949e}

.oa-split{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}
@media(max-width:768px){.oa-split{grid-template-columns:1fr}}
.oa-tbl{width:100%;border-collapse:collapse;border:1px solid #21262d;font-size:.73rem}
.oa-tbl th,.oa-tbl td{text-align:left;padding:.38rem .65rem;border-bottom:1px solid #161b22}
.oa-tbl th{color:#8b949e;font-weight:600}
.oa-tbl td{color:#c9d1d9}
.oa-tbl tr:last-child td{border-bottom:none}
.side{border:1px solid #21262d;padding:.8rem .85rem}
.side h3{font-size:.82rem;color:#e6edf3;margin-bottom:.3rem}
.side li{font-size:.74rem;color:#8b949e;padding:.14rem 0}
.feat-media{border:1px solid #21262d;margin-top:.7rem}

.feat-cta{border-top:1px solid #21262d;padding:2rem 0;text-align:center}
.feat-cta h2{color:#e6edf3;font-size:1.06rem;margin-bottom:.28rem}
.feat-cta p{color:#8b949e;font-size:.8rem;margin-bottom:.9rem}