.pct-page{padding-top:1rem}.pct-page>nav{margin-bottom:1rem}.pct-page>section[aria-labelledby=tool-title]{padding-bottom:1.5rem}.pct-page #tool-title+p{margin-top:.5rem;line-height:1.5}.pct-layout,.pct-modes,.pct-form,.pct-result-column,.pct-field{min-width:0}.pct-layout{display:grid;gap:1rem;align-items:start}.pct-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.pct-mode-list{display:none}.pct-mode-select{display:grid;gap:.375rem}.pct-mode-select>label{font-size:.875rem;line-height:1.25rem;font-weight:600}.pct-select-wrap{position:relative;min-width:0}.pct-select-wrap select.field-input{min-height:3rem;border-radius:.5rem;background-image:none}.pct-select-wrap>svg{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);pointer-events:none}.pct-task{font-size:1.125rem;line-height:1.4;font-weight:700;letter-spacing:-.025em;overflow-wrap:anywhere}.pct-fields{display:grid;gap:.75rem;margin-top:.875rem}.pct-field{width:100%;max-width:20.3125rem;display:grid;gap:.375rem}.pct-field>label{font-size:.875rem;line-height:1.25rem;font-weight:600}.pct-field .field-input{border-radius:.5rem}.pct-field-message{color:var(--text-muted);font-size:.8125rem;line-height:1.5}.pct-field-message[data-invalid]{color:var(--primary);font-weight:600}.pct-auto-hint{display:flex;gap:.5rem;align-items:center;margin-top:.75rem;font-size:.8125rem;line-height:1.25rem;color:var(--text-muted)}.pct-auto-hint svg{width:1rem;height:1rem}.pct-result{padding:1rem;border-radius:.5rem;background:var(--surface-muted)}.pct-result[data-empty]{background:transparent}.pct-result-label{font-size:.875rem;line-height:1.25rem;font-weight:600}.pct-result-content{min-height:8.5rem;margin-top:.25rem}.pct-value{display:block;font-size:3rem;line-height:1.1;font-weight:800;overflow-wrap:anywhere}.pct-value[data-long]{font-size:2rem}.pct-context{margin-top:.25rem;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.pct-formula{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.875rem;line-height:1.5;color:var(--primary);overflow-wrap:anywhere}.pct-formula>p:first-child{margin-bottom:.25rem;font-size:.8125rem;color:var(--text-muted)}.pct-empty{display:flex;min-height:8.5rem;align-items:center;font-size:.875rem;line-height:1.6;color:var(--text-muted)}.pct-copy{width:100%;min-height:2.75rem;margin-top:1rem;padding-inline:.5rem;border-radius:.5rem}.pct-copy svg{width:1.125rem;height:1.125rem}.pct-manual-copy{display:grid;gap:.5rem;margin-top:.75rem;font-size:.875rem;line-height:1.5}.pct-support{display:grid;gap:2rem;margin-top:2rem;align-items:start}.pct-support>section{min-width:0}.pct-support .section-title{margin-bottom:1rem}.pct-examples-wrap{border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.pct-examples{width:100%;table-layout:fixed;border-collapse:collapse;font-size:.875rem;line-height:1.5}.pct-examples th,.pct-examples td{padding:.625rem 1rem;text-align:left;overflow-wrap:anywhere}.pct-examples thead th{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em}.pct-examples tbody tr{border-top:1px solid var(--border)}.pct-examples tbody th{font-weight:500}.pct-examples td{color:var(--primary);font-variant-numeric:tabular-nums}.pct-example-note{margin-top:.75rem;font-size:.75rem;line-height:1.75;color:var(--text-muted)}.pct-instruction-steps{display:grid;gap:1.5rem}.pct-instruction-steps li{display:flex;min-width:0;align-items:flex-start;gap:.875rem}.pct-step-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:1rem;font-weight:600}.pct-instruction-steps h3{font-size:.875rem;line-height:1.5;font-weight:700}.pct-instruction-steps p{margin-top:.25rem;font-size:.875rem;line-height:1.65;color:var(--text-muted)}.pct-reference{margin-top:2rem}.pct-reference-intro{max-width:52rem;margin-top:1rem;font-size:.875rem;line-height:1.7;color:var(--text-muted)}.pct-reference-list{display:grid;gap:1.5rem;margin-top:1.5rem}.pct-reference-item{min-width:0;padding-top:1rem;border-top:1px solid var(--border)}.pct-reference-item h3{font-size:.875rem;line-height:1.5;font-weight:700}.pct-reference-expression{margin-top:.5rem;font-size:1rem;line-height:1.5;color:var(--primary);overflow-wrap:anywhere}.pct-reference-explanation{margin-top:.5rem;font-size:.875rem;line-height:1.7;color:var(--text-muted)}@media(max-width:47.999rem){.pct-page{padding-top:.5rem}.pct-page>nav{margin-bottom:0}.pct-page #tool-title{font-size:1.875rem;line-height:1.15}.pct-page #tool-title+p{margin-top:.375rem}.pct-page>section[aria-labelledby=tool-title]{padding-bottom:.75rem}.pct-layout{gap:.75rem}.pct-fields{gap:.5rem;margin-top:.5rem}.pct-auto-hint{margin-top:.5rem}.pct-result{padding:.75rem}.pct-value{font-size:2.5rem}.pct-result-content,.pct-empty{min-height:8rem}.pct-formula{margin-top:.5rem;padding-top:.5rem}.pct-copy{margin-top:.75rem}.pct-field{max-width:none}.pct-examples-wrap{border:0;border-radius:0;background:transparent}.pct-examples,.pct-examples tbody{display:block}.pct-examples thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pct-examples tbody tr{display:grid;gap:.125rem;margin-top:.5rem;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;background:var(--surface)}.pct-examples tbody tr:first-child{margin-top:0}.pct-examples tbody th,.pct-examples td{display:block;padding:0}}@media(min-width:48rem){.pct-page{padding-top:1.5rem}.pct-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.pct-modes{grid-column:1 / -1}.pct-mode-select{max-width:25rem}.pct-task{font-size:1.375rem}.pct-fields{gap:1.25rem;margin-top:1.5rem}.pct-auto-hint{margin-top:1.5rem}.pct-result{padding:1.25rem}.pct-value{font-size:4rem}.pct-value[data-long]{font-size:2.5rem}.pct-result-content{min-height:11rem;margin-top:.5rem}.pct-empty{min-height:11rem}.pct-formula{margin-top:1rem;padding-top:1rem}.pct-support{margin-top:2.5rem;gap:1.5rem}.pct-reference{margin-top:2.5rem}.pct-reference-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pct-reference-item:last-child{grid-column:1 / -1}}@media(min-width:64rem){.pct-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.1fr);gap:1.5rem}.pct-modes{grid-column:auto}.pct-mode-select{display:none}.pct-mode-list{display:block;min-width:0}.pct-mode-list legend{margin-bottom:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:700}.pct-mode-options{border:1px solid var(--border);border-radius:.5rem}.pct-mode-option{display:flex;min-width:0;min-height:3.25rem;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;line-height:1.5;cursor:pointer}.pct-mode-option+.pct-mode-option{border-top:1px solid var(--border)}.pct-mode-option:first-child{border-radius:.5rem .5rem 0 0}.pct-mode-option:last-child{border-radius:0 0 .5rem .5rem}.pct-mode-option>span:not(.pct-mode-arrow){flex:1;min-width:0}.pct-mode-option:hover{background:var(--surface-hover)}.pct-mode-option:active{background:var(--primary-soft)}.pct-mode-option:has(input:checked){background:var(--primary);color:var(--on-primary)}.pct-mode-option:has(input:checked):hover{background:var(--text-primary)}.pct-mode-option:has(input:checked):active{background:var(--accent)}.pct-mode-option:has(input:focus-visible){position:relative;outline:2px solid var(--focus);outline-offset:2px}.pct-mode-arrow{display:flex;opacity:0}.pct-mode-arrow svg{width:1rem;height:1rem}.pct-mode-option:has(input:checked) .pct-mode-arrow{opacity:1}.pct-form,.pct-result-column{padding-left:1.5rem;border-left:1px solid var(--border);align-self:stretch}.pct-support{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:2rem}}