@layer reset, tokens, base, layout, components, utilities;
@layer components{
/* == c-hs ====== */
.c-hs{position:relative;display:flex;align-items:center;min-inline-size:0}
.c-hs [hidden]{display:none!important}
.c-hs__open{display:inline-flex}
.c-hs__panel{display:none}
.c-hs.is-open .c-hs__panel{display:flex;flex-direction:column;position:fixed;inset:0;z-index:calc(var(--z-tooltip) + 1);gap:var(--sp-2);padding:max(var(--sp-2),env(safe-area-inset-top)) max(var(--gutter),env(safe-area-inset-right)) 0 max(var(--gutter),env(safe-area-inset-left));background:var(--surface-0)}
.c-hs__bar{position:relative;display:flex;align-items:center;gap:var(--sp-2);min-inline-size:0}
.c-hs__icon{position:absolute;inset-inline-start:var(--sp-3);inset-block:0;margin-block:auto;inline-size:20px;block-size:20px;color:var(--text-3);pointer-events:none}
.c-hs__input{flex:1;min-inline-size:0;block-size:var(--tap);padding-inline:var(--sp-7) var(--sp-3);background:var(--surface-1);border:1px solid var(--line-control);border-radius:var(--r-pill);font:var(--t-data);color:var(--text-1);transition:background-color var(--dur-1) var(--ease-out)}
.c-hs__input::placeholder{color:var(--text-3)}
.c-hs__input:hover{background:var(--surface-2)}
.c-hs__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.c-hs__input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.c-hs__close,.c-hs__clear{flex:none;display:inline-flex;align-items:center;min-block-size:var(--tap);padding-inline:var(--sp-3);border-radius:var(--r-2);font:var(--t-data);font-weight:600;color:var(--text-1)}
.c-hs__clear{color:var(--text-2)}
.c-hs__close:hover,.c-hs__clear:hover{background:var(--surface-2)}
.c-hs__pop{flex:1;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding-block-end:env(safe-area-inset-bottom);background:var(--surface-0)}
.c-hs__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding-inline-start:var(--sp-3)}
.c-hs__headtext,.c-hs__group{font:var(--t-label);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--text-3)}
.c-hs__group{padding:var(--sp-3) var(--sp-3) var(--sp-1)}
.c-hs__list{list-style:none;padding:0;margin:0}
.c-hs__link{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:var(--sp-3);min-block-size:52px;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-2);color:var(--text-1)}
.c-hs__link:hover{background:var(--surface-2);text-decoration:none}
.c-hs__opt[aria-selected="true"]>.c-hs__link{background:var(--surface-3);box-shadow:inset 2px 0 0 var(--focus)}
.c-hs__img{display:block;inline-size:36px;block-size:36px;border-radius:var(--r-pill);background:var(--surface-3);box-shadow:var(--e-crest);object-fit:contain;padding:12%}
.c-hs__img--p{object-fit:cover;object-position:50% 15%;padding:0;background:var(--surface-2)}
.c-hs__img--mono{display:grid;place-items:center;padding:0;font:600 var(--fs-13)/1 var(--font-score);color:var(--text-2)}
.c-hs__txt{display:grid;min-inline-size:0}
.c-hs__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:var(--t-data);font-weight:600;color:var(--text-1);overflow-wrap:anywhere}
.c-hs__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--t-meta);color:var(--text-2)}
.c-hs__status:not(.u-sr-only){margin:0;padding:var(--sp-3);font:var(--t-data);color:var(--text-2);max-inline-size:none}
:lang(hi) :is(.c-hs__headtext,.c-hs__group){letter-spacing:0;text-transform:none}
html.hs-lock,html.hs-lock body{overflow:hidden}
html.hs-lock .c-installbar{display:none!important}
@media (min-width:56.25em){
  .c-hs__open{display:none}
  .c-hs__panel{display:block;position:relative}
  .c-hs__input{inline-size:240px;flex:none}
  .c-hs__pop{position:absolute;inset-block-start:calc(100% + var(--sp-2));inset-inline-end:0;z-index:var(--z-tooltip);inline-size:min(420px,90vw);max-block-size:min(70vh,560px);padding:var(--sp-2);background:var(--surface-1);border:1px solid var(--line-2);border-radius:var(--r-3);box-shadow:var(--e3)}
}
@media (min-width:75em){.c-hs__input{inline-size:280px}}
@media (forced-colors:active){.c-hs__opt[aria-selected="true"]>.c-hs__link{outline:2px solid Highlight}}

/* == c-sr ====== */
.c-sr__list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-2);list-style:none;padding:0;margin:0;min-inline-size:0}
.c-sr__item{min-inline-size:0}
.c-sr__link{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:var(--sp-3);min-block-size:56px;padding:var(--sp-2) var(--sp-3);background:var(--surface-1);border:1px solid var(--line-1);border-radius:var(--r-3);color:var(--text-1);transition:border-color var(--dur-1) var(--ease-out)}
.c-sr__link:hover{border-color:var(--line-hover);text-decoration:none}
.c-sr__img{display:block;inline-size:40px;block-size:40px;border-radius:var(--r-pill);background:var(--surface-3);box-shadow:var(--e-crest);object-fit:contain;padding:12%}
.c-sr__img--p{object-fit:cover;object-position:50% 15%;padding:0;background:var(--surface-2)}
.c-sr__img--mono{display:grid;place-items:center;padding:0;font:600 var(--fs-13)/1 var(--font-score);color:var(--text-2);text-transform:uppercase}
.c-sr__txt{display:grid;min-inline-size:0}
.c-sr__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:var(--t-data);font-weight:600;color:var(--text-1);overflow-wrap:anywhere}
.c-sr__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--t-meta);color:var(--text-2)}
.c-sr__count{display:inline-grid;place-items:center;min-inline-size:28px;block-size:24px;margin-inline-start:var(--sp-2);padding-inline:var(--sp-2);border-radius:var(--r-pill);background:var(--surface-3);font:600 var(--fs-13)/1 var(--font-score);color:var(--text-2);vertical-align:middle}
:lang(hi) .c-sr__img--mono{text-transform:none}
@media (min-width:37.5em){.c-sr__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:64em){.c-sr__list{grid-template-columns:repeat(3,minmax(0,1fr))}}
}