/* ST7D v6.63.0 - Website Core, accessibility and personalised surfaces */

.skip-link{
  position:fixed;left:16px;top:12px;z-index:100000;
  transform:translateY(-180%);padding:10px 14px;border:2px solid currentColor;
  border-radius:8px;background:#fff;color:#111;font-weight:900;text-decoration:none;
  transition:transform .16s ease;
}
.skip-link:focus{transform:translateY(0)}
.visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;
}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid #ff3b3b;outline-offset:3px;
}
[aria-busy="true"]{cursor:progress}
.portal-error[role="alert"],.form-status[aria-live]{min-height:1em}

.home-personal-shell{padding-top:34px;padding-bottom:24px}
.home-personal-panel{
  border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:26px;
  background:linear-gradient(145deg,rgba(24,24,24,.96),rgba(9,9,9,.96));
  box-shadow:0 18px 50px rgba(0,0,0,.28);
}
.home-personal-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}
.home-personal-head h2{margin:.2rem 0 .35rem;font-size:clamp(1.8rem,3vw,2.7rem)}
.home-personal-head p{margin:0;max-width:760px;color:#c9c9c9}
.home-personal-head-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.home-personal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-personal-card{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;background:rgba(255,255,255,.035);min-width:0}
.home-personal-card>span,.home-away-head span,.home-closest-head span{display:block;font-size:.72rem;letter-spacing:.12em;font-weight:900;color:#ff6a6a}
.home-personal-card strong{display:block;margin-top:6px;font-size:1.15rem;line-height:1.15}
.home-personal-card small{display:block;margin-top:7px;color:#bdbdbd;line-height:1.35}
.home-progress-meter{height:7px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:12px}
.home-progress-meter i{display:block;height:100%;background:linear-gradient(90deg,#a60000,#ff3b3b);border-radius:inherit}
.home-personal-wide{grid-column:span 2}
.home-away,.home-closest{margin-top:16px;border-top:1px solid rgba(255,255,255,.09);padding-top:18px}
.home-away-head,.home-closest-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px}
.home-away-head strong,.home-closest-head strong{font-size:1.25rem}
.home-away-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.home-away-item{display:flex;gap:11px;align-items:flex-start;padding:12px;border-radius:12px;background:rgba(255,255,255,.035);text-decoration:none;color:inherit;border:1px solid rgba(255,255,255,.07)}
.home-away-item>i{font-style:normal;font-size:1.25rem;line-height:1}
.home-away-item strong{display:block;font-size:.98rem}.home-away-item small{display:block;margin-top:4px;color:#aaa}
.home-closest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.home-closest-card{display:block;padding:13px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);text-decoration:none;color:inherit}
.home-closest-card strong{display:block;margin:4px 0}.home-closest-card small{color:#aaa}.home-closest-card .home-progress-meter{margin-top:9px}
.home-personal-error{padding:16px;border-radius:12px;background:rgba(150,0,0,.18);border:1px solid rgba(255,70,70,.3)}

.achievement-closest-wrap{margin:0 0 28px;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.achievement-closest-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}
.achievement-closest-head h3{margin:.2rem 0 0}.achievement-closest-head p{margin:0;max-width:620px;color:#aaa}
.achievement-closest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.achievement-closest-card{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px;background:rgba(0,0,0,.2);cursor:pointer}
.achievement-closest-card strong{display:block;margin:4px 0}.achievement-closest-card small{display:block;color:#aaa}
.achievement-closest-card .legacy-progress{margin-top:10px}

.finder-result-ranking{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:14px;margin-top:16px}
.finder-result-primary,.finder-result-alt{border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:16px;background:rgba(255,255,255,.035)}
.finder-fit{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.finder-fit b{font-size:1.1rem}
.finder-member-nudge{margin-top:10px;padding:10px 12px;border-left:3px solid #ff3b3b;background:rgba(255,255,255,.035);font-size:.9rem;color:#c7c7c7}

html[data-site-theme="light"] .home-personal-panel{background:#fff;border-color:#d8d3ce;box-shadow:0 16px 40px rgba(50,35,25,.1)}
html[data-site-theme="light"] .home-personal-head p,
html[data-site-theme="light"] .home-personal-card small,
html[data-site-theme="light"] .home-away-item small,
html[data-site-theme="light"] .home-closest-card small,
html[data-site-theme="light"] .achievement-closest-head p,
html[data-site-theme="light"] .achievement-closest-card small{color:#625b56}
html[data-site-theme="light"] .home-personal-card,
html[data-site-theme="light"] .home-away-item,
html[data-site-theme="light"] .home-closest-card,
html[data-site-theme="light"] .achievement-closest-wrap,
html[data-site-theme="light"] .achievement-closest-card,
html[data-site-theme="light"] .finder-result-primary,
html[data-site-theme="light"] .finder-result-alt{background:#f8f5f2;border-color:#ded8d2;color:#181818}
html[data-site-theme="light"] .home-personal-card>span,
html[data-site-theme="light"] .home-away-head span,
html[data-site-theme="light"] .home-closest-head span{color:#a00000}

@media (max-width:1050px){
  .home-personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-closest-grid,.achievement-closest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .home-personal-head{display:block}.home-personal-head-actions{justify-content:flex-start;margin-top:16px}
  .home-personal-grid,.home-away-list,.home-closest-grid,.achievement-closest-grid,.finder-result-ranking{grid-template-columns:1fr}
  .home-personal-wide{grid-column:auto}.home-personal-panel{padding:18px}.achievement-closest-head{display:block}.achievement-closest-head p{margin-top:6px}
}
@media (prefers-reduced-motion:reduce){
  html:focus-within{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}