pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;border:1px solid #91a3af;border-radius:6px;background:#eef3f7;font-size:.9rem}.date-demo{padding:1.1rem;border:1px solid #42637a;border-radius:8px;margin:1.4rem 0}.date-demo label{display:block;font-weight:650}.date-demo .demo-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.date-demo .sample-buttons{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.date-demo button{font:inherit;padding:.55rem .7rem;border:1px solid #42637a;border-radius:5px;background:#fff;color:#20384b;cursor:pointer}.date-demo .result p{margin:.4rem 0}#date-demo-error{color:#8b251c}