/* Version 7: the shared Trustence palette, without modifying the original demo. */
.api-v7{--muted:#626b71;--field:#f1f5ed;--green-dark:#277420;scrollbar-color:#77946f #f1f5ed}
.api-v7 ::selection{background:#c9efbc;color:#20272d}
.api-v7 :focus-visible{outline:3px solid #2cc700;outline-offset:5px}
.api-v7 section[id]{scroll-margin-top:138px}
.api-v7 h1,.api-v7 h2{letter-spacing:-.035em;text-wrap:balance}
.api-v7 .button{border-radius:8px}
.api-v7 .site-header{position:sticky;top:0;background:#272d35;color:#fff;border-bottom-color:#46504d}
.api-v7 .announcement{background:#20272d}
.api-v7 .api-language-switch a{color:#c6d2c8}
.api-v7 .api-language-switch a[aria-current]{color:#fff}
.api-v7 .nav-panel,.api-v7 .mobile-nav>div{color:#272d35}
.api-v7 .mobile-nav>summary span{background:#fff}
.api-v7 .hero{background:#272d35;color:#fff}
.api-v7 .dash-field::before{display:none}
.api-v7 .hero-copy .eyebrow{color:#a2e28f}
.api-v7 .hero-copy>p{color:#c8d2cb}
.api-v7 .hero-actions .button{background:#2cc700;color:#142610}
.api-v7 .hero-actions .button:hover{background:#50d62b}
.api-v7 .hero-actions .text-link{border-color:#76857a}
.api-v7 .api-core{background:#313942;border-color:#637361;box-shadow:0 28px 55px #10171055}
.api-v7 .api-orbit{border-color:#647362}
.api-v7 .api-orbit::before,.api-v7 .api-orbit::after{border-color:#272d35;box-shadow:none}
.api-v7 .signal-card{background:#3a4544;border:0;box-shadow:0 16px 32px #10171030;backdrop-filter:none}
.api-v7 .signal-card span{color:#c0d0c0}
.api-v7 .hero-meta{border-color:#4c5a50}
.api-v7 .hero-meta span{border-color:#4c5a50;color:#d9e4da}
.api-v7 .hero-meta b{color:#90db7b}
.api7-section-nav{display:flex;flex-wrap:wrap;gap:16px 32px;padding-block:25px;border-bottom:1px solid #dfe5dc;font-size:13px}
.api7-section-nav a{padding:6px 0;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#b5c4ae}
.api7-section-nav a:hover{color:#277420;text-decoration-color:currentColor}
.api-v7 .benefits{background:#f0f5ec}
.api-v7 .site-footer{background:#f5f6f3;color:#272d35;border-top:1px solid #e1e6df}
.api-v7 .footer-links h3{color:#52634c}
.api-v7 .footer-links a{color:#455348;font-size:13px}
.api-v7 .footer-bottom{border-color:#dbe1d8;color:#59664f}
.api-v7 .brand-story .container{width:var(--shell);margin-inline:auto}
.api-v7 .brand-story .button{background:#2cc700;color:#142610}
.api-v7 .brand-bottom-actions{display:grid;gap:12px}
.api-v7 .brand-bottom-actions .brand-skip{grid-column:auto;grid-row:auto}
.api-v7 .brand-context{max-width:34%}
.api-v7 .brand-top .eyebrow,.api-v7 .brand-context .eyebrow{color:#4b5f49}
.api-v7 .brand-edition,.api-v7 .brand-scroll-cue{color:#60695f}
.api7-section{padding:112px 0}
.api7-section .shell>*{min-width:0}
.api7-section h2,.api7-section h3,.api7-link{overflow-wrap:anywhere;hyphens:auto}
.api7-section h2{font-size:clamp(36px,4.2vw,58px);font-weight:500;line-height:1.08;margin:0 0 24px;max-width:780px}
.api7-section h3{font-size:21px;font-weight:500;line-height:1.25;margin:0 0 10px;letter-spacing:-.02em}
.api7-section p{font-size:16px;line-height:1.65;margin:0;color:#626b71;max-width:70ch}
.api7-section .button{margin-top:30px}
.api7-section a:not(.button):hover{text-decoration:underline;text-underline-offset:4px}
.api7-heading{display:grid;grid-template-columns:1.15fr .85fr;align-items:start;gap:70px;margin-bottom:58px}
.api7-heading h2{margin:0}
.api7-heading .api7-intro{padding-top:8px}
.api7-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:64px}
.api7-row{display:flex;align-items:start;gap:22px;padding:28px 0;border-top:1px solid #dfe5dc}
.api7-index{flex:none;font-size:13px;color:#55704e;line-height:27px;font-variant-numeric:tabular-nums}
.api7-row-copy{max-width:520px}
.api7-evaluation{background:#272d35;color:#fff}
.api7-evaluation p{color:#c7d5ca}
.api7-evaluation .api7-index{color:#a0dc8f}
.api7-evaluation .api7-row{border-color:#4b5950}
.api7-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;list-style:none;padding:40px 0 0;margin:40px 0 22px;border-top:1px solid #5b6c60}
.api7-workflow h3{margin:10px 0 0;font-size:18px;line-height:1.4}
.api7-workflow-heading{margin-top:38px}
.api7-section .api7-note{font-size:13px;line-height:1.6;margin-top:26px;max-width:78ch}
.api7-control-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}
.api7-control-copy>p+p{margin-top:20px}
.api7-policy-example{margin:0;background:#f0f5ec;padding:32px;border-radius:14px}
.api7-policy-example figcaption{font-size:16px;font-weight:500;margin-bottom:24px}
.api7-policy-flow{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.api7-policy-flow li{font-size:12px;line-height:1.4;padding:10px 12px;background:#fff;border-radius:6px}
.api7-policy-flow li:nth-child(4){background:#272d35;color:#fff}
.api7-table-wrap{margin-top:28px;overflow-x:auto}
.api7-policy-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;line-height:1.45}
.api7-policy-table th{font-weight:500;color:#52664c;padding:0 8px 12px 0}
.api7-policy-table td{padding:17px 10px 17px 0;border-top:1px solid #ccd8c5}
.api7-policy-table tbody th{padding:17px 10px 17px 0;border-top:1px solid #ccd8c5;color:#272d35}
.api7-status{font-size:12px;white-space:nowrap}
.api7-status::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:7px}
.api7-status--allow{color:#296e20}.api7-status--review{color:#80551b}.api7-status--stop{color:#9d353d}
.api7-integrations{background:#f2f5ef}
.api7-stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px}
.api7-stack-group{padding:25px 0 30px;border-top:1px solid #cbd7c4}
.api7-stack-group h3{font-size:13px;font-weight:400;color:#52664c;letter-spacing:0;margin-bottom:17px}
.api7-tool-list{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0}
.api7-tool-list li{padding:10px 13px;background:#fff;font-size:18px;font-weight:500;border-radius:6px}
.api7-link{display:inline-flex;gap:20px;align-items:center;margin-top:28px;font-size:14px;font-weight:500;padding-bottom:8px;border-bottom:1px solid #819476}
.api7-link svg{width:18px;height:18px}
@media(max-width:1000px){.api7-heading{gap:36px}.api7-control-layout{grid-template-columns:1fr;gap:42px}.api7-control-copy{max-width:760px}.api7-workflow{grid-template-columns:1fr 1fr}}
@media(max-width:740px){
 .api-v7 section[id]{scroll-margin-top:115px}
 .api7-section{padding:72px 0}
 .api7-section h2{font-size:36px}
 .api7-heading{grid-template-columns:1fr;gap:16px;margin-bottom:35px}
 .api7-list{grid-template-columns:1fr}
 .api7-row{gap:16px;padding:24px 0}
 .api7-workflow{gap:26px 20px}
 .api7-policy-example{padding:22px 18px}
 .api7-policy-table{font-size:12px}
 .api7-status{white-space:normal;font-size:11px}
 .api7-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
 .api7-tool-list li{font-size:15px;padding:9px 10px}
 .api7-section-nav{gap:10px 22px;font-size:12px}
 .api-v7 .brand-context{max-width:100%}
 .api-v7 .brand-bottom-actions .button{font-size:11px;padding:10px;min-height:42px;gap:8px}
 .api-v7 .brand-bottom-actions{max-width:150px}
 .api-v7 .signal-one{left:0}.api-v7 .signal-two{right:0}.api-v7 .signal-three{left:2%}
}
@media(prefers-reduced-motion:reduce){.api-v7{scroll-behavior:auto}.api-v7 *{scroll-behavior:auto}}
