.ww-material-controls{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;margin:1.25rem 0;padding:1rem;background:#f4f1ed;border-radius:.6rem}
.ww-material-controls[hidden],.ww-material-card[hidden],[data-empty][hidden]{display:none!important}
.ww-material-controls>div:first-child{flex:2 1 16rem}.ww-material-controls>div{flex:1 1 12rem;min-width:0}
.ww-material-controls label{display:block;font-weight:700;margin-bottom:.4rem}
.ww-material-controls input,.ww-material-controls select,.ww-material-controls button{font:inherit;min-height:44px;border:1px solid #837b73;border-radius:.35rem;background:#fff;color:#29231f;padding:.6rem;box-sizing:border-box}
.ww-material-controls input,.ww-material-controls select{width:100%;max-width:100%}
.ww-material-controls button{cursor:pointer;flex:0 1 auto}
.ww-material-catalog :focus-visible{outline:3px solid #782b58;outline-offset:3px}
.ww-material-grid{list-style:none!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:1rem}
.ww-material-grid>.ww-material-card{margin:0!important;padding:1.1rem;border:1px solid #d8d0c8;border-radius:.5rem;min-width:0;overflow-wrap:anywhere}
.ww-material-card h3{margin:.25rem 0 .75rem!important;font-size:1.2rem;line-height:1.35}
.ww-material-card p{margin:.6rem 0}.ww-material-type{font-size:.85rem;color:#694e3b}
.ww-material-links{display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.ww-material-links a{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}
@media print{.ww-material-controls,[data-count],[data-empty]{display:none!important}.ww-material-grid{display:block}.ww-material-card{break-inside:avoid;margin-bottom:1rem!important;border-color:#888}.ww-material-links a{min-height:0}}

/* Keep linked card titles readable on the existing blue heading background. */
.ww-material-card h3 a,
.ww-material-card h3 a:visited,
.ww-material-card h3 a:hover,
.ww-material-card h3 a:focus-visible{color:inherit}