/* EloScanner homepage layout: never overlay sample reports on features. */
main>.below-hero-layout{display:grid!important;grid-template-columns:minmax(235px,290px) minmax(0,1fr)!important;gap:clamp(20px,3vw,42px)!important;align-items:start!important;width:min(1400px,calc(100% - 44px))!important;max-width:none!important;margin:0 auto!important;padding:36px 0 65px!important}
main>.below-hero-layout>.sample-section{position:static!important;inset:auto!important;top:auto!important;left:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important}
main>.below-hero-layout>.features{position:static!important;left:auto!important;top:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;gap:18px!important}
main>.below-hero-layout>.features>*{min-width:0}
.hero{position:relative}
.hero-tool-links{position:absolute;right:clamp(20px,3vw,55px);top:24px;z-index:3;width:235px;padding:16px;border:1px solid #275a7b;border-radius:14px;background:rgba(6,25,44,.94);display:grid;gap:9px;box-shadow:0 8px 35px rgba(0,0,0,.12)}
.hero-tool-heading{font-size:12px;font-weight:850;color:#4de2ff;letter-spacing:1.5px;margin-bottom:3px}
.hero-tool-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border:1px solid #275a7b;border-radius:9px;color:#eaf7ff;text-decoration:none;font-size:14px;font-weight:750;background:#0d2b45}
.hero-tool-links a:hover{border-color:#4de2ff;background:#164566}
.hero-tool-links a span{color:#4de2ff}
.insights-integrated{margin:30px 0;padding:24px;border:1px solid #28516d;border-radius:15px;background:#0a2239}
@media(max-width:1350px){main>.below-hero-layout>.features{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-tool-links{width:195px}}
@media(max-width:1099px){.hero-tool-links{position:relative;order:3;right:auto;top:auto;width:min(480px,calc(100% - 34px));margin:0 auto 25px}.hero{flex-direction:column}main>.below-hero-layout{grid-template-columns:minmax(0,1fr)!important}main>.below-hero-layout>.sample-section{width:100%!important}main>.below-hero-layout>.features{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:720px){main>.below-hero-layout>.features{grid-template-columns:1fr!important}.hero-tool-links{width:calc(100% - 34px)}}

/* Equal visual hierarchy and aligned report/feature cards. */
@media(min-width:1100px){main>.below-hero-layout{grid-template-columns:310px minmax(0,1fr)!important;align-items:start!important}main>.below-hero-layout>.features{grid-template-columns:repeat(3,minmax(0,1fr))!important}main>.below-hero-layout>.sample-section,main>.below-hero-layout>.features{padding-top:0!important;margin-top:0!important}}
.hero .hero-sus-ranking{width:clamp(250px,19vw,310px)!important;padding:19px!important}
.hero-tool-links{width:clamp(250px,19vw,310px)!important;padding:19px!important;gap:12px!important}
.hero-tool-links a{padding:16px!important;font-size:15px!important}
.hero-tool-links a svg{width:24px;height:24px;flex-shrink:0;color:#4de2ff}
.hero-tool-links a .tool-label{flex:1}
@media(min-width:1100px) and (max-width:1350px){.hero .hero-sus-ranking,.hero-tool-links{width:250px!important}.hero .hero-content{max-width:calc(100% - 510px)}}
@media(max-width:1099px){.hero .hero-sus-ranking,.hero-tool-links{width:min(480px,calc(100% - 34px))!important}}
@media(min-width:1100px) and (max-width:1220px){main>.below-hero-layout>.features{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

.hero-tool-links .tool-icon{width:26px;height:26px;object-fit:contain;flex-shrink:0}

/* Match the top of feature cards to the first example report card. */
@media(min-width:1100px){
  main>.below-hero-layout>.features{
    padding-top:76px!important;
    margin-top:0!important;
    align-self:start!important;
  }
}
/* Force identical, compact icons in both right-side action buttons. */
.hero-tool-links a{min-height:64px!important;max-height:72px!important;display:flex!important;flex-direction:row!important;align-items:center!important}
.hero-tool-links a>.tool-icon{display:block!important;width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;min-height:26px!important;max-height:26px!important;object-fit:contain!important;flex:0 0 26px!important;margin:0!important;padding:0!important}
.hero-tool-links a>.tool-label{flex:1 1 auto!important;min-width:0!important;color:#dff8ff!important;white-space:nowrap!important}
.hero-tool-links a>span:last-child{flex:0 0 auto!important}
@media(max-width:1099px){main>.below-hero-layout>.features{padding-top:0!important}}

/* Compact sample header and align feature cards with the first sample. */
main>.below-hero-layout>.sample-section .sample-header{margin-bottom:12px!important;padding-bottom:0!important}
main>.below-hero-layout>.sample-section #sample-title{margin-top:0!important}
@media(min-width:1100px){main>.below-hero-layout>.features{padding-top:46px!important}}
/* Three feature illustrations: slightly smaller and horizontally centered. */
main>.below-hero-layout>.features .feature-illustration{
 display:block!important;width:100px!important;height:100px!important;
 max-width:100px!important;max-height:100px!important;
 margin-left:auto!important;margin-right:auto!important;
 object-fit:contain!important;flex-shrink:0!important;
 align-self:center!important;
}
@media(max-width:720px){main>.below-hero-layout>.features .feature-illustration{width:94px!important;height:94px!important}}

/* Responsive navigation: desktop retains hero tool panel; mobile uses header menu. */
.mobile-chess-menu{display:none}
@media(max-width:1099px){
 .navbar{position:sticky!important;top:0;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;min-height:72px!important;padding:10px 20px!important;background:#031120!important;border-bottom:1px solid #21435e}
 .navbar .brand{min-width:0;flex:0 1 auto}
 .navbar .brand-logo{width:min(220px,55vw)!important;height:auto!important;max-height:56px!important;object-fit:contain}
 .hero-tool-links{display:none!important}
 .mobile-chess-menu{display:block!important;position:relative;flex:0 0 auto;margin-left:auto;color:#e9f8ff}
 .mobile-chess-menu summary{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #2b789b;border-radius:10px;background:#0c2b45;color:#4de2ff;cursor:pointer;list-style:none;font-weight:800;font-size:13px}
 .mobile-chess-menu summary::-webkit-details-marker{display:none}
 .mobile-chess-menu summary svg{width:23px;height:23px}
 .mobile-chess-menu[open] summary{background:#16425e;border-color:#4de2ff}
 .mobile-chess-menu nav{position:absolute;right:0;top:calc(100% + 10px);width:min(250px,85vw);display:grid;gap:6px;padding:10px;border:1px solid #2b789b;border-radius:12px;background:#061b30;box-shadow:0 16px 40px rgba(0,0,0,.55)}
 .mobile-chess-menu nav a{display:block;padding:13px 14px;border-radius:8px;color:#e6f7ff;background:#102f49;border:1px solid #254f6c;text-decoration:none;font-size:15px;font-weight:750}
 .mobile-chess-menu nav a:hover,.mobile-chess-menu nav a:focus-visible{background:#1a4c6a;border-color:#4de2ff}
}