/* Approved Hero rules ported without declaration changes; runtime has no sibling checkout dependency. */
.stock-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr;gap:32px;padding:36px 40px;margin:0 0 32px;border-radius:var(--tcgn-radius-surface);background:var(--tcgn-product-accent);color:var(--page)}
.stock-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:url('/meteor-pattern.svg') repeat;background-size:56px;opacity:.055;pointer-events:none}
.stock-hero-home{--tcgn-hero-inset-inline:40px;--tcgn-hero-inset-block:44px;grid-template-columns:minmax(0,1.45fr) minmax(240px,.8fr);align-items:center;padding-block:44px}
.stock-kicker{font:700 11px/1.5 var(--tcgn-control-font);letter-spacing:.11em;text-transform:uppercase;margin:0 0 16px}
html[data-tcgn-v1] #main .stock-hero h1{font-family:var(--font);font-size:46px;line-height:1.08;letter-spacing:-.04em;font-weight:700;margin:0;max-width:22ch;color:var(--page)}
html[data-tcgn-v1] #main .stock-hero-home h1{font-size:54px;max-width:17ch}
.stock-hero h1 span{color:inherit}
.stock-hero-description{font-size:15px;line-height:1.65;max-width:64ch;margin:20px 0 0}
.stock-hero-description p{margin:0}
.stock-hero-description br{display:none}
.stock-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.stock-hero .button{background:transparent;border:1px solid rgb(12 14 14 / .32);color:var(--page);font-size:13px;min-height:44px}
.stock-hero .button.primary{background:var(--page);color:var(--text);border-color:var(--page)}
.stock-hero .button:hover{color:var(--page);background:transparent}
.stock-hero .button.primary:hover{color:var(--tcgn-product-accent);background:var(--page)}
html[data-tcgn-v1] #main .stock-hero .button.secondary-soft{background:rgb(255 255 255 / .1);border-color:transparent;color:var(--page)}
html[data-tcgn-v1] #main .stock-hero .button.secondary-soft:hover{background:rgb(255 255 255 / .16);color:var(--page)}
.stock-hero-discovery{display:flex;flex-direction:column;gap:20px;background:var(--surface);color:var(--text);padding:24px;border-radius:var(--tcgn-radius-surface);min-width:0}
.stock-hero-discovery .stock-kicker{color:var(--muted);margin:0;font-size:10px}
.stock-hero-discovery img{width:100%;height:110px;object-fit:contain}
.stock-hero-discovery-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.stock-hero-discovery-bottom strong{font-size:16px}.stock-hero-discovery-bottom>span{color:var(--tcgn-product-accent)}
@media(max-width:1100px){html[data-tcgn-v1] #main .stock-hero-home h1{font-size:46px}.stock-hero-home{grid-template-columns:1.5fr 1fr;padding:32px}}
@media(max-width:800px){.stock-hero-home{grid-template-columns:1fr}.stock-hero-discovery{display:none}}
@media(max-width:700px){.stock-hero{padding:26px 22px;gap:20px;margin-bottom:24px}.stock-hero-home{padding-block:30px}html[data-tcgn-v1] #main .stock-hero h1{font-size:30px;max-width:23ch}html[data-tcgn-v1] #main .stock-hero-home h1{font-size:38px;max-width:17ch}.stock-kicker{font-size:10px;margin-bottom:14px}.stock-hero-description{font-size:13px;line-height:1.7;margin-top:16px}.stock-hero-description br{display:none}.stock-hero-actions{margin-top:20px}.stock-hero .button{font-size:12px;padding:0 14px;min-height:42px}}
html[data-tcgn-v1][data-theme="dark"] #main .stock-hero .button{color:var(--page);min-height:44px}
html[data-tcgn-v1][data-theme="dark"] #main .stock-hero .button:not(.secondary-soft){border-color:rgb(12 14 14 / .32);background:transparent}
html[data-tcgn-v1][data-theme="dark"] #main .stock-hero .button.primary{color:var(--text);background:var(--page);border-color:var(--page)}
html[data-tcgn-v1][data-theme="dark"] #main .stock-hero .button:not(.secondary-soft):hover{color:var(--page);background:transparent}
html[data-tcgn-v1][data-theme="dark"] #main .stock-hero .button.primary:hover{color:var(--tcgn-product-accent);background:var(--page)}
.stock-snapshot .stock-hero::before{opacity:.055}

@media(max-width:700px){html[data-tcgn-v1] #main .stock-hero-home h1{font-size:clamp(32px,8vw,38px)}}
.stock-hero-media{grid-template-columns:minmax(0,1fr) 240px;align-items:center}
.stock-hero-media .stock-kicker{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.stock-hero-media .stock-kicker :is(a,span){color:inherit!important}
.stock-hero-media-art{height:200px;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--surface);border-radius:var(--tcgn-radius-surface)}
.stock-hero-media-art img{width:100%;height:100%;object-fit:contain}
.stock-hero-description :is(div,p){margin:0}
.stock-hero-description a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-right:8px;border-radius:var(--tcgn-radius-control);font:600 13px/1 var(--tcgn-control-font);padding:12px 20px;box-shadow:none!important;transform:none!important}
@media(max-width:1024px){.stock-hero-media{grid-template-columns:minmax(0,1fr) 180px}.stock-hero-media-art{height:170px}}
@media(max-width:700px){.stock-hero-media{grid-template-columns:1fr;gap:18px}.stock-hero-media-art{height:120px;max-width:200px;width:100%}}
html[data-tcgn-v1][data-theme="dark"] #main :is(.stock-hero,.stock-intel>section:first-child) .button{color:var(--page);border-width:1px;border-style:solid;box-shadow:none;transform:none;min-height:44px}
html[data-tcgn-v1][data-theme="dark"] #main :is(.stock-hero,.stock-intel>section:first-child) .button:not(.secondary-soft){background:transparent;border-color:rgb(12 14 14 / .32)}
html[data-tcgn-v1][data-theme="dark"] #main :is(.stock-hero,.stock-intel>section:first-child) .button.primary{color:var(--text)!important;background:var(--page);border-color:var(--page)}
html[data-tcgn-v1][data-theme="dark"] #main :is(.stock-hero,.stock-intel>section:first-child) .button.primary:is(:hover,:focus-visible){color:var(--tcgn-product-accent)!important;background:var(--page)}
.stock-hero-description>p{color:rgb(12 14 14 / .7)!important;font-size:12px!important;font-weight:600;line-height:1.6;letter-spacing:.07em}
.stock-hero-description>div.flex{margin-top:20px!important;gap:10px;flex-flow:row wrap}
.stock-hero-description>div.flex a{margin-right:0}
@media(max-width:700px){.stock-hero-media-art{height:100px}.stock-hero-description>div.flex{flex-direction:row}.stock-hero-description>div.flex a{font-size:12px;padding-inline:14px}.stock-hero-description>p{font-size:11px!important}}