*,*::before,*::after{box-sizing:border-box}
.container{width:min(100%,1140px);margin:0 auto;padding:0 1rem}
.public-main{max-width:940px}
.public-nav{position:sticky;top:0;z-index:30}
.public-nav-shell{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.2rem 1rem}
.public-nav-links{list-style:none;display:flex;align-items:center;gap:.4rem;margin:0;padding:0}
.public-nav-links .nav-item{margin:0}
.public-nav-links .nav-link{display:inline-flex;align-items:center;justify-content:center;padding:.42rem .7rem;border-radius:.64rem;text-decoration:none;font-weight:600;line-height:1}
.public-nav-links .nav-link:hover{background:var(--surface-2)}
.public-nav .nav-notification-link{position:relative;width:auto;min-height:36px;padding:.42rem .9rem .42rem .72rem}
main{display:block}
.py-5{padding-top:2.5rem;padding-bottom:2.5rem}
.p-4{padding:1.5rem}
.p-3{padding:1rem}
.mb-0{margin-bottom:0}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.mt-3{margin-top:1rem}
.me-2{margin-right:.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.small{font-size:.875rem}
.h3{font-size:2rem;line-height:1.2}
.h4{font-size:1.5rem;line-height:1.25}
.h5{font-size:1.25rem;line-height:1.3}
.text-center{text-align:center}
.fw-semibold{font-weight:600}
.d-grid{display:grid}
.d-none{display:none!important}
.d-flex{display:flex}
.gap-2{gap:.5rem}
.h-100{height:100%}
.border{border:1px solid var(--border-soft)}
.rounded-3{border-radius:.85rem}
.shadow-sm{box-shadow:0 .4rem 1.2rem rgba(0,0,0,.09)}
.card-body{padding:1.5rem}
.form-label{display:block;font-size:.94rem;margin-bottom:.45rem;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem 1rem;border:1px solid transparent;border-radius:.65rem;text-decoration:none;font-weight:600;cursor:pointer}
.btn-primary{color:#fff}
.btn-outline-primary{background:transparent}
.form-control{display:block;width:100%;padding:.6rem .72rem;border-radius:.65rem;border:1px solid var(--input-border);font:inherit}
.public-search-grid{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:end}
.public-search-grid .btn{width:100%}
.public-feature-grid{display:grid;grid-template-columns:1fr;gap:1rem}
.public-feature-grid>div{display:flex}
.public-feature-tile{width:100%;height:auto!important;min-height:0!important;display:block!important;padding:1rem 1rem 1.1rem!important}
.public-faq-list{display:grid;gap:.75rem}
.public-faq-item{border:1px solid var(--border-soft);border-radius:.8rem;background:var(--surface-2);padding:.8rem 1rem}
.public-faq-question{cursor:pointer;font-weight:600;list-style:none}
.public-faq-question::-webkit-details-marker{display:none}
.public-faq-answer{margin:.65rem 0 0;color:var(--text-muted)}
.deferred-section{content-visibility:auto;contain-intrinsic-size:1px 700px}
.index-page .fade-in{opacity:1!important;transform:none!important;animation:none!important}

/* Result panel fixes */
.index-page .public-result-layout{grid-template-columns:minmax(0,1fr) minmax(390px,430px);gap:1.25rem;align-items:center;overflow:visible}
.index-page .public-result-main{gap:.9rem}
.index-page .public-result-avatar{width:78px;height:78px}
.index-page .public-result-name{font-size:1.15rem;line-height:1.18}
.index-page .public-result-username{font-size:1.7rem;line-height:1.12}
.index-page .public-result-bio{font-size:.92rem;line-height:1.35}
.index-page .public-result-side{align-self:center;display:block;width:100%;max-width:430px;justify-self:end}
.index-page .public-result-metric{display:block!important;height:auto!important;min-height:0!important;margin:0!important;padding:1.1rem 1.15rem!important}
.index-page .public-result-metric .small{display:block;margin-bottom:.15rem}
.index-page .public-result-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem;align-items:stretch;width:100%;margin-top:1rem!important}
.index-page .public-result-actions .btn{width:100%;justify-content:center;white-space:nowrap!important;overflow-wrap:normal;min-width:0;text-align:center;border-radius:.55rem;min-height:46px}
.index-page .public-result-actions .btn-outline-primary{background:rgba(59,77,230,.08)!important;border-color:var(--secondary)!important;color:var(--secondary)!important}
.index-page .public-result-actions .btn-outline-primary:hover,.index-page .public-result-actions .btn-outline-primary:focus{background:var(--secondary)!important;color:#fff!important}

@media (min-width:768px){
  .public-nav-shell{padding:.35rem 1rem}
  .public-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width:992px){
  .p-lg-5{padding:2rem}
  .public-search-grid{grid-template-columns:minmax(0,1fr) 300px;gap:1rem}
}

@media (max-width:991px){
  .public-nav-shell{justify-content:center;flex-wrap:wrap}
  .public-nav-links{justify-content:center;flex-wrap:wrap}
  .public-nav-links .nav-link{padding:.4rem .62rem}
  .index-page .public-result-layout{grid-template-columns:1fr;gap:1rem;overflow:visible}
  .index-page .public-result-side{max-width:none;justify-self:stretch}
}

@media (min-width:768px) and (max-width:1040px){
  .index-page .public-result-layout{grid-template-columns:minmax(0,1fr) minmax(360px,400px);gap:1rem}
  .index-page .public-result-name{font-size:1.08rem}
  .index-page .public-result-username{font-size:1.55rem}
  .index-page .public-result-bio{font-size:.88rem}
}

@media (max-width:767px){
  .index-page .public-result-actions{grid-template-columns:1fr}
}

@media (max-width:575px){
  .public-result-actions{grid-template-columns:1fr}
  .public-result-actions .btn{width:100%}
}
