/* ForgeIA v1.5.4: compact, accessible technical grade, never a company verdict */
.http-grade{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;border:1px solid #ccd7c9;border-radius:999px;padding:.28rem .55rem;color:#263a30;background:#eef3ec;font-size:.78rem;font-weight:700;line-height:1.5}
.http-grade-mark{font-size:1.08rem;font-weight:900;color:#204f3b}
.http-grade-unrated{color:#4d5a50;background:#f1f2ef;border-color:#dfe1dc}
.grade-report{border:1px solid #d8dfd2;border-radius:18px;background:#fff;margin:2rem 0;padding:clamp(1rem,3vw,1.5rem)}
.grade-report-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.grade-report-head h2{margin:.3rem 0;font-size:clamp(1.15rem,2vw,1.45rem)}
.grade-report p{overflow-wrap:anywhere;font-size:.91rem;line-height:1.6}
.grade-breakdown{border-top:1px solid #e1e5de;margin-top:1rem}
.grade-line{display:flex;gap:1rem;justify-content:space-between;align-items:baseline;padding:.6rem 0;border-bottom:1px solid #e9ece7;font-size:.86rem}
.grade-line span{min-width:0}.grade-line strong{flex:0 0 auto;white-space:nowrap}
.grade-disclaimer{color:#506057}
.archive-grade-line{border-top:1px solid #eaeee8;display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1rem;padding-top:.8rem;font-size:.76rem;color:#546257}
.archive-event .http-grade{margin-top:.8rem}
.http-score-stat{background:#f0f5ee}
@media(max-width:440px){.grade-report-head{align-items:flex-start;flex-direction:column}.archive-grade-line{align-items:start}.grade-line{font-size:.8rem}}

.grade-distribution{display:grid;grid-template-columns:1fr;gap:1.2rem;padding:1rem;margin:1rem 0;border:1px solid #dce4d6;border-radius:16px;background:#fff}
.grade-distribution h2{font-size:1.05rem;margin:.25rem 0 .5rem}
.grade-distribution p{font-size:.78rem;line-height:1.5;color:#546257;margin:.25rem 0}
.grade-bars{display:grid;gap:.45rem}
.grade-bar{display:grid;grid-template-columns:1.3rem 1fr 1.3rem;gap:.65rem;align-items:center;font-size:.81rem;font-weight:750}
.grade-bar progress{width:100%;height:.65rem;accent-color:#3c6d52}
.grade-bar strong{text-align:right}
@media(min-width:900px){.grade-distribution{grid-template-columns:minmax(0,1fr) minmax(210px,.8fr)}.grade-distribution>.grade-disclaimer{grid-column:1/-1}}