body[data-page-type=search]{height:100dvh;overflow:hidden}body[data-page-type=search] #main-content{flex:auto;min-height:0;display:flex;overflow:hidden}.search-page{flex-direction:column;flex:auto;min-height:0;padding-top:clamp(96px,22dvh,200px);padding-bottom:0;display:flex}.search-page-ui{flex-direction:column;flex:auto;width:100%;max-width:980px;min-height:0;margin-inline:auto;display:flex}.search-field{border:1px solid var(--color-border-primary);border-radius:var(--radius-medium);background:var(--color-background-secondary);height:64px;color:var(--color-text-secondary);flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 16px 0 20px;display:grid}.search-field:focus-within{border-color:var(--color-background-accent)}.search-field input{width:100%;color:var(--color-text-primary);background:0 0;border:0;outline:0;font-size:21px}.search-field input::placeholder{opacity:.2}.search-field input::-webkit-search-cancel-button{display:none}.search-field button{width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.search-field button:hover{color:var(--color-text-primary)}.search-status{flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px;min-height:52px;display:flex}.search-count{color:var(--color-text-secondary);margin:0;font-size:14px}.search-results{overscroll-behavior:contain;scrollbar-color:var(--color-text-tertiary) transparent;scrollbar-gutter:stable;scrollbar-width:thin;flex:auto;min-height:0;padding-right:8px;overflow:hidden auto}.search-results:focus-visible{outline:2px solid var(--color-text-accent);outline-offset:-2px;border-radius:var(--radius-small)}.search-results::-webkit-scrollbar{width:10px}.search-results::-webkit-scrollbar-track{background:0 0}.search-results::-webkit-scrollbar-thumb{border:2px solid var(--color-background-primary);border-radius:var(--radius-full);background:var(--color-text-tertiary)}.search-results::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.search-empty{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:700}.search-retry{border-radius:var(--radius-small);color:var(--color-text-accent);cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:14px;font-weight:600}.search-retry:hover{background:var(--color-background-secondary-hover)}.search-result{color:var(--color-text-primary);align-items:flex-start;gap:min(40px,3%);padding:30px 0 40px;display:flex}.search-result-title:hover strong,.search-result-title:focus-visible strong,.search-result-heading:hover,.search-result-heading:focus-visible{text-decoration:underline}.search-result img{aspect-ratio:3/2;border-radius:var(--radius-small);object-fit:cover;width:min(30%,120px);max-width:120px;margin-top:10px}.search-result-copy{flex-direction:column;flex:1;align-items:flex-start;min-width:0;margin-top:10px;display:flex}.search-result-copy strong{font-size:21px;font-weight:700}.search-result-title{color:var(--color-text-primary);text-decoration:none}.search-result-copy time{color:var(--color-text-secondary);font-size:14px;font-weight:400}.search-result-heading{color:var(--color-text-secondary);align-items:center;gap:.35rem;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.search-result-heading svg{flex:none}.search-result-copy>span{color:var(--color-text-secondary);margin-top:4px;font-size:16px;font-weight:400;display:block}.search-result mark{color:#111;background:#ff0}.search-more{flex-direction:column;align-items:center;gap:12px;padding:24px 0 32px;display:flex}.search-more-error{color:var(--color-text-secondary);margin:0;font-size:14px}.search-more button{border:1px solid var(--color-border-primary);border-radius:var(--radius-full);background:var(--color-background-secondary);color:var(--color-text-primary);cursor:pointer;padding:10px 18px;font-size:14px;font-weight:600}.search-more button:hover:not(:disabled){background:var(--color-background-secondary-hover)}.search-more button:disabled{cursor:progress;opacity:.65}@media (width<=560px){.search-page{padding-top:clamp(72px,15dvh,128px);padding-bottom:0}.search-result img{width:min(30%,120px)}}@media (height<=500px){.search-page{padding-top:56px}.search-field{height:52px}.search-status{min-height:36px}}