#utility-panel .utilities{max-width:1080px;margin:auto;padding:32px 28px 84px;color:#f6f2ec}
#utility-panel .utility-intro{color:#b8b4b0;font-size:15px;line-height:1.65;margin:-10px 0 20px}
#utility-panel .topics .topic-count{font-size:11px;opacity:.75;margin-left:3px;font-variant-numeric:tabular-nums}
#utility-panel .tool-list .tool-note{font-size:12px;color:#b8aea5;padding-top:10px;margin-top:auto}
#utility-panel .utilities a{text-decoration:none;color:inherit}
#utility-panel .utilities .home-link{font-size:13px;color:#c8beb5}
#utility-panel .utilities h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.065em;margin:20px 0}
#utility-panel .feature-map{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr .91fr;align-items:center;background:linear-gradient(110deg,#332620,#36282a);border:1px solid #705043;border-radius:16px}
#utility-panel .feature-copy{padding:28px 32px}
#utility-panel .feature-copy small,#utility-panel .tool-list small{color:#ffb389;font-weight:700}
#utility-panel .feature-copy h2{font-size:clamp(26px,3.4vw,43px);letter-spacing:-.065em;line-height:1.18;margin:12px 0}
#utility-panel .feature-copy p{color:#e3d6cd;line-height:1.6;margin:0 0 16px}
#utility-panel .feature-copy b{display:inline-block;color:#211911;background:#ffd0a4;padding:9px 14px;border-radius:6px}
#utility-panel .feature-map svg{width:100%;height:auto}
#utility-panel .topics{display:flex;gap:6px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid #353233}
#utility-panel .topics a{border:1px solid #494344;border-radius:24px;padding:8px 14px;font-size:13px;background:#191819}
#utility-panel .utilities section{margin-top:32px;scroll-margin-top:20px}
#utility-panel .utilities section h2{font-size:23px;letter-spacing:-.05em;margin:0 0 12px}
#utility-panel .tool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#utility-panel .tool-list a{position:relative;padding:17px 34px 17px 20px;background:#1a191a;border:1px solid #363334;border-radius:10px}
#utility-panel .tool-list a:after{content:"↗";position:absolute;right:14px;top:15px;color:#c0b2a9}
#utility-panel .tool-list small{display:block;font-size:12px}
#utility-panel .tool-list strong{display:block;font-size:18px;letter-spacing:-.045em;margin:6px 0}
#utility-panel .tool-list span{display:block;font-size:14px;line-height:1.55;color:#c5bfb9;word-break:keep-all}
#utility-panel .utilities a:hover,#utility-panel .utilities a:focus-visible{border-color:#efa87f;color:#ffd8bb}
#utility-panel .utilities a:focus-visible{outline:2px solid #ffa778;outline-offset:3px}
@media(max-width:640px){#utility-panel .utilities{padding:20px 16px 50px}
#utility-panel .feature-map{grid-template-columns:1fr}
#utility-panel .feature-copy{padding:22px}
#utility-panel .feature-map svg{position:absolute;width:150px;right:-16px;top:0;z-index:-1;opacity:.45}
#utility-panel .feature-copy p{max-width:24ch}
#utility-panel .tool-list{grid-template-columns:1fr}
#utility-panel .topics{gap:5px}
#utility-panel .topics a{padding:7px 10px}
#utility-panel .utilities section{margin-top:24px}}
#utility-panel .utilities{width:100%;min-width:0}
#utility-panel .feature-map,#utility-panel .tool-list a{min-width:0}
#utility-panel .partner-offer{margin-top:12px;padding:16px 20px;border:1px solid #53423b;border-radius:10px;background:#201c1b}
#utility-panel .partner-offer strong{font-size:13px;color:#ffc7a6}
#utility-panel .partner-offer p{margin:7px 0;color:#eaded7;line-height:1.6}
#utility-panel .partner-offer a{display:inline-block;padding:7px 0;font-weight:700;text-decoration:underline;text-underline-offset:3px}
#utility-panel .tool-list a{display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:14px;align-content:center}
#utility-panel .tool-list img{grid-column:1;grid-row:1 / span 3;align-self:center;width:60px;height:60px;border-radius:12px}
#utility-panel .tool-list small,#utility-panel .tool-list strong,#utility-panel .tool-list span{grid-column:2}
@media(max-width:500px){#utility-panel .tool-list a{grid-template-columns:46px minmax(0,1fr);column-gap:10px;padding-left:12px}
#utility-panel .tool-list img{width:46px;height:46px}}
#utility-panel .tool-list a{grid-template-columns:minmax(0,1fr);align-content:start}
#utility-panel .tool-list img{grid-area:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top;border-radius:6px;margin-bottom:10px}
#utility-panel .tool-list small,#utility-panel .tool-list strong,#utility-panel .tool-list span{grid-column:1}
#utility-panel .feature-screen{width:100%;height:100%;max-height:235px;object-fit:cover}
#utility-panel .feature-map{overflow:hidden}
#utility-panel .discovery{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin:24px 0 36px}
#utility-panel .discovery a{color:inherit;text-decoration:none}
#utility-panel .lead{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;background:#201c27;min-height:320px;display:flex;align-items:flex-end}
#utility-panel .lead img,#utility-panel .lead:before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
#utility-panel .lead:before{content:"";background:linear-gradient(0deg,#15101af5 0%,#15101ac9 41%,transparent 92%);z-index:-1}
#utility-panel .lead div{padding:24px}
#utility-panel .lead h2{margin:7px 0 12px;font-size:clamp(26px,3vw,39px);line-height:1.17;color:white}
#utility-panel .lead span{color:#ffc19a;font-weight:700}
#utility-panel .discovery small{font-size:13px;font-weight:650}
#utility-panel .picks{display:grid;gap:10px}
#utility-panel .picks a{display:grid;grid-template-columns:100px 1fr auto;gap:14px;padding:10px;align-items:center;border:1px solid #494147;border-radius:12px;background:#1c191b}
#utility-panel .picks img{width:100%;height:76px;object-fit:cover;border-radius:6px}
#utility-panel .picks strong{display:block;font-size:19px;line-height:1.4;word-break:keep-all}
#utility-panel .picks small,#utility-panel .picks b{color:#fbb394}
#utility-panel .picks b{margin-right:5px}
#utility-panel .discovery a:focus-visible{outline:3px solid #ffac87}
#utility-panel .picks a:hover{border-color:#ffac87}
@media(max-width:720px){#utility-panel .discovery{grid-template-columns:1fr;gap:10px;margin:16px 0 24px}
#utility-panel .lead{min-height:185px}
#utility-panel .lead div{padding:16px}
#utility-panel .picks a{grid-template-columns:75px 1fr auto;padding:6px}
#utility-panel .picks img{height:48px}
#utility-panel .picks strong{font-size:16px}
#utility-panel .picks{gap:6px}}
#utility-panel .topics a[aria-current="true"]{background:#f8ae88;color:#201611;border-color:#f8ae88;font-weight:700}
#utility-panel .discovery .commission{display:block;margin-top:4px;font-size:14px;line-height:1.45;color:#fff}
#utility-panel .utilities section[hidden]{display:none}
#utility-panel .utilities{min-height:calc(100vh + 540px)}
@media (min-width: 1000px){#utility-panel .tool-list{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
  }
#utility-panel .tool-list a{
    padding: 12px 12px 16px;
    overflow-wrap: anywhere;
  }
#utility-panel .tool-list a::after{
    position: static;
    justify-self: end;
    margin-top: 8px;
  }}
#utility-panel[hidden]{display:none!important}
#utility-panel{width:100%;padding:0;min-width:0;scroll-margin-top:90px}
#utility-panel .utilities{max-width:1240px;min-height:0;padding:36px 0 64px;margin:0 auto}
#utility-panel .utilities h1{font-size:32px;margin:0 0 24px;letter-spacing:-1px}
#utility-panel .utility-status{min-height:300px;padding:42px 0;color:#bbb}
#utility-panel .utility-status button{padding:10px 18px;border:1px solid #555;border-radius:8px;background:#181818;color:#eee}
#utility-panel .topics{position:static}
@media(max-width:640px){#utility-panel .utilities{padding:24px 0 44px}#utility-panel .utilities h1{font-size:28px}}