.ref-callout{padding-top:28px;padding-bottom:28px}.ref-callout-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:34px 38px;border-radius:28px;background:linear-gradient(120deg,#eaf6fb,#edf9f5);border:1px solid #cfe4eb}.ref-callout-inner h2{margin-bottom:12px}.ref-callout-inner p:not(.k-eyebrow){max-width:800px;color:#526478;line-height:1.75}.ref-callout .k-button{flex-shrink:0}.ref-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:44px}.ref-metrics div{padding:26px;border:1px solid #dfe8ee;border-radius:22px;background:#fff}.ref-metrics strong{display:block;font-size:38px;line-height:1;color:#006591;margin-bottom:10px}.ref-metrics span{color:#526478;font-size:14px}.ref-family{margin:52px 0}.ref-family>h2{margin-bottom:8px}.ref-family>p{color:#526478;margin-bottom:22px}.ref-stack{display:grid;gap:12px}.ref-detail{background:#fff;border:1px solid #dfe8ee;border-radius:18px;scroll-margin-top:110px}.ref-detail summary{display:flex;align-items:center;gap:18px;padding:20px 24px;cursor:pointer}.ref-detail summary>span:last-child{display:grid;gap:4px}.ref-detail summary strong{font-size:17px;color:#0f172a}.ref-detail summary small{font-size:13px;color:#66788a;line-height:1.5}.ref-code,.ref-shield{display:grid;place-items:center;min-width:42px;height:42px;border-radius:13px;background:#eaf6fb;color:#006591;font-size:12px;font-weight:800}.ref-shield{background:#e9f8f2;color:#087b59;font-size:16px}.ref-content{padding:4px 28px 26px 84px}.ref-content ul{columns:2;column-gap:36px;margin:0 0 20px;padding-left:18px}.ref-content li{break-inside:avoid;color:#405368;line-height:1.65;margin:7px 0}.ref-content p{color:#526478;line-height:1.75;margin-top:14px}.ref-caution{padding:16px 18px;border-radius:14px;background:#f7f9fb;border-left:3px solid #10b981}.ref-access-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:30px 0}.ref-access-flow span{padding:12px 16px;border:1px solid #cfe0e8;border-radius:999px;background:#fff;font-weight:700;font-size:13px}.ref-access-flow b{color:#10b981}.ref-boundaries .k-card{border-top:3px solid #10b981}@media(max-width:800px){.ref-callout-inner{align-items:flex-start;flex-direction:column}.ref-callout .k-button{width:100%}.ref-metrics{grid-template-columns:1fr}.ref-content{padding-left:24px}.ref-content ul{columns:1}.ref-access-flow b{transform:rotate(90deg)}}