/* Advertising layout only. Existing directory content and controls are retained. */
[data-banner-slot][hidden]{display:none!important}
.ad-layout{max-width:1560px;margin:0 auto;padding:24px 40px 0;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:24px;align-items:start}
.ad-primary{min-width:0;container:ad-content / inline-size}
.ad-primary .container{max-width:none;padding-left:0;padding-right:0}
.ad-top{display:grid;grid-template-columns:minmax(0,270fr) minmax(0,550fr);gap:20px;align-items:start}
.ad-top:not(:has(>[data-banner-slot]:not([hidden]))),.ad-rail:not(:has([data-banner-slot]:not([hidden]))){display:none}
.ad-layout:not(:has(.ad-rail [data-banner-slot]:not([hidden]))){grid-template-columns:minmax(0,1fr);max-width:1320px}
.ad-label{margin:0 0 6px;color:#64758c;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0}
.ad-creative{display:flex;width:100%;aspect-ratio:var(--ad-ratio);overflow:hidden;border-radius:6px;background:#f1f4f8;align-items:center;justify-content:center}
.ad-creative img{display:block;width:100%;height:100%;object-fit:contain}
.ad-creative:focus-visible,.ad-rail-slots:focus-visible{outline:3px solid #2c61a4;outline-offset:4px}
.ad-placeholder{border:1px solid #d6e0ed;background:#f1f5fb;color:#48627f;text-align:center;padding:16px;font-size:14px;line-height:1.7}
.ad-placeholder strong{display:block;font-weight:600;font-size:16px;color:#2d496d}
.ad-placeholder small{display:block;margin-top:6px;font-size:13px;color:#6c7f98;letter-spacing:0}
[data-banner-slot="top"] .ad-placeholder{background:#edf3fb;border-color:#cbd8ec}
.ad-rail{min-width:0;padding-top:0}
.ad-rail-heading{display:none}
.ad-rail-slots{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;outline-offset:4px}
.ad-band{padding:0 0 24px}
.ad-band .ad-creative,.ad-band .ad-label{max-width:var(--ad-width);margin-left:auto;margin-right:auto}
.ad-mobile{display:none}
@container ad-content (max-width:1150px){.vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container ad-content (max-width:850px){.category{flex-direction:row;text-align:left;justify-content:flex-start}.category small{display:block}.workspace-grid{grid-template-columns:180px minmax(0,1fr);gap:18px}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1180px){.ad-layout{padding-left:28px;padding-right:28px}}
@media(max-width:1050px){.ad-layout{display:block}.ad-rail{padding:8px 0 28px}.ad-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#4c6586;margin-bottom:12px}.ad-rail-heading small{font-size:12px;color:#7c8ca3}.ad-rail-slots{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 12px;overscroll-behavior-x:contain}.ad-rail-slots>section{flex:0 0 200px;scroll-snap-align:start}}
@media(max-width:768px){.ad-desktop{display:none}.ad-mobile{display:block}.ad-layout{padding-top:16px}.ad-band{padding-bottom:0}}
@media(max-width:640px){.ad-layout{padding:14px 20px 0}.ad-primary .vendor-grid,.ad-primary .saved-grid{grid-template-columns:1fr}.ad-primary .category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ad-primary .category{flex-direction:column;text-align:center;justify-content:flex-start}.ad-primary .category small{display:none}.ad-primary .workspace-grid{gap:0}}