.compPublic{--bk-page:#0c0d10;--bk-surface:#131418;--bk-surface-2:#ffffff0a;--bk-line:#2d2c32;--bk-ink:#f3f1ed;--bk-ink-2:#b9b4b2;--bk-accent:#e0263f;--bk-accent-ink:#fff;--comp-accent:#ff6872;isolation:isolate;max-width:none;color:var(--bk-ink);font-family:var(--cd-body);background:radial-gradient(70% 520px at 85% 0,#5a10204d,#0000 70%),radial-gradient(60% 600px at 0 40%,#2a0d1433,#0000 70%),#090a0c;margin:0;padding:0 max(24px,50% - 560px) 72px;position:relative}.compPublic :is(h1,h2,h3,h4,.compFullPlanTitle){font-family:var(--cd-display);color:#fff;letter-spacing:-.01em}.compPublic a{color:var(--comp-accent)}.compPublic strong{color:#fff}.compPublic .compKicker{color:#ff6872;font-size:11px}.compPublic>.plainLanguageHelp{border-color:var(--bk-line);color:var(--bk-ink);background:#ffffff08;border-radius:12px}.compPublic .compPlanHero{background:linear-gradient(90deg,#070809f0 0%,#070809c4 46%,#0708094d 100%),url(/brand/grading/clubhouse.webp) 50%/cover;border:1px solid #3a2a2e;border-top:2px solid #e0263f;border-radius:18px;min-height:420px;margin-top:24px;padding:clamp(32px,5vw,64px);position:relative;overflow:hidden;box-shadow:0 30px 80px #000a}.compPublic .compPlanHero:after{content:"";aspect-ratio:1.15;filter:drop-shadow(0 0 10px #ffd7b0aa)drop-shadow(0 0 28px #ff8a7a55)drop-shadow(0 24px 30px #000c);pointer-events:none;background:url(/brand/grading/slabs/bird.webp) 4% 30%/34% no-repeat,url(/brand/grading/slabs/montana.webp) 50% 10%/36% no-repeat,url(/brand/grading/slabs/aaron.webp) 96% 46%/30% no-repeat;width:min(40%,420px);position:absolute;top:50%;right:3%;translate:0 -50%;rotate:-4deg}.compPublic .compPlanHero>*{z-index:1;max-width:560px;position:relative}.compPublic .compPlanHero .compKicker{letter-spacing:.18em;color:#ff6872;font-size:12px}.compPublic .compPlanHero h1{letter-spacing:-.03em;max-width:14ch;margin-bottom:22px;font-size:clamp(40px,5.2vw,72px);line-height:1}.compPublic .compPlanHero p{color:#e6e1de;text-shadow:0 2px 12px #000;font-size:17px}.compPublic .compJumpLinks{gap:10px}.compPublic .compJumpLinks a{color:#fff;background:#090a0c9e;border:1px solid #a49b97;border-radius:4px;padding:0 18px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}.compPublic .compJumpLinks a:first-child{background:#bd1428;border-color:#e93346}.compPublic .compJumpLinks a:hover{background:#262124;border-color:#fff}.compPublic .compJumpLinks a:first-child:hover{background:#d41a30}.compPublic .compPanel{border-color:var(--bk-line);color:var(--bk-ink);background:linear-gradient(160deg,#16171b,#101114);position:relative;box-shadow:inset 0 1px #ffffff12,0 24px 60px #0008}.compPublic .compPanel h2{font-size:clamp(24px,2.6vw,34px);line-height:1.15}.compPublic .compPanel p{color:#d7d2cf;font-size:15px}.compPublic .compTimingNotice{background:linear-gradient(100deg,#2a0f16,#141317 60%);border-color:#5a2a33;border-left-style:none;border-left-width:0;padding-left:clamp(56px,6vw,72px)}.compPublic .compTimingNotice:before{content:"!";color:#fff;background:#e0263f;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:700;display:grid;position:absolute;top:clamp(22px,2.6vw,32px);left:clamp(18px,2.4vw,26px);box-shadow:0 0 18px #ff3d5277}.compPublic .compBeginnerSteps>li{border-color:var(--bk-line);padding-left:76px}.compPublic .compBeginnerSteps>li:before{width:48px;height:48px;font-family:var(--cd-display);color:#ff8a92;border:1px solid #ff6872;border-radius:50%;place-items:center;font-size:17px;display:grid;top:22px;box-shadow:0 0 22px #ff3d5233,inset 0 0 12px #ff3d521f}.compPublic .compStarterExamples article{background:radial-gradient(120% 90% at 100% 0,#3a141c99,#0000 60%),#111215;border-color:#3a2a2e;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 18px 40px #0008}.compPublic .compStarterExamples article:hover{transform:translateY(-4px);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #ff68724d,0 26px 50px #000a}.compPublic .compStarterExamples h4{font-size:clamp(24px,2.4vw,30px)}.compPublic .compStarterMath{border-color:var(--bk-line);color:#fff;font-size:16px}.compPublic .compExampleResult{background:radial-gradient(at 100% 0,#e0263f33,#0000 80%),#0d0e11}.compPublic .compFullPlan{background:linear-gradient(160deg,#16171b,#0f1013);border-color:#3a2a2e;box-shadow:0 24px 60px #0008}.compPublic .compFullPlan>summary{padding:28px}.compPublic .compFullPlanTitle{font-size:clamp(24px,2.6vw,32px)}.compPublic .compDetails,.compPublic .compFlow li{border-color:var(--bk-line);background:#121316}.compPublic .compTable :is(th,td){border-color:var(--bk-line)}.compPublic .compExample input{color:#fff;background:#0c0d10;border-color:#3a3a40}.compPublic .compTextLink{font-weight:600}.compPublic .compHistory{background:radial-gradient(90% 140% at 100%,#3a141c,#0000 60%),#121316;border-color:#3a2a2e}@media (max-width:900px){.compPublic .compPlanHero:after{opacity:.28;width:70%;right:-14%}}@media (max-width:700px){.compPublic{padding:0 16px 56px}.compPublic .compPlanHero{min-height:0;padding:28px 20px}.compPublic .compPlanHero:after{display:none}.compPublic .compBeginnerSteps>li{padding-left:60px}.compPublic .compBeginnerSteps>li:before{width:40px;height:40px;font-size:15px}.compPublic .compTimingNotice{padding-left:56px}}@media (prefers-reduced-motion:reduce){.compPublic .compStarterExamples article,.compPublic .compJumpLinks a{transition:none}}
