.tu-page{padding-top:1rem}.tu-page>nav{margin-bottom:.75rem}.tu-related-pages{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.tu-related-pages a{display:inline-flex;min-height:2.75rem;align-items:center;padding:.5rem 1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);font-size:.875rem;font-weight:600}.tu-related-pages a[aria-current=page]{background:var(--primary-soft);border-color:var(--primary)}.tu-related-pages a:hover{background:var(--surface-hover);border-color:var(--primary)}.tu-year-presets{display:flex;flex-wrap:wrap;gap:.5rem}.tu-year-presets button{padding-inline:.625rem}.tu-week-remainder{display:block;font-size:1rem;font-weight:500}.tu-converter{margin-top:1.5rem}.tu-converter>summary{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;border:1px solid var(--border);border-radius:.75rem;background:var(--surface);padding:.75rem 1rem;font-size:.875rem;font-weight:600}.tu-converter>summary:after{content:"+";font-size:1.25rem}.tu-converter[open]>summary:after{content:"−"}.tu-converter>summary:hover{background:var(--surface-hover);border-color:var(--primary)}.tu-converter[open]>summary{margin-bottom:1rem}.tu-panel{display:grid;gap:1.5rem;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.tu-form{display:flex;min-width:0;flex-direction:column;gap:.875rem;align-self:start}.tu-amount{width:100%;max-width:20.3125rem}.tu-direction{display:grid;grid-template-columns:minmax(0,1fr) 2.75rem minmax(0,1fr);gap:.5rem;align-items:end}.tu-direction select.field-input{padding-left:.625rem;padding-right:1.75rem;background-position:right .625rem center}.tu-swap{border-radius:.5rem}.tu-year-choice{min-width:0}.tu-year-choice legend{margin-bottom:.375rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.tu-year-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-muted)}.tu-year-options label{min-width:0;cursor:pointer}.tu-year-options span{display:flex;min-height:2.75rem;align-items:center;justify-content:center;padding-inline:.5rem;border:1px solid transparent;border-radius:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600}.tu-year-options input:checked+span{border-color:var(--primary);background:var(--primary-soft)}.tu-year-options label:hover span{border-color:var(--primary);background:var(--surface-hover)}.tu-year-options label:active span{background:var(--primary-soft)}.tu-year-options input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.tu-result{display:flex;min-width:0;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--surface-muted)}.tu-value{display:flex;min-width:0;align-items:baseline;flex-wrap:wrap;gap:.125rem .75rem}.tu-value>.clock-digits{min-width:0;max-width:100%;font-size:2.5rem;line-height:1.15;font-weight:800;overflow-wrap:anywhere}.tu-unit{font-size:1.125rem;line-height:1.5;font-weight:600}.tu-equality{font-size:.875rem;line-height:1.5rem;overflow-wrap:anywhere}.tu-copy{align-self:start;margin-top:.25rem}.tu-details{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.tu-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.tu-metrics>div{min-width:0}.tu-metrics>div+div{padding-left:.75rem;border-left:1px solid var(--border)}.tu-metrics dt{font-size:.75rem;line-height:1.25rem;color:var(--text-muted)}.tu-metrics dd{margin-top:.25rem;font-size:.875rem;line-height:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tu-result-empty{min-height:17rem;justify-content:center;background:transparent;border-color:transparent}.tu-examples{display:grid;gap:.5rem;margin-top:1.25rem}.tu-examples>span{margin-bottom:.25rem}.tu-examples>button{justify-content:start;padding-inline:1rem}.tu-table-wrap{border:1px solid var(--border);border-radius:.75rem;background:var(--surface)}.tu-table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.5rem}.tu-table thead th{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.tu-table th,.tu-table td{padding:.75rem 1rem;text-align:right}.tu-table tr{border-bottom:1px solid var(--border)}.tu-table tbody tr:last-child{border-bottom:0}.tu-table th:first-child{text-align:left}.tu-table tbody th{font-weight:600}.tu-table td{font-variant-numeric:tabular-nums}.tu-period-detail{display:block;margin-top:.125rem;color:var(--text-muted);font-size:.75rem;line-height:1.25rem;font-weight:400}.tu-mobile-label{display:none}.tu-month-table{table-layout:fixed}.tu-month-table th:first-child{width:50%}.tu-year-table th:first-child{width:34%}@media(max-width:47.999rem){.tu-page{padding-top:.5rem}.tu-page>nav{margin-bottom:.5rem}.tu-related-pages{flex-direction:column}.tu-related-pages a{width:100%;justify-content:center;text-align:center}.tu-page>section[aria-labelledby=tool-title]{padding-bottom:1rem}.tu-page #tool-title+p{margin-top:.5rem}.tu-panel{gap:1rem}.tu-form{gap:.625rem}.tu-form h2{line-height:1.5rem}.tu-period-table,.tu-period-table tbody{display:block}.tu-period-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tu-period-table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem .5rem;padding:1rem}.tu-period-table tbody th{grid-column:1 / -1}.tu-period-table tbody th,.tu-period-table tbody td{min-width:0;padding:0;text-align:left}.tu-period-table tbody td{display:flex;flex-direction:column;gap:.125rem}.tu-mobile-label{display:block;color:var(--text-muted);font-size:.75rem;line-height:1.25rem}.tu-table td>span:last-child{overflow-wrap:anywhere}.tu-month-table th,.tu-month-table td{padding:.625rem .75rem}}@media(min-width:40rem){.tu-examples{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.tu-examples>span{margin-bottom:0;margin-right:.25rem}}@media(min-width:48rem){.tu-page{padding-top:2rem}.tu-panel{padding:1.5rem}.tu-form{gap:1rem}.tu-direction{gap:.75rem}.tu-result{padding:1.5rem;gap:.75rem}.tu-value>.clock-digits{font-size:3.5rem}.tu-unit{font-size:1.5rem}.tu-equality{font-size:1rem}.tu-details{margin-top:.75rem;padding-top:1rem}.tu-metrics dd{font-size:1rem}}@media(min-width:64rem){.tu-panel{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:2rem;align-items:stretch}.tu-result-empty{min-height:20rem}.tu-details{margin-top:auto}}