.measurement-page{margin-bottom:var(--space-10)}.measurement-heading{max-width:var(--reading-width);margin-bottom:var(--space-8)}.measurement-heading h1{font-family:var(--font-serif);font-size:var(--text-heading);font-weight:var(--weight-regular);line-height:var(--line-tight);margin-bottom:var(--space-4)}.measurement-heading p,.measurement-catalog header p{color:var(--color-muted);font-size:var(--text-xl)}.measurement-workspace{border:var(--border-width) solid var(--color-border-strong);background:var(--color-surface);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.measurement-form,.measurement-result{min-width:0;padding:var(--space-8)}.measurement-form{align-content:start;gap:var(--space-5);display:grid}.measurement-result{background:var(--color-tint);border-left:var(--border-width) solid var(--color-border-strong);overflow-wrap:anywhere}.measurement-result h2,.measurement-catalog h2{font-family:var(--font-serif);font-weight:var(--weight-regular);font-size:var(--text-section)}.measurement-form fieldset{border:0;min-width:0;margin:0;padding:0}.measurement-form legend,.measurement-field>label{font-weight:var(--weight-medium);font-size:var(--text-lg);margin-bottom:var(--space-2)}.measurement-categories{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.measurement-categories label{gap:var(--space-2);min-height:var(--touch-target);cursor:pointer;align-items:center;display:flex}.measurement-categories input{accent-color:var(--color-accent);width:var(--space-4);height:var(--space-4);margin:0}.measurement-field{min-width:0;display:grid}.measurement-field input,.measurement-field select{width:100%;min-width:0;min-height:var(--touch-target);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-lg);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius);padding:var(--space-3)}.measurement-field [aria-invalid=true]{border-color:var(--color-error)}.measurement-submit{min-height:var(--touch-target);padding:var(--space-3) var(--space-6);background:var(--color-accent);color:var(--color-on-accent);border:var(--border-width) solid var(--color-accent);border-radius:var(--radius);font-size:var(--text-lg);font-weight:var(--weight-medium)}.measurement-submit:hover,.measurement-submit:active{background:var(--color-accent-hover)}.measurement-error{color:var(--color-error)}.measurement-note,.measurement-empty{color:var(--color-muted);font-size:var(--text-md)}.measurement-field .measurement-note{margin-top:var(--space-2)}.measurement-notice{padding:var(--space-4);margin-bottom:var(--space-5);border-left:var(--space-1) solid var(--color-accent);background:var(--color-tint)}.measurement-output{margin-block:var(--space-6);font-size:var(--text-heading);font-family:var(--font-serif);line-height:var(--line-heading);display:block}.measurement-output .measurement-empty{font-family:var(--font-sans);line-height:var(--line-base);display:block}.measurement-result h3{font-size:var(--text-xl);font-weight:var(--weight-medium);margin-top:var(--space-8);margin-bottom:var(--space-3)}.measurement-calculation{margin-top:var(--space-4)}.measurement-page summary{cursor:pointer;padding-block:var(--space-3);min-height:var(--touch-target);color:var(--color-accent);font-weight:var(--weight-medium)}.measurement-page summary:hover{text-decoration:underline}.measurement-context{margin-top:var(--space-4);gap:var(--space-3);overflow-wrap:anywhere;display:grid}.measurement-equation{font-variant-numeric:tabular-nums;margin-bottom:var(--space-3)}.measurement-word-link{text-underline-offset:var(--space-1);text-decoration:underline}.measurement-catalog{margin-top:var(--space-12)}.measurement-catalog header{max-width:var(--reading-width);margin-bottom:var(--space-8)}.measurement-catalog header p{margin-top:var(--space-3)}.measurement-group+.measurement-group{margin-top:var(--space-8)}.measurement-group>h3{font-size:var(--text-subhead);font-weight:var(--weight-medium);margin-bottom:var(--space-4)}.measurement-definitions{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.measurement-definition{min-width:0;padding:var(--space-5);border:var(--border-width) solid var(--color-border);background:var(--color-surface);overflow-wrap:anywhere}.measurement-definition dt{font-size:var(--text-xl);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}.measurement-factor{font-variant-numeric:tabular-nums;color:var(--color-accent)}@media (width<=62rem){.measurement-form,.measurement-result{padding:var(--space-6)}}@media (width<=48rem){.measurement-workspace,.measurement-definitions{grid-template-columns:minmax(0,1fr)}.measurement-result{border-left:0;border-top:var(--border-width) solid var(--color-border-strong)}}@media (width<=36rem){.measurement-heading h1,.measurement-output{font-size:var(--text-section)}.measurement-form,.measurement-result{padding:var(--space-4)}.measurement-page{margin-bottom:var(--space-8)}}