.date-tools h2{font-size:22px;margin:0 0 12px}.date-tools h3{font-size:18px}.date-tools .tool-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.date-tools label>*{display:block;width:100%;margin-top:6px}.date-tools .tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.date-tools .compare-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.date-tools .compare-card{border:1px solid var(--line);border-radius:9px;padding:16px;min-width:0;overflow-wrap:anywhere;background:var(--soft)}.date-tools .compare-card h3{margin-top:0}.date-tools .compare-card p{font-size:15px}.date-tools .event-status{color:var(--accent);font-weight:700}.date-tools .birthday-row{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.date-tools .birthday-row small{display:block;color:var(--muted)}.date-tools .metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.date-tools .metrics p{padding:14px;background:var(--soft);border-radius:8px;margin:0}.date-tools .metrics strong{display:block;font-size:26px;color:var(--accent)}.search-result-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.search-result-wrap .result-card{width:100%}@media(max-width:650px){.date-tools .compare-cards{grid-template-columns:minmax(0,1fr)}.date-tools .birthday-row{grid-template-columns:65px minmax(0,1fr)}.date-tools .birthday-row a{grid-column:2}.search-result-wrap{grid-template-columns:minmax(0,1fr)}.search-result-wrap>button:last-child{justify-self:end;margin-bottom:12px}}

/* v191: native date controls need more space than half a phone card. */
@media(max-width:480px){.date-tools .tool-fields{grid-template-columns:minmax(0,1fr)}.date-tools .tool-actions>button{flex:1 1 100%;white-space:normal}.date-tools .metrics strong{font-size:22px}}