.public-page-hero { padding-block-end: clamp(2rem, 5vw, 4rem); }
.public-static-page { width: min(calc(100% - 2rem), 960px); }
.public-static-content { padding: clamp(1.35rem, 4vw, 3.25rem); color: var(--public-text-muted); font-size: clamp(.9rem, 1.5vw, 1rem); line-height: 2; }
.public-static-content > :first-child { margin-block-start: 0; }
.public-static-content > :last-child { margin-block-end: 0; }
.public-static-content h2, .public-static-content h3 { color: var(--public-text); line-height: 1.5; }
.public-static-content a { color: var(--public-text); text-decoration-thickness: 1px; text-underline-offset: .22em; }
.public-page-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 340px); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.public-composer { position: relative; display: flex; min-height: 58px; align-items: center; gap: .8rem; padding-inline: 1rem .55rem; border: 1px solid var(--public-border-strong); border-radius: 999px; background: var(--public-surface-elevated); box-shadow: var(--public-shadow-soft); }
.public-composer > svg { width: 19px; height: 19px; flex: 0 0 19px; color: var(--public-text-faint); }
.public-composer input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; font-size: 1rem; }
.public-composer button { display: grid; width: 44px; height: 44px; flex: 0 0 44px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: var(--public-text); color: var(--public-bg); cursor: pointer; }
.public-composer button:disabled { cursor: default; opacity: .28; }
.public-composer button svg { width: 17px; height: 17px; }
.reference-search { width: min(100%, 760px); min-height: 70vh; margin-inline: auto; padding: 46px 24px 96px; }
.reference-search__composer-wrap { position: relative; z-index: 30; }
.reference-search__form { position: relative; }
.reference-search__composer { display: flex; height: 56px; align-items: center; gap: 12px; padding: 0 8px 0 20px; border: 1px solid var(--public-border-strong); border-radius: 28px; background: var(--public-surface-elevated); box-shadow: 0 2px 8px rgb(23 23 22 / 4%), 0 10px 28px rgb(23 23 22 / 5%); transition: border-color 180ms cubic-bezier(.2, 0, 0, 1), box-shadow 180ms cubic-bezier(.2, 0, 0, 1); }
.reference-search__composer:focus-within { border-color: var(--public-border-strong); box-shadow: 0 2px 8px rgb(23 23 22 / 5%), 0 14px 36px rgb(23 23 22 / 8%); }
.reference-search__icon { width: 18px; height: 18px; flex: 0 0 18px; color: var(--public-text-faint); }
.reference-search__composer input { min-width: 0; height: 100%; flex: 1; padding: 0; border: 0; outline: 0; background: transparent; color: var(--public-text); font-size: 16px; }
.reference-search__composer input::placeholder { color: var(--public-text-faint); }
.reference-search__submit { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: var(--public-text); color: var(--public-bg); cursor: pointer; transition: background-color 180ms cubic-bezier(.2, 0, 0, 1), color 180ms cubic-bezier(.2, 0, 0, 1), transform 180ms cubic-bezier(.22, 1, .36, 1); }
.reference-search__submit:not(:disabled):hover { transform: scale(1.04); }
.reference-search__submit:not(:disabled):active { transform: scale(.96); }
.reference-search__submit:disabled { background: var(--public-surface); color: var(--public-text-faint); cursor: default; }
.reference-search__submit svg { width: 16px; height: 16px; }
.reference-search__dropdown { position: absolute; inset: calc(100% + 8px) 0 auto; max-height: min(55vh, 400px); overflow-y: auto; padding: 6px; border: 1px solid var(--public-border); border-radius: 16px; background: var(--public-surface-elevated); box-shadow: 0 16px 42px rgb(23 23 22 / 11%); transform-origin: top center; animation: search-menu-enter 200ms cubic-bezier(0, 0, .2, 1) both; }
.reference-search__dropdown.is-closing { pointer-events: none; animation: search-menu-exit 150ms cubic-bezier(.4, 0, 1, 1) both; }
.search-menu-section + .search-menu-section { margin-top: 4px; }
.search-menu-label { margin: 0; padding: 8px 12px 6px; color: var(--public-text-faint); font-size: 11px; font-weight: 700; letter-spacing: .03em; }
.search-menu-list { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.search-menu-row { position: relative; }
.search-menu-option { display: flex; width: 100%; height: 40px; align-items: center; gap: 12px; padding: 0 12px; border: 0; border-radius: 12px; background: transparent; color: var(--public-text); text-align: start; cursor: pointer; }
.search-menu-option:hover, .search-menu-option[aria-selected='true'] { background: var(--public-surface); }
.search-menu-option svg { width: 16px; height: 16px; flex: 0 0 16px; color: var(--public-text-faint); }
.search-menu-option span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.search-menu-option .search-menu-chevron { width: 12px; height: 12px; margin-inline-start: auto; }
.search-menu-remove { position: absolute; inset-block-start: 50%; inset-inline-end: 8px; display: grid; width: 28px; height: 28px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--public-text-faint); opacity: 0; cursor: pointer; transform: translateY(-50%); transition: opacity 140ms cubic-bezier(.2, 0, 0, 1), background-color 140ms cubic-bezier(.2, 0, 0, 1); }
.search-menu-row:hover .search-menu-remove, .search-menu-row:focus-within .search-menu-remove { opacity: 1; }
.search-menu-remove:hover { background: var(--public-surface); color: var(--public-text); }
.search-menu-footer { display: flex; justify-content: space-between; gap: 12px; margin-top: 6px; padding: 8px 12px 4px; border-top: 1px solid var(--public-border); color: var(--public-text-faint); font-size: 11px; direction: rtl; }
.reference-search__summary { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 32px 4px 12px; color: var(--public-text-faint); font-size: 12px; }
.reference-search__summary p { margin: 0; }
.reference-search__summary strong, .reference-search__summary span { color: var(--public-text); font-weight: 600; }
.reference-search__summary a { color: var(--public-text-faint); text-decoration: none; transition: color 160ms cubic-bezier(.2, 0, 0, 1); }
.reference-search__summary a:hover { color: var(--public-text); }
.reference-search__results { margin: 0; padding: 0; border-block-start: 1px solid var(--public-border); list-style: none; }
.reference-search__result a { display: flex; align-items: flex-start; gap: 20px; padding-block: 16px; border-block-end: 1px solid var(--public-border); color: inherit; text-decoration: none; }
.reference-search__result a > div { min-width: 0; flex: 1; }
.reference-search__result h2 { margin: 0; color: var(--public-text); font-size: 22px; font-weight: 560; line-height: 1.35; transition: color 160ms cubic-bezier(.2, 0, 0, 1); }
.reference-search__result p { display: -webkit-box; margin: 6px 0 0; overflow: hidden; color: var(--public-text-muted); font-size: 14px; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.reference-search__result a > svg { width: 16px; height: 16px; flex: 0 0 16px; margin-top: 8px; color: var(--public-text-faint); transition: color 160ms cubic-bezier(.2, 0, 0, 1), transform 160ms cubic-bezier(.2, 0, 0, 1); }
.reference-search__result a:hover h2 { color: var(--public-text-muted); }
.reference-search__result a:hover > svg { color: var(--public-text); transform: translateX(-2px); }
.reference-search__empty { padding: 64px 16px; border-block-start: 1px solid var(--public-border); color: var(--public-text-muted); text-align: center; }
.reference-search__empty h2 { margin: 0; color: var(--public-text); font-size: 22px; font-weight: 600; }
.reference-search__empty p { margin: 8px 0 0; font-size: 14px; }
.reference-search__pagination { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 40px; direction: rtl; }
.reference-search__pages { display: flex; align-items: center; gap: 4px; }
.reference-search__pages--mobile { display: none; }
.search-page-pill { display: inline-flex; min-height: 32px; align-items: center; justify-content: center; border: 0; border-radius: 999px; color: var(--public-text-muted); font-size: 12px; text-decoration: none; transition: color 160ms cubic-bezier(.2, 0, 0, 1), background-color 160ms cubic-bezier(.2, 0, 0, 1), transform 160ms cubic-bezier(.22, 1, .36, 1); }
.search-page-pill:hover { background: var(--public-surface); color: var(--public-text); }
.search-page-pill:focus-visible { outline: 2px solid var(--public-text); outline-offset: 2px; }
.search-page-pill--edge { min-width: 58px; padding-inline: 12px; border: 1px solid var(--public-border-strong); }
.search-page-pill--number { width: 32px; padding-inline: 0; }
.search-page-pill.is-current { background: var(--public-text); color: var(--public-bg); }
.search-page-pill.is-disabled { opacity: .4; pointer-events: none; }
.search-page-ellipsis { display: inline-flex; width: 30px; min-height: 32px; align-items: center; justify-content: center; color: var(--public-text-faint); }
.search-rise { animation: search-rise 400ms cubic-bezier(.22, 1, .36, 1) both; animation-delay: calc(var(--search-i, 0) * 60ms); }
@keyframes search-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes search-menu-enter { from { opacity: 0; transform: translateY(-4px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes search-menu-exit { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(-4px) scale(.985); } }

.live-stream { position: relative; margin: 0; padding: 0; list-style: none; }
.live-stream::before { position: absolute; inset-block: 0; inset-inline-start: 8px; width: 1px; background: var(--public-border); content: ""; }
.live-item { position: relative; display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: .8rem; padding-block: 1rem; }
.live-item__dot { z-index: 1; width: 9px; height: 9px; margin-block-start: .42rem; border: 2px solid var(--public-bg); border-radius: 50%; background: var(--public-positive); box-shadow: 0 0 0 1px var(--public-border-strong); }
.live-item h2 { margin: 0; font-size: 1rem; font-weight: 620; line-height: 1.65; }
.live-item h2 a { text-decoration: none; }
.live-item p { margin: .25rem 0 0; color: var(--public-text-muted); font-size: .8rem; }
.live-item time { color: var(--public-text-faint); font-size: .69rem; white-space: nowrap; }
.live-pulse { display: inline-flex; align-items: center; gap: .5rem; color: #d34d4d; font-size: .72rem; font-weight: 700; }
.live-pulse::before { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 5px color-mix(in srgb, currentColor 12%, transparent); content: ""; }

.activity-list { display: grid; margin: 0; padding: 0; list-style: none; }
.activity-item { display: grid; grid-template-columns: 70px minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding-block: 1rem; border-block-end: 1px solid var(--public-border); }
.activity-item__progress { display: grid; width: 54px; height: 54px; place-items: center; border-radius: 50%; background: conic-gradient(var(--public-accent) calc(var(--progress) * 1%), var(--public-surface) 0); font-size: .65rem; }
.activity-item__progress::before { grid-area: 1 / 1; width: 42px; height: 42px; border-radius: 50%; background: var(--public-bg); content: ""; }
.activity-item__progress span { z-index: 1; }
.activity-item h2 { margin: 0; font-family: var(--public-font-family); font-size: 1.25rem; font-weight: 400; }
.activity-item h2 a { text-decoration: none; }
.activity-item p { margin: .3rem 0 0; color: var(--public-text-muted); font-size: .75rem; }
.activity-item time { color: var(--public-text-faint); font-size: .68rem; white-space: nowrap; }
.activity-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block-end: 1.5rem; padding-block-end: 1rem; border-block-end: 1px solid var(--public-border); }
.activity-toolbar form { margin: 0; }

.suggest-card { padding: clamp(1.25rem, 4vw, 2.5rem); }
.suggest-card__intro { margin-block-end: 1.5rem; padding-block-end: 1.2rem; border-block-end: 1px solid var(--public-border); color: var(--public-text-muted); font-size: .83rem; line-height: 1.85; }
.suggest-card__intro :first-child { margin-block-start: 0; }
.suggest-card__intro :last-child { margin-block-end: 0; }
.suggest-actions { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block-start: 1.25rem; }
.captcha-row { display: flex; align-items: end; gap: .7rem; }
.captcha-row img { width: 150px; height: 40px; border: 1px solid var(--public-border); border-radius: var(--public-radius-sm); background: white; }
.public-process { display: grid; gap: 1.2rem; margin: 0; padding: 0; counter-reset: process; list-style: none; }
.public-process li { counter-increment: process; }
.public-process li::before { display: block; margin-block-end: .25rem; color: var(--public-text-faint); font-family: Georgia, serif; font-size: 1.65rem; content: "0" counter(process); }
.public-process strong { display: block; font-size: .84rem; }
.public-process span { display: block; margin-block-start: .3rem; color: var(--public-text-muted); font-size: .75rem; line-height: 1.65; }
.public-classifieds { margin-block-start: clamp(2rem, 5vw, 4rem); padding-block-start: 1.5rem; border-block-start: 1px solid var(--public-border); }
.public-classifieds h2 { margin: 0 0 1rem; font-size: 1rem; }
.public-classifieds ul { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.public-classifieds a { display: inline-flex; min-height: 2.35rem; align-items: center; padding-inline: .85rem; border: 1px solid var(--public-border); border-radius: 999px; color: var(--public-text-muted); font-size: .75rem; text-decoration: none; }
.public-classifieds a:hover { border-color: var(--public-border-strong); color: var(--public-text); }

@media (max-width: 820px) {
    .public-page-grid { grid-template-columns: 1fr; }
}
@media (max-width: 639px) {
    .reference-search { padding: 46px 16px 72px; }
    .reference-search__summary { gap: 10px; }
    .reference-search__summary p:last-child { white-space: nowrap; }
    .reference-search__result h2 { font-size: 20px; }
    .reference-search__pages--desktop { display: none; }
    .reference-search__pages--mobile { display: flex; }
    .search-page-pill--edge { min-width: 52px; padding-inline: 10px; }
    .search-menu-footer { display: none; }
}
@media (max-width: 540px) {
    .live-item time, .activity-item time { display: none; }
    .activity-item { grid-template-columns: 58px minmax(0, 1fr); }
    .suggest-actions { align-items: stretch; flex-direction: column; }
    .captcha-row { align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .search-rise, .reference-search__dropdown, .reference-search__dropdown.is-closing { animation-duration: 0ms; animation-delay: 0ms; }
    .reference-search__submit, .reference-search__result h2, .reference-search__result a > svg, .search-page-pill { transition: none; }
}