.guide-hero{--guide-accent: #2f6fed;position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:clamp(560px,34vw,680px);color:#fff;background:#09141c}.guide-hero--battery{--guide-accent: #2f6fed}.guide-hero--iron-steel{--guide-accent: #c46a2d}.guide-hero--cement{--guide-accent: #6f8f3a}.guide-hero--general{--guide-accent: #7a4fc7}.guide-hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#09141c}.guide-hero-media>.guide-hero-image{position:absolute;inset:0;display:block;width:100%;height:100%!important;max-width:none;object-fit:cover;object-position:right center;border:0;border-radius:0;box-shadow:none}.guide-hero-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(8,16,23,.72) 0%,rgba(8,16,23,.55) 28%,rgba(8,16,23,.28) 48%,rgba(8,16,23,.08) 68%,transparent 100%)}.guide-hero-content{position:relative;z-index:2;width:min(calc(100% - 48px),1160px);margin-inline:auto;padding-block:clamp(56px,7vw,88px);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:28px;min-height:inherit}.guide-hero-copy{max-width:560px}.guide-hero-pill{display:inline-flex;align-items:center;margin:0 0 16px;padding:6px 14px;border-radius:999px;background:var(--guide-accent);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;line-height:1.2}.guide-hero-title{margin:0 0 14px;color:#fff;font-size:clamp(28px,3.8vw,44px);line-height:1.12;font-weight:700;letter-spacing:-.02em;overflow:visible;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.35)}.guide-hero-summary{margin:0 0 16px;color:#ffffffe6;font-size:clamp(15px,1.55vw,18px);line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.3)}.guide-hero-meta{margin:0;color:#ffffffb8;font-size:14px}@media(max-width:1024px){.guide-hero{min-height:clamp(460px,48vw,560px)}.guide-hero-content{padding-block:52px}}@media(max-width:768px){.guide-hero{min-height:clamp(380px,72vw,480px)}.guide-hero-overlay{background:linear-gradient(180deg,#081017d1,#0810179e 42%,#08101759 72%,#08101733)}.guide-hero-content{width:min(calc(100% - 36px),1160px);padding-block:40px 32px;gap:20px;justify-content:flex-end}.guide-hero-copy{max-width:100%}.guide-hero-title{font-size:clamp(24px,6.5vw,30px)}.guide-hero-summary{font-size:15px}}.image-wrapper.blog-post-image.large-card img.resources-image[src*="/images/resources/heroes/"],.image-wrapper.blog-post-image.large-card img.cover[src*="/images/resources/heroes/"]{object-fit:cover;object-position:center center}.guide-article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;width:100%;max-width:none}@media(min-width:992px){.guide-article-layout{grid-template-columns:220px minmax(0,1fr);gap:40px}.guide-toc{position:sticky;top:96px;width:220px}.guide-toc-mobile{display:none}}.guide-toc,.guide-toc-mobile{font-size:14px;color:var(--neutral--default-secondary)}.guide-toc-title,.guide-toc-mobile summary{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--neutral--neutral)}.guide-toc ol,.guide-toc-mobile ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.guide-toc a,.guide-toc-mobile a{color:inherit;text-decoration:none}.guide-toc a:hover,.guide-toc-mobile a:hover{color:var(--button-color)}.guide-toc-depth-3{padding-left:12px}.guide-toc-mobile{margin-bottom:16px;border:1px solid var(--neutral--on-neutral);border-radius:12px;padding:12px 14px}.guide-toc-mobile summary{cursor:pointer}.guide-meta-line{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 20px;font-size:14px;color:var(--neutral--default-secondary)}.guide-richtext{overflow-wrap:anywhere}.guide-richtext table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:separate;border-spacing:0;margin:1.25em 0;font-size:14px;line-height:1.4}.guide-richtext thead th{background:var(--neutral--neutral-3, #f4f6f8);font-weight:700;text-align:left}.guide-richtext th,.guide-richtext td{padding:10px 12px;border-bottom:1px solid var(--neutral--on-neutral, #e5e7eb);vertical-align:top;white-space:nowrap}.guide-richtext th:nth-child(n+2),.guide-richtext td:nth-child(n+2){white-space:nowrap;min-width:7.5rem;overflow-wrap:normal;word-break:normal}.guide-richtext th:first-child,.guide-richtext td:first-child{position:sticky;left:0;z-index:1;background:#fff;min-width:11rem;max-width:16rem;white-space:normal;box-shadow:1px 0 0 var(--neutral--on-neutral, #e5e7eb)}.guide-richtext thead th:first-child{background:var(--neutral--neutral-3, #f4f6f8);z-index:2}@media(max-width:767px){.guide-richtext th:first-child,.guide-richtext td:first-child{position:static;box-shadow:none;max-width:none}}.guide-related{margin-top:40px;padding-top:28px;border-top:1px solid var(--neutral--on-neutral)}.guide-related-list{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.guide-related-label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--neutral--default-secondary);margin-bottom:2px}.guide-tip{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-right:.2rem;padding:0;border:1px solid var(--neutral--on-neutral, #cfd4da);border-radius:999px;background:#fff;color:var(--neutral--default-secondary, #5b6570);font-size:11px;line-height:1;cursor:pointer;vertical-align:middle}.guide-tip:hover,.guide-tip:focus-visible{border-color:var(--button-color, #2f6fed);color:var(--button-color, #2f6fed);outline:none}.guide-tip-popover{position:absolute;z-index:80;width:min(22rem,calc(100vw - 1.5rem));padding:14px 16px;border:1px solid var(--neutral--on-neutral, #e5e7eb);border-radius:12px;background:#fff;box-shadow:0 8px 28px #0f172a24;color:#1a1f26;font-size:14px;line-height:1.45}.guide-tip-popover p{margin:0 0 10px}.guide-tip-title{margin:0 0 10px!important;font-weight:700;font-size:15px}.guide-tip-close{display:inline-flex;margin-top:4px;padding:6px 10px;border:1px solid var(--neutral--on-neutral, #cfd4da);border-radius:8px;background:#f7f8fa;cursor:pointer;font-size:13px}
