.related-calculators{margin:32px 0;color:#172344}.related-calculators h2{font-size:1.5rem;letter-spacing:-.03em;margin:0 0 16px}.calculator-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.calculator-links a{display:block;padding:20px;border:1px solid #bfdbfe;border-radius:16px;background:#fff;text-decoration:none;color:#1d4ed8;min-width:0}.calculator-links a:hover{border-color:#2563eb;background:#eff6ff}.calculator-links strong{color:#1d4ed8;text-decoration:underline;text-underline-offset:3px;display:block;font-size:1rem;line-height:1.4;margin-bottom:8px}.calculator-links span{display:block;color:#586b86;font-size:.9375rem;line-height:1.6}.calculator-links a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.tool-page{margin:0;background:#f6f8fc;color:#172344;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}.tool-page *{box-sizing:border-box}.tool-page a{color:#225a92}.tool-page :focus-visible{outline:3px solid #168c7c;outline-offset:3px}.tool-shell{max-width:1100px;padding:0 24px;margin:auto}.tool-header{background:#111936}.tool-header .tool-shell{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.tool-header img{display:block;max-width:100%;height:auto}.tool-header a{color:white;text-decoration:none;font-size:.9375rem}.breadcrumbs{margin:28px 0 18px;color:#5d708c;font-size:.875rem;overflow-wrap:anywhere}.breadcrumbs a{margin-right:8px}.breadcrumbs span:last-child{margin-left:8px}.tool-page h1{font-size:clamp(1.9rem,4vw,2.75rem);line-height:1.15;letter-spacing:-.04em;margin:0 0 12px}.tool-intro{max-width:760px;margin:0 0 26px;color:#586b86}.tool-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}.tool-panel{background:white;border:1px solid #dfe6ef;padding:28px;border-radius:20px;min-width:0}.tool-page h2{font-size:1.45rem;letter-spacing:-.025em;line-height:1.3;margin:0 0 20px}.tool-field{margin-bottom:18px}.tool-field label{display:block;font-size:.9375rem;font-weight:700;margin-bottom:8px}.tool-field input{display:block;font:inherit;width:100%;min-width:0;max-width:100%;height:52px;padding:0 12px;border:1px solid #ccd9e6;border-radius:10px;background:#f7f9fd;color:#172344;color-scheme:light}.tool-button{font:inherit;font-weight:750;width:100%;min-height:52px;padding:12px 16px;border:0;border-radius:10px;background:#27bda8;color:#102a36;cursor:pointer}.tool-button:hover{background:#5bd7c3}.tool-error{font-size:.9375rem;min-height:24px;margin:10px 0;color:#b02d48}.tool-privacy{font-size:.875rem;line-height:1.5;color:#61748e;border-top:1px solid #e4eaf2;padding-top:16px;margin-bottom:0}.tool-result{border-top:4px solid #27bda8;min-height:220px}.tool-muted{color:#5d708c}.result-number{font-size:clamp(2.4rem,6vw,4rem);font-weight:800;letter-spacing:-.05em;line-height:1.1;margin:18px 0 10px;overflow-wrap:anywhere}.result-note{color:#48617f;margin:8px 0 0}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.result-metric{padding:16px;background:#f4f7fc;border-radius:12px;min-width:0}.result-metric b{font-size:1.45rem;display:block;overflow-wrap:anywhere}.result-metric span{font-size:.875rem;color:#5d708c}.tool-faq{margin:38px 0}.tool-faq details{border-bottom:1px solid #dbe3ef;padding:16px 0}.tool-faq summary{font-weight:700;cursor:pointer;min-height:24px}.tool-faq p{color:#586b86;margin-bottom:0}.tool-footer{border-top:1px solid #dbe3ef;display:flex;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:28px;margin-top:42px;font-size:.875rem}.tool-footer nav{display:flex;gap:18px;flex-wrap:wrap}
@media(max-width:700px){.calculator-links{grid-template-columns:1fr}.tool-workspace{grid-template-columns:1fr}.tool-shell{padding-left:16px;padding-right:16px}.tool-panel{padding:22px}.tool-header img{width:174px}.tool-header .tool-shell{min-height:64px;gap:16px}.tool-header a:last-child{font-size:.875rem}.tool-footer{flex-direction:column}.breadcrumbs{margin-top:20px}.tool-intro{margin-bottom:20px}}

.tool-page .back-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:24px 0 20px;padding:10px 16px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff;color:#1d4ed8;text-decoration:none;font-size:.9375rem;font-weight:700}.tool-page .back-button:hover{background:#dbeafe;border-color:#2563eb}.date-format-hint{font-size:.875rem;color:#61748e;margin:-6px 0 20px}.tool-page button{cursor:pointer}

/* Compact phone layouts and comfortable touch targets. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
a,button,summary{touch-action:manipulation}
@media(max-width:700px){
  .tool-shell,.shell{min-width:0}
  .tool-header .tool-shell{flex-wrap:wrap;padding-top:10px;padding-bottom:10px;gap:8px 12px}
  .tool-header a:last-child{display:flex;align-items:center;min-height:44px}
  .tool-page .back-button{display:flex;width:fit-content;max-width:100%;margin:16px 0;padding:10px 14px;line-height:1.4}
  .tool-page h1{font-size:clamp(1.8rem,7vw,2.2rem);line-height:1.16;overflow-wrap:break-word}
  .tool-intro{margin-bottom:18px;line-height:1.5}
  .tool-panel{padding:18px;border-radius:16px}
  .tool-workspace{gap:14px}
  .tool-field{margin-bottom:16px}
  .tool-field input{font-size:16px}
  .tool-panel h2{margin-bottom:16px}
  .tool-result{min-height:160px}
  .result-grid{gap:10px}
  .result-metric{padding:12px}
  .calculator-links{gap:10px}
  .calculator-links a{padding:16px}
  .calculator-links strong{margin-bottom:5px}
  .tool-faq{margin:28px 0}
  .tool-faq summary{display:list-item;min-height:44px;padding:8px 0}
  .tool-footer nav a,.footline nav a{display:inline-flex;align-items:center;min-height:44px}
  .tool-footer nav,.footline nav{gap:4px 16px}
}
@media(max-width:600px){
  body .intro{padding:20px 0 68px}
  body .intro h1{font-size:clamp(1.85rem,7.8vw,2.3rem);line-height:1.14;letter-spacing:-.04em}
  body .main{margin-top:-40px}
  body .input-panel,body .result-panel{padding:18px}
  body .below{padding-top:28px}
  body .related-calculators{margin:24px 0}
  body .mobile-nav summary{min-height:44px;display:flex;align-items:center}
  .tool-page .back-button{width:100%;justify-content:center}
}
@media(max-width:360px){
  .result-grid{grid-template-columns:1fr}
  .tool-header img{width:158px}
  .tool-page .back-button{font-size:.875rem}
}