/* Small opacity/transform transitions; native scrolling stays under browser control. */
html{scroll-behavior:smooth;scroll-padding-top:20px}
main{min-width:0;transition:opacity .12s ease-out}main.is-fetching{opacity:.94}
.reveal-pending{opacity:.88;transform:translateY(8px);transition:opacity .28s ease-out,transform .28s ease-out}.reveal-pending.is-revealed{opacity:1;transform:none}
.button,.hero-go,.section-link,.site-header nav>a{transition:background-color .15s,color .15s,transform .15s,opacity .15s}
.button:active,.hero-go:active{transform:translateY(1px)}
@keyframes menu-enter{from{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:none}}
.design-search{gap:10px;padding-inline:18px;background:#fffdf8;border-color:#ded5c8}
.design-search:focus-within{border-color:var(--coral);box-shadow:0 0 0 3px #ff614b18}
.design-search input[type=search]{appearance:none;width:0;min-width:0;flex:1 1 0%;font-family:var(--sans);color:var(--ink);box-shadow:none}
.design-search input::placeholder,.search-bar input::placeholder{color:#78716c;opacity:1}
.design-search input:focus-visible{outline:none}
.design-search button{flex:none;border-radius:50%;width:32px;height:32px;min-height:32px;padding:6px}
.design-search button:hover{background:#f1e9df}.design-search button:focus-visible{outline:2px solid var(--plum);outline-offset:2px}
.site-header .header-search{width:210px;padding-inline:12px;height:40px;background:#f0ebe4;border:1px solid #e3d9cd}
.site-header .header-search input{font-size:12px!important}
.site-header .header-search button{display:grid;width:26px;height:26px;min-height:26px;padding:4px}
.site-header nav{gap:16px}
.search-bar{align-items:stretch;gap:10px;margin:24px 0 20px}
.search-bar input[type=search]{appearance:none;flex:1 1 0%;width:0;min-width:0;min-height:48px;padding:12px 18px;border:1px solid #ded5c8;border-radius:8px;background:#fffdf8;font-family:var(--sans);font-size:15px}
.search-bar input:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.search-bar .button{flex:none;padding:11px 24px}
.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-bottom:24px}
.filter-row label,.filter-row .field{min-width:0;margin:0;font-size:12px;font-weight:500;letter-spacing:0}
.filter-row select,.filter-row input{margin-top:6px;border-color:#ded5c8;border-radius:8px;font-size:13px;min-height:44px;background:#fffdf8}
.username-hint{margin-top:-12px}#username-status{overflow-wrap:anywhere;min-height:21px}#username-status[data-state=available]{color:#286343}#username-status[data-state=taken]{color:#a52232}
.work-layout>*,.workspace-layout>*,.profile-hero>*,.container{min-width:0}.work-meta h1,.profile-hero h1{overflow-wrap:anywhere}.seo-work-image{max-width:100%;height:auto}.server-intro{padding-block:30px}
@media(min-width:701px) and (max-width:1050px){.site-header .header-search{display:none}.site-header nav{gap:14px}.site-header nav>a:not(.button){font-size:12px}.site-header .language{font-size:12px}.site-header .button{font-size:11px}}
@media(max-width:700px){.site-header nav.open{animation:menu-enter .16s ease-out}.site-header .header-search{width:100%;display:flex;height:44px}.site-header .header-search input{font-size:14px!important}.search-bar{flex-wrap:nowrap}.search-bar input[type=search]{font-size:14px;padding-inline:12px}.search-bar .button{font-size:13px;padding-inline:16px}.filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.filter-row select,.filter-row input{font-size:12px;min-width:0}.check-group{min-width:0}.check-group label{overflow-wrap:anywhere}.design-hero h1{overflow-wrap:normal}}
@media(max-width:360px){.filter-row{grid-template-columns:1fr}.design-hero h1{font-size:46px}html[lang=hi] .design-hero h1{font-size:43px}.design-section-heading h2{font-size:28px}.community-copy h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}