/* Supracited /method: the coverage list (D-026) and the question set; copied by site/build_field.py; after field.v1.css */
/* Part 6, 2026-10-23: method.html carries a p.v8h-note (the "data points measured" line after the signature figure)
   but never loads field.v2.css, the sheet that actually styles .v8h-note elsewhere (the font-size, the color and,
   critically, the margin-top that separates it from whatever precedes it); unstyled, it fell back to a 0 margin,
   so at the v9h layout's narrow-screen flex order (sig.v1.css, where .v8h-note has no explicit order and groups
   with .v9h-title) it sat flush against the h1 with no gap. Scoped here rather than adding field.v2.css wholesale,
   which would pull in answer-field rules this page never uses.*/
.v8h-note{margin-top:1.25rem;max-width:56ch;font-size:15px;line-height:1.5;color:var(--muted)}
.cov-fig{margin-top:.75rem;font-size:clamp(1.375rem,1.2rem + .7vw,1.75rem);font-weight:700;line-height:1.3;color:var(--ink);
text-wrap:balance}
.cov-h{margin-top:2.25rem}
.cov-g{list-style:none;margin:1rem 0 0;padding:0;columns:3 17rem;column-gap:.75rem}
.cov-m{break-inside:avoid;margin:0 0 .75rem;padding:1rem 1.125rem;background:#fff;border:1px solid var(--hair);border-radius:14px}
.cov-k{font-size:15px;font-weight:600;line-height:1.4;color:var(--muted)}
.cov-l{list-style:none;margin:.5rem 0 0;padding:0}
.cov-l>li+li{margin-top:.625rem;padding-top:.625rem;border-top:1px solid #EDF1F0}
.cov-n{font-size:17px;font-weight:700;line-height:1.35;color:var(--ink)}
.cov-d{margin-top:.125rem;font-size:15px;line-height:1.5;color:var(--muted)}
.cov-d a{color:var(--teal);text-decoration-thickness:2px;text-underline-offset:3px}
.cov-p{margin-top:.5rem;font-size:15px;line-height:1.5;color:var(--muted);max-width:62ch}
.cov-b{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.cov-b>li{display:inline-flex;align-items:center;min-height:2.25rem;padding:0 .875rem;border:1px dashed #8E9B99;
border-radius:999px;font-size:15px;font-weight:600;line-height:1.2;color:var(--muted)}

.qs{margin-top:1.5rem}
.qs-f{margin:0;padding:0;border:0;min-width:0}
.qs-f+.qs-f{margin-top:.75rem}
.qs-l{float:left;margin:0 1rem 0 0;padding:0;font-size:15px;font-weight:600;line-height:2.75rem;color:var(--muted)}
.qs-r{display:flex;flex-wrap:wrap;gap:.5rem}
.qs-o{position:relative;display:inline-flex;cursor:pointer}
.qs-o input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.qs-o span{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border:1px solid var(--hair);
border-radius:999px;background:#fff;color:var(--ink);font-size:15px;font-weight:600;line-height:1.2;white-space:nowrap;
transition:background-color .2s,border-color .2s,color .2s,transform .16s}
.qs-o input:checked+span{background:var(--teal);border-color:var(--teal);color:#fff}
.qs-o input:focus-visible+span{outline:2px solid var(--teal);outline-offset:2px}
.qs-o:active input+span{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.qs-o:hover input:not(:checked)+span{border-color:#3D8C84}}
.qs-n{margin-top:1rem;font-size:15px;line-height:1.5;color:var(--muted)}
.qs-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.75rem;
grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr))}
.qs-x{padding:1rem 1.125rem;background:#fff;border:1px solid var(--hair);border-radius:14px}
.qs-q{font-size:17px;font-weight:600;line-height:1.45;color:var(--ink)}
.qs-m,.qs-s{margin-top:.375rem;font-size:15px;line-height:1.5;color:var(--muted)}
.qs-k{color:var(--teal);font-weight:600}
.qs-cat{display:none}
.qs:has(input[name="qs-c"][value="c0"]:checked) .qs-cat{display:inline}
.qs:has(input[name="qs-c"][value="c1"]:checked) .qs-x:not(.c1),
.qs:has(input[name="qs-c"][value="c2"]:checked) .qs-x:not(.c2),
.qs:has(input[name="qs-c"][value="c3"]:checked) .qs-x:not(.c3),
.qs:has(input[name="qs-c"][value="c4"]:checked) .qs-x:not(.c4),
.qs:has(input[name="qs-c"][value="c5"]:checked) .qs-x:not(.c5),
.qs:has(input[name="qs-i"][value="i1"]:checked) .qs-x:not(.i1),
.qs:has(input[name="qs-i"][value="i2"]:checked) .qs-x:not(.i2),
.qs:has(input[name="qs-i"][value="i3"]:checked) .qs-x:not(.i3),
.qs:has(input[name="qs-i"][value="i4"]:checked) .qs-x:not(.i4),
.qs:has(input[name="qs-i"][value="i5"]:checked) .qs-x:not(.i5),
.qs:has(input[name="qs-i"][value="i6"]:checked) .qs-x:not(.i6),
.qs:has(input[name="qs-i"][value="i7"]:checked) .qs-x:not(.i7),
.qs:has(input[name="qs-i"][value="i8"]:checked) .qs-x:not(.i8),
.qs:has(input[name="qs-i"][value="i9"]:checked) .qs-x:not(.i9),
.qs:has(input[name="qs-c"][value="c0"]:checked) .qs-y:not(.cc0),
.qs:has(input[name="qs-c"][value="c1"]:checked) .qs-y:not(.cc1),
.qs:has(input[name="qs-c"][value="c2"]:checked) .qs-y:not(.cc2),
.qs:has(input[name="qs-c"][value="c3"]:checked) .qs-y:not(.cc3),
.qs:has(input[name="qs-c"][value="c4"]:checked) .qs-y:not(.cc4),
.qs:has(input[name="qs-c"][value="c5"]:checked) .qs-y:not(.cc5),
.qs:has(input[name="qs-i"][value="i0"]:checked) .qs-y:not(.ii0),
.qs:has(input[name="qs-i"][value="i1"]:checked) .qs-y:not(.ii1),
.qs:has(input[name="qs-i"][value="i2"]:checked) .qs-y:not(.ii2),
.qs:has(input[name="qs-i"][value="i3"]:checked) .qs-y:not(.ii3),
.qs:has(input[name="qs-i"][value="i4"]:checked) .qs-y:not(.ii4),
.qs:has(input[name="qs-i"][value="i5"]:checked) .qs-y:not(.ii5),
.qs:has(input[name="qs-i"][value="i6"]:checked) .qs-y:not(.ii6),
.qs:has(input[name="qs-i"][value="i7"]:checked) .qs-y:not(.ii7),
.qs:has(input[name="qs-i"][value="i8"]:checked) .qs-y:not(.ii8),
.qs:has(input[name="qs-i"][value="i9"]:checked) .qs-y:not(.ii9){display:none}
@supports not selector(:has(*)){.qs-f,.qs-n{display:none}.qs-cat{display:inline}}
@media (max-width:44.99rem){.qs-l{float:none;line-height:1.4;margin:0 0 .5rem}.qs-o span{white-space:normal}
.qs-list{gap:.5rem}.qs-x{padding:.75rem 1rem}.cov-m{padding:.75rem 1rem;margin-bottom:.5rem}
.cov-l>li+li{margin-top:.5rem;padding-top:.5rem}.cov-h{margin-top:1.75rem}}
@media (prefers-reduced-motion:reduce){.qs-o span{transition:none}.qs-o:active input+span{transform:none}}