:where(.sdmwa-page) .text-link { width:fit-content }
/* A single, readable design example at a time. All demonstrations are illustrative. */
:where(.sdmwa-page) .product-scene { height:100%; animation:sdmwa-pd-scene-in .3s ease }
/* Seven disciplines, seven explicit scopes. Illustration frames remain equal. */
/* Handoff and process illustrations follow their layout tracks, without floating connectors. */
@keyframes sdmwa-pd-scene-in {
from { opacity:.3; transform:translateY(var(--size-4)) }
to { opacity:1; transform:none }
}
/* Keep compact illustrative content inside its fixed scene frame. */
:where(.sdmwa-page) .sdmwa-measure-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--size-28) }
@media(max-width:650px) {
:where(.sdmwa-page) .sdmwa-measure-grid { grid-template-columns:1fr }
}
/* Stronger separation within the existing Avielon palette. */
:where(.sdmwa-page) #yaklasim h3 { color:var(--color-primary) }
:where(.sdmwa-page) .feature-grid { border: none; overflow: visible; }