/* TechLead v2: self-contained SVG icons, controls and editorial content. */
.tl-icon{display:inline-block;width:1.25em;height:1.25em;flex:0 0 auto;vertical-align:-.2em;overflow:visible;pointer-events:none}
.icon-box{display:grid;place-items:center;color:var(--blue-dark)}
.icon-box>.tl-icon{display:block;width:29px;height:29px}
#serviceBtn{display:inline-flex;align-items:center;justify-content:space-between;gap:9px}
#serviceBtn>.tl-icon{width:18px;height:18px;transition:transform .18s ease}
#serviceBtn[aria-expanded="true"]>.tl-icon{transform:rotate(180deg)}
.nav-dropdown-menu{min-width:275px;top:calc(100% + 2px)}
.nav-dropdown-menu>a{display:flex;align-items:center;gap:11px;min-height:44px;line-height:1.4}
.nav-dropdown-menu>a>.tl-icon{width:20px;height:20px;color:var(--blue)}
.nav-dropdown-menu>a[aria-current="page"]{background:var(--pale);color:var(--blue-dark);text-decoration:none}
.contact-cta{display:inline-flex;align-items:center;gap:8px}
.tl-icon-arrow-right{margin-inline-start:.3em;width:1.2em;height:1.2em}
.contact-cta .tl-icon-arrow-right{margin:0;width:18px;height:18px}
.menu-btn{width:44px;height:44px;padding:10px;line-height:1}
.menu-btn .tl-icon{display:block;width:24px;height:24px}
.menu-btn .menu-close-icon{display:none}
.menu-btn[aria-expanded="true"] .menu-open-icon{display:none}
.menu-btn[aria-expanded="true"] .menu-close-icon{display:block}
.tl-feature-icon{display:block;width:27px;height:27px;color:var(--blue-dark);margin-bottom:14px}
.pill .tl-feature-icon{margin-left:auto;margin-right:auto}
.tl-contact-link{display:inline-flex;align-items:center;gap:8px;max-width:100%;overflow-wrap:anywhere}
.tl-contact-link .tl-contact-icon{width:18px;height:18px;flex-shrink:0}
.wish-btn{display:inline-flex;align-items:center;justify-content:center}
.wish-btn .tl-icon{width:22px;height:22px;fill:none}
.wish-btn[aria-pressed="true"] .tl-icon{fill:currentColor}
.qty button .tl-icon{width:18px;height:18px}
.solution-card h3 a{font-size:18px;line-height:1.4;color:var(--blue-dark)}
.solution-card h3{margin-top:24px}
.solution-card>a{display:inline-flex;align-items:center;align-self:flex-start;gap:4px;min-height:36px}
.cta-band::after{content:none}
.cta-band>.cta-mark{position:absolute;right:32px;top:50%;width:130px;height:130px;transform:translateY(-50%) rotate(-10deg);opacity:.16;pointer-events:none}
.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-right:0}
.faq summary::-webkit-details-marker{display:none}
.faq summary>.tl-icon{width:19px;height:19px;transition:transform .18s ease}
.faq details[open]>summary>.tl-icon{transform:rotate(180deg)}
.guide-context-link{font-size:14px!important;border-top:1px solid var(--line);padding-top:20px}
.guide-context-link a,.guide-inline a{color:var(--blue-dark);text-decoration:underline;text-underline-offset:3px}
.guide-inline{max-width:1000px;line-height:1.8}
.guide-inline h2{font-size:30px}
.guide-teaser{padding-top:54px;padding-bottom:28px}
.guide-teaser-inner{display:grid;grid-template-columns:120px minmax(0,1fr);gap:32px;align-items:center;background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:38px 44px}
.guide-teaser-icon{width:100px;height:100px;display:grid;place-items:center;background:var(--pale);border-radius:22px;color:var(--blue-dark)}
.guide-teaser-icon>.tl-icon{width:48px;height:48px}
.guide-teaser h2{font-size:30px;line-height:1.25;margin:12px 0}
.guide-teaser p{color:var(--muted);max-width:85ch;line-height:1.7}
.guide-teaser .btn{margin-top:8px}
.guide-hero{background:linear-gradient(115deg,var(--soft),var(--pale));border-bottom:1px solid var(--line);padding:72px 0}
.guide-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:55px;max-width:1260px}
.guide-hero h1{font-size:clamp(34px,3.4vw,54px);line-height:1.14;margin:22px 0;max-width:950px}
.guide-deck{font-size:19px;line-height:1.75;max-width:67ch;color:var(--muted)}
.guide-byline{font-size:14px;color:var(--muted);margin-top:28px}
.guide-byline a{color:var(--blue-dark);font-weight:650}
.guide-emblem{height:230px;border-radius:44px;border:1px solid #bdcdee;background:#ffffff80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transform:rotate(-3deg);color:var(--blue-dark)}
.guide-emblem>.tl-icon{width:80px;height:80px;stroke-width:1.4}
.guide-emblem>span{text-align:center;font-size:11px;font-weight:750;line-height:1.7;letter-spacing:.16em}
.guide-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:65px;max-width:1260px;padding-top:55px;padding-bottom:30px;align-items:start}
.guide-toc{position:sticky;top:140px;border-left:2px solid var(--line);padding:4px 0 5px 20px}
.guide-toc h2{font-size:15px;margin:0 0 16px;letter-spacing:.03em}
.guide-toc a{display:block;font-size:14px;line-height:1.5;padding:8px 0;color:var(--muted)}
.guide-toc a:hover{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.guide-body{min-width:0;max-width:870px}
.guide-body>section{margin-top:48px;scroll-margin-top:140px}
.guide-body h2{font-size:30px;line-height:1.26;margin:0 0 20px;letter-spacing:-.015em}
.guide-body h3{font-size:20px;line-height:1.35;margin:22px 0 12px}
.guide-body p{font-size:17px;line-height:1.85;color:#515f7d;margin:0 0 20px}
.guide-body p strong{color:var(--ink);font-weight:650}
.guide-body p a,.guide-body dd a{color:var(--blue-dark);text-decoration:underline;text-underline-offset:3px}
.guide-note{background:var(--soft);border:1px solid var(--line);border-left:3px solid var(--blue);padding:24px 28px;border-radius:0 12px 12px 0}
.guide-note>strong{font-size:17px}
.guide-note p{font-size:15px;margin:8px 0 0;line-height:1.75}
.guide-responsibilities{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}
.guide-responsibilities>div{border:1px solid var(--line);border-radius:12px;padding:25px}
.guide-responsibilities>div:last-child{grid-column:1/-1}
.guide-responsibilities .tl-icon{width:28px;height:28px;color:var(--blue-dark)}
.guide-responsibilities h3{font-size:18px;margin:16px 0 10px}
.guide-responsibilities p{font-size:15px;line-height:1.75;margin:0}
.guide-example{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:30px;margin:24px 0}
.guide-example h3{margin-top:18px}
.guide-example p{font-size:16px}
.guide-example p:last-child{margin-bottom:0}
.guide-example dl{margin:24px 0;display:grid;grid-template-columns:145px minmax(0,1fr);gap:14px 22px;font-size:15px;line-height:1.75}
.guide-example dt{font-weight:700;color:var(--blue-dark)}
.guide-example dd{margin:0;color:#515f7d}
.guide-faq{max-width:none;margin-top:52px}
.guide-faq p{padding-top:15px;font-size:16px}
@media(max-width:1100px){.guide-hero-inner{grid-template-columns:minmax(0,1fr) 180px;gap:30px}.guide-emblem{height:180px}.guide-layout{grid-template-columns:195px minmax(0,1fr);gap:35px}}
@media(max-width:900px){.nav-dropdown-menu>a>.tl-icon{color:inherit}.nav-dropdown-menu>a[aria-current="page"]{background:#ffffff12;color:#fff}.nav-dropdown-menu{min-width:0}.main-nav>a.contact-cta{display:inline-flex;align-self:flex-start;margin-top:10px}.guide-layout{grid-template-columns:1fr;gap:28px}.guide-toc{position:static;padding:20px;border:1px solid var(--line);border-radius:12px}.guide-toc nav{display:flex;flex-wrap:wrap;gap:4px 22px}.guide-toc h2{flex-basis:100%;margin-bottom:6px}.guide-toc a{font-size:13px}.guide-hero-inner{grid-template-columns:1fr}.guide-emblem{display:none}.guide-body{max-width:none}.guide-body>section{scroll-margin-top:110px}.guide-teaser-inner{grid-template-columns:75px minmax(0,1fr);padding:28px;gap:24px}.guide-teaser-icon{width:72px;height:72px}.guide-teaser-icon>.tl-icon{width:35px;height:35px}}
@media(max-width:620px){.icon-box>.tl-icon{width:25px;height:25px}.nav-dropdown-menu{margin:0 0 0 12px}.nav-dropdown-menu>a{font-size:14px}.tl-contact-link{font-size:14px}.cta-band>.cta-mark{right:-15px;width:120px;height:120px;opacity:.1}.guide-hero{padding:38px 0}.guide-hero h1{font-size:36px}.guide-deck{font-size:17px;line-height:1.7}.guide-layout{padding-top:28px}.guide-body h2{font-size:27px}.guide-body p{font-size:16px}.guide-body>section{margin-top:36px;scroll-margin-top:95px}.guide-note{padding:22px}.guide-note p{font-size:14px}.guide-responsibilities{grid-template-columns:1fr}.guide-responsibilities>div:last-child{grid-column:auto}.guide-example{padding:22px}.guide-example dl{grid-template-columns:1fr;gap:6px}.guide-example dd{margin-bottom:12px}.guide-teaser-inner{grid-template-columns:1fr;padding:24px;gap:18px}.guide-teaser h2{font-size:27px}.guide-teaser .btn{padding:12px 14px;line-height:1.5;min-width:0}.guide-inline h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){#serviceBtn>.tl-icon,.faq summary>.tl-icon{transition:none}}
