/* One public-site frame, derived from the approved homepage. */
html{scrollbar-gutter:stable}
body.experience{--portal-content-max:1240px;--portal-content-gutters:80px}
html body.experience:not(.dashboard-screen):not(.auth-screen) .exp-wrap,
html body.experience:not(.dashboard-screen):not(.auth-screen) .wrapper>main>.container,
html body.experience:not(.dashboard-screen):not(.auth-screen) .wrapper>main>.breadcrumbs>.container,
html body.experience:not(.dashboard-screen):not(.auth-screen) .wrapper>.container{width:min(var(--portal-content-max),calc(100% - var(--portal-content-gutters)));max-width:var(--portal-content-max);margin-inline:auto;padding-inline:0}
@media(min-width:1500px){.category-experience .cat-layout{grid-template-columns:178px minmax(0,1fr) 190px;gap:28px}.category-experience .cat-hero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:78px}}
@media(max-width:900px){body.experience{--portal-content-gutters:48px}}
@media(max-width:767px){body.experience{--portal-content-gutters:32px}}
@media(max-width:360px){body.experience{--portal-content-gutters:24px}}

/* The search form is itself a frame: retain its internal breathing room. */
html body.experience:not(.dashboard-screen):not(.auth-screen) form.exp-compact-search.exp-wrap{gap:14px;min-height:64px;padding:8px 8px 8px 20px;border-color:var(--exp-border);box-shadow:0 2px 8px rgba(30,45,35,.025)}
html body.experience form.exp-compact-search:focus-within{border-color:var(--exp-accent);outline:2px solid var(--exp-accent);outline-offset:3px}
html body.experience form.exp-compact-search>.fa{font-size:18px;flex:0 0 20px;text-align:center}
html body.experience form.exp-compact-search>input{flex:1 1 auto;width:auto;min-width:0;min-height:44px;padding:0;border:0;outline:0;box-shadow:none;font-size:14px;font-weight:400;line-height:1.5}
html body.experience form.exp-compact-search>button{display:inline-flex;align-items:center;justify-content:center;gap:20px;flex:0 0 124px;min-height:46px;padding:10px 18px;font-size:12px;white-space:nowrap}
html body.experience form.exp-compact-search>button::after{content:'\2192';font:400 20px/1 Arial,sans-serif}
@media(max-width:767px){html body.experience:not(.dashboard-screen):not(.auth-screen) form.exp-compact-search.exp-wrap{gap:10px;min-height:60px;padding:6px 6px 6px 14px}html body.experience form.exp-compact-search>input{font-size:13px}html body.experience form.exp-compact-search>button{flex-basis:82px;gap:8px;padding-inline:10px}html body.experience form.exp-compact-search>button::after{font-size:17px}}