/* Top header for reviewed and Advanced tools: eyebrow, title, intro, tags and three steps. */
.th-hero{box-sizing:border-box;position:relative;overflow:hidden;margin:0 0 16px;padding:26px 28px;border:1px solid #4f3d66;border-radius:20px;background:radial-gradient(ellipse 60% 120% at 88% 0%,#4a2f73 0%,transparent 70%),linear-gradient(135deg,#2a2040,#191522);color:#f2ecfa}
.th-hero *{box-sizing:border-box}
.th-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 28px;align-items:start}
.th-eyebrow{display:block;margin-bottom:10px;color:#c9a8f7;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.th-hero h1{margin:0 0 8px;font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.15}
.th-hero .th-intro{margin:10px 0 0;max-width:68ch;color:#d4cbe2;line-height:1.6}
.th-tags{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;min-width:170px}
.th-tags li{padding:6px 12px;border:1px solid #5f4a7c;border-radius:99px;background:#ffffff0d;color:#e3d5f8;font-size:.82rem;text-align:center;white-space:nowrap}
.th-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 0;padding:0;list-style:none;counter-reset:th}
.th-steps li{counter-increment:th;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;align-items:start;padding:11px 12px;border:1px solid #47385c;border-radius:12px;background:#120e1a80}
.th-steps li::before{content:counter(th);grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#7c52cc;color:#fff;font-weight:700}
.th-steps b{font-size:.92rem}.th-steps span{color:#bdb1cf;font-size:.82rem;line-height:1.4}
@media(max-width:820px){.th-hero{padding:20px 18px}.th-top{grid-template-columns:minmax(0,1fr)}.th-tags{flex-direction:row;flex-wrap:wrap}.th-tags li{white-space:normal}.th-steps{grid-template-columns:minmax(0,1fr)}}