/* Non-blocking page rendering and shared small-screen safeguards. */
html{scroll-behavior:auto}.site-intro{display:none!important}.site-intro-compass,.is-working .progress-motto img{animation:none!important;filter:none!important}.progress-motto img{content:url('/assets/imported/ozkan-monogram-amber.webp')}.progress-fill{will-change:auto}.is-working .progress-fill:after{animation:course-progress-shine 3s linear infinite}.learning-links{max-width:calc(100vw - 24px)}img,video,iframe{max-width:100%}img{height:auto}input,select,textarea{max-width:100%}main,article,section,aside{min-width:0}.profile-page p,.profile-page h1,.profile-page h2,.profile-page h3{overflow-wrap:anywhere}
@media(max-width:767px){html,body{background-attachment:scroll!important}.profile-page .glass-card,.profile-page .glass-panel{backdrop-filter:none!important}.profile-page .animate-spin,.profile-page .animate-pulse{animation:none!important}.learning-links{flex-wrap:wrap;gap:8px}.publishing header,header nav{flex-wrap:wrap}input,textarea,select{font-size:16px}.profile-page{overflow-x:clip}.course-progress{padding:18px}.progress-motto img{width:64px;height:64px}.progress-phases{flex-direction:column}dialog{max-width:calc(100vw - 24px)}table{max-width:100%}}
@media(prefers-reduced-motion:reduce){.progress-fill,.is-working .progress-fill:after{animation:none!important;transition:none!important}}

/* Avoid laying out off-screen portfolio sections until they approach the viewport. */
@supports(content-visibility:auto){.profile-page main>section:not(:first-child){content-visibility:auto;contain-intrinsic-size:auto 600px}}
@media print{.profile-page main>section{content-visibility:visible!important}}