.scope-examples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; align-items:start; margin:28px 0; }
.scope-example { min-width:0; border-top:2px solid #8c2f39; border-bottom:1px solid #bdc7c2; }
.scope-example > summary { min-height:174px; padding:18px 4px; cursor:pointer; line-height:1.65; overflow-wrap:anywhere; }
.scope-example > summary::marker { color:#226b66; }
.scope-example > summary:focus-visible { outline:3px solid #226b66; outline-offset:4px; }
.scope-kicker { color:#226b66; font-size:14px; font-weight:700; }
.scope-example > summary strong { display:block; font-size:20px; line-height:1.5; margin:10px 0; }
.scope-output { display:block; font-size:15px; line-height:1.7; color:#505953; }
.scope-body { padding:18px 0 24px; border-top:1px solid #d1d7d2; }
.scope-fields { margin:0; }
.scope-fields dt { font-size:16px; font-weight:700; color:#225a56; margin:18px 0 6px; }
.scope-fields dt:first-child { margin-top:0; }
.scope-fields dd { margin:0; font-size:16px; line-height:1.8; overflow-wrap:anywhere; }
.scope-body h3 { font-size:18px; line-height:1.6; margin:24px 0 10px; }
.scope-body ol { padding-left:24px; margin:0; }
.scope-body li { font-size:16px; line-height:1.8; margin:12px 0; overflow-wrap:anywhere; }
.scope-status { border-left:3px solid #226b66; padding-left:16px; }
@media(min-width:1100px) { html[lang="en"] .scope-example > summary strong { min-height:3em; } html[lang="en"] .scope-output { min-height:5.1em; } }
@media(max-width:1099px) { html[lang="en"] .scope-examples { grid-template-columns:1fr; } html[lang="en"] .scope-example > summary { min-height:0; } }
@media(max-width:960px) { .scope-examples { grid-template-columns:1fr; gap:20px; } .scope-example > summary { min-height:0; padding:18px 4px; } }
@media print { .scope-examples { display:block; } .scope-example { break-inside:avoid; margin-bottom:20px; } }