.dir-wrap{width:min(1200px,calc(100% - 40px));margin:auto}
.dir-body{padding-block:24px 60px}
.dir-hero{background-size:cover}.dir-hero.dir-full{min-height:100vh}
.dir-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.dir-card,.dir-panel{padding:18px;border:1px solid var(--adt-border-default);background:var(--adt-background-secondary)}
.dir-card h2,.dir-card h3{font:400 27px var(--adt-font-editorial);color:var(--adt-white);margin:8px 0}
.dir-card p{line-height:1.55}.dir-card figure{margin:0 0 12px}.dir-card img{width:100%;max-height:220px;object-fit:cover}
.dir-card a,.dir-body a{color:inherit;text-underline-offset:3px}.dir-card small,.dir-card figcaption,.dir-note{color:#bfbfbf}
.dir-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.dir-filters a{padding:6px 10px;border:1px solid #777}
.dir-filters [aria-current]{background:#eee;color:#222}.dir-panel{margin:14px 0}.dir-panel summary{cursor:pointer}
.dir-panel form{display:grid;gap:10px;margin:12px 0}.dir-panel label{display:grid;gap:4px}
.dir-panel input:not([type=checkbox]),.dir-panel textarea,.dir-panel select{width:100%;max-width:750px;padding:8px;background:#303030;color:white;border:1px solid #888;font:inherit}
.dir-panel button{justify-self:start;padding:8px 12px;cursor:pointer}