.api-article{--ink:#171716;--paper:#fbf9f4;--blue:#dce9ec;--sage:#dfe7da;--sand:#eee2c7;--clay:#f0ddd4;--teal:#557c7b;--red:#d92b32}.api-hero-map{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;align-items:center;gap:8px;padding:26px;border:1px solid rgba(85,124,123,.2);border-radius:28px;background:#f5f1e8}.api-hero-map section{min-height:170px;display:grid;align-content:center;gap:10px;padding:20px;border-radius:18px;background:var(--blue);text-align:center}.api-hero-map section:nth-of-type(2){background:var(--sage)}.api-hero-map section:nth-of-type(3){background:var(--sand)}.api-hero-map i{color:var(--teal);font-style:normal;text-align:center}.api-hero-map small,.api-kicker{color:#3f6664;font-size:.64rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.api-hero-map footer{grid-column:1/-1;padding:16px;border-radius:12px;background:var(--ink);color:#fff;text-align:center}.api-article .article-content .api-wide{margin:42px -120px;padding:32px;border:1px solid rgba(85,124,123,.2);border-radius:28px;background:#f8f5ee}.api-definition{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center}.api-definition section{padding:28px;border-radius:18px;background:var(--blue)}.api-definition section:last-child{background:var(--sage)}.api-definition>strong{text-align:center}.api-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.api-steps article{padding:18px;border-radius:16px;background:var(--blue)}.api-steps article:nth-child(2n){background:var(--sage)}.api-steps b{display:block;margin-bottom:14px;color:#3f6664;font-size:.68rem}.api-contrast{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;padding:0!important;background:rgba(23,23,22,.15)!important}.api-contrast section{padding:30px;background:var(--sage)}.api-contrast section:last-child{background:var(--clay)}.api-contrast li{margin:9px 0}.api-products{display:grid;grid-template-columns:1fr 1fr;gap:12px}.api-products article{padding:28px;border-radius:20px;background:var(--blue)}.api-products article:last-child{background:var(--sage)}.api-products footer{grid-column:1/-1;padding:21px;background:var(--ink);color:#fff;text-align:center}.api-loop{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;align-items:center}.api-loop span{min-height:85px;display:grid;place-items:center;padding:10px;border-radius:13px;background:var(--blue);font-size:.68rem;font-weight:800;text-align:center}.api-loop span:nth-child(4),.api-loop span:nth-child(6){background:var(--sage)}.api-loop i{text-align:center;font-style:normal}.api-example{display:grid;grid-template-columns:1fr 1fr;gap:12px}.api-example section{padding:24px;border-radius:18px;background:var(--blue)}.api-example section:last-child{background:var(--sage)}.api-example strong{display:block;font-size:1.4rem}.api-levels{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.api-levels article{padding:23px;border-radius:17px;background:var(--blue)}.api-levels article:nth-child(2){background:var(--sage)}.api-levels article:nth-child(3){background:var(--sand)}.api-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.api-controls span{padding:15px;border-radius:12px;background:#fff;font-size:.78rem}.api-final{background:linear-gradient(145deg,var(--blue),var(--sage))!important;text-align:center}.api-final strong{display:block;margin-top:18px;font-family:Newsreader,serif;font-size:clamp(1.7rem,3vw,2.8rem)}.api-article a.external-source{font-weight:750;text-decoration:underline;text-underline-offset:3px}@media(max-width:1000px){.api-article .article-content .api-wide{margin-inline:0}.api-steps{grid-template-columns:1fr 1fr}.api-loop{grid-template-columns:1fr 20px 1fr 20px 1fr}.api-loop span:nth-of-type(n+4){margin-top:8px}}@media(max-width:720px){.api-hero-map,.api-definition,.api-steps,.api-contrast,.api-products,.api-example,.api-levels,.api-controls,.api-loop{grid-template-columns:1fr}.api-hero-map i,.api-definition>strong,.api-loop i{transform:rotate(90deg)}.api-hero-map footer,.api-products footer{grid-column:1}.api-article .article-content .api-wide{padding:22px 16px}.api-hero-map section{min-height:0}.api-loop span{min-height:64px}}