.sample-main{max-width:940px;margin:50px auto}.sample-main h1{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1.06;max-width:760px}.intro{font-size:1.2rem}.sample-main .panel{padding:clamp(22px,4vw,40px);margin:24px 0;border:1px solid var(--line,#b7accf);border-radius:26px;background:var(--card,#f2edff)}.sample-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sample-main label{display:block;margin:16px 0 9px;font-weight:600}.sample-main input:not([type=checkbox]){width:100%;min-height:52px}.sample-main .consent{display:flex;gap:12px;font-weight:400;align-items:flex-start;margin:24px 0}.consent input{flex:none;width:20px;height:20px}.sample-main button,.sample-main .button{min-height:48px}.sample-overview{display:flex;justify-content:space-between;align-items:center;gap:28px}.score-ring{flex:none;width:174px;height:174px;border:9px solid #a88bff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-ring strong{font-size:3.5rem;line-height:1.1}.score-ring span{font-size:.78rem}.sample-main .muted{font-size:.95rem;line-height:1.65}.priorities{display:grid;gap:16px}.priority{padding:24px;border:1px solid var(--line,#b7accf);border-radius:18px}.priority h3{margin:0 0 8px}.priority p{margin-bottom:0}#sample-url{overflow-wrap:anywhere}#light-title::before{content:' ';display:inline-block;width:20px;height:20px;border-radius:50%;margin-right:10px;background:#8791a5}#result[data-light=red] #light-title::before{background:#ee6879}#result[data-light=amber] #light-title::before{background:#efbd45}#result[data-light=green] #light-title::before{background:#35bf93}progress{width:100%;height:18px;accent-color:#7950ed}html[data-theme=dark] .sample-main .panel{background:#241d38}html[data-theme=dark] .sample-main .muted{color:#d1c8e5}.sample-main [hidden]{display:none!important}@media(max-width:600px){.sample-fields{grid-template-columns:1fr;gap:0}.sample-overview{flex-direction:column;align-items:flex-start}.score-ring{align-self:center}.sample-main{margin:24px auto}.v2-nav{gap:16px;flex-wrap:wrap}}.sample-main a:not(.button),.v2-nav a:not(.v2-brand){color:var(--blue)}.sample-main input:focus-visible,.sample-main a:focus-visible,.sample-main button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
