:root{--paper:#fff;--form:#e8f3ee;--form-line:#a9d2c2;--form-ink:#1d7a62;--graphite:#23262a;--graphite-soft:#5c6168;--red:#c8282b;--red-soft:#fdecea;--radius:6px;--measure:66ch;--display:var(--font-display), Arial, sans-serif;--body:var(--font-body), system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--graphite);font-family:var(--body);margin:0;font-size:17px;line-height:1.6}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:var(--form-ink);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--form-ink);outline-offset:2px;border-radius:3px}.wrap{width:min(1140px,100% - 32px);margin-inline:auto}.site-head{border-bottom:2px solid var(--form-ink)}.site-head .wrap{justify-content:space-between;align-items:center;gap:24px;padding-block:12px;display:flex}.logo{font-family:var(--display);letter-spacing:-.03em;color:var(--graphite);align-items:center;font-size:24px;font-weight:800;text-decoration:none;display:inline-flex}.logo .dot{background:var(--graphite);border-radius:50%;width:.62em;height:.62em;margin:0 .04em;display:inline-block;transform:translateY(.06em)}.site-nav{gap:20px;font-size:15.5px;display:flex}.site-nav a{color:var(--graphite-soft);text-decoration:none}.site-nav a:hover{color:var(--graphite);text-decoration:underline}@media (max-width:720px){.site-head .wrap{padding-bottom:0;display:block}.site-nav{white-space:nowrap;scrollbar-width:none;gap:16px;margin-inline:-16px;padding:6px 16px 10px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.site-nav::-webkit-scrollbar{display:none}}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .45em;line-height:1.12}h1{font-size:clamp(32px,5vw,50px);font-weight:800}h2{margin-top:1.8em;font-size:26px;font-weight:700}h3{margin-top:1.3em;font-size:19px;font-weight:700}p{margin:0 0 1em}.lede{color:var(--graphite-soft);max-width:62ch;font-size:19px}.prose{max-width:var(--measure)}.prose li{margin-bottom:.35em}.muted{color:var(--graphite-soft)}.small{font-size:14.5px}.num{font-variant-numeric:tabular-nums}.crumbs{color:var(--graphite-soft);margin:18px 0 8px;font-size:14.5px}.crumbs a{color:var(--graphite-soft)}.hero{border-bottom:1px solid var(--form-line);padding-block:8px 36px}.hero h1{max-width:22ch}.calc{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:28px;margin-top:20px;display:grid}@media (max-width:880px){.calc{grid-template-columns:1fr}}.sheet{border:2px solid var(--form-ink);border-radius:var(--radius);background:var(--paper)}.sheet-head{border-bottom:2px solid var(--form-ink);color:var(--form-ink);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 16px;font-size:15px;font-weight:700;display:flex}.sheet-body{padding:6px 0}.row{align-items:start;gap:10px;padding:10px 16px;display:grid}.row:nth-child(2n){background:var(--form)}.row .idx{font-family:var(--display);color:var(--form-ink);text-align:right;font-variant-numeric:tabular-nums;align-self:end;padding-bottom:11px;font-size:15px;font-weight:700}.field{gap:4px;min-width:0;display:grid}.field>span{color:var(--form-ink);font-size:13.5px;font-weight:700}.field .help{color:var(--graphite-soft);font-size:13.5px;font-weight:400}input[type=number],input[type=text],select{font:inherit;color:var(--graphite);background:var(--paper);border:1.5px solid var(--form-line);font-variant-numeric:tabular-nums;border-radius:4px;width:100%;min-height:44px;padding:8px 10px;font-size:17px}input:focus,select:focus{border-color:var(--form-ink);outline:2px solid var(--form)}.inline{align-items:center;gap:8px;display:flex}.inline .of{color:var(--graphite-soft);white-space:nowrap;font-size:15px}.sheet-actions{border-top:1px dashed var(--form-line);flex-wrap:wrap;gap:10px;padding:10px 16px 14px;display:flex}button{font:inherit;cursor:pointer;border-radius:4px;min-height:40px;padding:6px 14px;font-size:15.5px;font-weight:700}.btn{background:var(--form-ink);color:#fff;border:2px solid var(--form-ink)}.btn-ghost{color:var(--form-ink);border:2px solid var(--form-line);background:0 0}.btn-x{color:var(--graphite-soft);background:0 0;border:0;min-height:44px;padding:0 6px;font-size:20px;line-height:1}.btn-x:hover{color:var(--red)}.toggle{flex-wrap:wrap;gap:6px;display:flex}.toggle label{border:1.5px solid var(--form-line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:15px;display:inline-flex}.toggle input{accent-color:var(--form-ink)}.sheet-section{color:var(--form-ink);border-top:2px solid var(--form-ink);padding:10px 16px 2px;font-size:15px;font-weight:700}.sheet-section:first-child{border-top:0}.crow .idx{grid-area:idx}.crow .f-name{grid-area:name}.crow .f-grade{grid-area:grade}.crow .f-cr{grid-area:cr}.crow .f-lvl{grid-area:lvl}.crow .f-x{grid-area:x}@media (max-width:640px){.crow{row-gap:8px;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 32px!important;grid-template-areas:"idx name name x"".grade cr."".lvl lvl."!important}.crow .idx{align-self:end;padding-bottom:12px}.sheet-head .hint{display:none}}.result{position:sticky;top:16px}.mark{border:2px solid var(--graphite);border-radius:var(--radius);background:var(--paper);padding:18px 20px 16px}.mark .label{color:var(--graphite-soft);margin:0;font-size:15px;font-weight:700}.grade{font-family:var(--display);color:var(--red);letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:10px 0 6px -6px;padding:14px 22px 10px;font-size:clamp(56px,9vw,84px);font-weight:800;line-height:1;display:inline-block;position:relative}.grade:before{content:"";border:3px solid var(--red);border-radius:58% 42% 55% 45%/48% 58% 42% 52%;position:absolute;inset:0;transform:rotate(-4deg)}.grade small{letter-spacing:0;margin-left:4px;margin-right:-6px;font-size:.32em;font-weight:700;display:inline-block}.mark .sub{margin:0;font-size:16px}.tally{border-top:1px dashed var(--form-line);margin:14px 0 0;padding:0;list-style:none}.tally li{border-bottom:1px dashed var(--form-line);justify-content:space-between;gap:14px;padding:8px 0;font-size:15.5px;display:flex}.tally li b{font-variant-numeric:tabular-nums;text-align:right}.warn{color:var(--red);font-weight:700}.note{color:var(--graphite-soft);margin:10px 0 0;font-size:13.5px}.bubbles{gap:10px;margin:12px 0 4px;padding:0;list-style:none;display:flex}.bubbles li{border:2px solid var(--form-ink);width:40px;height:40px;font-family:var(--display);color:var(--form-ink);border-radius:50%;place-items:center;font-size:17px;font-weight:700;display:grid}.bubbles li.on{background:var(--graphite);border-color:var(--graphite);color:#fff}.mobile-bar{display:none}@media (max-width:880px){.result{position:static}.mobile-bar{z-index:10;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--paper);border-top:2px solid var(--red);color:var(--graphite);justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;text-decoration:none;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bar strong{font-family:var(--display);color:var(--red);font-variant-numeric:tabular-nums;font-size:24px}body{padding-bottom:64px}}.article{grid-template-columns:minmax(0,1fr) 290px;gap:48px;padding-block:28px 56px;display:grid}@media (max-width:960px){.article{grid-template-columns:1fr}}.formula{border-left:3px solid var(--form-ink);background:var(--form);margin:0 0 1.2em;padding:12px 16px}.formula p{margin:.2em 0}details.faq{border-bottom:1px solid var(--form-line);padding:12px 0}details.faq summary{cursor:pointer;font-weight:700}details.faq p{margin:8px 0 0}.side h2{margin-top:0;font-size:18px}.side ul{margin:0 0 28px;padding:0;list-style:none}.side li{border-bottom:1px solid var(--form);padding:6px 0;font-size:15.5px}table.data{border-collapse:collapse;width:100%;font-size:15.5px}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--form-line);font-variant-numeric:tabular-nums;padding:8px 10px}table.data th{color:var(--form-ink);border-bottom:2px solid var(--form-ink)}table.data td.r,table.data th.r{text-align:right}table.data tr.hl td{background:var(--red-soft);font-weight:700}.table-wrap{overflow-x:auto}.callout{border:1.5px dashed var(--form-ink);border-radius:var(--radius);margin:1.2em 0;padding:14px 16px}.index{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px 44px;display:grid}.index section{padding-block:16px}.index h2{margin:0 0 4px;font-size:22px}.index .blurb{color:var(--graphite-soft);margin-bottom:8px;font-size:15px}.index ul{margin:0;padding:0;list-style:none}.index li a{color:var(--graphite);border-bottom:1px solid var(--form);justify-content:space-between;gap:12px;padding:8px 4px;text-decoration:none;display:flex}.index li:nth-child(2n) a{background:var(--form)}.index li a:hover{color:var(--form-ink)}.index li a span:last-child{color:var(--graphite-soft);text-align:right;font-size:14.5px}.ap-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 28px;margin:0;padding:0;list-style:none;display:grid}.ap-grid a{border-bottom:1px solid var(--form-line);color:var(--graphite);justify-content:space-between;padding:8px 4px;text-decoration:none;display:flex}.ap-grid a:hover{color:var(--form-ink)}.ap-grid a{gap:12px}.ap-grid a span{color:var(--graphite-soft);white-space:nowrap;font-size:14px}.site-foot{border-top:2px solid var(--form-ink);background:var(--form);margin-top:32px}.site-foot .wrap{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px;padding-block:26px;font-size:14.5px;display:grid}.site-foot h2{color:var(--form-ink);margin:0 0 6px;font-size:15px}.site-foot ul{margin:0;padding:0;list-style:none}.site-foot li{padding:3px 0}.site-foot a{color:var(--graphite)}@media (max-width:640px){.lede{font-size:17px}.row{padding:10px 12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@font-face{font-family:body;src:url(../media/atkinson_hyperlegible_latin_400_normal-s.p.2_4quiuxbm00_.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:body;src:url(../media/atkinson_hyperlegible_latin_700_normal-s.p.3ij26zqblfe95.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:95.93%;descent-override:29.29%;line-gap-override:0.0%;size-adjust:99.03%}.body_2e8a4488-module___eKCfG__className{font-family:body,body Fallback,system-ui,Arial,sans-serif}.body_2e8a4488-module___eKCfG__variable{--font-body:"body", "body Fallback", system-ui, Arial, sans-serif}
@font-face{font-family:display;src:url(../media/bricolage_grotesque_latin_700_normal-s.p.41y3-1_0zacm3.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:display;src:url(../media/bricolage_grotesque_latin_800_normal-s.p.0syyyetdkkkxz.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:83.56%;descent-override:24.26%;line-gap-override:0.0%;size-adjust:111.3%}.display_892e0f2b-module__XrS65a__className{font-family:display,display Fallback,Arial,sans-serif}.display_892e0f2b-module__XrS65a__variable{--font-display:"display", "display Fallback", Arial, sans-serif}
