:root{--ink:#153f53;--muted:#4d6878;--line:#d4e0e7;--sun:#ffe475;--sky:#edf5f9}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:#fff;color:var(--ink);font:21px/1.5 "EB Garamond",Georgia,serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #297fa8;outline-offset:5px}
img,video,svg{max-width:100%}
.skip-link{position:absolute;left:20px;top:-80px;background:var(--ink);color:#fff;padding:10px 16px;z-index:10}
.skip-link:focus{top:16px}
.experiment-shell{max-width:740px;margin:0 auto;padding:42px 28px 50px}
.site-mark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:21px}
.site-mark img{display:block;width:32px;height:32px}
.site-mark:hover span{text-decoration:underline}
.experiment-header{margin:52px 0 34px}
h1,h2,h3{font-weight:500;letter-spacing:-.025em;line-height:1.12}
h1{font-size:clamp(40px,6vw,58px);margin:0;max-width:650px}
h2{font-size:32px;margin:38px 0 14px}
h3{font-size:25px;margin:28px 0 10px}
p{margin:0 0 18px}
.lead{font-size:25px;line-height:1.36;max-width:570px;margin:21px 0 0}
.intro-note{color:var(--muted);font-size:20px;margin:18px 0 0;max-width:560px}
.experiment-links{margin-top:35px;border-top:1px solid var(--line)}
.experiment-link{display:block;position:relative;padding:23px 36px 24px 0;border-bottom:1px solid var(--line);text-decoration:none}
.link-title{display:block;font-size:29px;line-height:1.2}
.link-description{display:block;margin-top:7px;color:var(--muted);font-size:20px;line-height:1.35;max-width:540px}
.experiment-link::after{content:"";position:absolute;right:7px;top:32px;width:9px;height:9px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.experiment-link:hover .link-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.experiment-link:hover{background:#f8fbfe}
.experiment-copy{max-width:620px}
.experiment-copy p,.experiment-copy li{font-size:21px;line-height:1.5}
.experiment-copy ul,.experiment-copy ol{padding-left:24px;margin:14px 0 22px}
.experiment-copy li{margin:8px 0}
.experiment-note{border-left:3px solid #dcb84f;padding:3px 0 3px 20px;margin:28px 0;color:var(--muted);font-size:19px;line-height:1.45}
.experiment-note p:last-child{margin-bottom:0}
.measure-scale{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-block:1px solid var(--line);margin:25px 0;padding:20px 0}
.measure-scale>div:last-child{text-align:right}
.measure-scale strong{display:block;font-weight:500;font-size:35px;line-height:1.15}
.measure-scale span{display:block;font-size:20px;color:var(--muted);margin-top:3px}
.join-links{margin-top:34px}
.join-option{margin:0 0 35px}
.join-option h2{margin:0 0 12px;font-size:30px}
.join-option p{max-width:570px;color:var(--muted);margin-bottom:18px}
.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:11px 24px;border:1px solid var(--ink);border-radius:99px;text-decoration:none;line-height:1.3}
.button-link:hover{background:var(--sky)}
.button-link.sun-link{background:var(--sun);border-color:#dcb84f}
.button-link.sun-link:hover{background:#ffda48}
.section-nav{display:flex;flex-wrap:wrap;gap:10px 23px;font-size:18px;margin:33px 0 0;padding-top:23px;border-top:1px solid var(--line)}
.section-nav a{text-decoration:none}
.section-nav a:hover{text-decoration:underline}
.section-nav [aria-current="page"]{text-decoration:underline}
.experiment-footer{margin-top:45px;color:var(--muted);font-size:18px;line-height:1.4}
.experiment-footer p{margin-bottom:10px}
@media(max-width:600px){.experiment-shell{padding:28px 22px 36px}.experiment-header{margin-top:37px;margin-bottom:27px}h1{font-size:43px}.lead{font-size:24px}.experiment-links{margin-top:29px}.experiment-link{padding-block:21px}.link-title{font-size:27px}.link-description{font-size:19px}.experiment-copy p,.experiment-copy li{font-size:20px}.experiment-note{padding-left:16px;font-size:18px}h2{font-size:29px}.section-nav{gap:12px 21px}.button-link{min-height:54px}}
@media(max-width:350px){h1{font-size:38px}.experiment-shell{padding-inline:18px}.lead{font-size:22px}.link-title{font-size:25px}}

.rating-definitions{margin:24px 0 30px;border-top:1px solid var(--line)}
.rating-definitions>div{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;padding:21px 0;border-bottom:1px solid var(--line)}
.rating-definitions dt{font-size:40px;line-height:1.1;font-weight:500;color:var(--ink)}
.rating-definitions dd{margin:0;min-width:0}
.rating-definitions h3{font-size:24px;line-height:1.22;margin:0 0 8px}
.rating-definitions p{font-size:20px;line-height:1.4;margin:0;color:var(--muted)}
.rating-definitions summary{font-size:18px;cursor:pointer;margin-top:11px;color:var(--muted);width:fit-content}
.rating-definitions details[open] p{margin-top:10px}
@media(max-width:600px){.rating-definitions>div{grid-template-columns:36px minmax(0,1fr);gap:13px;padding-block:19px}.rating-definitions dt{font-size:34px}.rating-definitions h3{font-size:22px}.rating-definitions p{font-size:19px}}

.experiment-links .experiment-link{display:flex;align-items:center;gap:18px;min-height:96px;padding-top:20px;padding-bottom:20px}
.link-visual{display:block;flex:0 0 52px}
.experiment-links .experiment-link::after{top:50%;margin-top:-5px}
@media(max-width:600px){.experiment-links .experiment-link{gap:14px;min-height:90px}.link-visual{width:46px;height:46px;flex-basis:46px}}