/* Scout Drop: the site-wide look. Loaded after each page's own styles so every page matches the homepage:
   headings read like sentences, labels are quiet, corners are square, and buttons have their own motion. */
h1,h2,h3,summary,.out h2,.tip b,.tiers b{text-transform:none;letter-spacing:-.01em}
h1{letter-spacing:-.018em;line-height:1.02}
.eb,.eyebrow,.eb2,.hd .tag{font:600 14.5px/1.35 Mont,sans-serif;letter-spacing:0;text-transform:none;color:#C9B2FF}
.eb::before,.eyebrow::before{content:none;display:none}
.top a,.top a.back{font:500 15px/1 Mont,sans-serif;letter-spacing:0;text-transform:none}
.lbl,.boards figcaption{font:600 13.5px/1.3 Mont,sans-serif;letter-spacing:0;text-transform:none}
.pick button,.jump a{font:600 14.5px/1 Chakra,sans-serif;letter-spacing:0;text-transform:none;border-radius:0}
.url,ol.steps li,.note,.desk,.out{border-radius:0}
ul.list li:before{border-radius:0;box-shadow:none}
summary{font:600 18px/1.4 Chakra,sans-serif;letter-spacing:0}
.rv{opacity:1!important;transform:none!important;animation:none!important}
/* buttons: a light sweep and corner brackets that lock on; outlined ones trace their border in */
.btn{position:relative;gap:10px;border-radius:0;font:600 15px/1 Chakra,sans-serif;letter-spacing:.01em;text-transform:none;background-image:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.24) 50%,transparent 58%);background-size:260% 100%;background-position:120% 0;background-repeat:no-repeat;transition:background-color .25s,background-position .75s cubic-bezier(.2,.7,.2,1),border-color .25s,transform .3s cubic-bezier(.2,.7,.2,1)}
.btn:hover{background-position:-20% 0}.btn:active{transform:scale(.97)}
.btn::after{content:"";position:absolute;inset:-7px;pointer-events:none;opacity:0;transform:scale(1.14);background:linear-gradient(#C9B2FF,#C9B2FF) 0 0/12px 2px no-repeat,linear-gradient(#C9B2FF,#C9B2FF) 0 0/2px 12px no-repeat,linear-gradient(#C9B2FF,#C9B2FF) 100% 0/12px 2px no-repeat,linear-gradient(#C9B2FF,#C9B2FF) 100% 0/2px 12px no-repeat,linear-gradient(#C9B2FF,#C9B2FF) 0 100%/12px 2px no-repeat,linear-gradient(#C9B2FF,#C9B2FF) 0 100%/2px 12px no-repeat,linear-gradient(#C9B2FF,#C9B2FF) 100% 100%/12px 2px no-repeat,linear-gradient(#C9B2FF,#C9B2FF) 100% 100%/2px 12px no-repeat;transition:opacity .15s,transform .45s cubic-bezier(.3,1.45,.5,1)}
.btn:hover::after,.btn:focus-visible::after{opacity:1;transform:none}
.btn.line{background-image:none}.btn.line::after{content:none}
.btn.line::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(#C9B2FF,#C9B2FF) 0 0/0 1px no-repeat,linear-gradient(#C9B2FF,#C9B2FF) 100% 0/1px 0 no-repeat,linear-gradient(#C9B2FF,#C9B2FF) 100% 100%/0 1px no-repeat,linear-gradient(#C9B2FF,#C9B2FF) 0 100%/1px 0 no-repeat;transition:background-size .55s cubic-bezier(.2,.7,.2,1)}
.btn.line:hover::before{background-size:100% 1px,1px 100%,100% 1px,1px 100%}
@media (prefers-reduced-motion:reduce){.btn,.btn::before,.btn::after{transition:none!important}}
/* the link page (links.html): sentence-case cards and a flat violet main card instead of a glowing gradient */
.card b{text-transform:none;letter-spacing:-.005em}
.card.main .eb,.film .eb2{font:600 13.5px/1.3 Mont,sans-serif;letter-spacing:0;text-transform:none}
.card.main{background:#7A45F0;box-shadow:none}
.film-modal .x{font:600 14px/1 Chakra,sans-serif;letter-spacing:0;text-transform:none}