.cal-page{padding-top:1rem}.cal-page>nav{margin-bottom:.75rem}.cal-page>section[aria-labelledby=tool-title]{padding-bottom:1.25rem}.cal-page #tool-title{font-size:1.75rem}.cal-page #tool-title+p{margin-top:.5rem;line-height:1.6}.cal-tool{padding:.875rem}.cal-workspace{display:grid;gap:1.25rem;align-items:start}.cal-form{display:grid;min-width:0;gap:1.25rem}.cal-goal-area,.cal-data,.cal-result{min-width:0}.cal-section-title{font-size:1.25rem;line-height:1.5;font-weight:700;letter-spacing:-.025em}.cal-data-heading,.cal-goal-desktop{display:none}.cal-goal-mobile{max-width:20.3125rem}.cal-goal-mobile>label{display:block;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:700}.cal-field>label,.cal-gender legend{display:block;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.cal-data{display:flex;flex-direction:column;gap:1.125rem}.cal-gender,.cal-number-fields,.cal-activity,.cal-formula,.cal-calculate{width:100%;max-width:20.3125rem}.cal-gender>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.cal-gender label{min-width:0;cursor:pointer}.cal-gender span{display:flex;align-items:center;justify-content:center;min-height:2.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface-muted);padding:.5rem;font-size:.875rem;line-height:1.25rem}.cal-gender input:checked+span{border-color:var(--primary);background:var(--primary-soft);font-weight:600}.cal-gender label:hover span{background:var(--surface-hover);border-color:var(--primary)}.cal-gender label:active span{background:var(--primary-soft)}.cal-gender input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.cal-number-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.cal-field{min-width:0}.cal-input-wrap{position:relative}.cal-input-wrap .field-input{padding-inline:.5rem 1.875rem}.cal-input-wrap .field-input[aria-invalid=true]{padding-inline:calc(.5rem - 1px) calc(1.875rem - 1px)}.cal-input-wrap>span{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.75rem;color:var(--text-muted)}.cal-workspace .field-input{border-radius:.5rem}.cal-hint{margin-top:.375rem;color:var(--text-muted);font-size:.75rem;line-height:1.25rem}.cal-error{margin-top:.375rem;color:var(--primary);font-size:.75rem;line-height:1.25rem}.cal-formula{border-radius:.5rem;background:var(--surface-muted)}.cal-formula summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.75rem;border:1px solid var(--border);border-radius:.5rem;padding:.625rem .75rem;cursor:pointer;font-size:.75rem;line-height:1.25rem}.cal-formula summary::-webkit-details-marker{display:none}.cal-formula summary::marker{content:""}.cal-formula summary:hover{background:var(--surface-hover);border-color:var(--primary)}.cal-formula summary:active{background:var(--primary-soft)}.cal-formula svg{width:1rem;height:1rem;flex-shrink:0}.cal-formula[open] summary svg{transform:rotate(180deg)}.cal-formula fieldset{padding:.5rem .75rem}.cal-formula fieldset label{display:flex;align-items:center;gap:.625rem;min-height:2.75rem;padding-block:.5rem;cursor:pointer;font-size:.875rem;line-height:1.4}.cal-formula input,.cal-goal-option input{width:1.25rem;height:1.25rem;flex-shrink:0;accent-color:var(--primary)}.cal-calculate{min-height:3rem;border-radius:.5rem}.cal-result{padding-top:1.25rem;border-top:1px solid var(--border);text-align:center}.cal-result-heading{color:var(--text-muted);font-size:1rem;line-height:1.5;font-weight:500}.cal-value{display:block;margin-top:.75rem;font-size:3.5rem;line-height:1.15;font-weight:800;white-space:nowrap}.cal-unit{margin-top:.375rem;font-size:1rem;line-height:1.5;font-weight:600}.cal-macros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.75rem}.cal-macros>div{min-width:0;padding-inline:.25rem}.cal-macros>div+div{border-left:1px solid var(--border)}.cal-macros dt{color:var(--text-muted);font-size:.75rem;line-height:1.25rem}.cal-macros dd{margin-top:.375rem;font-size:1.25rem;line-height:1.5;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.cal-proportions{margin-top:1.5rem;border-top:1px solid var(--border);padding-top:1rem;color:var(--text-muted);font-size:.875rem;line-height:1.5}.cal-copy-area{margin-top:1.25rem}.cal-copy{min-height:3rem;width:100%;border-radius:.5rem;background:var(--primary-soft)}.cal-copy svg{width:1rem;height:1rem;flex-shrink:0}.cal-copy-fallback{margin-top:.75rem;text-align:left;font-size:.875rem;line-height:1.5}.cal-copy-fallback textarea{margin-top:.5rem}.cal-result-state:not(:empty){margin-top:1rem;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:.8125rem;line-height:1.5;text-align:left;background:var(--surface-muted)}.cal-result-reference{margin-top:1rem;color:var(--text-muted);font-size:.75rem;line-height:1.75}.cal-brief-note{display:flex;gap:.5rem;align-items:start;margin-top:1rem;color:var(--text-muted);font-size:.75rem;line-height:1.75}.cal-brief-note svg{flex-shrink:0;width:1rem;height:1rem;margin-top:.125rem}.cal-page #instruction{margin-top:2rem}.cal-instruction-steps{display:grid;gap:1.25rem;margin-top:1.25rem}.cal-instruction-steps li{display:flex;align-items:start;gap:.75rem}.cal-step-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border:1px solid var(--border);border-radius:50%;background:var(--primary-soft);font-size:.875rem;font-weight:600}.cal-instruction-steps h3{font-size:.875rem;line-height:1.5;font-weight:700}.cal-instruction-steps p{margin-top:.375rem;font-size:.875rem;line-height:1.75;color:var(--text-muted)}.cal-guide{margin-top:2.5rem}.cal-guide-intro{margin-top:.75rem;max-width:75ch;font-size:.875rem;line-height:1.85;color:var(--text-muted)}.cal-guide-grid{display:grid;gap:1.25rem;margin-top:1.25rem}.cal-guide-grid h3{font-size:1rem;line-height:1.5;font-weight:700}.cal-guide-grid p,.cal-guide-grid ul{margin-top:.5rem;font-size:.875rem;line-height:1.85;color:var(--text-muted)}.cal-example-steps{margin-top:1rem;padding-left:1.25rem;list-style:decimal;font-size:.875rem;line-height:1.85;color:var(--text-muted)}.cal-example-steps>li+li{margin-top:.75rem}.cal-example-steps ul{margin-top:.5rem;padding-left:1.25rem;list-style:disc}.cal-table-wrap{margin-top:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.cal-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.875rem;line-height:1.5}.cal-table th,.cal-table td{padding:.75rem .5rem;text-align:left;vertical-align:middle}.cal-table th:first-child{width:23%}.cal-table thead th{font-size:.75rem;font-weight:500;color:var(--text-muted);overflow-wrap:break-word}.cal-table th span{display:block}.cal-table tbody th{font-weight:600}.cal-table tbody,.cal-table tbody tr+tr{border-top:1px solid var(--border)}.cal-table td{font-variant-numeric:tabular-nums}@media(max-width:47.999rem){.cal-page>nav{margin-bottom:.5rem}.cal-page>section[aria-labelledby=tool-title]{padding-bottom:1rem}.cal-page #tool-title+p{font-size:.875rem;line-height:1.7}.cal-form,.cal-data{gap:1rem}.cal-goal-mobile>label,.cal-field>label,.cal-gender legend{margin-bottom:.375rem}.cal-hint{margin-top:.25rem;line-height:1.125rem}.cal-result-heading{text-align:left;color:var(--text-primary);font-size:.875rem;font-weight:600}.cal-macros{margin-top:1.5rem}.cal-proportions{margin-top:1rem;padding-top:.75rem}.cal-copy-area{margin-top:1rem}}@media(min-width:48rem){.cal-page{padding-top:2rem}.cal-page>nav{margin-bottom:1rem}.cal-page #tool-title{font-size:2.25rem}.cal-page>section[aria-labelledby=tool-title]{padding-bottom:1.5rem}.cal-tool{padding:1.5rem}.cal-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem}.cal-result{border-top:0;border-left:1px solid var(--border);padding:0 0 0 1.5rem}.cal-value{font-size:4rem;margin-top:1.75rem}.cal-instruction-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.cal-page #instruction{margin-top:3rem}.cal-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.cal-table th,.cal-table td{padding:.875rem 1.5rem}}@media(min-width:64rem){.cal-workspace{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:1.5rem}.cal-form{grid-template-columns:minmax(0,2.5fr) minmax(0,4.5fr);gap:1.5rem}.cal-goal-mobile{display:none}.cal-goal-desktop{display:block}.cal-goal-desktop legend{margin-bottom:1.5rem}.cal-goal-area{border-right:1px solid var(--border);padding-right:1.5rem}.cal-goal-option{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;margin-bottom:.75rem;padding:.875rem .75rem;border:1px solid var(--border);border-radius:.5rem;cursor:pointer}.cal-goal-option:has(input:checked){background:var(--primary-soft);border-color:var(--primary)}.cal-goal-option:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.cal-goal-option:hover{background:var(--surface-hover);border-color:var(--primary)}.cal-goal-option:active{background:var(--primary-soft)}.cal-goal-option strong{display:block;font-size:.875rem;font-weight:500;line-height:1.5}.cal-goal-option small{display:block;margin-top:.25rem;color:var(--text-muted);font-size:.75rem;line-height:1.5}.cal-data-heading{display:block;margin-bottom:.25rem}.cal-gender legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.cal-data{gap:1.5rem}.cal-copy-area{margin-top:1.75rem}.cal-macros{margin-top:2.5rem}}@media(min-width:80rem){.cal-tool{padding:1.75rem}.cal-workspace,.cal-form{gap:2rem}.cal-result{padding-left:2rem}.cal-goal-area{padding-right:2rem}.cal-value{font-size:4.5rem}.cal-macros dd{font-size:1.5rem}}
