/* Technical context only. The product mounts retain their own source styles.
 * TODO(monorepo-technical-portfolio): move this composition into the shared
 * portfolio UI; import the exact product-owned components named by providers. */
.tech-product-index.tv16-product-index{grid-template-columns:repeat(4,minmax(0,1fr))}
.tv16-product-index>a{padding:24px 20px;grid-template-columns:18px minmax(0,1fr) 16px;gap:7px 9px}
.tv16-product-index strong{font-size:19px;overflow-wrap:anywhere}
.tv16-product-index .tv16-platform-index-entry{background:#edf4f6;border-left:1px solid #cbdade}
.tv16-home{padding-block:48px 70px;border-top:1px solid #c9d6e2}
.tv16-section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:34px}
.tv16-section-head h2{font-size:clamp(32px,3.6vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.04em;margin:16px 0 0}
.tv16-section-head>div>p:not(.n-eyebrow){font-size:15px;line-height:1.7;color:#617080;max-width:500px;margin:0 0 20px}
.tv16-section-head>div>a{display:inline-flex;font-size:12px;font-weight:600;color:#245dc0;padding-bottom:8px;border-bottom:1px solid #b8c9df}
.tv16-communication{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.35fr);gap:40px;padding:34px;background:#f0f5f6;border:1px solid #d1e0e3}
.tv16-lead-copy{min-width:0;padding-top:3px}
.tv16-source-type{font:10px/1.6 ui-monospace,monospace;letter-spacing:.025em;color:#54717a;margin:0 0 14px}
.tv16-lead-copy>h3,.tv16-platform-copy>h3{font-size:clamp(25px,2.7vw,38px);line-height:1.12;letter-spacing:-.04em;font-weight:600;overflow-wrap:anywhere;margin:0 0 15px;color:#15333c}
.tv16-lead-headline,.tv16-platform-headline{font-size:22px;line-height:1.3;letter-spacing:-.02em;color:#244b54;margin:0 0 16px}
.tv16-description{font-size:13px;line-height:1.75;color:#536973;margin:0}
.tv16-contexts{display:grid;gap:12px;margin:24px 0;padding:19px 0;border-block:1px solid #d0dfe1}
.tv16-contexts>div{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:11px;line-height:1.6}
.tv16-contexts strong{color:#36535d;font-weight:600}
.tv16-contexts span{color:#5d737b}
.tv16-source-status{font-size:10px;line-height:1.6;color:#6a7880;margin:19px 0 14px}
.tv16-links{display:flex;flex-wrap:wrap;gap:9px 20px;margin:16px 0}
.tv16-links a{font-size:11px;line-height:1.6;color:#2d5a6b;text-decoration:underline;text-underline-offset:4px}
.tv16-evidence{border-top:1px solid #cddadd;margin-top:22px;padding-top:14px;color:#65767c}
.tv16-evidence summary{font-size:10px;line-height:1.5;cursor:pointer}
.tv16-evidence p{font-size:11px;line-height:1.7;margin:14px 0}
.tv16-evidence a{display:block;font-size:10px;line-height:1.7;text-decoration:underline;text-underline-offset:3px;margin:7px 0;overflow-wrap:anywhere}
.tv16-visual{min-width:0;align-self:start}
.tv16-visual-label{font:9px/1.6 ui-monospace,monospace;letter-spacing:.02em;color:#6b7c83;margin:0 0 12px}
.tv16-source-frame{min-width:0;max-height:650px;overflow:auto;overscroll-behavior:contain;border:1px solid #d2dce0;background:#fff}
.tv16-source-frame>.sp-gallery>.sp-gallery-bar{margin:0;padding:12px 15px;background:#fff;border-top:0}
.tv16-source-frame>.sp-gallery>noscript>p{padding:15px;font-size:12px}
.tv16-source-frame:focus-visible,.tv16-home a:focus-visible,.tv16-directory a:focus-visible,.tv16-directory button:focus-visible,.tv16-directory summary:focus-visible{outline:2px solid #245dc0;outline-offset:4px}
.tv16-group-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 30px;margin-top:28px}
.tv16-group-card{padding:24px 0;border-top:1px solid #cbd8e3;min-width:0}
.tv16-group-card h3{font-size:16px;line-height:1.3;font-weight:600;letter-spacing:-.015em;margin:0 0 13px}
.tv16-group-card h3 a{display:flex;gap:20px;justify-content:space-between}
.tv16-group-card h3 span{color:#245dc0;font-weight:400}
.tv16-group-card p{color:#697988;font-size:12px;line-height:1.7;margin:0 0 15px;max-width:300px}
.tv16-group-card nav{display:flex;flex-wrap:wrap;gap:7px 16px}
.tv16-group-card nav a{font-size:11px;font-weight:500;color:#335a7b;text-decoration:underline;text-underline-offset:4px}
.tv16-directory{padding-block:40px 80px}
.tv16-directory-hero{padding-bottom:42px}
.tv16-directory-hero>.n-eyebrow{margin-top:32px}
.tv16-directory-hero h1{font-size:clamp(42px,5.8vw,78px);line-height:1.02;letter-spacing:-.045em;font-weight:500;margin:20px 0 25px;max-width:850px}
.tv16-directory-hero>.n-lede{max-width:740px;line-height:1.7;font-size:17px;color:#657383;margin-bottom:30px}
.tv16-jump{display:flex;gap:8px 22px;flex-wrap:wrap;border-block:1px solid #d5dfe9;padding:16px 0}
.tv16-jump a{font-size:11px;color:#335a7b;line-height:1.6;text-decoration:underline;text-underline-offset:4px}
.tv16-directory-communication,.tv16-directory-group{scroll-margin-top:25px;padding:30px 0 60px;border-bottom:1px solid #cbd8e3}
.tv16-group-heading{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;margin-bottom:28px;align-items:start}
.tv16-group-heading h2{font-size:30px;line-height:1.15;font-weight:500;letter-spacing:-.035em;margin:0}
.tv16-group-heading>p{font-size:13px;line-height:1.75;color:#657585;margin:0;max-width:550px}
.tv16-platform-select{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 26px}
.tv16-platform-select button{padding:11px 17px;border:1px solid #c8d7e3;background:#fff;color:#536b7c;font:inherit;font-size:12px;font-weight:500;line-height:1.5;cursor:pointer}
.tv16-platform-select button[aria-pressed=true]{background:#1e4656;color:#fff;border-color:#1e4656}
.tv16-platform-select button:hover{border-color:#1e4656}
.tv16-platform-panel{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.35fr);gap:50px;align-items:start}
.tv16-platform-panel[hidden]{display:none!important}
.tv16-platform-copy{min-width:0;padding-top:10px}
.tv16-platform-copy>h3{font-size:32px}
.tv16-platform-headline{font-size:21px}
.tv16-feature-list{list-style:none;padding:0;margin:22px 0;border-top:1px solid #d9e1e5}
.tv16-feature-list li{font-size:11px;line-height:1.6;color:#536d79;padding:10px 0;border-bottom:1px solid #d9e1e5}
.tv16-foundations{padding-top:60px;display:grid;grid-template-columns:1fr 1.1fr;gap:70px}
.tv16-foundations h2{font-size:32px;line-height:1.14;font-weight:500;letter-spacing:-.035em;margin:15px 0}
.tv16-foundations header>p:not(.n-eyebrow){font-size:13px;line-height:1.75;color:#657585}
.tv16-foundations nav>a{display:grid;grid-template-columns:1fr auto;gap:8px 20px;border-bottom:1px solid #cbd8e3;padding:18px 0}
.tv16-foundations strong{font-size:18px;font-weight:500;letter-spacing:-.02em}
.tv16-foundations span{grid-column:1;font-size:11px;color:#6d7a84;line-height:1.6}
.tv16-foundations b{grid-column:2;grid-row:1/3;align-self:center;color:#245dc0;font-size:21px;font-weight:400}
.tv16-applications{padding:38px 30px;margin-top:44px;background:#f2f5f7;display:grid;grid-template-columns:1fr 1.1fr;gap:55px;border:1px solid #d6e0e6}
.tv16-applications h2{font-size:29px;line-height:1.14;font-weight:500;letter-spacing:-.035em;margin:16px 0}
.tv16-applications>div>p:not(.n-eyebrow){font-size:13px;line-height:1.75;color:#657585;margin:0;max-width:440px}
.tv16-applications nav>a{display:grid;grid-template-columns:1fr auto;gap:7px 18px;padding:15px 0;border-bottom:1px solid #d2dde4}
.tv16-applications nav>a:first-child{padding-top:0}.tv16-applications nav>a:last-child{border-bottom:0;padding-bottom:0}
.tv16-applications strong{font-size:16px;font-weight:500;line-height:1.4}.tv16-applications span{grid-column:1;font-size:10px;line-height:1.6;color:#657585}
.tv16-applications b{grid-column:2;grid-row:1/3;align-self:center;font-size:18px;font-weight:400;color:#245dc0}
@media(max-width:760px){.tv16-applications{grid-template-columns:1fr;padding:25px 20px;gap:28px;margin-top:30px}}
@media(max-width:1100px){.tech-product-index.tv16-product-index{grid-template-columns:repeat(2,minmax(0,1fr))}.tv16-product-index>a:nth-child(2){border-right:0}.tv16-product-index>a:nth-child(n+3){border-top:1px solid #d5dfed}.tv16-product-index>a:nth-child(3){padding-left:0}.tv16-communication{grid-template-columns:minmax(220px,.7fr) minmax(0,1.1fr);gap:26px;padding:25px}.tv16-section-head{gap:35px}.tv16-lead-copy>h3{font-size:28px}.tv16-lead-headline{font-size:20px}.tv16-contexts>div{grid-template-columns:1fr;gap:2px}.tv16-platform-panel{grid-template-columns:minmax(220px,.75fr) minmax(0,1.2fr);gap:32px}.tv16-group-heading{gap:35px}.tv16-source-frame{max-height:620px}}
@media(max-width:760px){.tv16-section-head,.tv16-communication,.tv16-platform-panel,.tv16-group-heading,.tv16-foundations{grid-template-columns:1fr;gap:28px}.tv16-home{padding-block:36px 45px}.tv16-section-head{margin-bottom:26px}.tv16-section-head h2{font-size:38px}.tv16-section-head>div>p:not(.n-eyebrow){font-size:14px}.tv16-communication{padding:22px 17px;gap:25px}.tv16-lead-copy>h3{font-size:34px}.tv16-contexts{gap:10px;margin:18px 0}.tv16-contexts>div{grid-template-columns:100px 1fr;gap:10px}.tv16-group-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.tv16-group-card h3{font-size:15px}.tv16-group-card p{font-size:11px}.tv16-directory{padding-block:28px 48px}.tv16-directory-hero h1{font-size:48px}.tv16-directory-hero>.n-lede{font-size:15px}.tv16-jump{gap:10px 19px}.tv16-group-heading{gap:16px}.tv16-group-heading h2{font-size:28px}.tv16-directory-communication,.tv16-directory-group{padding-block:26px 40px}.tv16-platform-panel{gap:25px}.tv16-source-frame{max-height:610px}.tv16-foundations{padding-top:38px;gap:25px}}
@media(max-width:480px){.tech-product-index.tv16-product-index{grid-template-columns:1fr}.tv16-product-index>a,.tv16-product-index>a:first-child,.tv16-product-index>a:nth-child(3){padding:18px 14px}.tv16-product-index>a:nth-child(n+2){border-top:1px solid #d5dfed}.tv16-product-index .tv16-platform-index-entry{border-left:0}.tv16-group-index{grid-template-columns:1fr}.tv16-group-card{padding:20px 0}.tv16-group-card p{max-width:none}.tv16-lead-copy>h3{font-size:30px}.tv16-source-type{font-size:9px}.tv16-directory-hero h1{font-size:42px}.tv16-directory-hero{padding-bottom:24px}.tv16-source-frame{max-height:570px}.tv16-platform-copy>h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){.tv16-home *,.tv16-directory *{scroll-behavior:auto}}
