/* Shared layout: allow text to grow, reserve space for app bars, enlarge logos. */
html#hyvinn-ui[data-hyvinn-visual]{--hyvinn222-ink:#172a26!important;--hyvinn222-muted:#344e46!important;--hyvinn222-on-accent:#fff!important;--hyvinn222-accent:var(--v-accent)!important;--hyvinn222-soft:var(--v-soft)!important;--hyvinn222-soft2:var(--v-tint)!important;--hyvinn222-line:var(--v-line)!important;--hyvinn222-field-line:#9db5ad!important;--hyvinn222-bg:#f8fcfa!important;--hyvinn222-bg2:var(--v-soft)!important}
html#hyvinn-ui[data-hyvinn-visual] *,html#hyvinn-ui[data-hyvinn-visual] *::before,html#hyvinn-ui[data-hyvinn-visual] *::after{box-sizing:border-box}
html#hyvinn-ui[data-hyvinn-visual] :is(main,.layout,.workspace,.app-shell,.hero-copy,.app-heading,.visual-pick-copy){min-width:0;max-width:100%}
html#hyvinn-ui[data-hyvinn-visual] :is(h1,h2,h3,h4,p,label,legend,button,.button,.btn){overflow-wrap:anywhere;word-break:normal}
html#hyvinn-ui[data-hyvinn-visual] main :is(h1,h2,h3){height:auto;max-height:none;line-height:1.25!important;letter-spacing:-.025em!important}
html#hyvinn-ui[data-hyvinn-visual] main h1{font-size:clamp(28px,4.8vw,48px)!important}
html#hyvinn-ui[data-hyvinn-visual] main :is(p,label,li){line-height:1.65}
html#hyvinn-ui[data-hyvinn-visual] main :is(.row,.hero-actions,.form-buttons,.journal-actions,.form-foot,.exercise-nav,.card-actions){flex-wrap:wrap;gap:12px}
html#hyvinn-ui[data-hyvinn-visual] main :is(.grid,.two-col,.row,.hero-actions,.form-actions,.form-buttons,.journal-actions,.form-foot,.exercise-nav)>*{min-width:0;max-width:100%}
html#hyvinn-ui[data-hyvinn-visual] main :is(button,.button,.btn){max-width:100%;white-space:normal;line-height:1.45;flex-shrink:1}
html#hyvinn-ui[data-hyvinn-visual] main :is(.button,.btn,.primary-button,.form-actions>button,.hero-actions>button){padding:12px 16px;min-height:46px}
html#hyvinn-ui[data-hyvinn-visual] main :is(.form-actions,.hero-actions){display:flex;flex-wrap:wrap;gap:12px}
html#hyvinn-ui[data-hyvinn-visual] main .hero-actions :is(.text-button,.text-btn){display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;border:1px solid var(--v-line);border-radius:12px}
html#hyvinn-ui[data-hyvinn-visual] main .form-actions{align-items:stretch}
html#hyvinn-ui[data-hyvinn-visual] main .form-actions>button{width:100%;margin:0}
html#hyvinn-ui[data-hyvinn-visual] :is(input,select,textarea){min-width:0;max-width:100%;font-size:16px!important;line-height:1.5}
html#hyvinn-ui[data-hyvinn-visual] textarea{height:auto;min-height:132px;resize:vertical;padding:14px 16px}
html#hyvinn-ui[data-hyvinn-visual] .check-option{display:flex;align-items:flex-start;gap:12px;line-height:1.6}
html#hyvinn-ui[data-hyvinn-visual] input[type=checkbox],html#hyvinn-ui[data-hyvinn-visual] input[type=radio]{width:22px;height:22px;min-width:22px;flex:none}
html#hyvinn-ui[data-hyvinn-visual] .check-option input{margin-top:2px}
html#hyvinn-ui[data-hyvinn-visual] .skip:focus,html#hyvinn-ui[data-hyvinn-visual] .skip-link:focus{z-index:400}
/* One row, with the menu on the left and back/home always within reach. */
html#hyvinn-ui[data-hyvinn-edition] #hyvinn222-header{display:block!important;position:fixed!important;inset:0 0 auto!important;width:100%!important;margin:0!important;padding:calc(5px + env(safe-area-inset-top,0px)) max(16px,calc((100vw - 1080px)/2)) 5px!important;border-top:2px solid var(--v-accent)!important;border-bottom:1px solid var(--v-line)!important;border-radius:0!important;min-height:0!important;background:#fff!important;box-shadow:0 3px 18px #163f3310}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-header-row{display:flex;align-items:center;gap:12px;min-width:0;width:100%;flex-wrap:nowrap}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-brand{display:flex;flex:1 1 0%;min-width:0;gap:10px;margin:0!important;padding:0!important}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-brand img{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;flex:none;object-fit:contain;background:transparent!important}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-brand-copy{min-width:0;overflow:visible}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-brand strong{font-size:17px!important;line-height:1.2;white-space:normal;overflow:visible;text-overflow:clip}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-brand small{display:none!important}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-header .hyvinn222-menu-button{width:44px;height:44px;min-width:44px;min-height:44px;flex:none;padding:10px;border-radius:12px}
html#hyvinn-ui[data-hyvinn-edition] #hyvinn222-header #hyvinn-return{display:block!important;flex:none;grid-column:auto!important}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-support{position:static!important;display:block;width:100%;margin:0 0 16px;padding:13px 16px;min-height:46px;font-size:14px!important;font-weight:700;text-align:start}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-dialog{overflow:auto;overscroll-behavior:contain;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:24px}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-dialog-heading{align-items:flex-start;gap:12px}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-dialog-heading h2{line-height:1.3;overflow-wrap:anywhere}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-dialog-heading .hyvinn222-menu-button{flex:none}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-section{min-width:0;white-space:normal;line-height:1.5}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-legacy-suite{position:static!important;margin:16px 0 0;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-legacy-suite :is(.suite-topbar,.suite-home,#suite-menu-toggle){display:none!important}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-legacy-suite .suite-toolbar{display:block!important;margin:0;padding:0!important}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-legacy-suite .suite-language-slot{display:block}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-legacy-header{padding:12px 0 0!important;margin:0!important}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-legacy-header :is(.brand,.mobile-brand-logo,.mobile-wordmark,.top-date,.support-top,.help,.support-link,.suite-old-brand){display:none!important}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-legacy-header :is(.top-actions,.top-left,.language-select,.language-control,.language-picker){width:100%;max-width:100%;min-width:0;flex-wrap:wrap}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-legacy-header select{width:100%;max-width:100%!important;min-height:46px}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-footer{position:fixed!important;inset:auto 0 var(--hyvinn222-footer-gap,0px)!important;width:100%!important;border-radius:0!important;gap:6px;padding:5px max(10px,calc((100vw - 760px)/2)) calc(5px + env(safe-area-inset-bottom,0px))!important;background:#fff!important}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-item{min-height:46px;gap:3px;padding:5px 4px;font-size:11px;line-height:1.3;background:transparent!important;color:#344e46!important}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-item svg{width:21px;height:21px}
html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-item[aria-current=page]{background:var(--v-tint)!important;color:var(--v-accent)!important}
html#hyvinn-ui[data-hyvinn-edition]{scroll-padding-top:calc(var(--hyvinn222-header-height,58px) + 20px);scroll-padding-bottom:calc(var(--hyvinn222-footer-height,66px) + var(--hyvinn222-footer-gap,0px) + 20px)}
html#hyvinn-ui[data-hyvinn-edition] body{padding-top:var(--hyvinn222-header-height,58px)!important;padding-bottom:calc(var(--hyvinn222-footer-height,66px) + var(--hyvinn222-footer-gap,0px) + 24px)!important}
html#hyvinn-ui[data-hyvinn-edition] main [id]{scroll-margin-top:calc(var(--hyvinn222-header-height,58px) + 20px)}
/* Logos gain space independently of the text column. */
html#hyvinn-ui[data-hyvinn-visual-tool] main::before{width:76px;height:76px;background-size:64px 64px,cover;border-radius:23px;margin:4px 0 22px;transform:none}
html#hyvinn-ui[data-hyvinn-visual-tool=valmennus] main::before{display:none}
html#hyvinn-ui[data-hyvinn-visual] .app-card .app-icon{width:88px!important;height:88px!important;max-width:none;max-height:none;flex:0 0 88px!important}
html#hyvinn-ui[data-hyvinn-visual] .app-card .app-card-top{flex-wrap:wrap;gap:16px}
html#hyvinn-ui[data-hyvinn-visual] .app-card .app-heading{flex:1 1 130px}
html#hyvinn-ui[data-hyvinn-visual] .product-card{background:linear-gradient(140deg,#fff,var(--v-soft))!important;border-top:4px solid var(--v-accent)!important}
html#hyvinn-ui[data-hyvinn-visual] .product-card .app-card-top{flex-direction:column;align-items:flex-start}
html#hyvinn-ui[data-hyvinn-visual] .product-card .app-heading{flex:auto}
html#hyvinn-ui[data-hyvinn-visual] .visual-main-logo{width:280px;height:280px;max-width:100%;object-fit:contain}
html#hyvinn-ui[data-hyvinn-visual] .visual-pick img{width:64px;height:64px;flex:none}
html#hyvinn-ui[data-hyvinn-visual] .visual-choices button{background:var(--choice)!important;border:1px solid var(--choice-line)!important}
html#hyvinn-ui[data-hyvinn-visual] .visual-choices button[aria-pressed=true]{outline:2px solid var(--choice-line);outline-offset:2px}
html#hyvinn-ui[data-hyvinn-visual] .visual-choices button img{width:48px;height:48px}
html#hyvinn-ui[data-hyvinn-visual] .visual-picks-intro>a{white-space:normal;text-align:end}
html#hyvinn-ui[data-hyvinn-visual] .visual-week-panel{background:linear-gradient(120deg,#e1f4e9,#d7eeed 60%,#e3eafa)!important}
html#hyvinn-ui[data-hyvinn-visual] .one-app-nav .visual-nav-logo{width:30px;height:30px}
@media(max-width:760px){
 html#hyvinn-ui[data-hyvinn-edition] #hyvinn222-header{padding:calc(4px + env(safe-area-inset-top,0px)) 10px 4px!important}
 html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-header-row{gap:8px}
 html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-brand{gap:8px}
 html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-brand img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important}
 html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-brand strong{font-size:14px!important}
 html#hyvinn-ui[data-hyvinn-visual] main{padding-inline:16px}
 html#hyvinn-ui[data-hyvinn-visual] main :is(.card,.panel,.hero-copy){padding:22px 20px}
 html#hyvinn-ui[data-hyvinn-visual] main .hero{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}
 html#hyvinn-ui[data-hyvinn-visual] main .hero h1{margin:12px 0 18px}
 html#hyvinn-ui[data-hyvinn-visual] main .hero-copy>p{max-width:100%;font-size:15px;line-height:1.7}
 html#hyvinn-ui[data-hyvinn-visual] main .hero-actions{margin-top:22px;align-items:stretch}
 html#hyvinn-ui[data-hyvinn-visual] main .hero-actions>*{flex:1 1 100%;font-size:14px}
 html#hyvinn-ui[data-hyvinn-visual] :is(.grid,.two-col,.today-layout,.journal-layout,.tasks,.exercise-grid){grid-template-columns:minmax(0,1fr)!important}
 html#hyvinn-ui[data-hyvinn-visual] .app-card .app-icon{width:68px!important;height:68px!important;flex-basis:68px!important}
 html#hyvinn-ui[data-hyvinn-visual] .product-card .app-card-top{gap:12px}
 html#hyvinn-ui[data-hyvinn-visual] .app-card .app-heading h3{font-size:20px!important}
 html#hyvinn-ui[data-hyvinn-visual] .visual-hero-art{min-height:176px;max-width:280px;margin:12px auto 0}
 html#hyvinn-ui[data-hyvinn-visual] .visual-main-logo{width:164px;height:164px}
 html#hyvinn-ui[data-hyvinn-visual] .visual-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 html#hyvinn-ui[data-hyvinn-visual] .visual-choices button{min-height:104px;padding:12px 7px;gap:8px}
 html#hyvinn-ui[data-hyvinn-visual] .visual-choices button>span{font-size:13px;line-height:1.4}
 html#hyvinn-ui[data-hyvinn-visual] .visual-pick{flex-direction:column;align-items:flex-start;padding:16px 12px;gap:12px}
 html#hyvinn-ui[data-hyvinn-visual] .visual-pick img{width:60px;height:60px}
 html#hyvinn-ui[data-hyvinn-visual] .visual-pick-copy strong{font-size:13px}
 html#hyvinn-ui[data-hyvinn-visual] .visual-pick-copy small{font-size:10px}
 html#hyvinn-ui[data-hyvinn-visual] .suite-hero{grid-template-columns:minmax(0,1fr)!important}
 html#hyvinn-ui[data-hyvinn-visual] .suite-aside{justify-self:start}
 html#hyvinn-ui[data-hyvinn-visual] .suite-mark{width:96px;height:96px}
}
@media(max-width:360px){
 html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-header-row{gap:5px}
 html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-brand{gap:5px}
 html#hyvinn-ui[data-hyvinn-edition] .hyvinn222-brand strong{font-size:12px!important}
 html#hyvinn-ui[data-hyvinn-visual] main{padding-inline:12px}
 html#hyvinn-ui[data-hyvinn-visual] .visual-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
 html#hyvinn-ui[data-hyvinn-visual] .visual-pick-grid{grid-template-columns:minmax(0,1fr)}
 html#hyvinn-ui[data-hyvinn-visual] .visual-pick{flex-direction:row;align-items:center}
 html#hyvinn-ui[data-hyvinn-visual] main .hero h1{font-size:29px!important}
}
@media print{html#hyvinn-ui[data-hyvinn-edition] :is(#hyvinn222-header,.hyvinn222-footer){display:none!important}html#hyvinn-ui[data-hyvinn-edition] body{padding:0!important}}
html#hyvinn-ui[data-hyvinn-visual] .field-hint{margin:8px 0 0;font-size:13px;line-height:1.6}
html#hyvinn-ui[data-hyvinn-visual] #skip-feeling{display:flex;width:100%;justify-content:center;min-height:46px;padding:12px 16px;margin-top:12px;border:1px solid var(--v-line);border-radius:12px;text-align:center}
html#hyvinn-ui[data-hyvinn-visual] #intensity-box>label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 12px}
html#hyvinn-ui[data-hyvinn-visual] #intensity-box output{float:none;flex:none}
html#hyvinn-ui[data-hyvinn-visual-tool=tukis] #message{min-height:180px}
html#hyvinn-ui[data-hyvinn-visual] body[data-one-app-page]>.header .brand img{width:52px;height:52px;max-width:52px;max-height:52px;object-fit:contain;flex:none}
html#hyvinn-ui[data-hyvinn-visual] .visual-hero h1{font-size:clamp(32px,5vw,58px)!important;line-height:1.15!important}
@media(max-width:760px){
 html#hyvinn-ui[data-hyvinn-visual] body[data-one-app-page]>.header .brand img{width:42px;height:42px;max-width:42px;max-height:42px}
 html#hyvinn-ui[data-hyvinn-visual] .visual-hero .orbit-one{width:178px;height:178px}
 html#hyvinn-ui[data-hyvinn-visual] .visual-hero .orbit-two{width:228px;height:150px}
 html#hyvinn-ui[data-hyvinn-visual] .visual-floating.floating-heart,html#hyvinn-ui[data-hyvinn-visual] .visual-floating.floating-mind{width:40px;height:40px}
}