/* Responsive sizing for all Hyvinn pages. */
*,*::before,*::after{box-sizing:border-box}
html{width:100%;-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin-inline:auto;min-width:0}
img,video,canvas{max-width:100%;height:auto}
main,section,article,header,nav,footer,fieldset{min-width:0}
input,textarea,select{max-width:100%;box-sizing:border-box}
button,a,input,textarea,select{touch-action:manipulation}
p,h1,h2,h3,label,button,a{overflow-wrap:break-word}
[hidden]{display:none!important}
dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
@media(max-width:600px){
 input,textarea,select{font-size:16px!important}
 h1{font-size:clamp(26px,8vw,38px)!important;line-height:1.15!important}
 h2{font-size:clamp(21px,6vw,28px)!important}
 .topbar{flex-wrap:wrap;height:auto!important;gap:8px;padding:10px 12px!important}
 .top-actions{flex-wrap:wrap;gap:6px;max-width:100%}
 .breadcrumb{display:none!important}
 .live-pill{display:none!important}
 .hero{padding:20px 16px!important;min-height:0!important}
 .hero-art{max-height:220px;max-width:100%}
 .catalog-heading,.filter-row{flex-wrap:wrap;gap:10px}
 .search-box{width:100%;min-width:0}
 .app-card,.tool-card,.card{min-width:0;max-width:100%}
 .native-app-identity strong{font-size:20px!important}
 pre{max-width:100%;overflow-x:auto}
 table{display:block;max-width:100%;overflow-x:auto}
}

/* The shared return bar owns these actions. App renderers retain their hooks. */
html[data-hyvinn-return-ready] :is(.tool-navigation,.return-links,.back-links,.desktop-return-controls,.mobile-return-controls){display:none!important}
html[data-hyvinn-logo-id="fitra-reseptit"][data-hyvinn-return-ready] .hyvinn-home{display:none!important}
.hyvinn-return-container{flex-wrap:wrap!important;height:auto!important;gap:12px!important}
html:not([data-hyvinn-edition]) #hyvinn-return{margin-top:10px;width:100%}
html[data-hyvinn-edition="8.8.8"] #hyvinn222-header{border-top:0!important;padding-top:calc(12px + env(safe-area-inset-top,0px))!important;gap:10px}
html[data-hyvinn-edition="8.8.8"] .hyvinn222-brand img{width:42px!important;height:42px!important}
html[data-hyvinn-edition="8.8.8"] .hyvinn222-brand small{margin-top:3px;font-size:12px}
html[data-hyvinn-edition="8.8.8"] .hyvinn222-support{position:static!important;justify-self:start;min-height:44px!important;font-size:13px!important;padding:8px 12px!important}
html[data-hyvinn-edition="8.8.8"] .hyvinn222-item{background:transparent!important;border:1px solid transparent!important;border-radius:12px;min-height:52px;font-size:12px}
html[data-hyvinn-edition="8.8.8"] .hyvinn222-item[aria-current=page]{background:#e9eeea!important;border-color:#c5d2c8!important}
html[data-hyvinn-edition="8.8.8"] :is(#hyvinn-native-dock,.core-bottom-nav,.tool-bottom,.care-bottom){display:none!important}
html#hyvinn-ui[data-hyvinn-edition="8.8.8"] body>#hyvinn222-header{display:grid!important;grid-template-columns:minmax(0,1fr)!important;height:auto!important;min-height:0!important;max-height:none!important;align-content:start!important;padding-inline:var(--hyvinn222-content-inset,20px)!important}
html#hyvinn-ui[data-hyvinn-edition="8.8.8"] #hyvinn-return{display:block!important;width:100%!important;max-width:none!important}
html#hyvinn-ui[data-hyvinn-edition="8.8.8"] body>#suite-shell{display:none!important}
html[data-hyvinn-app="adis"] .care-panel.care-moment{background:var(--hyvinn222-soft,#f2efec)!important;color:#111!important;border:1px solid #e2e2e2}
html[data-hyvinn-edition="8.8.8"] :is(#toast,.toast){left:50%!important;max-width:calc(100vw - 32px)}
@media(max-width:600px){
 html#hyvinn-ui[data-hyvinn-edition="8.8.8"] #hyvinn222-footer{padding-inline:var(--hyvinn222-content-inset,20px)!important}
 html[data-hyvinn-app="ruokis"] .day-row{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
 html[data-hyvinn-app="ruokis"] .day{min-width:0;padding:8px 0;font-size:12px}
 html[data-hyvinn-app="ruokis"] .day small{font-size:10px}
 html[data-hyvinn-app="fitras"] .banner{flex-wrap:wrap;align-items:flex-start}
 html[data-hyvinn-app="fitras"] .banner .btn{min-height:44px;font-size:13px;margin:0}
 html[data-hyvinn-app="fitras"] .heading h1{font-size:clamp(27px,7.8vw,36px)!important;max-width:100%}
 html[data-hyvinn-app="fitras"] .hero-content{max-width:100%;position:relative;z-index:1}
 html[data-hyvinn-app="fitras"] .hero-art{opacity:.14;right:-50px;pointer-events:none}
 html[data-hyvinn-app="fitras"] .hero .hero-content .btn{min-height:44px;font-size:13px}
 html[data-hyvinn-app="fitras"] .session-footer{bottom:calc(var(--hyvinn-native-bottom-nav-height,72px) + 12px)}
}