/* Shared presentation only. Form behavior, model outputs and source text stay intact. */
#homeopati-layout { --clarity-frame:min(1340px,calc(100% - 64px)); }
#homeopati-layout :is(.HPWrap,.HPHeaderMain,.HPSisterSites,.HPFooter>ul,.IFAccountMain) { width:var(--clarity-frame)!important;max-width:1340px!important;margin-inline:auto!important;box-sizing:border-box!important; }
#homeopati-layout .HPHeaderMain { padding:16px 0!important;gap:22px!important; }
#homeopati-layout .HPSisterSites { padding-inline:0!important; }
#homeopati-layout .HPFooter { padding-inline:0!important; }
#homeopati-layout .HPHeaderActions { gap:14px!important;margin-left:auto!important; }
#homeopati-layout .HPHeaderActions :is(.HPButton,.HPLanguage>summary,.HPMobileMenu>summary) { min-height:44px!important;padding:9px 14px!important;font-size:16px!important;line-height:24px!important; }
#homeopati-layout .HPCreate { background:#eef5fa!important;color:#226ba6!important;border:1px solid #b8cddb!important;box-shadow:none!important; }
#homeopati-layout .HPCreate:hover { background:#dfedf7!important; }
#homeopati-layout .HPMainNav { gap:5px!important; }
#homeopati-layout .HPMainNav a { padding:10px 12px!important; }
#homeopati-layout a,#homeopati-layout a:is(:hover,:focus,:visited,:active) {text-decoration:none!important;text-shadow:none!important;}
#homeopati-layout a:focus-visible,#homeopati-layout button:focus-visible {outline:3px solid #276c9f!important;outline-offset:3px!important;}
#homeopati-layout .HPHeroNew { min-height:300px!important;padding-block:32px!important; }
#homeopati-layout.HPPage-home .HPHeroNew { min-height:340px!important;--hp-art-height:340px; }
#homeopati-layout.HPPage-home .HPHeroNew::before { right:max(0px,calc((100% - 1340px)/2))!important; }
#homeopati-layout :is(.HPPage-home,.HPHeroText) .HPLead { max-width:42ch!important; }
#homeopati-layout .HPStepsNew { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;padding-block:24px!important; }
#homeopati-layout .HPStepsNew>li { align-items:flex-start!important;padding:22px!important;gap:18px!important;min-width:0!important; }
#homeopati-layout .HPStepsNew h2 { font-size:21px!important;line-height:1.3!important;margin:0 0 8px!important; }
#homeopati-layout .HPStepsNew p { line-height:1.55!important;margin:0!important; }
#homeopati-layout .HPHomeScope {padding-bottom:26px!important;}
#homeopati-layout.HPPage-membership .HPHeroNew,#homeopati-layout.HPPage-about .HPHeroNew {min-height:235px!important;--hp-art-height:235px;}
#homeopati-layout .HPMembershipNew {margin-top:0!important;gap:20px 32px!important;align-items:start!important;}
#homeopati-layout .HPPlanPicker label {align-items:flex-start!important;padding:18px!important;min-height:132px!important;}
#homeopati-layout .HPPlanPicker label>span {display:grid!important;gap:7px!important;}
#homeopati-layout .HPPlanPicker .HPSaving {position:static!important;transform:none!important;justify-self:start!important;padding:3px 9px!important;font-size:13px!important;margin:0!important;}
#homeopati-layout .HPPlanPicker>.HPButton {min-height:46px!important;}
#homeopati-layout .HPTax {max-width:85ch!important;line-height:1.6!important;justify-self:center!important;font-size:15px!important;}
#homeopati-layout .HPAboutGrid {grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)!important;gap:40px!important;align-items:start!important;}
#homeopati-layout .HPAboutArticle {margin-bottom:28px!important;}
#homeopati-layout .HPAboutArticle p {max-width:65ch!important;line-height:1.65!important;}
#homeopati-layout .HPPrinciples {padding:24px!important;}
#homeopati-layout .HPPrinciples article {padding:16px!important;}
#homeopati-layout .HPReading {max-width:1340px!important;}
#homeopati-layout .HPReading>p {max-width:76ch!important;line-height:1.7!important;}
#homeopati-layout .studio-section {max-width:1340px!important;width:var(--clarity-frame)!important;margin-inline:auto!important;padding-inline:0!important;}
#homeopati-layout .new-case-heading .step-overline {display:none!important;}
#homeopati-layout .HPSelectedColumn {min-height:0!important;align-self:start!important;}
#homeopati-layout .HPSelectedColumn .selected-symptom-summary {min-height:0!important;}
#homeopati-layout .guided-views a[aria-current=page] {background:#e5f0f3!important;box-shadow:inset 0 0 0 1px #69959d!important;color:#1e505b!important;}
#homeopati-layout .candidate-card {padding:24px!important;}
#homeopati-layout .candidate-card :is(h5,h6) {line-height:1.35!important;}
#homeopati-layout .candidate-card .candidate-section {margin-top:16px!important;}
#homeopati-layout :is(.reading-section,.source-full,.candidate-reading) p {max-width:76ch;line-height:1.7!important;}
#homeopati-layout .IFAuthLayout {max-width:1100px!important;width:100%!important;margin-inline:auto!important;min-height:0!important;align-items:start!important;gap:36px!important;}
#homeopati-layout .IFAuthCard {min-height:0!important;padding:24px!important;}
#homeopati-layout .IFAuthIntro {min-height:0!important;padding-top:24px!important;}
#homeopati-layout .IFAuthCard :is(input[type=email],input[type=text],input[autocomplete=one-time-code],.IFPrimaryButton,.IFSocialButton) {min-height:46px!important;font-size:16px!important;line-height:1.5!important;}
#homeopati-layout .IFAuthCard :is(.IFSocialStack,.IFAccessProviders) {display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
#homeopati-layout .IFAuthCard .IFSocialButton {width:100%!important;justify-content:center!important;padding:10px 16px!important;}
#homeopati-layout .IFAuthCard form {max-width:none!important;}
#homeopati-layout .IFAuthCard .IFCheckField {line-height:1.6!important;}
@media(max-width:1100px){#homeopati-layout .HPAboutGrid{gap:28px!important;}#homeopati-layout .HPStepsNew>li{padding:18px!important;gap:14px!important;}}
@media(max-width:760px){
 #homeopati-layout {--clarity-frame:calc(100% - 32px);}
 #homeopati-layout .HPHeaderMain {gap:12px!important;padding-block:12px!important;flex-direction:column!important;align-items:stretch!important;}
 #homeopati-layout .HPBrand{align-self:flex-start!important;}
 #homeopati-layout .HPHeroNew::before,#homeopati-layout .HPHeroNew::after{display:none!important;}
 #homeopati-layout .HPHeaderActions {width:100%!important;margin:0!important;gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
 #homeopati-layout .HPHeaderActions :is(.HPButton,.HPLanguage>summary,.HPMobileMenu>summary){font-size:14px!important;padding-inline:10px!important;}
 #homeopati-layout .HPHeroNew,#homeopati-layout.HPPage-home .HPHeroNew,#homeopati-layout.HPPage-membership .HPHeroNew,#homeopati-layout.HPPage-about .HPHeroNew{min-height:0!important;padding-block:24px!important;}
 #homeopati-layout .HPStepsNew,#homeopati-layout .HPAboutGrid {grid-template-columns:minmax(0,1fr)!important;}
 #homeopati-layout .HPStepsNew{gap:12px!important;}
 #homeopati-layout .HPStepsNew>li{padding:18px!important;}
 #homeopati-layout .HPMembershipNew{padding:20px!important;}
 #homeopati-layout .HPPlanPicker label{padding:14px!important;min-height:0!important;}
 #homeopati-layout .HPPlanPicker fieldset{grid-template-columns:1fr!important;}
 #homeopati-layout .candidate-card{padding:18px!important;}
 #homeopati-layout .IFAuthLayout {display:block!important;}
 #homeopati-layout .IFAuthCard{padding:18px!important;}
 #homeopati-layout .HPFooter>ul{justify-content:center!important;}
}

@layer ls-profile {
@media(max-width:760px){
 #homeopati-layout .HPHeaderActions .HPCreate{font-size:14px!important;padding:9px 10px!important;min-width:0!important;}
 #homeopati-layout .HPHeaderActions .HPLanguage>summary{font-size:14px!important;padding:9px 10px!important;min-width:0!important;width:auto!important;}
}
}

/* Legacy account navigation is rendered again in the browser. */
#homeopati-layout .HPHeader a[href="/sa-fungerar-det/"]{display:none!important;}
@layer ls-profile {
 @media(max-width:760px){
  #homeopati-layout .HPHeaderActions>a,#homeopati-layout .HPHeaderActions summary{font-size:14px!important;padding:9px 10px!important;min-width:0!important;min-height:44px!important;line-height:24px!important;box-sizing:border-box!important;}
 }
}

#homeopati-layout .HPAboutGrid>* {min-width:0!important;}
#homeopati-layout .HPAboutGrid a {overflow-wrap:anywhere;}
@media(max-width:760px){
 #homeopati-layout .HPAccountMenu summary{white-space:nowrap!important;display:flex!important;gap:8px!important;}
 #homeopati-layout .HPAccountMenu summary svg{flex:0 0 18px!important;width:18px!important;height:18px!important;}
 #homeopati-layout .HPHeaderActions details>nav{max-width:calc(100vw - 32px)!important;box-sizing:border-box!important;}
}
@media(max-width:500px){
 #homeopati-layout nav[aria-label="Arbetsgång"] .steps{gap:4px!important;flex-wrap:wrap!important;}
 #homeopati-layout nav[aria-label="Arbetsgång"] .steps button{min-height:44px!important;}
}

/* The same presentation applies to account panels, validation responses and languages. */
#homeopati-layout .HPHeader a:is([href="/en/how-it-works/"],[href="/it/how-it-works/"],[href="/de/how-it-works/"],[href="/it/#method"],[href="/de/#method"]){display:none!important;}
#homeopati-layout .HPAccountTitle{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
#homeopati-layout .HPAccountTitle h1{margin:0;}
#homeopati-layout .HPAccountTool{min-height:44px;white-space:normal;padding:9px 16px;}
#homeopati-layout .HPAccountMain{padding-block:28px!important;}
#homeopati-layout .HPAccountDetail{max-width:900px;}
#homeopati-layout .HPAccountDetail h1{font-size:28px!important;line-height:1.3!important;font-weight:600;}
#homeopati-layout .HPAccountOverview{gap:20px!important;}
#homeopati-layout .HPAccountOverview>section{padding:22px!important;min-width:0;}
#homeopati-layout .HPAccountContextNote{padding:12px 14px;background:#f2f7f7;border-left:3px solid #7ca2a8;font-size:15px;line-height:1.55;margin:0 0 16px;}
#homeopati-layout .HPHomeMembership{width:var(--clarity-frame);max-width:1340px;margin:32px auto;padding:0;scroll-margin-top:24px;}
#homeopati-layout .HPHomeMembership .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
#homeopati-layout .HPHomeMembership .card{min-width:0;padding:20px;}
#homeopati-layout .HPHomeMembership .section-heading{margin-bottom:20px;}
#homeopati-layout .HPHomeMembership p{max-width:76ch;}
@media(max-width:600px){#homeopati-layout .HPHomeMembership .cards{grid-template-columns:1fr;}}
#homeopati-layout .HPAccountOverview a{display:inline-flex;align-items:center;min-height:44px;}
#homeopati-layout .HPAccountOverview h2{font-size:24px;line-height:1.3;}
#homeopati-layout .HPAccountMain :is(.IFSettingsBody,.IFTermsChecklist,.IFFormMessage){overflow-wrap:anywhere;min-width:0;}
#homeopati-layout .IFFormMessage{max-width:900px!important;margin:18px auto!important;box-sizing:border-box;}
#homeopati-layout .IFFormField input{box-sizing:border-box;max-width:100%;min-width:0;}
#homeopati-layout.HPCodeStep .HPAuthArtwork{display:none!important;}
#homeopati-layout.HPCodeStep .IFAuthLayout{display:block!important;max-width:560px!important;margin-inline:auto!important;background:none!important;}
#homeopati-layout.HPCodeStep .IFAuthIntro{padding:0!important;margin:0 0 20px!important;}
#homeopati-layout.HPCodeStep .IFAuthIntro h1{font-size:28px!important;line-height:1.3!important;}
#homeopati-layout.HPCodeStep .IFAuthIntro .IFAccountKicker{display:none!important;}
#homeopati-layout.HPCodeStep .IFAuthCard{width:100%!important;max-width:none!important;box-sizing:border-box;}
#homeopati-layout.HPCodeStep .IFAuthLinks{margin-top:14px!important;padding-top:14px!important;}
#homeopati-layout.HPCodeStep .IFEmailCodeResend{min-height:44px!important;padding:9px 16px!important;}
#homeopati-layout.HPCodeStep .IFAuthCard p{line-height:1.6;}
#homeopati-layout .HPNoScript{padding:18px;border:1px solid #b8cddb;border-radius:8px;background:#eef5fa;}
#homeopati-layout .HPNoScript a{font-weight:600;}
#homeopati-layout :is(input,select,textarea,button):focus-visible{outline:3px solid #276c9f!important;outline-offset:3px!important;}
@media(max-width:760px){
 #homeopati-layout .HPAccountOverview{grid-template-columns:minmax(0,1fr)!important;}
 #homeopati-layout .HPAccountDetail{width:100%;min-width:0;}
 #homeopati-layout .HPAccountMain{padding-block:20px!important;}
 #homeopati-layout.HPCodeStep .IFAuthLayout{max-width:100%!important;}
 #homeopati-layout :is(.IFMembershipChoices,.IFMembershipOptions){grid-template-columns:minmax(0,1fr)!important;}
 #homeopati-layout :is(.IFAuthCard,.IFAccountMain,.HPReading,.HPAccountDetail) :is(p,li,label,summary){overflow-wrap:anywhere;}
 #homeopati-layout .IFAccountMain :is(table,.IFInvoiceTable){display:block;max-width:100%;overflow-x:auto;}
}

@layer ls-profile {
 #homeopati-layout.HPCodeStep .IFAuthLayout{margin-left:auto!important;margin-right:auto!important;max-width:560px!important;width:100%!important;}
 #homeopati-layout.HPCodeStep .IFAuthCard{padding:24px!important;}
 @media(max-width:760px){#homeopati-layout.HPCodeStep .IFAuthCard{padding:18px!important;}}
}
