:root{--grade-aplus:#176c32;--grade-a:#267438;--grade-b:#4b6c18;--grade-c:var(--warn);--grade-d:#9b481d;--grade-f:var(--bad)}[data-theme=dark]{--grade-aplus:#4cd471;--grade-a:#79d98a;--grade-b:#b7d65a;--grade-c:#ffb224;--grade-d:#ff8a4c;--grade-f:#ff6369}.grade-tile{--g:var(--gray-600);color:var(--g);background:color-mix(in srgb, var(--g) 11%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--g) 26%, transparent);letter-spacing:-.04em;font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;font-weight:650;line-height:1;display:inline-grid}.grade-tile[data-size=xl]{border-radius:28px;width:112px;height:112px;font-size:60px}.grade-tile[data-size=lg]{border-radius:18px;width:64px;height:64px;font-size:32px}.grade-tile[data-size=md]{letter-spacing:-.02em;border-radius:10px;width:36px;height:36px;font-size:17px}.grade-tile[data-size=sm]{letter-spacing:0;border-radius:7px;width:28px;height:22px;font-size:12.5px}.grade-tile sup{margin-left:.04em;font-size:.5em;transform:translateY(-.08em)}.grade-bar{background:var(--gray-200);border-radius:999px;height:6px;position:relative;overflow:hidden}.grade-bar>i{border-radius:inherit;background:var(--g,var(--accent));transform-origin:0;animation:.48s cubic-bezier(.2,.8,.2,1) both grade-fill;position:absolute;inset:0 auto 0 0}@keyframes grade-fill{0%{transform:scaleX(0)}}.grade-step-dot{background:var(--gray-500);border-radius:999px;width:7px;height:7px;transition:background .3s,box-shadow .3s}.grade-scan{position:relative;overflow:hidden}.grade-scan:after{content:"";background:linear-gradient(100deg, transparent 20%, color-mix(in srgb, var(--accent) 10%, transparent) 50%, transparent 80%);animation:1.6s ease-in-out infinite grade-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes grade-sweep{to{transform:translate(100%)}}.grade-in{animation:.18s cubic-bezier(.2,.8,.2,1) both grade-rise}@keyframes grade-rise{0%{opacity:0;transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.grade-tile[data-pop],.grade-bar>i,.grade-in,.grade-scan:after{animation:none}}.grade-press:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.grade-press,.grade-step-dot{transition:none}.grade-press:active{transform:none}}.grade-entry{border-bottom:1px solid var(--line);padding:20px 0 30px;position:relative}.grade-entry:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 84% 4%,color-mix(in srgb,var(--material-slate) 7%,transparent),transparent 62%),radial-gradient(ellipse at 5% 40%,color-mix(in srgb,var(--material-champagne) 5%,transparent),transparent 56%);position:absolute;inset:-40px -24px 0}.grade-eyebrow{color:var(--gray-800);font:11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;display:flex}.grade-eyebrow>span:first-child{background:var(--material-slate);width:5px;height:5px;box-shadow:0 0 0 3px color-mix(in srgb,var(--material-slate) 8%,transparent);border-radius:50%}.grade-range{color:var(--gray-800);letter-spacing:0;align-items:center;gap:7px;margin-left:6px;display:flex}.grade-range i{background:linear-gradient(90deg,var(--material-sage),var(--material-champagne));width:30px;height:1px}.grade-entry-title{letter-spacing:-.045em;max-width:800px;color:var(--gray-1000);text-wrap:balance;margin-top:16px;font-size:clamp(32px,4vw,48px);font-weight:600;line-height:1.12}.grade-entry-lead{max-width:680px;color:var(--gray-800);margin-top:16px;font-size:14px;line-height:1.7}.grade-domain{box-shadow:inset 0 1px 0 var(--edge-hi),0 2px 3px #00000004}.grade-domain:has([aria-invalid=true]){border-color:var(--bad)}.grade-submit{color:var(--accent-fg);background:linear-gradient(165deg,color-mix(in srgb,var(--accent) 85%,var(--gray-1000)),var(--accent));transition:box-shadow .18s,background-color .18s;box-shadow:inset 0 1px #ffffff35,inset 0 -1px #00000018,0 2px 3px #00000008}.grade-submit:hover{box-shadow:inset 0 1px 0 #ffffff45,0 0 0 1px var(--detail-rim),0 3px 8px #0000000c}.grade-submit:active{box-shadow:inset 0 2px 4px #00000025}.grade-form-meta{min-height:30px}.grade-text-action{text-underline-offset:4px;min-height:30px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .16s,text-decoration-color .16s}.grade-text-action:is(:hover,:focus-visible){color:var(--accent);-webkit-text-decoration-color:var(--detail-rim);text-decoration-color:var(--detail-rim)}.grade-entry:before{-webkit-mask-image:radial-gradient(at 50% 35%,#000 30%,#0000 78%);mask-image:radial-gradient(at 50% 35%,#000 30%,#0000 78%)}.grade-distribution{border:1px solid var(--line);background:var(--atlas-metal-well);min-height:52px;box-shadow:inset 0 1px 0 var(--edge-hi);border-radius:12px;gap:3px;padding:3px;display:flex}.grade-distribution-part{background:color-mix(in srgb,var(--g) 7%,var(--bg-100));min-width:46px;min-height:44px;color:var(--g);border-radius:8px;flex-basis:0;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:background-color .16s,box-shadow .16s;display:flex;position:relative}.grade-distribution-part:hover{background:color-mix(in srgb,var(--g) 12%,var(--bg-100))}.grade-distribution-part[aria-pressed=true]{background:color-mix(in srgb,var(--g) 14%,var(--bg-100));box-shadow:inset 0 -2px 0 var(--g),inset 0 1px 0 var(--edge-hi)}.grade-distribution-count{color:var(--gray-800);font:11px var(--font-mono);font-weight:400}.grade-reference-meta{color:var(--gray-800);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-top:12px;font-size:12px;display:flex}.grade-reference-meta b{color:var(--gray-1000);margin-left:5px;font-weight:500}.grade-filter-toolbar{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px;display:flex}.grade-kind-filters{flex-wrap:wrap;flex:620px;gap:2px 5px;display:flex}.grade-kind-filters button{min-height:34px;color:var(--gray-800);border-radius:5px;padding:6px 9px;font-size:12px;transition:background-color .16s,color .16s;position:relative}.grade-kind-filters button:hover{color:var(--gray-1000);background:var(--accent-soft)}.grade-kind-filters button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--accent) 65%,transparent)}.grade-filter-search{width:240px;height:38px;color:var(--gray-700);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.grade-filter-search input{min-width:0;color:var(--gray-1000);background:0 0;outline:none;flex:1;font-size:13px}.grade-filter-search input::placeholder{color:var(--gray-700)}.grade-filter-search button{border-radius:5px;align-self:stretch;place-items:center;min-width:28px;display:grid}.grade-filter-search button:hover{color:var(--accent)}.grade-filter-state{justify-content:space-between;align-items:center;min-height:34px;margin:4px 0;font-size:12px;display:flex}.grade-filter-state .grade-text-action{color:var(--gray-800);align-items:center;gap:5px;display:flex}.grade-selected-label{color:var(--g);align-items:center;gap:6px;display:inline-flex}.grade-selected-label:before{content:"";background:var(--g);border-radius:50%;width:4px;height:4px}.grade-table-head{border-bottom:1px solid var(--line);background:var(--atlas-metal-well);color:var(--gray-800)}.grade-table-item+li{border-top:1px solid var(--line)}.grade-table-row{transition:background-color .15s,box-shadow .15s}.grade-table-row:is(:hover,:focus-visible){background:color-mix(in srgb,var(--accent) 3%,var(--bg-100));box-shadow:inset 2px 0 0 var(--detail-rim)}.grade-rank{color:var(--gray-700);font:11px var(--font-mono)}.grade-row-score{color:var(--gray-1000);font:13px var(--font-mono);text-align:right;padding-right:8px}.grade-row-arrow{opacity:0;color:var(--accent);transition:opacity .16s}.grade-table-row:is(:hover,:focus-visible) .grade-row-arrow{opacity:1}.grade-cell{text-align:center;min-width:36px;font:11px var(--font-mono);color:var(--g);background:color-mix(in srgb,var(--g) 6%,transparent);border-radius:5px;padding:2px 5px}.grade-mobile-trace{gap:3px;max-width:120px;margin-top:7px;display:none}.grade-mobile-trace i{background:var(--gray-200);border-radius:2px;flex:1;height:2px;display:block;overflow:hidden}.grade-mobile-trace b{height:100%;display:block}.grade-empty{color:var(--gray-800);flex-direction:column;align-items:center;gap:12px;padding:48px 20px;font-size:13px;display:flex}@media (max-width:767px){.grade-mobile-trace{display:flex}.grade-row-arrow{display:none}.grade-filter-search{width:100%}.grade-entry{padding-top:12px;padding-bottom:20px}}.grade-tile{background:linear-gradient(145deg,var(--atlas-pearl),transparent 38%),color-mix(in srgb,var(--g) 8%,var(--bg-100));box-shadow:inset 0 1px 0 var(--edge-hi),inset 0 0 0 1px color-mix(in srgb,var(--g) 20%,transparent),0 2px 3px #00000005;position:relative}.grade-tile[data-size=xl]:after{content:"";border-top:1px solid color-mix(in srgb,var(--g) 16%,transparent);pointer-events:none;border-radius:22px;position:absolute;inset:7px}.grade-tile[data-pop]{animation:.2s both grade-ink}@keyframes grade-ink{0%{opacity:.55}}.grade-bar{height:4px;box-shadow:inset 0 1px 1px #00000005}.grade-bar>i{background:linear-gradient(90deg,color-mix(in srgb,var(--g) 65%,var(--bg-100)),var(--g));animation-duration:.32s}.grade-press{transition:background-color .15s,box-shadow .15s}.grade-press:active{transform:none;box-shadow:inset 0 1px 3px #00000012}.grade-steps li{opacity:1}.grade-steps li .grade-step-dot{background:var(--material-slate);flex-shrink:0;width:4px;height:4px}.grade-checking-domain{overflow-wrap:anywhere}.grade-scan:after{pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent),transparent);height:2px;inset:auto 0 0}.grade-report-summary{box-shadow:inset 0 1px 0 var(--edge-hi),var(--atlas-surface-shadow)}.grade-category-nav a{position:relative}.grade-category-nav a:is(:hover,:focus-visible){background:color-mix(in srgb,var(--accent) 3%,var(--bg-100));box-shadow:inset 0 -1px 0 var(--detail-rim)}.grade-category-nav a:focus-visible{outline-offset:-3px}.grade-check-filter button{min-height:34px}.grade-check-filter button[aria-pressed=true]{color:var(--accent);box-shadow:inset 0 -1px 0 var(--detail-rim)}.grade-check-header{border-bottom:1px solid var(--line);padding-bottom:12px}.grade-check-row{position:relative}.grade-check-row[data-state=fail]{box-shadow:inset 2px 0 0 color-mix(in srgb,var(--bad) 24%,transparent)}.grade-check-row[data-state=warn]{box-shadow:inset 2px 0 0 color-mix(in srgb,var(--warn) 20%,transparent)}.grade-evidence{overflow-wrap:anywhere;max-width:360px}.grade-guidance{border-left:1px solid color-mix(in srgb,var(--material-slate) 35%,transparent);background:color-mix(in srgb,var(--material-slate) 4%,var(--bg-100));overflow-wrap:anywhere}.grade-method>summary::-webkit-details-marker{display:none}.grade-method>summary{transition:color .16s}.grade-method>summary:hover{color:var(--accent)}.grade-method>div>div{border-top:1px solid var(--line);padding:8px 0}.grade-method[data-compact]{margin-top:2px}.grade-method[data-compact]>summary{width:fit-content;min-height:32px;color:var(--gray-800);gap:6px;padding:0;font-size:12px;font-weight:400}.grade-method[data-compact][open]>div{border:1px solid var(--line);background:var(--atlas-surface);border-radius:12px;margin-top:12px;padding:18px}@media (max-width:639px){.grade-evidence{max-width:100%}.grade-report-summary .grade-tile[data-size=xl]{border-radius:22px;width:88px;height:88px;font-size:46px}.grade-report-summary .grade-tile[data-size=xl]:after{border-radius:17px}}@media (pointer:coarse){.grade-text-action,.grade-kind-filters button,.grade-filter-search,.grade-filter-search button,.grade-check-filter button,.grade-press,.grade-method>summary{min-height:44px}.grade-filter-search button{min-width:36px}.grade-domain{min-height:48px}.grade-method[data-compact]>summary{min-height:44px}}@media (prefers-reduced-motion:reduce){.grade-tile[data-pop],.grade-bar>i,.grade-in,.grade-scan:after,.grade-scan .animate-spin,.grade-form .animate-spin,.grade-report .animate-spin{animation:none!important}.grade-text-action,.grade-submit,.grade-distribution-part,.grade-kind-filters button,.grade-table-row,.grade-row-arrow,.grade-category-nav a,.grade-method>summary,.grade-method>summary>svg{transition:none!important}}@media (forced-colors:active){.grade-entry:before,.grade-tile[data-size=xl]:after{display:none}.grade-distribution-part{border:1px solid buttontext}.grade-distribution-part[aria-pressed=true],.grade-kind-filters button[aria-pressed=true],.grade-check-filter button[aria-pressed=true]{outline-offset:-2px;outline:1px solid highlight}.grade-submit{color:buttontext;background:buttonface;border:1px solid buttontext}.grade-bar>i,.grade-mobile-trace b{forced-color-adjust:none;background:highlight}}.grade-comparison-head:is(:hover,:focus-visible){box-shadow:inset 0 1px 0 var(--edge-hi),0 0 0 1px var(--detail-rim),var(--atlas-surface-shadow)}.grade-report-name,.grade-compare-value{overflow-wrap:anywhere}.grade-compare-side{align-items:flex-start}.grade-compare-columns{background:var(--atlas-metal-well);color:var(--gray-800)}.grade-compare-check{transition:background-color .15s}.grade-compare-check:hover{background:color-mix(in srgb,var(--material-slate) 3%,var(--bg-100))}@media (max-width:639px){.grade-compare-columns,.grade-compare-check{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grade-compare-columns>span:nth-child(2){display:none}.grade-compare-check-title{text-align:left;color:var(--gray-1000);grid-area:1/1/auto/-1;font-weight:500}.grade-compare-side{grid-row:2}.grade-compare-check>.grade-compare-side:last-child{justify-self:end}}@media (prefers-reduced-motion:reduce){.grade-compare-check,.grade-comparison-head{transition:none!important}}.grade-section-title:focus-visible{text-decoration:underline;-webkit-text-decoration-color:var(--detail-rim);text-decoration-color:var(--detail-rim);text-underline-offset:5px;outline:none}@media (max-width:639px){.grade-report section[id]{scroll-margin-top:112px}}.grade-distribution{background:var(--atlas-surface)}.grade-table-head,.grade-compare-columns{background:color-mix(in srgb,var(--material-slate) 3%,var(--bg-100))}.grade-filter-state{min-height:30px;margin:2px 0}@media (max-width:639px){.grade-entry:before{left:-16px;right:-16px}}.grade-action-label{display:inline-grid}.grade-action-label>span{visibility:hidden;white-space:nowrap;grid-area:1/1}.grade-action-label>span[data-visible]{visibility:visible}
