/* Shared layout for V4 sections. Hero uses its original styles unchanged. */
:root { --blue: var(--accent); --teal: var(--bright); }
.shell { width: calc(100% - 112px); max-width: 1168px; margin-inline: auto; }
summary:focus-visible { outline: 2px solid var(--blue); outline-offset: 5px; }
#ornek, #team-scroll, #iletisim { scroll-margin-top: 24px; }
@media (min-width: 701px) and (max-width: 850px) { .shell { width: calc(100% - 56px); } }
@media (max-width: 700px) { .shell { width: calc(100% - 44px); } }