.date-calculator-page .calculator-wrap{padding-top:32px;padding-bottom:56px}.date-calculator-page .quick-choice,.date-calculator-page .date-card{background:#fff;border:1px solid #e3e8ef;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.06);padding:28px;margin-bottom:24px}.date-calculator-page .quick-choice h2,.date-calculator-page .date-card h2{margin:0 0 20px;color:#14213d}.date-calculator-page .quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.date-calculator-page .quick-card{min-height:100px;border:1px solid #dce4ee;border-radius:14px;background:#f8fbff;color:#40506a;padding:14px 10px;cursor:pointer;line-height:1.55}.date-calculator-page .quick-card strong{color:#172b4d;font-size:16px}.date-calculator-page .quick-card:hover,.date-calculator-page .quick-card:focus-visible{border-color:#315efb;background:#eef4ff;outline:3px solid rgba(49,94,251,.14)}.date-calculator-page .card-question{margin:0 0 6px;color:#315efb;font-weight:700}.date-calculator-page .card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.date-calculator-page .card-heading select{max-width:210px}.date-calculator-page .form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.date-calculator-page .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.date-calculator-page .field{min-width:0}.date-calculator-page .field label,.date-calculator-page .number-grid label{display:block;font-weight:700;color:#293750;margin-bottom:7px}.date-calculator-page input,.date-calculator-page select{box-sizing:border-box;width:100%;min-width:0;height:46px;border:1px solid #cfd8e3;border-radius:10px;background:#fff;padding:0 12px;font:inherit;color:#172033}.date-calculator-page input:focus,.date-calculator-page select:focus{border-color:#315efb;outline:3px solid rgba(49,94,251,.12)}.date-calculator-page .field small{display:block;color:#637188;font-size:13px;margin-top:6px}.date-calculator-page .check-row{display:flex;gap:22px;flex-wrap:wrap}.date-calculator-page .check{display:flex;align-items:center;gap:8px;margin:16px 0;color:#3d4b61}.date-calculator-page .check input{width:18px;height:18px}.date-calculator-page .calculate-button{border:0;border-radius:11px;background:#2454e6;color:#fff;font-weight:800;font-size:16px;padding:14px 22px;cursor:pointer}.date-calculator-page .form-error{border-radius:9px;background:#fff1f1;color:#b42318;padding:11px 13px;font-weight:700}.date-calculator-page .count-note{color:#526077;background:#f5f7fa;border-radius:10px;padding:12px 14px}.date-calculator-page .number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.date-calculator-page .preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.date-calculator-page .preset-row button,.date-calculator-page .result-actions button{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#30415d;padding:8px 13px;cursor:pointer}.date-calculator-page .calc-result{margin-top:22px;border:1px solid #bcd0ff;border-radius:15px;background:linear-gradient(145deg,#f5f8ff,#fff);padding:22px}.date-calculator-page .calc-result h3{margin:0 0 10px;font-size:21px}.date-calculator-page .calc-result h3 strong,.date-calculator-page .result-date{color:#1746c7}.date-calculator-page .calc-result dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.date-calculator-page .calc-result dl div{background:#fff;border-radius:10px;padding:12px}.date-calculator-page .calc-result dt{color:#667085;font-size:13px}.date-calculator-page .calc-result dd{margin:5px 0 0;font-weight:800}.date-calculator-page .result-hero{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;max-width:420px}.date-calculator-page .result-hero strong{font-size:25px;color:#1746c7}.date-calculator-page .result-date{font-weight:900;font-size:24px;margin:10px 0}.date-calculator-page .result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.date-calculator-page .copy-status{display:block;color:#2454e6;margin-top:8px}.date-calculator-page .example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.date-calculator-page .example-grid div{border:1px solid #e2e8f0;border-radius:12px;padding:16px}.date-calculator-page .example-grid h3{margin:0 0 7px;font-size:17px}.date-calculator-page code{word-break:break-word}
@media(max-width:900px){.date-calculator-page .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-calculator-page .example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.date-calculator-page .calculator-wrap{padding-top:20px}.date-calculator-page .quick-choice,.date-calculator-page .date-card{padding:18px 15px;border-radius:14px}.date-calculator-page .quick-grid,.date-calculator-page .form-grid,.date-calculator-page .form-grid.two{grid-template-columns:1fr}.date-calculator-page .quick-card{min-height:76px}.date-calculator-page .card-heading{display:block}.date-calculator-page .card-heading select{max-width:none;margin-bottom:16px}.date-calculator-page .number-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-calculator-page .calc-result dl,.date-calculator-page .example-grid{grid-template-columns:1fr}.date-calculator-page .result-date{font-size:20px;overflow-wrap:anywhere}.date-calculator-page .calculate-button{width:100%}}