:root{--teal:#267172;--cream:#F2E4CC;--brown:#3A2820;--paper:#fbf7f0;--white:#fffdf9;--line:#ded5c7;--muted:#74665b;--soft:#e9e6db;--radius:22px;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--brown);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--teal);text-underline-offset:4px}button{border:1px solid var(--line);background:var(--white);border-radius:9px;padding:.65rem .9rem;line-height:1.2}button:hover{border-color:var(--teal)}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--teal);outline-offset:4px}.primary{background:var(--teal);color:var(--white);border-color:var(--teal)}.plain{background:transparent}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;z-index:20;background:var(--teal);color:white;padding:10px}.skip:focus{top:4px}button svg{vertical-align:middle}.masthead{height:86px;border-bottom:1px solid var(--line);padding:0 max(4vw,22px);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:var(--brown);text-decoration:none;font-size:22px;font-weight:650;letter-spacing:-.05em;display:flex;align-items:center;gap:10px;white-space:nowrap}.mark{color:var(--teal);font-size:34px;font-weight:400}.brand-divider{font-weight:300;color:#b8aa97;margin:0 7px}.brand-sub{font-size:14px;letter-spacing:0;font-weight:400}.header-actions{display:flex;align-items:center;gap:12px;font-size:14px}#feedback-count{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;border-radius:50%;background:#ffffff22;margin-left:7px;font-size:12px}main{max-width:1512px;margin:auto;padding:0 max(4vw,22px)}.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:38px 0 30px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-weight:650}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4.7vw,66px);line-height:1.05;font-weight:400;letter-spacing:-.052em;margin:12px 0 16px}.intro p{margin:0;color:var(--muted)}.intro-meta{text-align:right;font-size:13px;flex-shrink:0}.palette{display:flex;justify-content:flex-end;gap:6px;margin-bottom:10px}.palette span{width:31px;height:31px;border-radius:50%;border:1px solid #3a282022}.context{display:flex;align-items:center;gap:28px;padding:17px 21px;background:var(--cream);border-radius:12px;margin-bottom:24px;font-size:14px}.context-label{font-weight:650;flex-shrink:0}.context p{margin:0;max-width:950px}.toolbar{display:flex;gap:14px;align-items:center}.search-wrap{position:relative;flex:1;max-width:600px}.search-wrap svg{position:absolute;left:16px;top:14px;color:var(--muted)}input[type=search]{border:1px solid var(--line);background:var(--white);border-radius:10px;padding:11px 16px 11px 46px;width:100%;min-height:46px}select{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:10px 33px 10px 14px;max-width:220px;min-height:46px}#result-count{margin-left:auto;color:var(--muted);font-size:14px;white-space:nowrap}.category-nav{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 15px}.category-nav button{border:0;border-radius:7px;background:transparent;padding:8px 13px;font-size:14px}.category-nav button[aria-pressed=true]{background:var(--brown);color:var(--cream)}.save-line{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding-bottom:18px}.save-line button{font-size:12px;padding:4px 8px}#save-status.error{color:#a52d22}.group{scroll-margin-top:20px}.group-head{display:flex;align-items:baseline;gap:18px;padding:32px 0 20px}.group-num{color:var(--teal);font-size:13px;font-variant-numeric:tabular-nums}.group-head h2{font-size:26px;font-weight:500;letter-spacing:-.045em;margin:0}.group-head p{margin:0 0 0 auto;font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.resource{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0;scroll-margin-top:20px}.resource-head{padding:21px 23px 17px;display:flex;justify-content:space-between;align-items:start;gap:18px}.resource-head h3{font-size:21px;letter-spacing:-.04em;line-height:1.2;margin:6px 0 0;font-weight:550}.vendor{font-size:12px;color:var(--muted)}.badge{font-size:12px;border:1px solid var(--line);border-radius:99px;padding:4px 9px;white-space:nowrap}.badge.first{color:var(--teal);background:#2671720d;border-color:#26717233}.demo{position:relative;background:var(--cream);min-height:270px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 12px;border-radius:13px;isolation:isolate;--power:1}.demo[data-variant=bold]{--power:1.8}.demo-inner{width:100%;padding:35px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px}.demo-caption{font-size:12px;position:absolute;left:16px;top:12px;color:#3a2820aa;z-index:2}.demo.dark{background:var(--brown);color:var(--cream)}.demo.dark .demo-caption{color:#f2e4ccbb}.study-controls{padding:11px 23px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.variants{display:flex;gap:2px;background:var(--paper);padding:3px;border-radius:8px;flex-shrink:0}.variants button{padding:4px 8px;font-size:12px;border:0;background:none}.variants button[aria-pressed=true]{background:var(--cream);color:var(--brown)}.feedback{padding:14px 23px 20px;border-top:1px solid var(--line)}.choices{display:flex;gap:7px}.choices button{font-size:14px;flex:1;padding:9px 7px;background:transparent}.choices button[aria-pressed=true]{background:var(--teal);color:var(--white);border-color:var(--teal)}.note-wrap{margin-top:13px}.note-wrap label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}textarea{resize:vertical;width:100%;min-height:64px;max-height:200px;padding:9px 11px;border:1px solid var(--line);background:var(--paper);border-radius:8px;font-size:14px;display:block}.details{padding:0 23px 19px;font-size:14px}.details summary{cursor:pointer;color:var(--teal);font-weight:500;padding:4px 0}.details h4{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 5px}.details p{margin:0 0 9px}.source-links{display:flex;gap:17px;flex-wrap:wrap;margin:13px 0}.alt-panel{padding:12px;margin:12px 0 0;border-radius:8px;background:var(--paper);font-size:14px}.alt-panel p{margin:0 0 9px}.alt-panel button{font-size:12px;padding:7px 9px;margin:3px}.reuse{padding:45px 0;border-top:1px solid var(--line);margin-top:48px}.reuse h2{font-family:Georgia,serif;font-weight:400;font-size:35px;letter-spacing:-.045em;margin:9px 0 21px}.reuse-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;font-size:14px}.reuse-grid p{margin:0;color:var(--muted)}.reuse-grid strong{color:var(--brown);display:inline-block;margin-bottom:7px}footer{border-top:1px solid var(--line);padding:25px 0 35px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}#empty{text-align:center;padding:70px 20px}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--brown);color:var(--cream);padding:12px 18px;border-radius:10px;z-index:20;font-size:14px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{max-width:660px;width:calc(100% - 32px);border:1px solid var(--line);padding:30px;border-radius:22px;background:var(--paper);color:var(--brown);box-shadow:0 24px 120px #0004}dialog::backdrop{background:#3a2820aa;backdrop-filter:blur(7px)}.dialog-close{float:right;margin-left:14px}.dialog-title{font-family:Georgia,serif;font-size:38px;margin:15px 0}.demo-title{font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.14;margin:4px 0}.mini-label{font-size:12px;letter-spacing:.10em;text-transform:uppercase}.sample-card{position:relative;background:var(--white);color:var(--brown);border:1px solid #3a282025;border-radius:14px;padding:25px;max-width:315px;width:100%;box-shadow:0 10px 25px #3a28200a;overflow:hidden;z-index:1}.sample-card p{font-size:14px;color:var(--muted);margin:9px 0 0}.sample-card:focus{outline-offset:3px}.glow-card::before{content:"";position:absolute;inset:0;background:radial-gradient(170px circle at var(--mx,50%) var(--my,50%),#26717245,transparent 80%);pointer-events:none;opacity:0;transition:opacity .2s}.glow-card:hover::before,.glow-card:focus::before,.glow-card.active::before{opacity:calc(.65 * var(--power))}.glow-card{border-color:#26717255}.sample-card>*{position:relative}.tiny-line{height:3px;border-radius:4px;background:#26717244;width:100%;margin-top:18px}.tiny-line.short{width:62%;margin-top:8px}.sample-action{margin-top:20px;color:var(--teal);font-size:13px;display:inline-block}.bento{width:100%;max-width:380px;display:grid;grid-template-columns:1.25fr 1fr;gap:9px}.bento .tile{border:1px solid #3a282026;background:var(--white);border-radius:10px;padding:15px;transition:transform .25s,box-shadow .25s;font-size:14px;text-align:left;min-height:75px}.bento .tile:first-child{grid-row:span 2;background:var(--teal);color:var(--cream)}.bento .tile:hover,.bento .tile:focus-visible{transform:translateY(calc(-4px * var(--power)));box-shadow:0 8px 20px #3a282020}.bento strong{display:block;font-family:Georgia,serif;font-size:24px;font-weight:400;margin:10px 0}.demo button.primary{font-size:14px}.tabs-wrap{width:100%;max-width:350px}.tabs{display:flex;gap:5px;margin-bottom:12px}.tabs button{flex:1;border:0;background:transparent;font-size:14px}.tabs button[aria-selected=true]{background:var(--teal);color:var(--cream);box-shadow:0 5px 12px #2671722c}.tab-panel{border-radius:10px;background:var(--white);padding:23px;min-height:130px;animation:enter .4s}.tab-panel p{font-size:14px;margin:8px 0}.upload{display:block;border:1.5px dashed #26717280;border-radius:14px;padding:25px;text-align:center;background:#fffdf970;width:100%;max-width:340px;cursor:pointer;transition:.25s}.upload:hover,.upload.drag{border-color:var(--teal);background:var(--white);transform:translateY(-3px)}.upload svg{display:block;margin:0 auto 12px;color:var(--teal)}.upload span{font-size:14px}.upload small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.stepper{max-width:340px;width:100%}.steps{display:flex;justify-content:space-between;position:relative;margin-bottom:15px}.steps:before{content:"";height:1px;background:#26717244;position:absolute;left:15px;right:15px;top:17px}.steps span{z-index:1;border-radius:50%;width:34px;height:34px;background:var(--cream);border:1px solid #26717255;display:grid;place-items:center;font-size:13px}.steps span.done{background:var(--teal);color:var(--cream)}.step-body{background:var(--white);border-radius:12px;padding:20px}.step-body h4{margin:0 0 7px;font-size:18px}.step-body p{font-size:14px;margin:0;color:var(--muted)}.step-actions{display:flex;justify-content:space-between;margin-top:14px}.step-actions button{font-size:13px;padding:7px 13px}.blur-box{position:relative;height:195px;max-width:340px;width:100%;border-radius:12px;background:var(--white);overflow:hidden}.blur-list{height:100%;overflow-y:auto;padding:20px}.blur-list p{padding:10px 0;border-bottom:1px solid var(--line);margin:0;font-size:14px}.blur-box:after{pointer-events:none;content:"";position:absolute;bottom:0;left:0;right:0;height:42px;background:linear-gradient(transparent,var(--cream));backdrop-filter:blur(1px)}.reveal-items{display:flex;gap:10px;width:100%;max-width:340px}.reveal-item{flex:1;padding:25px 12px;border-radius:12px;background:var(--white);text-align:center;font-family:Georgia,serif;font-size:20px}.replay{position:absolute;bottom:14px;right:15px;background:#fffdf9c9;font-size:12px;padding:5px 9px;z-index:3}.run .reveal-item{animation:enter .8s both}.run .reveal-item:nth-child(2){animation-delay:.14s}.run .reveal-item:nth-child(3){animation-delay:.28s}.run.blur .reveal-item{animation-name:blur-in}.scroll-study{width:100%;height:270px;overflow-y:auto;perspective:900px;padding:0 30px;scrollbar-width:thin}.scroll-content{height:470px;display:flex;align-items:flex-start;justify-content:center;padding-top:60px}.scroll-panel{width:100%;max-width:310px;border-radius:12px;background:var(--white);border:1px solid #3a282055;padding:22px;transform:rotateX(25deg) scale(.88);transform-origin:center top;box-shadow:0 14px 25px #3a282020;transition:transform .1s}.scroll-panel h4{font-family:Georgia,serif;font-size:26px;margin:7px 0;font-weight:400}.play-button{display:flex;align-items:center;gap:16px;background:var(--teal);color:var(--cream);padding:20px 27px;border:0;border-radius:14px;text-align:left;box-shadow:0 12px 30px #26717230;transition:transform .25s}.play-button:hover{transform:scale(1.025)}.play-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--cream);color:var(--teal);font-size:19px}.play-button small{display:block;opacity:.7;font-size:12px;margin-top:4px}.border-glow{border:1px solid var(--teal);box-shadow:0 0 calc(18px * var(--power)) #26717240;transition:box-shadow .3s}.border-glow:hover{box-shadow:0 0 calc(35px * var(--power)) #26717275}.beam-wrap{position:relative;padding:2px;border-radius:15px;overflow:hidden;width:100%;max-width:315px}.beam-wrap:before{content:"";position:absolute;width:180%;height:280%;left:-40%;top:-90%;background:conic-gradient(transparent 65%,#267172 78%,#f2e4cc 86%,transparent 91%);animation:spin 5s linear infinite}.beam-wrap .sample-card{border:0;max-width:none}.atmosphere{height:270px;width:100%;position:relative;overflow:hidden;display:grid;place-items:center}.atmosphere .atmo-copy{position:relative;z-index:2;text-align:center;pointer-events:none}.atmo-copy p{font-size:12px;margin:9px 0}.atmo-copy strong{font-family:Georgia,serif;font-size:39px;line-height:1.08;font-weight:400}.grain{background:var(--teal)}.grain:before{content:"";position:absolute;inset:-40%;background:radial-gradient(ellipse at 27% 20%,#f2e4ccea 0%,transparent 40%),radial-gradient(ellipse at 72% 77%,#3a2820 0%,transparent 49%);filter:blur(16px);animation:drift 13s ease-in-out infinite alternate;transform:rotate(-18deg)}.grain:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.2' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.32;mix-blend-mode:soft-light}.grain .atmo-copy{color:var(--cream);text-shadow:0 1px 15px #3a2820bb}.spotlight{background:var(--brown);color:var(--cream)}.spotlight:before,.spotlight:after{content:"";position:absolute;top:-160px;left:5%;width:200px;height:530px;transform:rotate(35deg);background:linear-gradient(90deg,transparent,#26717299,transparent);filter:blur(21px);animation:sway 8s ease-in-out infinite alternate}.spotlight:after{left:60%;animation-delay:-4s;transform:rotate(-35deg)}.silk{background:var(--teal);color:var(--cream)}.silk:before{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(120deg,transparent 0%,#f2e4cc70 7%,#3a282080 14%,transparent 21%);filter:blur(16px);animation:silk 9s ease-in-out infinite alternate;transform:skewX(-22deg)}.split-heading{font-family:Georgia,serif;font-size:43px;font-weight:400;line-height:1.08;max-width:330px;text-align:center;letter-spacing:-.04em}.split-heading span{display:inline-block;color:var(--teal)}.run .split-heading span{animation:enter .7s both}.run .split-heading span:nth-child(2){animation-delay:.15s}.run .split-heading span:nth-child(3){animation-delay:.3s}.carousel{display:flex;gap:12px;overflow-x:auto;padding:10px 25px;width:100%;scroll-snap-type:x mandatory;scrollbar-width:thin}.story-tile{scroll-snap-align:center;min-width:205px;height:180px;border-radius:13px;background:var(--teal);color:var(--cream);padding:24px;text-align:left;border:0;transition:transform .3s;display:flex;flex-direction:column;justify-content:space-between}.story-tile:nth-child(2){background:var(--brown)}.story-tile:nth-child(3){background:var(--white);color:var(--brown)}.story-tile strong{font:28px/1.1 Georgia,serif}.story-tile small{font-size:12px}.story-tile:hover{transform:translateY(-4px)}.rail-window{width:100%;overflow:hidden;padding:30px 0}.rail{display:flex;gap:13px;width:max-content;animation:rail 22s linear infinite}.rail-window:hover .rail,.rail-window:focus-within .rail{animation-play-state:paused}.rail .rail-tile{width:140px;padding:23px 14px;border:1px solid #3a282024;border-radius:11px;background:var(--white);font-family:Georgia,serif;font-size:20px;text-align:center}.logo-rail .rail-tile{background:transparent;border:0;width:145px;font-family:inherit;letter-spacing:.1em;font-size:14px;text-transform:uppercase;color:var(--teal);font-weight:600}.external{display:flex;flex-direction:column;padding:35px;align-items:flex-start;justify-content:center;height:100%;min-height:270px;width:100%;background:linear-gradient(135deg,#2671720e,#26717223)}.external .big-num{font:50px Georgia,serif;color:#26717266;line-height:1}.external p{font-size:14px;max-width:360px;margin:12px 0 19px}.external a{font-size:14px;font-weight:600}.tilt-surface{perspective:800px;width:100%;display:flex;justify-content:center;touch-action:pan-y}.tilt-card{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .16s;transform-style:preserve-3d;box-shadow:calc(var(--sx,0) * 1px) 14px 30px #3a282026}.tilt-card h4{transform:translateZ(25px)}.magnetic-zone{width:100%;height:205px;display:flex;align-items:center;justify-content:center;gap:18px;touch-action:pan-y}.magnetic{background:var(--teal);color:var(--cream);border:1px solid var(--teal);border-radius:50px;padding:14px 24px;font-size:14px;transform:translate(var(--dx,0px),var(--dy,0px));transition:transform .2s}.magnetic.outline{background:transparent;color:var(--teal)}.parallax-surface{position:relative;width:100%;height:245px;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.parallax-back{position:absolute;border:1px solid #26717250;width:250px;height:165px;border-radius:15px;background:#26717212;transform:translate(calc(var(--dx,0px) * -.6),calc(var(--dy,0px) * -.6)) rotate(-9deg)}.parallax-front{transform:translate(var(--dx,0px),var(--dy,0px));transition:transform .15s;max-width:265px}.webgl{width:100%;height:270px;display:block;touch-action:pan-y}.webgl-label{position:absolute;bottom:14px;left:15px;font-size:12px;pointer-events:none}.sequence{display:flex;align-items:center;justify-content:center;gap:12px;min-height:220px}.sequence span{background:var(--cream);padding:23px 15px;border-radius:12px;font-size:16px;animation:sequence 3s infinite}.sequence span:nth-child(2){animation-delay:1s}.sequence span:nth-child(3){animation-delay:2s}.reduced *,.paused *{animation-play-state:paused!important}.reduced .run .reveal-item,.reduced .run .split-heading span{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.reduced .tilt-card,.reduced .parallax-front,.reduced .parallax-back,.reduced .magnetic{transform:none!important}.reduced .scroll-panel{transform:none!important}@keyframes enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes blur-in{from{opacity:0;transform:translateY(10px);filter:blur(12px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{transform:rotate(12deg) translate(10%,10%) scale(1.15)}}@keyframes sway{to{transform:rotate(-25deg) translateX(40px)}}@keyframes silk{to{transform:skewX(20deg) translateX(15%) scale(1.2)}}@keyframes rail{to{transform:translateX(-50%)}}@keyframes sequence{0%,32%{background:var(--teal);color:var(--cream);transform:translateY(-6px)}34%,100%{background:var(--cream);color:var(--brown);transform:none}}
@media(min-width:1500px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-inner{padding:30px 23px}.choices button{font-size:13px}}
@media(max-width:800px){.masthead{height:73px}.brand-sub,.brand-divider{display:none}.intro{padding-top:30px}.intro-meta{display:none}.context{display:block}.context-label{display:block;margin-bottom:5px}.grid{gap:16px}.resource-head{padding:19px 17px 15px}.resource-head h3{font-size:19px}.study-controls{padding:10px 17px;align-items:flex-start}.feedback{padding:14px 17px 18px}.details{padding:0 17px 17px}.choices{flex-wrap:wrap}.choices button{font-size:13px}.demo-inner{padding:38px 19px 25px}.demo-title{font-size:26px}.group-head p{display:none}.reuse-grid{grid-template-columns:1fr 1fr}.header-actions{gap:6px}.header-actions button{font-size:12px;padding:8px}#feedback-count{display:none}.brand{font-size:20px}.mark{font-size:29px}.category-nav{gap:4px}.category-nav button{font-size:13px;padding:8px 10px}.save-line>span:last-child{display:none}.toolbar{flex-wrap:wrap}.search-wrap{max-width:none;flex-basis:100%}select{flex:1;max-width:240px}#result-count{font-size:13px}.toolbar select{font-size:14px}.split-heading{font-size:35px}.demo-caption{font-size:12px}.badge{font-size:12px}.magnetic-zone{gap:7px}.magnetic{font-size:12px;padding:12px 16px}}
@media(max-width:600px){main{padding:0 16px}.masthead{padding:0 16px}.grid{grid-template-columns:1fr}.intro p{font-size:15px}.context{font-size:13px;padding:15px}.group-head{padding:27px 0 16px;gap:11px}.group-head h2{font-size:24px}.demo{min-height:260px}.study-controls{font-size:12px}.choices button{font-size:14px}.reuse-grid{grid-template-columns:1fr;gap:20px}.reuse h2{font-size:29px}footer{display:block}footer span{display:block;margin-bottom:7px}.brand{gap:6px}#motion{max-width:75px}h1{font-size:43px}.resource-head h3{font-size:21px}.demo-caption{font-size:12px}.badge{font-size:12px}.study-controls{font-size:12px}.demo-inner{padding:38px 28px 25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media print{.masthead,.toolbar,.category-nav,.demo,.study-controls,.save-line,.header-actions{display:none}.grid{display:block}.resource{break-inside:avoid;margin-bottom:15px}.details[open]{display:block}.feedback button{background:none;color:var(--brown)}.feedback button[aria-pressed=true]{border:2px solid var(--teal);color:var(--teal);background:none}}
.group[data-group=flashlight] .grid{grid-template-columns:1fr}.flashlight-wrap{width:100%;padding:45px 27px 21px}.light-options{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.light-options button{font-size:13px;background:var(--white);padding:8px 13px}.light-options button[aria-pressed=true]{background:var(--brown);color:var(--cream);border-color:var(--brown)}.score-sheet{position:relative;background:#e9e4d8;border-radius:8px;box-shadow:0 6px 24px #3a282020;overflow:hidden;max-width:100%;--mx:50%;--my:50%;--beam:110px;--brightness:.85;touch-action:pan-y}.score-sheet svg{display:block;position:relative;z-index:1;width:100%;max-height:230px;pointer-events:none}.score-head{position:relative;display:flex;justify-content:space-between;padding:17px 25px 0;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#554b3e;z-index:1;gap:10px}.paper-light{position:absolute;inset:0;background:radial-gradient(circle var(--beam) at var(--mx) var(--my),#fff 0%,#fffffff5 18%,#ffffff88 52%,#ffffff00 100%);opacity:var(--brightness);pointer-events:none}.score-sheet[data-light-mode=warm] .paper-light{background:radial-gradient(circle var(--beam) at var(--mx) var(--my),#fffef4 0%,#fffadcee 18%,#fff4c878 52%,#fff4c800 100%)}.score-sheet[data-light-mode=gold] .paper-light{background:radial-gradient(circle var(--beam) at var(--mx) var(--my),#a1772baa 0%,#af873766 50%,#af873700 100%)}.laser-dot{display:none;position:absolute;width:7px;height:7px;border-radius:50%;background:#fff7e2;box-shadow:0 0 3px 2px #fc4e32,0 0 12px 3px #fa442899;left:var(--mx);top:var(--my);transform:translate(-50%,-50%);z-index:3;pointer-events:none}.focus-ring{display:none;position:absolute;width:calc(var(--beam) * .6);height:calc(var(--beam) * .6);left:var(--mx);top:var(--my);transform:translate(-50%,-50%);border:1.5px solid #5b5149;border-radius:50%;z-index:3;pointer-events:none}.score-sheet[data-light-mode=laser] .laser-dot,.score-sheet[data-light-mode=ring] .focus-ring{display:block}.score-sheet[data-light-mode=laser] .paper-light,.score-sheet[data-light-mode=ring] .paper-light{display:none}.light-sliders{display:flex;align-items:center;gap:24px;margin-top:14px;font-size:12px;flex-wrap:wrap}.light-sliders label{display:flex;align-items:center;gap:8px}.light-sliders input{accent-color:var(--teal);width:110px}.light-sliders>span{margin-left:auto;color:var(--muted)}.resource.wide .feedback{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.resource.wide .note-wrap{margin-top:0;grid-column:2;grid-row:1/3}.resource.wide .choices{align-self:start}.resource.wide .alt-panel{grid-column:1}.resource.wide .alt-panel[hidden],.resource.wide .note-wrap[hidden]{display:none}.resource.wide .demo{min-height:0}.resource.wide .details{padding-top:2px}.demo[data-variant=bold] .sample-card{box-shadow:0 12px 35px #2671722a}.demo[data-variant=bold] .rail{animation-duration:12s}.demo[data-variant=bold] .atmosphere:before{animation-duration:5s}.demo[data-variant=bold] .beam-wrap:before{animation-duration:2.5s}.demo[data-variant=bold] .reveal-item{animation-duration:1.2s}.demo[data-variant=bold] .split-heading span{animation-duration:1.1s}@media(max-width:600px){.flashlight-wrap{padding:45px 14px 17px}.score-head{padding:13px 13px 0;font-size:12px}.score-head span:first-child{display:none}.score-head span:last-child{margin-left:auto}.light-options button{font-size:12px;padding:8px 9px}.light-sliders{gap:9px 18px}.light-sliders>span{margin-left:0;width:100%}.light-sliders input{width:90px}.resource.wide .feedback{display:block}.resource.wide .note-wrap{margin-top:13px}.score-sheet svg{min-height:135px}.flashlight-wrap .score-sheet{touch-action:none}}

.token-note{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;font-size:14px;color:var(--muted);max-width:1000px}.token-note strong{color:var(--brown)}.reuse{margin-top:25px}.upload:focus-within{outline:3px solid var(--teal);outline-offset:4px}[hidden]{display:none!important}
/* Canonical Parish Glow roles; OCP colors remain a distinct accent family. */
:root{--paper:#faf8f3;--white:#ffffff;--line:#d9cdb4;--muted:#6b6357;--soft:#f3eede;--terracotta:#a04a2c;--terracotta-deep:#8a3f25;--mission-sky:#5a8aae;--sky-ink:#507b9b;--mustard:#c49a45;--gilt:#c2a35e;--gilt-deep:#9b7d3f;--parish-gold:#b8a472}.primary{background:var(--terracotta);border-color:var(--terracotta);color:#fff}.primary:hover{background:var(--terracotta-deep);border-color:var(--terracotta-deep)}.mark{color:var(--terracotta)}.eyebrow{color:var(--terracotta)}.palette-reference{padding:21px 24px;margin:0 0 25px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.palette-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.palette-heading h2{font-size:25px;letter-spacing:-.035em;font-weight:500;margin:5px 0 0}.palette-heading>a{font-size:13px;flex-shrink:0;color:var(--terracotta)}.palette-explainer{font-size:14px;color:var(--muted);max-width:1040px;margin:13px 0 20px}.palette-ribbon{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-bottom:17px}.palette-ribbon i{display:block;height:43px;border-radius:8px;border:1px solid #3a282020}.palette-ribbon span,.palette-ribbon small{display:block;font-size:12px;margin-top:6px}.palette-ribbon small{margin-top:1px;color:var(--muted);font-variant-numeric:tabular-nums}.palette-details{font-size:14px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.palette-details summary{cursor:pointer;color:var(--brown)}.brand-family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:16px}.brand-family h3{font-size:15px;font-weight:600;margin:4px 0 15px}.token-row{display:flex;gap:10px;margin:13px 0;align-items:flex-start}.token-row>i{display:block;width:29px;height:35px;flex-shrink:0;border-radius:5px;border:1px solid #3a282025}.token-row strong,.token-row span,.token-row small{display:block}.token-row strong{font-size:13px;font-weight:600}.token-row span{font-size:12px;color:var(--muted);margin-top:3px}.token-row small{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin-top:3px}.palette-footnote{font-size:13px;color:var(--muted);margin:20px 0 7px}.token-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:23px 0}.index-token{display:flex;gap:11px;min-width:0}.index-token>i{width:27px;height:35px;flex-shrink:0;border-radius:5px;border:1px solid #3a282030}.index-token strong,.index-token span,.index-token small{display:block;font-size:12px;overflow-wrap:anywhere}.index-token strong{font-weight:500}.index-token small{color:var(--muted);margin-top:4px}.colorway-control{padding:0 23px 14px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}.colorway-control select{font-size:13px;padding:7px 25px 7px 9px;min-height:35px;background:var(--paper);max-width:230px}.choices button{border-color:var(--mustard)}.choices button[aria-pressed=true]{background:#b85a3a14;border-color:#b85a3a;color:var(--terracotta)}.group-num{color:var(--terracotta)}.badge.first{color:var(--terracotta);background:#a04a2c08;border-color:#a04a2c33}.details summary{color:var(--terracotta)}
/* Selectable study colorways: brand mix is the default; the score light is excluded. */
.demo:not([data-demo="28"]){--accent:#a04a2c;--accent-deep:#8a3f25;--accent-soft:#f3e2d8;--accent-ink:#fff;--secondary:#5a8aae;--secondary-deep:#507b9b;--gilt-tone:#c49a45;--teal:var(--accent)}.demo[data-colorway=terracotta]{--accent:#a04a2c;--accent-deep:#8a3f25;--accent-soft:#f3e2d8;--accent-ink:#fff;--secondary:#b85a3a;--secondary-deep:#8a3f25}.demo[data-colorway=sky]{--accent:#507b9b;--accent-deep:#2f5d78;--accent-soft:#e3ecf2;--accent-ink:#fff;--secondary:#5a8aae;--secondary-deep:#46708f}.demo[data-colorway=gold]{--accent:#c49a45;--accent-deep:#7a6020;--accent-soft:#f6edd6;--accent-ink:#3a2820;--secondary:#b8a472;--secondary-deep:#9b7d3f}.demo[data-colorway=ocp]{--accent:#267172;--accent-deep:#267172;--accent-soft:#dfebea;--accent-ink:#fff;--secondary:#2e6e54;--secondary-deep:#00205c}.demo[data-colorway=ocpblue]{--accent:#00205c;--accent-deep:#00205c;--accent-soft:#e4e8f0;--accent-ink:#fff;--secondary:#267172;--secondary-deep:#00205c}.demo[data-colorway=ocpgreen]{--accent:#2e6e54;--accent-deep:#2e6e54;--accent-soft:#e2ece6;--accent-ink:#fff;--secondary:#267172;--secondary-deep:#00205c}
.demo .glow-card{border-color:color-mix(in srgb,var(--accent) 42%,transparent)}.demo .glow-card:before{background:radial-gradient(170px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--accent) 32%,transparent),transparent 80%)}.demo .tiny-line{background:color-mix(in srgb,var(--accent) 30%,transparent)}.demo .sample-action{color:var(--accent-deep)}.demo .bento .tile:first-child{background:var(--accent);color:var(--accent-ink)}.demo[data-colorway=default] .bento .tile:nth-child(2){background:#e4ecf2;border-color:#5a8aae55}.demo[data-colorway=default] .bento .tile:nth-child(3){background:#f6edd6;border-color:#c49a4566}.demo .tabs button[aria-selected=true],.demo .steps span.done{background:var(--accent);color:var(--accent-ink)}.demo .tabs button[aria-selected=true]{box-shadow:0 5px 12px color-mix(in srgb,var(--accent) 20%,transparent)}.demo .steps:before{background:color-mix(in srgb,var(--accent) 35%,transparent)}.demo .steps span{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.demo button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.demo .upload{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 60%,white)}.demo .play-button{background:var(--accent);color:var(--accent-ink);box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 24%,transparent)}.demo .play-icon{color:var(--accent-deep)}.demo .border-glow{border-color:var(--accent);box-shadow:0 0 calc(18px * var(--power)) color-mix(in srgb,var(--accent) 27%,transparent)}.demo .border-glow:hover{box-shadow:0 0 calc(35px * var(--power)) color-mix(in srgb,var(--accent) 45%,transparent)}.demo .beam-wrap:before{background:conic-gradient(transparent 65%,var(--accent) 78%,#f2e4cc 86%,transparent 91%)}.demo .grain{background:var(--accent)}.demo .grain:before{background:radial-gradient(ellipse at 27% 20%,#f2e4ccea 0%,transparent 40%),radial-gradient(ellipse at 72% 77%,var(--secondary) 0%,transparent 49%)}.demo .spotlight:before,.demo .spotlight:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 64%,transparent),transparent)}.demo[data-colorway=default] .spotlight:after{background:linear-gradient(90deg,transparent,#5a8aae99,transparent)}.demo .silk{background:var(--accent)}.demo .silk:before{background:repeating-linear-gradient(120deg,transparent 0%,#f2e4cc70 7%,color-mix(in srgb,var(--accent-deep) 75%,transparent) 14%,transparent 21%)}.demo .story-tile:first-child{background:var(--accent);color:var(--accent-ink)}.demo[data-colorway=default] .story-tile:nth-child(2){background:#507b9b;color:#fff}.demo[data-colorway=default] .story-tile:nth-child(3){background:#f6edd6;color:#3a2820;border:1px solid #c49a4544}.demo .magnetic{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.demo .magnetic.outline{background:transparent;color:var(--accent-deep)}.demo .parallax-back{border-color:color-mix(in srgb,var(--secondary) 65%,transparent);background:color-mix(in srgb,var(--secondary) 18%,transparent)}.demo .split-heading span,.demo .logo-rail .rail-tile{color:var(--accent-deep)}.demo .reveal-item{border-bottom:2px solid var(--accent)}.demo[data-colorway=default] .reveal-item:nth-child(2){border-color:#5a8aae}.demo[data-colorway=default] .reveal-item:nth-child(3){border-color:#c49a45}
@media(max-width:1000px){.brand-family-grid{grid-template-columns:1fr 1fr}.token-index-grid{grid-template-columns:1fr 1fr}.palette-heading{align-items:flex-start}.palette-ribbon{gap:8px}.palette-ribbon span{font-size:12px}.palette-heading h2{font-size:24px}}
@media(max-width:600px){.palette-reference{padding:18px 16px}.palette-heading{display:block}.palette-heading>a{display:inline-block;margin-top:10px}.palette-explainer{font-size:13px}.palette-ribbon{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.palette-ribbon i{height:37px}.brand-family-grid,.token-index-grid{grid-template-columns:1fr}.colorway-control{padding:0 17px 13px}.colorway-control select{max-width:210px}.palette-heading h2{font-size:23px}.palette{gap:4px}.palette span{width:23px;height:23px}}

/* Orange focus ring: an original interpretation, not a cursor/arrow clone. */
.score-sheet[data-light-mode=orange] .paper-light{background:radial-gradient(circle var(--beam) at var(--mx) var(--my),#fffef4 0%,#fffadcee 18%,#fff4c878 52%,#fff4c800 100%)}
.score-sheet[data-light-mode=orange] .focus-ring{display:block;width:17px;height:17px;border:2px solid #ee8c38;background:transparent;box-shadow:0 0 5px 1px #ffb65f99,0 0 13px 3px #fba64045}
.score-sheet[data-light-mode=orange] .focus-ring:after{content:"";position:absolute;inset:-3px;border:2px solid #f8ac53;border-radius:50%;opacity:0;pointer-events:none}
.score-sheet[data-light-mode=orange].blooming .focus-ring:after{animation:focus-bloom .85s ease-out}
.score-sheet[data-light-mode=orange].blooming .paper-light{animation:warm-bloom .85s ease-out}
@keyframes focus-bloom{from{opacity:.75;transform:scale(.85)}to{opacity:0;transform:scale(5)}}
@keyframes warm-bloom{0%{opacity:calc(var(--brightness) * .65)}35%{opacity:1}100%{opacity:var(--brightness)}}
.reduced .score-sheet .focus-ring:after{display:none}
.score-sheet[data-light-mode=orange]{cursor:none}.score-sheet[data-light-mode=orange] .focus-ring{border-color:#df7b26}

.demo .warm-lift{border:1px solid #c99c644f;background:#fffaf0;transition:transform .25s ease,box-shadow .25s ease;isolation:isolate;box-shadow:0 6px 16px #3a282014}
.demo .warm-lift:before{content:"";position:absolute;inset:0;background:radial-gradient(145px circle at var(--mx,50%) var(--my,50%),#fffbe8 0%,#fff0adce 22%,#ffbd668a 43%,#f6a0443b 65%,#f6a04400 100%);opacity:.28;pointer-events:none;transition:opacity .2s;z-index:0}
.demo .warm-lift:hover,.demo .warm-lift:focus,.demo .warm-lift.active{transform:translateY(-6px);box-shadow:0 16px 28px #3a282024}
.demo .warm-lift:hover:before,.demo .warm-lift:focus:before,.demo .warm-lift.active:before{opacity:1}
.demo[data-variant=bold] .warm-lift:before{background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),#fffce9 0%,#fff1a7 23%,#ffc16baf 46%,#f8a04450 70%,#f6a04400 100%)}
.demo .warm-lift>*{position:relative;z-index:1}.reduced .warm-lift:hover,.reduced .warm-lift:focus,.reduced .warm-lift.active{transform:none}

/* Review refinement: warm orange at the edge, luminous yellow farther out. */
.demo[data-demo="12"] .border-glow{border:1px solid #f1b263;background:#fffdf8;box-shadow:0 0 3px #f4b06480,0 0 15px #ffd87855,0 0 25px #ffecac2e}
.demo[data-demo="12"] .border-glow:hover,.demo[data-demo="12"] .border-glow:focus{box-shadow:0 0 4px #f4b06495,0 0 19px #ffd87880,0 0 31px #ffedac48}
.demo .warm-lift:before{background:radial-gradient(117px circle at var(--mx,50%) var(--my,50%),#ffc98775 0%,#ffdca788 23%,#fff0aa6e 49%,#fff6c333 72%,#fff6c300 100%);opacity:.22}
.demo .warm-lift:hover,.demo .warm-lift:focus,.demo .warm-lift.active{transform:translateY(-4px);box-shadow:0 12px 23px #3a28201d,0 0 3px #f4b0645c,0 0 15px #ffe18b3d}
.demo[data-variant=bold] .warm-lift:before{background:radial-gradient(145px circle at var(--mx,50%) var(--my,50%),#ffc9878c 0%,#ffdfa59c 23%,#fff0a985 49%,#fff6c33d 72%,#fff6c300 100%)}
.demo[data-variant=bold] .step-light-active .steps:after{content:"";position:absolute;z-index:2;top:16px;width:21px;height:2px;pointer-events:none;border-radius:5px;background:linear-gradient(90deg,transparent,#fff9d6 40%,#fffef2 70%,transparent);box-shadow:0 0 5px 1px #ffe8ad99;animation:connector-pulse .38s ease-out both}
.demo[data-variant=bold] .stepper[data-step="2"].step-light-active .steps:after{animation-name:connector-pulse-second}
@keyframes connector-pulse{0%{left:17px;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(50% - 12px);opacity:0}}
@keyframes connector-pulse-second{0%{left:50%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 35px);opacity:0}}
.reduced .step-light-active .steps:after{display:none!important}.reduced .warm-lift:hover,.reduced .warm-lift:focus,.reduced .warm-lift.active{transform:none}

/* Shared showroom light: white core, restrained warm transition, pale-yellow falloff.
   This is a study treatment, not a change to production brand tokens. */
.demo[data-demo="29"],.score-sheet{--study-white-warm-stops:#ffffff 0%,#fffffff8 12%,#fff9e8eb 25%,#ffe1b787 40%,#fff1b56b 59%,#fff6c32c 78%,#fff6c300 100%}
.demo .warm-lift:before{background:radial-gradient(117px circle at var(--mx,50%) var(--my,50%),var(--study-white-warm-stops))}
.demo[data-variant=bold] .warm-lift:before{background:radial-gradient(145px circle at var(--mx,50%) var(--my,50%),var(--study-white-warm-stops))}
.score-sheet[data-light-mode=warm] .paper-light,.score-sheet[data-light-mode=orange] .paper-light{background:radial-gradient(circle var(--beam) at var(--mx) var(--my),var(--study-white-warm-stops))}

.archive-details{margin-top:20px;padding:17px 20px;border:1px solid var(--line);border-radius:12px;background:#f3eede65}.archive-details>summary{cursor:pointer;font-size:14px;color:var(--muted)}.archive-details>p{font-size:13px;color:var(--muted);margin:12px 0 18px}.archive-details .resource-head{background:#faf8f3}.badge.chosen{background:#f6edd6;border-color:#c49a45;color:#3a2820}.choices button[data-choice=chosen]{background:#f6edd6;border-color:#c49a45;color:#3a2820}.resource[data-archived=true] .choices button:disabled{opacity:.8}.resource[data-archived=true] textarea{color:var(--muted)}
/* Glowing Effect (stable item 12): unlit at rest; activate on hover/focus or touch tap. */
.demo[data-demo="12"] .border-glow,.demo[data-demo="12"] .border-glow:hover,.demo[data-demo="12"] .border-glow:focus{border:1px solid #d9cdb4;background:#fffdf8;box-shadow:0 2px 5px #3a282009;transition:border-color .2s ease,box-shadow .2s ease}
@media(hover:hover){.demo[data-demo="12"] .border-glow:hover{border-color:#f1b263;box-shadow:0 0 4px #f4b06495,0 0 19px #ffd87880,0 0 31px #ffedac48}}
.demo[data-demo="12"] .border-glow:focus-visible,.demo[data-demo="12"] .border-glow.is-lit{border-color:#f1b263;box-shadow:0 0 4px #f4b06495,0 0 19px #ffd87880,0 0 31px #ffedac48}

/* Score flashlight only: 0.8 × the previous complete footprint. Card 29 is unchanged. */
.score-sheet{--beam:88px}
.score-sheet .focus-ring{border-width:1.2px}
.score-sheet .laser-dot{width:5.6px;height:5.6px;box-shadow:0 0 2.4px 1.6px #fc4e32,0 0 9.6px 2.4px #fa442899}
.score-sheet[data-light-mode=orange] .focus-ring{width:13.6px;height:13.6px;border-width:1.6px;box-shadow:0 0 4px .8px #ffb65f99,0 0 10.4px 2.4px #fba64045}
.score-sheet[data-light-mode=orange] .focus-ring:after{inset:-2.4px;border-width:1.6px}
/* Score-only core refinement: small white center → yellow → restrained orange → yellow halo.
   The complete 88px footprint and card 29's treatment remain unchanged. */
.score-sheet{--study-white-warm-stops:#ffffff 0%,#fffffff5 3.5%,#fff5b8d9 9%,#ffe996b3 19%,#ffc77a88 32%,#f6ae5f66 43%,#ffe8a257 60%,#fff3ba2e 79%,#fff4c000 100%}

/* Final review baseline: midpoint score core, markedly softer orange; footprint stays 0.8. */
.score-sheet{--study-white-warm-stops:#ffffff 0%,#fffffff7 7.75%,#fff5c1db 14%,#fff1bcb3 23%,#ffe2b53b 32%,#ffd9ab24 43%,#ffe8a257 60%,#fff3ba2e 79%,#fff4c000 100%}
/* Card 29 spotlight alone: 0.85 footprint; its color, lift, and shadow stay intact. */
.demo .warm-lift:before{background:radial-gradient(99.45px circle at var(--mx,50%) var(--my,50%),var(--study-white-warm-stops))}
.demo[data-variant=bold] .warm-lift:before{background:radial-gradient(123.25px circle at var(--mx,50%) var(--my,50%),var(--study-white-warm-stops))}

/* Latest shared-light request: the card's exact light recipe, at 0.85 of the score's original footprint. */
.score-sheet{--beam:93.5px;--study-white-warm-stops:#ffffff 0%,#fffffff8 12%,#fff9e8eb 25%,#ffe1b787 40%,#fff1b56b 59%,#fff6c32c 78%,#fff6c300 100%}
.score-sheet .focus-ring{border-width:1.275px}
.score-sheet .laser-dot{width:5.95px;height:5.95px;box-shadow:0 0 2.55px 1.7px #fc4e32,0 0 10.2px 2.55px #fa442899}
.score-sheet[data-light-mode=orange] .focus-ring{width:14.45px;height:14.45px;border-width:1.7px;box-shadow:0 0 4.25px .85px #ffb65f99,0 0 11.05px 2.55px #fba64045}
.score-sheet[data-light-mode=orange] .focus-ring:after{inset:-2.55px;border-width:1.7px}