.context-example-hero .inner{gap:1rem}.context-example-hero .actions{margin-top:.5rem}.context-example-intro{grid-template-columns:minmax(16rem,.75fr) minmax(22rem,1.25fr);align-items:start;gap:clamp(2rem,7vw,7rem);display:grid}.context-example-intro>div{gap:.7rem;display:grid}.context-example-intro>p{max-width:50rem;color:var(--hero-text);font-size:clamp(1.08rem,1.6vw,1.3rem)}.context-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding-top:0;display:grid}.context-benefit-grid article{border:1px solid var(--line);background:var(--white);border-radius:16px;gap:.65rem;padding:clamp(1.2rem,3vw,2rem);display:grid}.context-benefit-grid article>span{color:var(--teal-deep);font-family:ui-monospace,monospace;font-size:.74rem}.context-benefit-grid h2{font-size:1.15rem}.context-benefit-grid p{color:var(--muted);font-size:.92rem}.context-anatomy{background:linear-gradient(135deg, color-mix(in srgb, var(--teal) 7%, transparent), transparent 48%), var(--paper);gap:2rem;display:grid}.context-anatomy-head{gap:.7rem;max-width:52rem;display:grid}.context-anatomy-head h2{max-width:24ch}.context-anatomy-head>p:last-child{color:var(--muted);font-size:1.02rem}.context-anatomy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.context-anatomy-grid article{border:1px solid var(--line);background:var(--white);border-radius:14px;align-content:start;gap:.65rem;min-width:0;padding:1.3rem;display:grid}.context-anatomy-grid article>span{color:var(--teal-deep);font-family:ui-monospace,monospace;font-size:.72rem;font-weight:800}.context-anatomy-grid h3{font-size:1.05rem}.context-anatomy-grid p{color:var(--muted);font-size:.9rem}.context-example-layout{background:var(--soft);grid-template-columns:minmax(17rem,.72fr) minmax(28rem,1.28fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.context-example-copy{gap:1rem;display:grid;position:sticky;top:6rem}.context-example-copy>p:not(.eyebrow),.context-example-copy li{color:var(--muted)}.context-example-copy ul{gap:.65rem;margin:0;padding-left:1.2rem;display:grid}.context-privacy-note{border-left:3px solid var(--gold);background:color-mix(in srgb, var(--gold) 8%, var(--white));padding:.9rem;font-size:.88rem;color:var(--ink)!important}.context-code-window{border:1px solid var(--line);background:var(--code-bg);min-width:0;color:var(--code-text);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.context-code-bar{border-bottom:1px solid #ffffff1f;align-items:center;gap:.4rem;padding:.8rem 1rem;display:flex}.context-code-bar>span{background:#e7644a;border-radius:50%;width:.6rem;height:.6rem}.context-code-bar>span:nth-child(2){background:#e0a629}.context-code-bar>span:nth-child(3){background:#2b9a7f}.context-code-bar code{color:#ffffff8f;margin-left:auto;font-size:.72rem}.context-code-legend{background:#ffffff06;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;gap:.45rem;padding:.75rem 1rem;display:flex}.context-code-legend span{border:1px solid;border-radius:999px;padding:.24rem .5rem;font-family:ui-monospace,monospace;font-size:.65rem;font-weight:700}.legend-heading{color:#79c0ff}.legend-yaml{color:#7ee787}.legend-field{color:#e3b341}.legend-comment{color:#8b949e}.context-code-window .context-highlighted-code{white-space:pre;tab-size:2;max-height:50rem;margin:0;padding:clamp(1rem,3vw,1.6rem);overflow:auto}.context-code-window .context-highlighted-code code{font-size:.79rem;line-height:1.65}.context-code-line--heading .token-marker,.context-code-line--heading .token-heading{color:#79c0ff}.context-code-line--heading .token-heading{font-weight:800}.context-code-line--fence,.token-yaml-key{color:#7ee787}.token-yaml-key,.token-field{font-weight:750}.token-punctuation,.token-marker{color:#e3b341}.token-value{color:#a5d6ff}.token-field{color:#e3b341}.context-code-line--comment{color:#8b949e;font-style:italic}.context-code-line--plain{color:#d2d8e0}.context-usage-example{gap:1.2rem;width:100%;min-width:0;max-width:68rem;margin-inline:auto;display:grid}.context-usage-example>*,.context-usage-example .code-block-wrap,.context-usage-example .code-block{width:100%;min-width:0;max-width:100%}.context-usage-example>div:first-child{gap:.7rem;display:grid}.context-usage-example>p{max-width:50rem;color:var(--muted)}@media (width<=900px){.concept-flow{grid-template-columns:1fr;max-width:34rem}.concept-arrow{justify-self:center;transform:rotate(90deg)}.context-example-intro,.context-example-layout{grid-template-columns:1fr}.context-anatomy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.context-example-copy{position:static}}@media (width<=720px){.hero-concept{padding-block:3.5rem}.hero-concept h1{font-size:clamp(2.55rem,11vw,3.3rem)}.context-benefit-grid,.context-anatomy-grid{grid-template-columns:1fr}.context-usage-example .actions{grid-template-columns:1fr;display:grid}.context-usage-example .button{white-space:normal;overflow-wrap:anywhere;text-align:center;min-width:0;max-width:100%}}