/* Seconds mode for the life milestone calculator */
.container--seconds-birthday{width:min(100% - 1.5rem,80rem);max-width:100%;min-width:0}.seconds-birthday-panel{box-sizing:border-box;min-width:0}.seconds-birthday-heading,.seconds-birthday-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.seconds-birthday-heading h2,.seconds-birthday-result-heading h2{margin:0}.seconds-birthday-step{margin:0;color:var(--color-primary);font-size:.75rem;font-weight:900;letter-spacing:.08em}.seconds-birthday-important{padding:.8rem;border-left:4px solid var(--color-primary);background:rgba(20,107,99,.07)}.seconds-birthday-example,.seconds-birthday-offset-note{color:var(--color-muted);font-size:.85rem;font-weight:750}.seconds-birthday-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.seconds-birthday-fields>label{display:grid;min-width:0;align-content:start;gap:.4rem;font-weight:850}.seconds-birthday-fields small{color:var(--color-muted);font-weight:600}.seconds-birthday-fields input,.seconds-birthday-fields select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:50px;padding:.65rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}.seconds-birthday-fields input:disabled{cursor:not-allowed;opacity:.55}.seconds-birthday-unknown{display:flex;align-items:flex-start;gap:.65rem;margin-top:.9rem;padding:.8rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft);cursor:pointer}.seconds-birthday-unknown input{width:1.2rem;height:1.2rem;margin:.15rem 0 0;accent-color:var(--color-primary)}.seconds-birthday-unknown span{display:grid;gap:.15rem}.seconds-birthday-unknown small{color:var(--color-muted);font-weight:600}.seconds-birthday-calculate{width:100%;margin-top:.85rem}.seconds-birthday-fields input:focus,.seconds-birthday-fields select:focus,.seconds-birthday-unknown input:focus-visible,.seconds-birthday-heading button:focus-visible,.seconds-birthday-result-heading button:focus-visible{border-color:var(--color-primary);outline:3px solid rgba(20,107,99,.24);outline-offset:2px}.seconds-birthday-error{min-height:1.5em}.seconds-birthday-results{min-width:0;margin-top:1rem;padding-top:1.1rem;border-top:1px solid var(--color-border)}.seconds-birthday-result-heading{align-items:center}.seconds-birthday-primary{display:grid;gap:.35rem;min-width:0;margin:1rem 0;padding:1.1rem;border:2px solid var(--color-primary);border-radius:var(--radius-md);background:rgba(20,107,99,.09)}.seconds-birthday-primary span{color:var(--color-muted);font-size:.9rem;font-weight:850}.seconds-birthday-primary strong{color:var(--color-primary);font-size:clamp(1.35rem,4.5vw,2.2rem);overflow-wrap:anywhere}.seconds-birthday-primary p{margin:.25rem 0 0;font-weight:900;overflow-wrap:anywhere}.seconds-birthday-duration{min-width:0;padding:.85rem;border-left:4px solid var(--color-primary);background:rgba(20,107,99,.06);font-weight:900;overflow-wrap:anywhere}.seconds-birthday-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:.8rem}.seconds-birthday-summary article,.seconds-birthday-custom{box-sizing:border-box;min-width:0;padding:.85rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.seconds-birthday-summary h3,.seconds-birthday-custom h3{margin:0;color:var(--color-muted);font-size:.82rem}.seconds-birthday-summary strong,.seconds-birthday-summary span,.seconds-birthday-custom strong{display:block;margin-top:.35rem;overflow-wrap:anywhere}.seconds-birthday-summary strong,.seconds-birthday-custom strong{color:var(--color-primary)}.seconds-birthday-summary span{color:var(--color-muted);font-size:.85rem}.seconds-birthday-next{min-width:0;margin-top:.8rem;padding:.85rem;border:1px solid rgba(20,107,99,.35);border-radius:var(--radius-sm);background:rgba(20,107,99,.07)}.seconds-birthday-next h3,.seconds-birthday-next p{margin:.2rem 0}.seconds-birthday-next p{font-weight:850;overflow-wrap:anywhere}.seconds-birthday-milestone-section{margin-top:1.2rem}.seconds-birthday-milestones{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.seconds-birthday-milestones article{display:grid;min-width:0;gap:.25rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.seconds-birthday-milestones h3{margin:0;color:var(--color-primary);font-size:.9rem}.seconds-birthday-milestones strong,.seconds-birthday-milestones span{overflow-wrap:anywhere}.seconds-birthday-milestones span{color:var(--color-muted);font-size:.82rem;font-weight:750}.seconds-birthday-milestone__status{color:var(--color-text)!important}.seconds-birthday-custom{margin-top:.8rem}.seconds-birthday-copy-status{min-height:1.4em}
@media(max-width:980px){.seconds-birthday-milestones{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.seconds-birthday-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.seconds-birthday-fields,.seconds-birthday-summary,.seconds-birthday-milestones{grid-template-columns:1fr}.seconds-birthday-milestones strong,.seconds-birthday-milestones span{word-break:break-word}}
@media(max-width:480px){.container--seconds-birthday{width:min(100% - 1rem,80rem);padding-inline:0}.container--seconds-birthday .tool-panel{width:100%;max-width:100%;min-width:0;padding:.85rem}.seconds-birthday-heading,.seconds-birthday-result-heading{align-items:stretch;flex-direction:column}.seconds-birthday-heading .button-secondary,.seconds-birthday-result-heading .button-secondary{width:100%;min-width:0}}

/* Simplified seconds form and result */
.seconds-birthday-heading{align-items:center}.seconds-birthday-heading>.button-secondary{padding:.45rem .7rem;font-size:.82rem}.seconds-birthday-fields--primary,.seconds-birthday-fields--advanced{grid-template-columns:repeat(2,minmax(0,1fr))}.seconds-birthday-result-heading{display:block}.seconds-birthday-primary{margin:.75rem 0}.seconds-birthday-primary strong{line-height:1.3}.milestone-result-details .seconds-birthday-duration{margin:.9rem;padding:.85rem}.seconds-birthday-offset-note{margin:.75rem .9rem}.milestone-disclosure .seconds-birthday-fields{padding-bottom:0}
@media(max-width:650px){.seconds-birthday-fields--primary,.seconds-birthday-fields--advanced{grid-template-columns:1fr}.seconds-birthday-primary{padding:.9rem}.seconds-birthday-primary strong{font-size:clamp(1.2rem,7vw,1.65rem)}}
