/* P4: public shell ergonomics. Chart geometry and the approved hero are excluded. */
html[data-hermes-ergonomics="p4"] {scroll-padding-top:100px}
main>:not(.hero),footer{--muted:#b6b0bd}
:is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--cyan,#00e5d4)!important;outline-offset:4px;box-shadow:0 0 0 2px #0e0918}
main :is(button,select,summary):not(#preview-stage *):not(.timeline-event):not(.timeline-station){min-height:44px;min-width:44px;font-size:13px}
main :is(input:not([type=checkbox]):not([type=radio]),textarea){font-size:16px}
main>:not(.hero) :is(.eyebrow,.site-muted,.site-text-link,.preview-foot,.preview-label,.preview-stage-note,.timeline-foot,.feature-journey__caption,.feature-journey__tag,.feature-journey__label,.feature-count,.purchase-privacy,.purchase-action-note,.purchase-field small,.p3-credit){font-size:13px;line-height:1.65}
main .site-text-link,main .p3-link,.hermes-gallery-panel>a,.method-grid a,.hermes-time-preview,.p4-home-next a{display:inline-flex;align-items:center;min-height:44px;gap:8px}
footer :is(nav a,.footer-contact-link,.footer-channel){min-height:44px;display:inline-flex;align-items:center;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
footer :is(.footer-top,.footer-bottom,.footer-legal,.footer-legal nav a){font-size:13px;line-height:1.65}
footer nav{row-gap:6px}
main summary{padding-block:12px;line-height:1.6}
main :is(.purchase-consents label,.contact-consent){min-height:44px;line-height:1.7;align-items:flex-start}
main :is(input,textarea,select)[aria-invalid=true]{border-color:#ff8c7b;outline:1px solid #ff8c7b}
main [role=alert],main :is(.purchase-status,.preview-error)[data-state=error]{color:#ff8c7b}
.p3-credit summary{min-height:44px}
.p4-home-summary .site-feature-overview__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p4-home-summary .site-feature-overview__card{padding:0;background:var(--panel);border-radius:16px}
.p4-home-summary .site-feature-overview__card>a{display:flex;flex-direction:column;gap:12px;height:100%;padding:22px;text-decoration:none;color:var(--ivory);border-radius:inherit}
.p4-home-summary .site-feature-overview__card>a:hover{background:#a855f711}
.p4-home-summary .site-feature-overview__card h3{font-size:17px;line-height:1.45;margin:0}
.p4-home-summary .site-feature-overview__examples{margin:0;padding:0;border:0;font-size:14px;line-height:1.65;color:var(--muted)}
.p4-home-summary .site-feature-overview__examples ul{display:block;list-style:none;padding:0;margin:0}
.p4-home-summary .site-feature-overview__examples li{display:inline}
.p4-home-summary .site-feature-overview__examples li:not(:last-child)::after{content:' · '}
.p4-home-summary .site-feature-overview__card>a::after{content:'↗';color:var(--cyan);margin-top:auto}
html[data-hermes-ergonomics=p4] main>:is(#hermes-ozellikleri,#yaklasim,#calisma,#zaman,#programlar,#akademi,#sss,#kesfet){padding-block:clamp(56px,7vw,96px)}
#yaklasim .intro-layout{gap:32px;grid-template-columns:minmax(140px,.3fr) minmax(0,1fr)}
#yaklasim .intro-title{font-size:clamp(28px,3.8vw,52px);line-height:1.2}
#yaklasim .intro-title br{display:none}
#yaklasim .intro-title br::after{content:' '}
#yaklasim .intro-mark{display:none}
#yaklasim .intro-foot{margin-top:22px}
#yaklasim .method-grid{margin-top:32px}
.p4-home-next{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:24px}
#kesfet .finale-inner{flex-wrap:wrap}
.p4-home-next{flex-basis:100%}
#preview-workspace .preview-controls{gap:10px;flex-wrap:wrap;min-width:0}
#preview-workspace .preview-controls :is(button,select){font-size:13px;line-height:1.4;min-height:44px;min-width:44px;padding:10px 12px}
#preview-workspace .preview-select{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}
#preview-workspace #preview-zoom{font-size:13px;min-width:48px;text-align:center}
html[data-hermes-ergonomics=p4] #preview-workspace #gkKart #preview-info .gkSekKutu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px;width:100%}
html[data-hermes-ergonomics=p4] #preview-workspace #gkKart #preview-info .gkSek{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0!important;min-height:44px!important;padding:8px 5px!important;font-size:13px!important;line-height:1.4;white-space:normal!important;overflow-wrap:anywhere;flex:none!important}
html[data-hermes-ergonomics=p4] #preview-workspace #gkKart #preview-info .gkSek i{font-size:11px}
#preview-info :is(small,.gkMini,.pv-caption){font-size:12px!important;line-height:1.6}
#preview-workspace .preview-panel-foot button{font-size:13px;min-width:60px;min-height:44px}
#timeline-demo :is(select,.timeline-planets button){min-height:44px;font-size:13px}
#timeline-prev,#timeline-next{min-width:44px}
@media(max-width:1000px){.p4-home-summary .site-feature-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 html:has(body[data-hermes-social="1"]){--hermes-social-clearance:0px;scroll-padding-bottom:0}
 body[data-hermes-social="1"]{padding-bottom:var(--hermes-social-base-padding,0px)}
 body[data-hermes-social="1"] :is(a,button,input,textarea,select,summary,[tabindex]){scroll-margin-bottom:16px}
 .hermes-social-rail{position:relative;inset:auto;transform:none;width:max-content;max-width:calc(100% - 32px);margin:0 auto 24px;flex-direction:row}
}
@media(max-width:720px){
 main,footer{overflow-wrap:anywhere}
 main :is(.site-intro-actions,.p3-actions,.download-products,.purchase-fields){min-width:0}
 main :is(.site-intro-actions,.p3-actions)>a{white-space:normal}
 #yaklasim .intro-layout{grid-template-columns:1fr;gap:18px}
 #yaklasim .intro-aside{display:none}
 .hermes-gallery-tabs button{white-space:normal;font-size:13px;min-height:44px}
 #preview-workspace .preview-toolbar{padding:14px;gap:12px}
 #preview-workspace .preview-controls{justify-content:center}
 #preview-workspace .preview-stage-note{font-size:12px;bottom:8px}
 #preview-workspace .preview-stage{padding-bottom:44px}
 #preview-workspace .preview-foot{gap:8px;font-size:12px;line-height:1.7}
 #timeline-demo .timeline-filters{flex-wrap:wrap}
 .p4-home-summary .site-feature-overview__grid{grid-template-columns:1fr}
 .p4-home-summary .site-feature-overview__card>a{padding:18px}
}
/* The hero/header appearance stays intact; transparent hit areas enlarge small header controls. */
header :is(#menu-toggle,#motion-toggle,.site-language-switch a){position:relative}
header :is(#menu-toggle,#motion-toggle,.site-language-switch a)::after{content:'';position:absolute;inset:-3px;min-width:44px;min-height:44px;border-radius:inherit}
@media(max-width:360px){
 header .header-inner{padding-inline:8px!important;gap:4px!important}
 header .brand{gap:6px!important;min-width:0!important}
 header .brand-emblem{width:24px!important;min-width:24px!important;flex:0 0 24px!important}
 header .brand-logo{width:24px!important;height:36px!important;object-fit:contain}
 header .wordmark{font-size:12px!important;letter-spacing:1px!important}
 header .wordmark small{display:none!important}
 header .header-actions{gap:4px!important}
 header :is(#menu-toggle,#motion-toggle){width:44px!important;height:44px!important;min-width:44px!important;flex-shrink:0}
 header .site-language-switch{padding:0!important}
 header .site-language-switch a{width:40px!important;height:44px!important;min-width:40px!important;padding-inline:0!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
body.motion-off *,body.motion-off *::before,body.motion-off *::after{animation:none!important;transition:none!important}
html:has(body.motion-off){scroll-behavior:auto!important}