.article-search{--Search-image-width: 12rem;--Search-aside-width: 17rem;--Search-heading-size: clamp(1.5rem, 2.5vw, 1.75rem);padding-block:var(--space-6) var(--section-space)}.article-search [hidden]{display:none!important}.article-search__explore{padding-block-end:var(--space-6);border-block-end:var(--line-width) solid var(--border)}.article-search__hero{min-width:0}.article-search__heading{margin-block-end:var(--space-4)}.article-search__heading .page-heading{max-width:none;font-size:var(--Search-heading-size);font-weight:var(--weight-bold)}.article-search__label{display:block;margin-block-end:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-normal)}.article-search__input-row{display:flex;align-items:stretch;gap:var(--space-3);max-width:var(--reading-width)}.article-search__input-wrap{position:relative;min-width:0;flex:1}.article-search__input-wrap svg{position:absolute;inset-inline-start:var(--space-6);top:50%;transform:translateY(-50%);color:var(--brand);pointer-events:none}.article-search input[type=search],.article-search select{width:100%;min-height:var(--control-height);color:var(--foreground);background:var(--card);border:var(--line-width) solid var(--input);border-radius:var(--radius-pill);font:inherit;font-size:var(--text-base)}.article-search input[type=search]{height:100%;padding:var(--space-3) var(--space-6);padding-inline-start:calc(var(--space-12) + var(--space-2))}.article-search select{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.article-search input::placeholder{color:var(--muted-foreground);opacity:1}.article-search__input-row .button-primary{flex-shrink:0;padding-inline:var(--space-8);border-radius:var(--radius-pill)}.article-search :is(input,select,summary,button,a):focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.article-search__filters{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-6) var(--space-8);margin-block-start:var(--space-4)}.article-search__purpose{min-width:0;margin:0;padding:0;border:0}.article-search__choices{display:flex;flex-wrap:wrap;gap:var(--space-2)}.article-search__choices label{position:relative;display:flex;cursor:pointer}.article-search__choices input{position:absolute;width:var(--line-width);height:var(--line-width);padding:0;margin:calc(-1 * var(--line-width));overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.article-search__choices span{display:inline-flex;align-items:center;min-height:var(--control-height);padding:var(--space-2) var(--space-6);color:var(--foreground);background:var(--card);border:var(--line-width) solid var(--input);border-radius:var(--radius-pill);font-size:var(--text-sm);line-height:var(--leading-tight);transition:background-color var(--duration-fast),border-color var(--duration-fast)}.article-search__choices input:checked+span{background:var(--brand);color:var(--scarlet-foreground);border-color:var(--brand);font-weight:var(--weight-medium)}.article-search__choices input:focus-visible+span{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.article-search__choices label:hover span{border-color:var(--brand)}.article-search__category{min-width:var(--Search-aside-width)}.article-search__extra{margin-block-start:var(--space-2)}.article-search__extra summary{width:fit-content;display:list-item;min-height:var(--control-height);padding-block:var(--space-3);color:var(--muted-foreground);cursor:pointer;font-size:var(--text-sm)}.article-search__extra-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);max-width:var(--reading-width);padding-block:var(--space-2)}.article-search__notice{margin-block-start:var(--space-4);color:var(--muted-foreground);font-size:var(--text-sm)}.article-search__body{display:grid;grid-template-columns:minmax(0,1fr) var(--Search-aside-width);align-items:start;gap:var(--space-12);padding-block-start:var(--space-6)}.article-search__results-section{min-width:0}.article-search__results-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--control-height);scroll-margin-block-start:calc(var(--header-height) + var(--space-4))}.article-search__results-heading h2{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-bold);scroll-margin-block-start:calc(var(--header-height) + var(--space-4))}.article-search__results-heading h2:focus-visible{outline:var(--focus-width) solid var(--ring);outline-offset:var(--focus-offset)}.article-search__reset{min-height:var(--control-height);padding-inline:var(--space-2);color:var(--muted-foreground);font-size:var(--text-sm);text-decoration:underline;text-underline-offset:var(--space-1);cursor:pointer}.article-search__conditions,.article-search__fallback-note{margin-block:var(--space-2);font-size:var(--text-sm);color:var(--muted-foreground);overflow-wrap:anywhere}.article-search__suggestion{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);margin-block:var(--space-4);background:var(--mint-surface);border-radius:var(--radius-md);color:var(--foreground)}.article-search__suggestion strong{display:block;font-size:var(--text-base);font-weight:var(--weight-bold)}.article-search__suggestion-label{font-size:var(--text-xs);color:var(--muted-foreground)}.article-search__results{padding:0;margin:0;list-style:none}.article-search__pagination{display:grid;justify-items:center;gap:var(--space-3);padding-block-start:var(--space-8)}.article-search__page-summary{margin:0;color:var(--muted-foreground);font-size:var(--text-sm);text-align:center;font-variant-numeric:tabular-nums}.article-search__pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);padding:0;margin:0;list-style:none}.article-search__page-link{display:inline-flex;align-items:center;justify-content:center;min-width:var(--control-height);min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:var(--line-width) solid transparent;border-radius:var(--radius-sm);color:var(--foreground);font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-tight);text-align:center;text-decoration:none;font-variant-numeric:tabular-nums}.article-search__page-link:hover{border-color:var(--border);background:var(--muted);color:var(--brand)}.article-search__page-link[aria-current=page]{border-color:var(--brand);background:var(--brand);color:var(--scarlet-foreground);font-weight:var(--weight-bold)}.article-search__page-link[aria-disabled=true]{border-color:transparent;background:transparent;color:var(--muted-foreground);cursor:default}.article-search__page-gap{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);padding-inline:var(--space-1);color:var(--muted-foreground);font-size:var(--text-sm)}.search-result{display:grid;grid-template-columns:var(--Search-image-width) minmax(0,1fr);gap:var(--space-6);padding-block:var(--space-6);border-block-end:var(--line-width) solid var(--border)}.search-result__image{display:block;align-self:start;overflow:hidden;border-radius:var(--radius-md);background:var(--muted);aspect-ratio:4 / 3}.search-result__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal) var(--ease-out)}.search-result:has(.search-result__title a:hover) .search-result__image img{transform:scale(1.025)}.search-result__body{min-width:0}.search-result__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-block-end:var(--space-2);color:var(--muted-foreground);font-size:var(--text-xs)}.search-result__category{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--brand);background:var(--sky-surface);font-weight:var(--weight-normal)}.search-result__language{padding-inline:var(--space-2);background:var(--muted);border-radius:var(--radius-xs)}.search-result__title{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);overflow-wrap:anywhere}.search-result__title a{color:var(--foreground);text-decoration:none}.search-result__title a:hover{color:var(--brand);text-decoration:underline;text-decoration-thickness:var(--line-width);text-underline-offset:var(--space-1)}.search-result__description{margin-block-start:var(--space-2);color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.search-result__foot{margin-block-start:var(--space-3)}.search-result__date{color:var(--muted-foreground);font-size:var(--text-xs)}.search-result__contexts{display:flex;flex-wrap:wrap;gap:0 var(--space-4)}.search-result__contexts a{display:inline-flex;align-items:center;flex-wrap:wrap;min-height:var(--control-height);color:var(--muted-foreground);font-size:var(--text-xs)}.search-result__contexts a:hover{color:var(--brand);text-decoration:underline;text-underline-offset:var(--space-1)}.article-search__rail{min-width:0}.article-search__roadmaps{padding:var(--space-6);background:var(--mint-surface);border-radius:var(--radius-lg);margin-block-start:var(--space-3)}.article-search__roadmap-icon{margin-block-end:var(--space-6);color:var(--foreground)}.article-search__roadmaps h2{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-block:var(--space-3) var(--space-6)}.article-search__roadmaps>a{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--control-height);padding-block:var(--space-3);color:var(--foreground);border-block-start:var(--line-width) solid var(--input);font-size:var(--text-sm)}.article-search__roadmaps>a:hover{text-decoration:underline;text-underline-offset:var(--space-1)}.article-search__empty{padding:var(--space-8);margin-block-start:var(--space-6);background:var(--peach-surface);border-radius:var(--radius-lg)}.article-search__empty-icon{display:block;margin-block-end:var(--space-6);color:var(--foreground)}.article-search__empty h3{font-family:var(--font-sans);font-size:var(--text-card);font-weight:var(--weight-bold)}.article-search__empty p{max-width:var(--reading-width);color:var(--muted-foreground);margin-block:var(--space-4) var(--space-6)}.article-search__empty-links{display:flex;align-items:start;flex-direction:column;gap:var(--space-3);margin-block-start:var(--space-6)}@media(max-width:64rem){.article-search__body{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}.article-search__roadmaps{max-width:var(--reading-width)}}@media(max-width:40rem){.article-search{--Search-image-width: 6rem;padding-block-start:var(--space-4)}.article-search__input-row{gap:var(--space-2)}.article-search__input-wrap svg{inset-inline-start:var(--space-4)}.article-search input[type=search]{padding-inline:var(--space-12) var(--space-3)}.article-search__input-row .button-primary{padding-inline:var(--space-4)}.article-search__filters{align-items:stretch;gap:var(--space-4)}.article-search__choices span{padding-inline:var(--space-4)}.article-search__category{min-width:0;width:100%}.article-search__extra-fields{grid-template-columns:minmax(0,1fr)}.article-search__pages{width:100%}.article-search__page-direction{order:1;flex:1 0 calc(50% - var(--space-1))}.article-search__page-direction .article-search__page-link{width:100%}.search-result{gap:var(--space-4)}.search-result__title{font-size:var(--text-lg)}.search-result__description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.search-result__contexts{display:block}.search-result__contexts a{display:block;padding-block:var(--space-3)}.article-search__empty{padding:var(--space-6)}}@media(prefers-reduced-motion:reduce){.article-search__choices span,.search-result__image img{transition:none}.search-result:has(.search-result__title a:hover) .search-result__image img{transform:none}}