[data-sig="webb-grades"]{padding:var(--space) 0;background:var(--paper);color:var(--ink)}[data-sig="webb-grades"] p{color:#596876}[data-sig="webb-grades"] .grade-intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:32px}[data-sig="webb-grades"] .grade-intro p{max-width:480px}[data-sig="webb-grades"] .grade-scale{display:flex;gap:8px;margin:28px 0 24px}[data-sig="webb-grades"] .grade-scale button{width:48px;height:44px;background:transparent;border:1px solid #a5afb6;color:var(--ink);font-size:18px}[data-sig="webb-grades"] .grade-scale button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}[data-sig="webb-grades"] .grade-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}[data-sig="webb-grades"] figure{margin:0}[data-sig="webb-grades"] .grade-image{position:relative;overflow:hidden;border-radius:4px}[data-sig="webb-grades"] figure img{width:100%;aspect-ratio:3/4;object-fit:cover}[data-sig="webb-grades"] .wear{position:absolute;left:27%;right:27%;top:30%;bottom:20%;border:7px solid #e4d2ad;border-radius:15px;opacity:.5;pointer-events:none}[data-sig="webb-grades"] figure:nth-child(2) .wear{border-width:3px;border-radius:5px;opacity:.4}[data-sig="webb-grades"] figure:nth-child(3) .wear{border-width:1px;border-radius:2px;opacity:.2}[data-sig="webb-grades"] figcaption{padding-top:16px;font-size:18px;font-weight:600}[data-sig="webb-grades"] figcaption span{font-weight:400;font-size:13px;display:block;margin-top:4px;color:#596876}[data-sig="webb-grades"] .grade-note{margin-top:28px;border-bottom:1px solid #bcc6cd;padding:0 0 24px;min-height:86px}[data-sig="webb-grades"] .grade-note strong{font-size:24px;display:block;margin-bottom:8px}[data-sig="webb-grades"] .grade-factors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:32px}[data-sig="webb-grades"] .grade-factors h3{font-size:17px;margin-bottom:10px}[data-sig="webb-grades"] .grade-factors p{font-size:14px}
@media(max-width:700px){[data-sig="webb-grades"] .grade-intro{grid-template-columns:1fr;gap:20px}[data-sig="webb-grades"] .grade-scale{gap:4px;justify-content:space-between}[data-sig="webb-grades"] .grade-scale button{width:30px;height:44px;font-size:16px}[data-sig="webb-grades"] .grade-examples{display:flex;overflow:auto;scroll-snap-type:x mandatory;margin-right:-20px;padding-right:20px;gap:16px}[data-sig="webb-grades"] figure{flex:0 0 66%;scroll-snap-align:start}[data-sig="webb-grades"] .grade-factors{grid-template-columns:1fr 1fr;gap:24px}[data-sig="webb-grades"] .grade-note{min-height:138px}}

[data-sig="webb-grades"] .wear{display:none}
[data-sig="webb-grades"] .grade-count{display:none;font-size:12px;margin-top:12px}
@media(max-width:700px){[data-sig="webb-grades"] .grade-count{display:block}}

[data-sig="webb-grades"]{--ring:#172536}