.tool{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:12px;display:grid}.tool-panel{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);min-width:0;padding:clamp(18px,2.4vw,28px)}.tool-inputs{gap:22px;display:grid}.tool-result{top:calc(var(--header-h) + 16px);border-color:var(--ink);background:var(--ink);color:#fff;position:sticky}.tool-result .label,.tool-result small{color:#ffffff94}.field{gap:8px;min-width:0;display:grid}.field-label{color:var(--ink-2);justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;font-weight:540;display:flex}.field-label small{color:var(--faint);font-size:12px;font-weight:400}.field-hint{color:var(--faint);font-size:12.5px;line-height:1.5}.field-hint a{color:var(--brand-2);text-underline-offset:2px;text-decoration:underline}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.field-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.input-wrap{border:1px solid var(--line-2);background:var(--surface);border-radius:12px;align-items:center;height:50px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.input-wrap:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px #0e12100f}.input-wrap input,.input-wrap select{appearance:none;background:0 0;border:0;border-radius:12px;outline:0;width:100%;min-width:0;height:100%;padding:0 14px;font-size:16px}.input-wrap select{cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%230e1210' stroke-width='1.6'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E") right 14px center no-repeat;padding-right:38px}.input-wrap .affix{color:var(--faint);font-family:var(--mono);flex:none;padding:0 14px;font-size:14px}.input-wrap .affix+input,.input-wrap input+.affix{padding-left:0}.input-lg{height:64px}.input-lg input{font-family:var(--mono);letter-spacing:-.03em;font-size:clamp(22px,2.6vw,28px)}.input-wrap input[type=date]{font-family:var(--mono);font-size:15px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-2);background:var(--surface);height:38px;color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.chip:hover{border-color:var(--ink);color:var(--ink)}.chip[aria-pressed=true],.chip[aria-checked=true]{border-color:var(--ink);background:var(--ink);color:#fff}.chip[aria-pressed=true] .code-badge,.chip[aria-checked=true] .code-badge{color:#fff;background:0 0;border-color:#ffffff4d}.chip .code-badge{width:28px;height:20px;font-size:10px}.chip-mono{font-family:var(--mono)}.segmented.tool-toggle{width:fit-content;max-width:100%}.segmented.tool-toggle button{padding:8px 14px;font-size:13.5px}.check{color:var(--ink-2);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--ink)}.result-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-head .label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}.result-main{font-family:var(--mono);letter-spacing:-.05em;overflow-wrap:anywhere;margin-top:14px;font-size:clamp(34px,4.4vw,52px);font-weight:500;line-height:1}.result-main.is-lime{color:var(--lime)}.result-sub{color:#ffffffa3;margin-top:10px;font-size:13.5px}.result-rows{border-top:1px solid #ffffff24;margin-top:22px;display:grid}.result-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;font-size:14px;display:flex}.result-row span{color:#ffffffb3}.result-row b{font-family:var(--mono);text-align:right;font-size:15px;font-weight:500}.result-row.is-total{border-bottom:0}.result-row.is-total span{color:#fff;font-weight:540}.result-row.is-total b{color:var(--lime);font-size:18px}.result-foot{color:#ffffff8c;gap:8px;margin-top:18px;font-size:12.5px;line-height:1.5;display:grid}.result-foot a{color:#fff;text-underline-offset:3px;-webkit-text-decoration:underline #ffffff59;text-decoration:underline #ffffff59}.result-foot a:hover{-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime)}.result-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.result-actions .btn-ghost{color:#fff;border-color:#ffffff38}.result-actions .btn-ghost:hover{background:#ffffff14;border-color:#fff}.copy-button{color:#fff;background:0 0;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12.5px;transition:background-color .15s,border-color .15s;display:inline-flex}.copy-button:hover{background:#ffffff14;border-color:#fff}.formula{color:#ffffffbf;font-family:var(--mono);overflow-wrap:anywhere;background:#ffffff0f;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:12.5px}.result-empty{color:#ffffff8c;padding:26px 0 6px;font-size:14px}.segments{border-collapse:collapse;width:100%;margin-top:16px;font-size:12.5px}.segments th{color:#ffffff80;font-family:var(--mono);letter-spacing:.05em;text-align:right;text-transform:uppercase;padding:8px 0;font-size:10.5px;font-weight:500}.segments th:first-child,.segments td:first-child{text-align:left}.segments td{color:#fffc;font-family:var(--mono);text-align:right;border-top:1px solid #ffffff1a;padding:8px 0}.segments td em{color:var(--lime);font-style:normal}.notice{background:var(--paper-2);color:var(--ink-2);border-radius:12px;gap:10px;padding:12px 14px;font-size:13.5px;line-height:1.5;display:flex}.notice svg{flex:none;margin-top:2px}.notice a{color:var(--brand-2);text-underline-offset:2px;text-decoration:underline}.notice-ok{background:var(--ok-bg);color:var(--ok)}.notice-warn{background:var(--warn-bg);color:var(--warn)}.checks{border-top:1px solid #ffffff24;gap:0;margin-top:18px;display:grid}.check-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.check-row span:first-child{color:#ffffffb3}.check-state{align-items:center;gap:6px;font-weight:540;display:inline-flex}.check-state.pass{color:var(--lime)}.check-state.fail{color:#ffb38a}.check-state.skip{color:#ffffff80}.verify-links{gap:8px;margin-top:18px;display:grid}.verify-link{border:1px solid #ffffff29;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background-color .15s;display:flex}.verify-link:hover{border-color:var(--lime);background:#d6f46b14}.verify-link strong{font-size:14px;font-weight:540;display:block}.verify-link small{font-size:12px}.examples{color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.examples button{border:1px dashed var(--line-2);height:28px;color:var(--ink-2);font-family:var(--mono);background:0 0;border-radius:999px;padding:0 10px;font-size:12px}.examples button:hover{border-style:solid;border-color:var(--ink)}.reminders{border-top:1px solid #ffffff24;margin-top:18px;display:grid}.reminder{border-bottom:1px solid #ffffff1a;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;font-size:13.5px;display:grid}.reminder .offset{color:#ffffff80;font-family:var(--mono);font-size:12px}.reminder time{font-family:var(--mono);font-size:13px}.tool-below{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);padding-top:clamp(40px,6vw,80px);display:grid}.tool-explainer h2{letter-spacing:-.04em;font-size:clamp(24px,2.6vw,32px)}.tool-explainer h3{letter-spacing:-.02em;margin-top:28px;font-size:18px}.tool-explainer p,.tool-explainer li{color:var(--ink-2);margin-top:10px;font-size:15.5px;line-height:1.7}.tool-explainer ul{padding-left:20px}.tool-explainer code{background:var(--paper-2);font-family:var(--mono);border-radius:6px;padding:2px 6px;font-size:13px}.tool-explainer a{color:var(--brand-2);text-underline-offset:3px;text-decoration:underline}.sources-card{border:1px solid var(--line);border-radius:var(--radius-l);background:var(--surface);padding:22px}.sources-card h2{letter-spacing:-.02em;align-items:center;gap:8px;font-size:16px;display:flex}.sources-card>p{color:var(--faint);margin-top:6px;font-size:12.5px}.sources{margin-top:12px;padding:0;list-style:none;display:grid}.sources li+li{border-top:1px solid var(--line)}.sources a{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.sources strong{font-size:14px;font-weight:520;line-height:1.35;display:block}.sources span{color:var(--faint);font-size:12px}.sources svg{color:var(--faint);transition:transform .2s var(--ease), color .2s}.sources a:hover svg{color:var(--ink);transform:translate(2px,-2px)}.sources a:hover strong{text-underline-offset:3px;text-decoration:underline}.related{padding-top:clamp(48px,6vw,88px)}.related h2{letter-spacing:-.03em;margin-bottom:18px;font-size:22px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.related-grid .tile{grid-column:auto;min-height:170px}.data-table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}.data-table th{border-bottom:1px solid var(--line);background:var(--paper);color:var(--faint);font-family:var(--mono);letter-spacing:.06em;text-align:left;text-transform:uppercase;padding:12px 16px;font-size:11px;font-weight:500;position:sticky;top:0}.data-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 16px}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:var(--paper)}.data-table .num{font-family:var(--mono);text-align:right;white-space:nowrap}.data-table td small{color:var(--faint);margin-top:2px;font-size:12.5px;display:block}.data-table a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2);text-underline-offset:3px}.data-table a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.unconfirmed{color:var(--warn);font-family:var(--sans);margin-left:4px;font-size:11px}@media (max-width:960px){.tool,.tool-below{grid-template-columns:minmax(0,1fr)}.tool-result{position:static}.related-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.field-row,.field-row-3{grid-template-columns:minmax(0,1fr)}.reminder{grid-template-columns:52px minmax(0,1fr)}.reminder time{grid-column:2}}
