/* ==========================================================
   Kristinehamnsbo v6 – GLOBAL DESIGN + READABILITY PASS
   Applies the approved Vänern blue/turquoise system to ALL pages
   and scales typography/touch targets up across desktop + mobile.
   ========================================================== */

:root{
  --kh-blue:#075e78!important;
  --kh-blue-dark:#084b61!important;
  --kh-teal:#14a4b4!important;
  --kh-teal-dark:#0c7f91!important;
  --kh-aqua:#dff5f8!important;
  --kh-aqua-soft:#eef9fa!important;
  --kh-cream:#f8f7f2!important;
  --kh-card:#ffffff!important;
  --kh-ink:#103d4c!important;
  --kh-copy:#566f77!important;
  --kh-muted:#6f858c!important;
  --kh-line:#dbe9ec!important;
  --kh-gold:#f2b33d!important;
  --kh-coral:#e96f55!important;
  --kh-shadow:0 14px 34px rgba(9,73,91,.08)!important;
  --kh-radius:20px!important;

  /* Re-map the old Karlstabo design tokens globally */
  --green:var(--kh-blue)!important;
  --green-2:var(--kh-blue-dark)!important;
  --green-3:var(--kh-aqua)!important;
  --ink:var(--kh-ink)!important;
  --ink-2:#285a68!important;
  --cream:var(--kh-cream)!important;
  --paper:#fff!important;
  --muted:var(--kh-muted)!important;
  --line:var(--kh-line)!important;
  --line-2:#c8dde2!important;
  --water:var(--kh-teal)!important;
  --water-soft:var(--kh-aqua-soft)!important;
  --sun:var(--kh-gold)!important;
  --sun-2:#ffd46a!important;
  --sun-soft:#fff3cf!important;
  --shadow:var(--kh-shadow)!important;
  --shell:min(1320px,calc(100% - 40px))!important;
}

html{font-size:18px!important}
body,body.kh-v2,body.kh-v6,.ksg-body{
  background:var(--kh-cream)!important;
  color:var(--kh-ink)!important;
  font-size:18px!important;
  line-height:1.58!important;
}
body:before{opacity:.08!important;background-image:radial-gradient(circle at 10% 8%,rgba(20,164,180,.14),transparent 24%),radial-gradient(circle at 92% 25%,rgba(242,179,61,.09),transparent 20%)!important}
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
p,li,dd,dt,label,input,select,textarea,button{font-size:1rem}
small,.small,.muted{font-size:.82rem!important;line-height:1.45!important}
h1{font-size:clamp(2.35rem,4.5vw,4.4rem)!important}
h2{font-size:clamp(1.45rem,2.2vw,2.15rem)!important}
h3{font-size:clamp(1.12rem,1.5vw,1.45rem)!important}
h4{font-size:1.08rem!important}
.eyebrow{font-size:.76rem!important;letter-spacing:.12em!important}

/* General page surfaces */
.section,.page,.ksg-page,.state-page{padding-top:2rem!important;padding-bottom:3rem!important}
.card,.panel,.admin-panel,.form-card,.settings-card,.profile-card,
.business-card,.event-card,.offer-card,.discussion-card,.market-card,
.lost-card,.area-card,.photo-card,.poll-card,.result-card,.coupon-card,
.ksg-card,.ksg-hero-card,.ksg-panel,.kh-panel{
  border-color:var(--kh-line)!important;
  box-shadow:var(--kh-shadow)!important;
}
.page-hero,.business-hero,.area-hero,.events-hero,.discussion-hero,.market-hero,
.offer-hero,.photo-hero,.poll-hero,.account-hero,.auth-hero{
  background:linear-gradient(120deg,#edf9fb 0%,#dff4f7 52%,#f8f5ec 100%)!important;
  color:var(--kh-ink)!important;
  border-color:var(--kh-line)!important;
}
.page-hero h1,.page-hero h2,.page-hero h3,
.business-hero h1,.business-hero h2,.business-hero h3{color:var(--kh-ink)!important}
.page-hero p,.business-hero p{color:var(--kh-copy)!important}

/* Kill old dark-green special heroes everywhere */
.hero-proud,.polls-hero,.ksg-hero,.growth-hero,.premium-hero,
.marketplace-hero,.profile-hero,.discover-hero{
  background:linear-gradient(120deg,#e7f7fa,#d8f0f4 55%,#f7f2e7)!important;
  color:var(--kh-ink)!important;
}
.hero-proud:after,.polls-hero:after,.ksg-hero:after,.premium-hero:after{color:rgba(7,94,120,.07)!important}
.hero-proud h1,.hero-proud h2,.hero-proud h3,.hero-proud p,
.polls-hero h1,.polls-hero h2,.polls-hero h3,.polls-hero p,
.ksg-hero h1,.ksg-hero h2,.ksg-hero h3,.ksg-hero p{
  color:var(--kh-ink)!important;
}
.hero-proud .btn-glass,.polls-hero .btn-glass,.ksg-hero .btn-glass{
  background:#fff!important;color:var(--kh-blue)!important;border-color:var(--kh-line)!important
}

/* Buttons */
.btn,.kh-btn,.mini-action,.ksg-btn{
  min-height:48px!important;
  padding:.72rem 1rem!important;
  border-radius:14px!important;
  font-size:.88rem!important;
  font-weight:850!important;
}
.btn-primary,.kh-btn-primary,.ksg-btn-primary{
  background:var(--kh-blue)!important;color:#fff!important;border-color:var(--kh-blue)!important;
  box-shadow:0 9px 22px rgba(7,94,120,.17)!important
}
.btn-primary:hover,.kh-btn-primary:hover,.ksg-btn-primary:hover{background:var(--kh-blue-dark)!important}
.btn-ghost,.btn-light,.kh-btn-light{background:#fff!important;color:var(--kh-ink)!important;border-color:var(--kh-line)!important}
.btn-link{color:var(--kh-blue)!important}

/* Inputs/forms */
input,select,textarea{
  min-height:48px!important;
  padding:.72rem .85rem!important;
  border-radius:13px!important;
  border:1px solid #c7dce1!important;
  background:#fff!important;
  font-size:1rem!important;
}
textarea{min-height:120px!important}
.field label,.form label,.filterbar label{font-size:.9rem!important;font-weight:800!important}
.filterbar,.filters,.search-box,.admin-filters{
  gap:.75rem!important;
}
.filterbar,.admin-filters,.search-panel{
  background:#fff!important;border-color:var(--kh-line)!important
}

/* Cards/list typography */
.business-card h3,.event-card h3,.offer-card h3,.discussion-card h3,
.market-card h3,.lost-card h3,.photo-card h3,.poll-card h3,
.ksg-card h3,.admin-feed h3{font-size:1.08rem!important}
.business-card p,.event-card p,.offer-card p,.discussion-card p,
.market-card p,.lost-card p,.area-card p,.photo-card p,.poll-card p,
.ksg-card p,.admin-feed p{font-size:.92rem!important;line-height:1.55!important}
.pill,.tag,.badge,.chip,.mini-pill{font-size:.74rem!important;padding:.35rem .55rem!important}
.listing-head{margin-bottom:1rem!important}
.listing-head h2{font-size:1.55rem!important}

/* Public grids */
.business-grid,.event-grid,.offer-grid,.market-grid,.area-grid,.photo-grid,.poll-grid,
.cards-grid,.ksg-grid{gap:1rem!important}
.business-card,.event-card,.offer-card,.market-card,.area-card,.photo-card,.poll-card,
.ksg-card{border-radius:18px!important;padding:1rem!important;background:#fff!important}

/* Discussion pages */
.discussion-list article,.discussion-thread,.discussion-compose,.reply-box,.comment{
  font-size:1rem!important
}
.discussion-list h3,.discussion-title{font-size:1.2rem!important}
.comment-text,.rich-user-content{font-size:1rem!important;line-height:1.65!important}
.reply-image-button,.mini-action{font-size:.82rem!important}

/* Account/profile/settings */
.account-grid,.profile-grid,.settings-grid{gap:1rem!important}
.account-card h2,.profile-card h2,.settings-card h2{font-size:1.35rem!important}
.account-card p,.profile-card p,.settings-card p{font-size:.95rem!important}

/* Admin gets same palette/readability instead of old Karlstabo green */
.admin-control,.admin-workspace,.admin-sidebar{color:var(--kh-ink)!important}
.admin-sidebar{background:#fff!important;border-color:var(--kh-line)!important}
.admin-side-nav a.active,.admin-mobile-nav a.active{background:var(--kh-blue)!important;color:#fff!important;border-color:var(--kh-blue)!important}
.admin-back-site{color:var(--kh-blue)!important}
.admin-work-header h1{font-size:2rem!important}
.admin-work-header p,.admin-workspace .admin-panel-head p,.admin-workspace .admin-feed p{font-size:.82rem!important}
.admin-workspace .admin-panel-head h2{font-size:1.35rem!important}
.admin-workspace .admin-feed h3{font-size:1rem!important}
.admin-workspace .mini-action{font-size:.78rem!important;min-height:40px!important}

/* Growth/special standalone pages: /jobb, /lokalt, /helgen, /tillvaxt */
.ksg-body{background:var(--kh-cream)!important}
.ksg-top{background:rgba(249,253,253,.97)!important;border-bottom:1px solid var(--kh-line)!important}
.ksg-top-inner{min-height:78px!important}
.ksg-brand img{width:205px!important}
.ksg-nav{gap:.3rem!important}
.ksg-nav a,.ksg-home-link{font-size:.88rem!important;color:var(--kh-ink)!important}
.ksg-nav a:hover{background:var(--kh-aqua)!important;color:var(--kh-blue)!important}
.ksg-main{background:transparent!important}
.ksg-page>.shell{width:min(1320px,calc(100% - 40px))!important}
.ksg-hero{
  border:1px solid var(--kh-line)!important;
  border-radius:24px!important;
  padding:2rem!important;
  margin-top:1.4rem!important;
  box-shadow:var(--kh-shadow)!important;
}
.ksg-hero h1{font-size:clamp(2.2rem,4vw,3.8rem)!important}
.ksg-hero p{font-size:1rem!important;color:var(--kh-copy)!important;max-width:760px!important}
.ksg-hero-card{background:#fff!important;color:var(--kh-ink)!important;padding:1.25rem!important;border-radius:18px!important}
.ksg-hero-card b{font-size:1.2rem!important}.ksg-hero-card small{font-size:.82rem!important}
.ksg-section{margin-top:1.5rem!important}.ksg-section-head h2{font-size:1.6rem!important}.ksg-section-head p{font-size:.9rem!important}
.ksg-footer{background:#fff!important;border-top:1px solid var(--kh-line)!important}

/* Transit */
.transit-hero,.transit-card,.transit-map-card,.transit-search-card{
  background:#fff!important;border-color:var(--kh-line)!important;box-shadow:var(--kh-shadow)!important
}
.transit-hero{
  background:linear-gradient(120deg,#e7f7fa,#d8f0f4 55%,#f7f2e7)!important
}
.transit-hero h1{color:var(--kh-ink)!important}
.transit-hero p{font-size:1rem!important;color:var(--kh-copy)!important}

/* Discover */
.discover-v447,.upptack-page,.discover-page{
  color:var(--kh-ink)!important;background:transparent!important
}
.discover-v447 .hero,.upptack-hero,.discover-page .hero{
  background:linear-gradient(120deg,#e7f7fa,#d8f0f4 55%,#f7f2e7)!important;color:var(--kh-ink)!important
}
.discover-card,.upptack-card{
  background:#fff!important;border-color:var(--kh-line)!important;box-shadow:var(--kh-shadow)!important
}

/* Poll/Rösta: belt-and-suspenders against legacy loader colors */
body[class*="poll"],body.page-polls,body.page-poll{
  --green:var(--kh-blue)!important;--green-2:var(--kh-blue-dark)!important;--green-3:var(--kh-aqua)!important
}
body.page-polls .polls-hero,body.page-poll .polls-hero,
body.page-polls [class*="hero"],body.page-poll [class*="hero"]{
  background:linear-gradient(120deg,#e7f7fa,#d8f0f4 55%,#f7f2e7)!important;
  color:var(--kh-ink)!important
}

/* Auth pages */
.auth-page,.auth-shell,.login-page,.register-page,.forgot-page,.reset-page{
  background:var(--kh-cream)!important;color:var(--kh-ink)!important
}
.auth-card,.login-card,.register-card,.forgot-card,.reset-card{
  background:#fff!important;border-color:var(--kh-line)!important;box-shadow:var(--kh-shadow)!important;border-radius:22px!important
}
.auth-card h1,.login-card h1,.register-card h1{font-size:2.25rem!important}

/* Header/nav larger than v2 */
.kh-header-row{height:86px!important}
.kh-brand img{width:235px!important;max-height:62px!important}
.kh-desktop-nav a{font-size:.78rem!important;padding-inline:.72rem!important}
.kh-login,.kh-join,.kh-profile{font-size:.82rem!important;min-height:46px!important}
.kh-icon-btn,.kh-menu-toggle{width:46px!important;height:46px!important}
.kh-mobile-links a{font-size:.86rem!important;padding:.8rem!important}

/* Homepage readability bump */
.kh-hero-copy h2{font-size:1.55rem!important}
.kh-weather{font-size:1rem!important}.kh-weather strong{font-size:1.12rem!important}
.kh-shortcuts b{font-size:.82rem!important}.kh-shortcuts small{font-size:.72rem!important}
.kh-panel-title h2{font-size:1.18rem!important}.kh-panel-title small,.kh-panel-title>a{font-size:.78rem!important}
.kh-panel>p{font-size:.86rem!important}
.kh-live-list a{font-size:.86rem!important}.kh-live-list time{font-size:.78rem!important}
.kh-feature-shade p{font-size:.88rem!important}.kh-feature-pill{font-size:.7rem!important}
.kh-archipelago nav a,.kh-archipelago nav b{font-size:.84rem!important}
.kh-news-list strong,.kh-jobs-list strong,.kh-event-list strong,.kh-talk-list strong{font-size:.88rem!important}
.kh-news-list small,.kh-jobs-list small,.kh-event-list small,.kh-talk-list small{font-size:.74rem!important}
.kh-food-grid strong{font-size:.8rem!important}.kh-food-grid small{font-size:.7rem!important}
.kh-vote-grid strong{font-size:.8rem!important}.kh-vote-grid small{font-size:.7rem!important}
.kh-loppis-body strong{font-size:.9rem!important}.kh-loppis-body p{font-size:.78rem!important}
.kh-join-strip h2{font-size:1.35rem!important}.kh-join-strip p{font-size:.86rem!important}
.kh-footer nav a,.kh-footer-row>span{font-size:.78rem!important}

/* Keep layout roomy after larger type */
.kh-panel{padding:1.1rem!important}
.kh-dashboard{gap:1rem!important}
.kh-shortcuts{gap:.7rem!important}
.kh-shortcuts a{min-height:78px!important;padding:.75rem!important}

/* Mobile – deliberately much larger than previous versions */
@media(max-width:900px){
  html{font-size:18px!important}
  body,body.kh-v2,body.kh-v6,.ksg-body{font-size:18px!important}
  :root{--shell:min(100% - 24px,1320px)!important}
  .kh-header-row{height:70px!important}
  .kh-brand img{width:185px!important}
  .kh-home-hero-inner{min-height:350px!important}
  .kh-hero-copy h1{font-size:3rem!important}
  .kh-hero-copy h2{font-size:1.3rem!important}
  .kh-shortcuts b{font-size:.9rem!important}.kh-shortcuts small{font-size:.78rem!important}
  .kh-panel-title h2{font-size:1.28rem!important}
  .kh-news-list strong,.kh-jobs-list strong,.kh-event-list strong,.kh-talk-list strong{font-size:.96rem!important}
  .kh-news-list small,.kh-jobs-list small,.kh-event-list small,.kh-talk-list small{font-size:.8rem!important}
  .business-grid,.event-grid,.offer-grid,.market-grid,.area-grid,.photo-grid,.poll-grid,.cards-grid,.ksg-grid{grid-template-columns:1fr!important}
  .page-hero .shell,.business-hero .shell{grid-template-columns:1fr!important}
  .ksg-top-inner{min-height:70px!important}
}

@media(max-width:680px){
  html{font-size:17px!important}
  body,body.kh-v2,body.kh-v6,.ksg-body{font-size:17px!important;line-height:1.62!important}
  h1{font-size:2.45rem!important}
  h2{font-size:1.6rem!important}
  h3{font-size:1.2rem!important}
  p,li,label,input,select,textarea,button{font-size:1rem!important}
  small,.small,.muted{font-size:.86rem!important}
  .kh-header-row{height:66px!important}
  .kh-brand img{width:170px!important}
  .kh-mobile-links{grid-template-columns:1fr 1fr!important}
  .kh-mobile-links a{font-size:.95rem!important;min-height:48px!important}
  .kh-home-hero-inner{min-height:370px!important}
  .kh-hero-copy{padding:2rem 0!important}
  .kh-hero-copy h1{font-size:2.7rem!important}
  .kh-hero-copy h2{font-size:1.22rem!important;max-width:95%!important}
  .kh-weather{font-size:.98rem!important}
  .kh-btn,.btn{font-size:.95rem!important;min-height:50px!important}
  .kh-shortcuts{grid-template-columns:1fr 1fr!important}
  .kh-shortcuts a{min-height:82px!important}
  .kh-shortcuts b{font-size:.94rem!important}.kh-shortcuts small{font-size:.8rem!important}
  .kh-panel{padding:1rem!important}
  .kh-panel-title h2{font-size:1.3rem!important}
  .kh-panel-title>a{font-size:.82rem!important}
  .kh-live-list a{font-size:.92rem!important;grid-template-columns:60px 1fr!important}
  .kh-live-list time{font-size:.8rem!important}
  .kh-feature-shade h2{font-size:2rem!important}
  .kh-feature-shade p{font-size:.95rem!important}
  .kh-archipelago nav a,.kh-archipelago nav b{font-size:.9rem!important}
  .kh-news-list strong,.kh-jobs-list strong,.kh-event-list strong,.kh-talk-list strong{font-size:1rem!important}
  .kh-news-list small,.kh-jobs-list small,.kh-event-list small,.kh-talk-list small{font-size:.84rem!important}
  .kh-food-grid strong{font-size:.9rem!important}.kh-food-grid small{font-size:.8rem!important}
  .kh-vote-grid strong{font-size:.9rem!important}.kh-vote-grid small{font-size:.78rem!important}
  .kh-bottom-nav{height:70px!important}
  .kh-bottom-nav a{font-size:.72rem!important}.kh-bottom-nav a>span{font-size:1.2rem!important}

  .page,.section,.ksg-page{padding-top:1.25rem!important;padding-bottom:2.2rem!important}
  .filterbar,.page-head,.listing-head{flex-direction:column!important;align-items:stretch!important}
  .filterbar .btn,.page-head .btn,.listing-head .btn{width:100%!important}
  .business-card,.event-card,.offer-card,.market-card,.area-card,.photo-card,.poll-card,.ksg-card{padding:1rem!important}
  .business-card h3,.event-card h3,.offer-card h3,.discussion-card h3,.market-card h3,.ksg-card h3{font-size:1.12rem!important}
  .business-card p,.event-card p,.offer-card p,.discussion-card p,.market-card p,.ksg-card p{font-size:.96rem!important}
  .ksg-hero{padding:1.25rem!important}.ksg-hero h1{font-size:2.35rem!important}.ksg-hero p{font-size:1rem!important}
  .ksg-nav{display:none!important}
}

@media(max-width:420px){
  html{font-size:16.5px!important}
  .kh-brand img{width:155px!important}
  .kh-shortcuts{grid-template-columns:1fr!important}
  .kh-shortcuts a{grid-template-columns:42px 1fr!important}
  .kh-food-grid{grid-template-columns:1fr!important}
  .kh-food-photo{height:110px!important}
  .kh-vote-grid{grid-template-columns:1fr 1fr!important}
}


/* v7 — contrast/readability fixes for personal/account/auth pages */
.page-for-you .page-hero.personal-hero,
.page-account .account-hero{
  background:linear-gradient(115deg,#dff5f8 0%,#edf9fa 60%,#f8f7f2 100%)!important;
  color:var(--kh-ink)!important;
}
.page-for-you .personal-hero *,
.page-account .account-hero *{text-shadow:none!important}
.page-for-you .personal-hero .eyebrow,
.page-account .account-hero .eyebrow{
  color:#08758d!important;opacity:1!important;font-weight:900!important;
}
.page-for-you .personal-hero h1,
.page-account .account-hero h1{color:#083f51!important}
.page-for-you .personal-hero p,
.page-account .account-hero p{
  color:#456771!important;opacity:1!important;font-size:1.12rem!important;font-weight:500!important;
}
.page-for-you .personal-score{
  background:#fff!important;border:1px solid #c8e2e7!important;color:#083f51!important;
  box-shadow:0 12px 28px rgba(7,94,120,.08)!important
}
.page-for-you .personal-score small{color:#4f7079!important;opacity:1!important;font-weight:900!important}
.page-for-you .personal-score b{color:#b97700!important}
.page-for-you .personal-score span{color:#55737b!important;opacity:1!important}
.page-for-you .btn-glass,.page-account .btn-glass{
  background:#fff!important;color:#075e78!important;border:1px solid #83bdc9!important;
  opacity:1!important;box-shadow:none!important
}
.page-for-you .preference-summary span{
  background:#fff!important;color:#083f51!important;border:1px solid #bfdde3!important;
  font-size:.92rem!important;font-weight:800!important
}
.page-for-you .personal-onboarding{
  background:linear-gradient(100deg,#fff0bd,#e4f6f6)!important;color:#083f51!important;
  border:1px solid #e6dfba!important
}
.page-for-you .personal-onboarding h2{color:#083f51!important}
.page-for-you .personal-onboarding p{color:#506d75!important;opacity:1!important;font-size:1.03rem!important}
.page-for-you .feed-label{color:#075e78!important;font-size:.9rem!important;font-weight:900!important}

.page-account .account-avatar{box-shadow:none!important}
.page-account .account-section{background:var(--kh-cream)!important}
.page-account .account-nav,.page-account .account-main .form-card{
  background:#fff!important;color:var(--kh-ink)!important;border:1px solid var(--kh-line)!important;
  box-shadow:var(--kh-shadow)!important
}
.page-account .account-nav a{color:#244f5b!important;font-size:1rem!important}
.page-account .account-nav a.active{background:#dff5f8!important;color:#075e78!important}
.page-account .form-title h2,.page-account .account-main h2,.page-account .account-main h3{color:#083f51!important}
.page-account .form-title p,.page-account .account-main p,.page-account .muted{color:#526f77!important;opacity:1!important}
.page-account .interest-grid label span,.page-account .area-check-grid label span{
  color:#163f4b!important;background:#f7fbfc!important;border-color:#cfe3e7!important;
  font-size:.98rem!important
}

/* Register: force the same new auth visual language as login */
.page-register .auth-page.register{
  width:min(1180px,calc(100% - 40px))!important;margin:2rem auto 3rem!important;
  display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:0!important;
  background:#fff!important;border:1px solid var(--kh-line)!important;border-radius:26px!important;
  overflow:hidden!important;box-shadow:var(--kh-shadow)!important
}
.page-register .auth-art{
  min-height:650px!important;padding:3rem!important;
  background:linear-gradient(145deg,#dff5f8,#bfe7ed 58%,#f7edd3)!important;color:#083f51!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important
}
.page-register .auth-art h2{color:#083f51!important;font-size:2.7rem!important;line-height:1.05!important}
.page-register .auth-art p{color:#456771!important;font-size:1.08rem!important;line-height:1.65!important}
.page-register .auth-points{display:grid!important;gap:.7rem!important;margin-top:1.4rem!important}
.page-register .auth-points span{
  background:rgba(255,255,255,.75)!important;color:#164b5b!important;border:1px solid rgba(7,94,120,.12)!important;
  padding:.85rem 1rem!important;border-radius:13px!important;font-size:1rem!important;font-weight:750!important
}
.page-register .auth-sun{font-size:3rem!important}
.page-register .auth-card{
  margin:0!important;padding:3rem!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  align-self:stretch!important
}
.page-register .auth-card .eyebrow{color:#08758d!important;opacity:1!important;font-weight:900!important}
.page-register .auth-card h1{color:#083f51!important;font-size:2.55rem!important}
.page-register .auth-card p,.page-register .social-legal,.page-register .legal-small,.page-register .field small{
  color:#536f77!important;opacity:1!important;font-size:.94rem!important;line-height:1.55!important
}
.page-register .field label{color:#173f4b!important;font-size:1rem!important;font-weight:800!important}
.page-register input,.page-register select{
  min-height:54px!important;font-size:1.02rem!important;background:#fff!important;color:#163f4b!important;
  border:1px solid #bcd7dd!important;border-radius:12px!important
}
.page-register .check-row span{color:#294f5a!important;font-size:.95rem!important}
.page-register .social-auth{
  min-height:54px!important;border:1px solid #bfd9df!important;border-radius:12px!important;
  background:#fff!important;color:#163f4b!important;font-size:1rem!important
}
.page-register .auth-divider span{color:#617a81!important;background:#fff!important}
.page-register .btn-sun{background:#075e78!important;color:#fff!important;border-color:#075e78!important}

/* generic contrast guard: old light/white text must not survive on light Kristinehamnsbo heroes */
body.kh-v6 .page-hero:not(.dark) .muted,
body.kh-v6 .account-hero .muted{color:#526f77!important;opacity:1!important}

@media(max-width:900px){
 .page-register .auth-page.register{grid-template-columns:1fr!important;width:min(100% - 24px,760px)!important;margin:1rem auto 2rem!important}
 .page-register .auth-art{min-height:auto!important;padding:2rem!important}
 .page-register .auth-card{padding:2rem!important}
 .page-for-you .personal-score{margin-top:1rem!important}
}
@media(max-width:680px){
 .page-for-you .personal-hero p,.page-account .account-hero p{font-size:1.05rem!important}
 .page-for-you .personal-score small,.page-for-you .personal-score span{font-size:.9rem!important}
 .page-account .account-nav a{font-size:1.05rem!important;min-height:48px!important;display:flex!important;align-items:center!important}
 .page-register .auth-art{padding:1.5rem!important}
 .page-register .auth-art h2{font-size:2rem!important}
 .page-register .auth-card{padding:1.5rem!important}
 .page-register .auth-card h1{font-size:2.15rem!important}
}


/* v8 — LIVE row alignment fix */
.kh-live-list a{
  grid-template-columns:68px minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:start!important;
}
.kh-live-list time{
  display:block!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  line-height:1.35!important;
}
.kh-live-list a>span{
  display:block!important;
  min-width:0!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media(max-width:680px){
  .kh-live-list a{
    grid-template-columns:62px minmax(0,1fr)!important;
    column-gap:10px!important;
  }
  .kh-live-list time{font-size:.78rem!important}
  .kh-live-list a>span{font-size:.95rem!important}
}


/* v12 — /skapa redesign */
.page-create .create-page,
.page-create .content-create,
.page-create .create-wrap,
.page-create .create-shell,
.page-create .page-shell{
  width:min(1180px,calc(100% - 40px))!important;
  margin:2rem auto 4rem!important;
}

.page-create .page-hero,
.page-create .create-hero{
  background:linear-gradient(120deg,#dff5f8 0%,#edf9fa 58%,#f7f1e2 100%)!important;
  color:#083f51!important;
  border:1px solid #cfe5e9!important;
  border-radius:24px!important;
  padding:2.4rem!important;
  box-shadow:0 12px 30px rgba(9,73,91,.07)!important;
}
.page-create .page-hero h1,
.page-create .create-hero h1{
  color:#083f51!important;
  font-size:clamp(2.2rem,4vw,3.6rem)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
}
.page-create .page-hero p,
.page-create .create-hero p{
  color:#496b74!important;
  opacity:1!important;
  font-size:1.08rem!important;
  line-height:1.6!important;
}

.page-create .create-grid,
.page-create .create-options,
.page-create .composer-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:1rem!important;
  margin-top:1.2rem!important;
}

.page-create .create-card,
.page-create .create-option,
.page-create .composer-card,
.page-create .form-card{
  background:#fff!important;
  color:#163f4b!important;
  border:1px solid #d6e7ea!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(9,73,91,.055)!important;
}
.page-create .create-card,
.page-create .create-option,
.page-create .composer-card{
  padding:1.35rem!important;
}
.page-create .create-card:hover,
.page-create .create-option:hover,
.page-create .composer-card:hover{
  border-color:#78b9c7!important;
  transform:translateY(-2px);
  transition:.18s ease;
}

.page-create .create-card h2,
.page-create .create-card h3,
.page-create .create-option h2,
.page-create .create-option h3,
.page-create .composer-card h2,
.page-create .composer-card h3,
.page-create .form-card h2,
.page-create .form-card h3{
  color:#083f51!important;
  font-size:1.35rem!important;
  line-height:1.2!important;
}
.page-create .create-card p,
.page-create .create-option p,
.page-create .composer-card p,
.page-create .form-card p,
.page-create .muted,
.page-create small{
  color:#58737b!important;
  opacity:1!important;
  font-size:.98rem!important;
  line-height:1.5!important;
}

.page-create label{
  color:#173f4b!important;
  font-size:1rem!important;
  font-weight:800!important;
}
.page-create input[type="text"],
.page-create input[type="email"],
.page-create input[type="url"],
.page-create input[type="date"],
.page-create input[type="time"],
.page-create input[type="datetime-local"],
.page-create input[type="number"],
.page-create select,
.page-create textarea{
  width:100%!important;
  min-height:52px!important;
  border:1px solid #bdd7dd!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#173f4b!important;
  font-size:1rem!important;
  padding:.85rem 1rem!important;
}
.page-create textarea{min-height:150px!important;resize:vertical!important}
.page-create input:focus,
.page-create select:focus,
.page-create textarea:focus{
  outline:3px solid rgba(20,164,180,.16)!important;
  border-color:#46a8b8!important;
}

.page-create .btn,
.page-create button,
.page-create .create-card .btn{
  min-height:48px!important;
  border-radius:999px!important;
  font-size:1rem!important;
  font-weight:850!important;
}
.page-create .btn-primary,
.page-create button[type="submit"]{
  background:#075e78!important;
  color:#fff!important;
  border-color:#075e78!important;
}
.page-create .btn-secondary,
.page-create .btn-light{
  background:#fff!important;
  color:#075e78!important;
  border:1px solid #9fc8d1!important;
}

.page-create .choice-icon,
.page-create .create-icon,
.page-create .composer-icon{
  width:48px!important;
  height:48px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#dff5f8!important;
  color:#075e78!important;
  font-size:1.45rem!important;
}

.page-create .tabs,
.page-create .create-tabs{
  background:#eef8fa!important;
  border:1px solid #d4e8eb!important;
  border-radius:14px!important;
  padding:.4rem!important;
}
.page-create .tabs a,
.page-create .create-tabs a{
  color:#365b65!important;
  font-size:.95rem!important;
  font-weight:800!important;
}
.page-create .tabs a.active,
.page-create .create-tabs a.active{
  background:#fff!important;
  color:#075e78!important;
  box-shadow:0 4px 12px rgba(9,73,91,.08)!important;
}

@media(max-width:760px){
  .page-create .create-page,
  .page-create .content-create,
  .page-create .create-wrap,
  .page-create .create-shell,
  .page-create .page-shell{
    width:min(100% - 24px,1180px)!important;
    margin:1rem auto 5rem!important;
  }
  .page-create .page-hero,
  .page-create .create-hero{
    padding:1.5rem!important;
    border-radius:18px!important;
  }
  .page-create .page-hero h1,
  .page-create .create-hero h1{
    font-size:2.25rem!important;
  }
  .page-create .create-grid,
  .page-create .create-options,
  .page-create .composer-grid{
    grid-template-columns:1fr!important;
    gap:.75rem!important;
  }
  .page-create .create-card,
  .page-create .create-option,
  .page-create .composer-card,
  .page-create .form-card{
    border-radius:15px!important;
  }
  .page-create label,
  .page-create input,
  .page-create select,
  .page-create textarea,
  .page-create button,
  .page-create .btn{
    font-size:1.04rem!important;
  }
}


/* v13 — prevent card/content clipping on dashboard and archipelago card */
.kh-dashboard,
.kh-dashboard > *,
.kh-col,
.kh-col > *,
.kh-panel,
.kh-feature,
.kh-archipelago{
  min-width:0!important;
  max-width:100%!important;
}

.kh-panel,
.kh-feature,
.kh-archipelago{
  overflow:hidden!important;
}

.kh-archipelago{
  padding:1.2rem!important;
}

.kh-archipelago .kh-panel-title,
.kh-archipelago > p,
.kh-archipelago nav{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

.kh-archipelago .kh-panel-title h2{
  margin:0!important;
  padding:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

.kh-archipelago > p{
  padding:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

.kh-archipelago .kh-sea-scene{
  width:auto!important;
  max-width:none!important;
  margin-left:-1.2rem!important;
  margin-right:-1.2rem!important;
}

.kh-shortcuts,
.kh-shortcuts > a{
  min-width:0!important;
}

.kh-shortcuts > a b,
.kh-shortcuts > a small{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:900px){
  .kh-archipelago{
    padding:1rem!important;
  }
  .kh-archipelago .kh-sea-scene{
    margin-left:-1rem!important;
    margin-right:-1rem!important;
  }
}

@media(max-width:680px){
  .kh-dashboard,
  .kh-dashboard > *,
  .kh-panel,
  .kh-feature,
  .kh-archipelago{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .kh-archipelago{
    padding:1rem!important;
  }

  .kh-archipelago .kh-panel-title h2{
    font-size:1.18rem!important;
    line-height:1.2!important;
  }

  .kh-archipelago > p{
    font-size:1rem!important;
    line-height:1.45!important;
  }
}


/* v14 — explicit SMHI weather card */
.kh-weather-card{
  background:linear-gradient(145deg,#eefbfc 0%,#fff 62%,#fff8e8 100%)!important;
  position:relative!important;
  overflow:hidden!important;
}
.kh-weather-card:after{
  content:"☀️";
  position:absolute;
  right:-16px;
  top:-28px;
  font-size:92px;
  opacity:.07;
  pointer-events:none;
}
.kh-weather-source{
  display:inline-flex;
  align-items:center;
  padding:.35rem .55rem;
  border-radius:999px;
  background:#dff5f8;
  color:#075e78;
  font-size:.75rem;
  font-weight:900;
}
.kh-weather-current{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:.8rem 0 1rem;
}
.kh-weather-big-icon{
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#fff;
  border:1px solid #d7e8eb;
  font-size:2.25rem;
  flex:0 0 auto;
}
.kh-weather-current>div{display:grid;gap:.15rem}
.kh-weather-current strong{
  font-size:2.65rem!important;
  line-height:1!important;
  color:#083f51!important;
}
.kh-weather-current b{font-size:1.05rem;color:#163f4b}
.kh-weather-current small{font-size:.9rem!important;color:#5a767e!important}
.kh-weather-forecast{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.45rem;
}
.kh-weather-forecast>div{
  min-width:0;
  padding:.65rem .45rem;
  border:1px solid #dcebed;
  border-radius:12px;
  background:rgba(255,255,255,.82);
  text-align:center;
}
.kh-weather-forecast span,
.kh-weather-forecast b,
.kh-weather-forecast small{display:block}
.kh-weather-forecast span{font-size:.75rem;font-weight:850;color:#5a747c;text-transform:uppercase}
.kh-weather-forecast b{font-size:.92rem;margin:.15rem 0;color:#123f4d}
.kh-weather-forecast small{font-size:.72rem!important;color:#6b8187;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media(max-width:680px){
  .kh-weather-current strong{font-size:2.35rem!important}
  .kh-weather-big-icon{width:60px;height:60px;font-size:2rem}
  .kh-weather-forecast{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kh-weather-forecast b{font-size:1rem}
  .kh-weather-forecast small{font-size:.8rem!important}
}


/* v19 — /jobb full Kristinehamnsbo redesign */
.page-jobb .kh-job-page{
  background:var(--kh-cream,#f8f7f2)!important;
  min-height:70vh;
}
.page-jobb .kh-job-hero{
  background:linear-gradient(112deg,#dff5f8 0%,#edf9fa 58%,#f7f0df 100%)!important;
  border-bottom:1px solid #cfe4e8;
  overflow:hidden;
  position:relative;
}
.page-jobb .kh-job-hero:after{
  content:"";
  position:absolute;
  width:360px;height:360px;border-radius:50%;
  right:-90px;top:-180px;
  background:rgba(20,164,180,.08);
}
.page-jobb .kh-job-hero-inner{
  min-height:360px;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);
  gap:2rem;
  align-items:center;
  position:relative;
  z-index:2;
}
.page-jobb .kh-job-copy{padding:3rem 0}
.page-jobb .kh-job-eyebrow{
  color:#08758d!important;
  font-size:.84rem!important;
  font-weight:950!important;
  letter-spacing:.09em;
}
.page-jobb .kh-job-copy h1{
  margin:.55rem 0 .9rem!important;
  color:#083f51!important;
  font:800 clamp(3rem,5.8vw,5.4rem)/.92 Georgia,serif!important;
  letter-spacing:-.06em!important;
}
.page-jobb .kh-job-copy p{
  max-width:760px;
  color:#496a74!important;
  font-size:1.13rem!important;
  line-height:1.62!important;
}
.page-jobb .kh-job-copy p strong{color:#075e78}
.page-jobb .kh-job-pills{
  display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.25rem;
}
.page-jobb .kh-job-pills span{
  background:#fff;
  border:1px solid #c8e0e5;
  color:#164956;
  padding:.55rem .8rem;
  border-radius:999px;
  font-size:.86rem;
  font-weight:850;
}
.page-jobb .kh-job-summary{
  background:#fff!important;
  border:1px solid #cbe0e4!important;
  border-radius:22px!important;
  padding:1.5rem!important;
  box-shadow:0 16px 38px rgba(9,73,91,.09)!important;
}
.page-jobb .kh-job-summary-label{
  display:block;color:#6c858c;font-size:.78rem;font-weight:950;letter-spacing:.08em
}
.page-jobb .kh-job-summary strong{
  display:block!important;
  margin:.35rem 0!important;
  color:#075e78!important;
  font-size:2rem!important;
  line-height:1.05!important;
}
.page-jobb .kh-job-summary p{
  color:#58747c!important;
  font-size:.95rem!important;
  line-height:1.5!important;
}
.page-jobb .kh-job-summary a{
  display:inline-flex;margin-top:.55rem;color:#075e78;font-weight:900;font-size:.9rem
}

.page-jobb .kh-job-content{padding:1.5rem 0 4rem}
.page-jobb .kh-job-info-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin-bottom:2rem;
}
.page-jobb .kh-job-info-strip>div{
  background:#fff;
  border:1px solid #d7e7ea;
  border-radius:16px;
  padding:1rem;
  display:grid;
  grid-template-columns:42px 1fr;
  column-gap:.75rem;
  align-items:center;
  box-shadow:0 7px 18px rgba(9,73,91,.04);
}
.page-jobb .kh-job-info-strip span{
  grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;
  background:#dff5f8;border-radius:12px;font-size:1.15rem
}
.page-jobb .kh-job-info-strip b{font-size:.98rem;color:#123f4c}
.page-jobb .kh-job-info-strip small{font-size:.84rem!important;color:#6a8187!important}

.page-jobb .kh-job-section-head{
  display:flex;justify-content:space-between;align-items:end;gap:1.2rem;margin-bottom:1rem
}
.page-jobb .kh-job-section-head h2{
  margin:.25rem 0 .3rem!important;
  color:#083f51!important;
  font-size:2rem!important;
  letter-spacing:-.04em!important;
}
.page-jobb .kh-job-section-head p{
  margin:0;color:#5b747b!important;font-size:1rem!important
}

/* Existing JS still injects .ksg-card; restyle it natively on /jobb */
.page-jobb .kh-job-grid.ksg-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:.85rem!important;
}
.page-jobb .kh-job-grid .ksg-card{
  background:#fff!important;
  border:1px solid #d7e7ea!important;
  border-radius:17px!important;
  padding:1.2rem!important;
  box-shadow:0 8px 22px rgba(9,73,91,.045)!important;
  transition:.18s ease;
}
.page-jobb .kh-job-grid .ksg-card:hover{
  transform:translateY(-2px);
  border-color:#8cc2cd!important;
  box-shadow:0 13px 28px rgba(9,73,91,.08)!important;
}
.page-jobb .kh-job-grid .ksg-card h3{
  color:#103f4c!important;
  font-size:1.17rem!important;
  line-height:1.3!important;
  margin:.55rem 0!important;
}
.page-jobb .kh-job-grid .ksg-card p{
  color:#617980!important;
  font-size:.92rem!important;
  margin:.4rem 0!important;
}
.page-jobb .kh-job-grid .ksg-meta{
  display:flex!important;flex-wrap:wrap!important;gap:.4rem!important
}
.page-jobb .kh-job-grid .ksg-chip{
  background:#eef8fa!important;
  color:#315b66!important;
  border:1px solid #d4e7ea!important;
  padding:.4rem .55rem!important;
  font-size:.78rem!important;
}
.page-jobb .kh-job-grid .ksg-source{
  color:#075e78!important;
  font-size:.92rem!important;
  font-weight:900!important;
  text-decoration:none!important;
}
.page-jobb .kh-job-grid .ksg-source:hover{text-decoration:underline!important}
.page-jobb .kh-job-grid .ksg-share-row{margin-top:.85rem!important}
.page-jobb .kh-job-grid .ksg-share{
  background:#fff!important;border-color:#d4e5e8!important;font-size:.8rem!important
}
.page-jobb .kh-job-loading{
  grid-column:1/-1!important;
  background:#fff;
  border:1px dashed #bfd8de;
  border-radius:17px;
  padding:1.2rem!important;
}
.page-jobb .kh-job-loading small{color:#6d848b!important}

.page-jobb .kh-job-bottom{
  margin-top:2rem;
  background:linear-gradient(100deg,#dff5f8,#fff7e4)!important;
  border:1px solid #d1e7e9;
  border-radius:18px;
  padding:1.15rem 1.25rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.page-jobb .kh-job-bottom>div{display:flex;align-items:center;gap:.8rem}
.page-jobb .kh-job-bottom>div>span{font-size:1.8rem}
.page-jobb .kh-job-bottom b{color:#103f4c;font-size:1rem}
.page-jobb .kh-job-bottom p{margin:.15rem 0 0;color:#647b82;font-size:.9rem}

@media(max-width:900px){
  .page-jobb .kh-job-hero-inner{grid-template-columns:1fr;gap:0;padding-bottom:1.5rem}
  .page-jobb .kh-job-copy{padding:2.3rem 0 1rem}
  .page-jobb .kh-job-summary{max-width:560px}
  .page-jobb .kh-job-grid.ksg-grid{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  .page-jobb .kh-job-hero-inner{min-height:auto}
  .page-jobb .kh-job-copy h1{font-size:2.7rem!important}
  .page-jobb .kh-job-copy p{font-size:1.05rem!important}
  .page-jobb .kh-job-info-strip{grid-template-columns:1fr!important;gap:.55rem}
  .page-jobb .kh-job-section-head{align-items:flex-start;flex-direction:column}
  .page-jobb .kh-job-section-head h2{font-size:1.65rem!important}
  .page-jobb .kh-job-grid .ksg-card{padding:1rem!important}
  .page-jobb .kh-job-grid .ksg-card h3{font-size:1.12rem!important}
  .page-jobb .kh-job-bottom{align-items:flex-start;flex-direction:column}
}


/* v21 — native /jobb data cards */
.page-jobb .kh-native-job-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:210px!important;
}
.page-jobb .kh-native-job-card .kh-job-employer{
  margin:.1rem 0 .2rem!important;
  color:#385d67!important;
  font-size:1rem!important;
  font-weight:700!important;
}
.page-jobb .kh-native-job-card .kh-job-occupation{
  margin:.1rem 0 .8rem!important;
  color:#6a8086!important;
  font-size:.9rem!important;
}
.page-jobb .kh-job-card-footer{
  margin-top:auto!important;
  padding-top:.85rem!important;
  border-top:1px solid #e6eff1!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  gap:.75rem!important;
  align-items:center!important;
}
.page-jobb .kh-job-card-footer span{
  color:#647d84!important;
  font-size:.8rem!important;
}
@media(max-width:680px){
  .page-jobb .kh-job-card-footer{
    grid-template-columns:1fr auto!important;
  }
  .page-jobb .kh-job-card-footer span:nth-child(2){
    grid-column:1/2;
  }
  .page-jobb .kh-job-card-footer .ksg-source{
    grid-column:2/3;
    grid-row:1/3;
  }
}


/* v22 — Skärgård as a first-class Kristinehamnsbo hub */
.page-skargard .kh-sea-page{background:var(--kh-cream,#f8f7f2)!important}

.page-skargard .kh-sea-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(112deg,#dff5f8 0%,#d8f0f4 48%,#f8f3e8 100%)!important;
  border-bottom:1px solid #cfe4e8;
}
.page-skargard .kh-sea-hero-inner{
  min-height:420px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:2rem;
  align-items:center;
}
.page-skargard .kh-sea-copy{position:relative;z-index:2;padding:3.4rem 0}
.page-skargard .kh-sea-eyebrow,.page-skargard .kh-sea-kicker{
  color:#08758d!important;
  font-size:.8rem!important;
  font-weight:950!important;
  letter-spacing:.1em;
}
.page-skargard .kh-sea-copy h1{
  margin:.45rem 0 .85rem!important;
  font:800 clamp(3.6rem,6.6vw,6.4rem)/.88 Georgia,serif!important;
  letter-spacing:-.065em!important;
  color:#083f51!important;
}
.page-skargard .kh-sea-copy p{
  max-width:720px;
  color:#466a74!important;
  font-size:1.15rem!important;
  line-height:1.62!important;
}
.page-skargard .kh-sea-actions,.page-skargard .kh-sea-pills{
  display:flex;gap:.65rem;flex-wrap:wrap
}
.page-skargard .kh-sea-actions{margin-top:1.3rem}
.page-skargard .kh-sea-pills{margin-top:1rem}
.page-skargard .kh-sea-pills span{
  padding:.48rem .7rem;border-radius:999px;background:rgba(255,255,255,.8);
  border:1px solid #c8e2e7;color:#315d68;font-size:.82rem;font-weight:850
}

.page-skargard .kh-sea-visual{position:relative;align-self:stretch;min-height:420px}
.page-skargard .kh-sea-sun{
  position:absolute;right:14%;top:18%;width:105px;height:105px;border-radius:50%;
  background:#f4ba42;box-shadow:0 0 0 18px rgba(244,186,66,.13)
}
.page-skargard .kh-sea-wave{
  position:absolute;left:2%;right:-6%;height:80px;border-radius:50%;
  border-top:4px solid rgba(8,117,143,.22);transform:rotate(-3deg)
}
.page-skargard .kh-sea-wave.w1{bottom:105px}
.page-skargard .kh-sea-wave.w2{bottom:72px;left:10%}
.page-skargard .kh-sea-wave.w3{bottom:39px;left:-3%}
.page-skargard .kh-sea-boat{
  position:absolute;right:40%;bottom:82px;font-size:82px;
  filter:drop-shadow(0 16px 16px rgba(9,73,91,.12))
}
.page-skargard .kh-sea-note{
  position:absolute;right:9%;top:22%;transform:rotate(-5deg);
  font:1.15rem "Segoe Print","Bradley Hand",cursive;color:#285c69
}

.page-skargard .kh-sea-quick{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.7rem;padding:1rem 0 1.4rem
}
.page-skargard .kh-sea-quick a{
  min-width:0;background:#fff;border:1px solid #d6e7ea;border-radius:15px;
  padding:.9rem;display:grid;grid-template-columns:38px 1fr;column-gap:.65rem;
  box-shadow:0 7px 18px rgba(9,73,91,.035)
}
.page-skargard .kh-sea-quick span{
  grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;
  border-radius:11px;background:#dff5f8;font-size:1.2rem
}
.page-skargard .kh-sea-quick b{font-size:.92rem;color:#123f4c}
.page-skargard .kh-sea-quick small{font-size:.78rem!important;color:#71868c!important}

.page-skargard .kh-sea-grid{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:1rem;padding-bottom:2rem
}
.page-skargard .kh-sea-left,.page-skargard .kh-sea-right{display:grid;gap:1rem;align-content:start}
.page-skargard .kh-sea-card{
  background:#fff!important;border:1px solid #d6e7ea!important;border-radius:19px!important;
  padding:1.25rem!important;box-shadow:0 10px 26px rgba(9,73,91,.05)!important;min-width:0
}
.page-skargard .kh-sea-card-head{
  display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.9rem
}
.page-skargard .kh-sea-card-head h2{
  margin:.15rem 0 0!important;color:#083f51!important;font-size:1.55rem!important;letter-spacing:-.035em!important
}
.page-skargard .kh-sea-card-head>a{color:#08758d;font-size:.85rem;font-weight:900;white-space:nowrap}

.page-skargard .kh-sea-weather{
  background:linear-gradient(145deg,#eefbfc,#fff 58%,#fff8e8)!important
}

.page-skargard .kh-sea-feature{
  display:grid;grid-template-columns:100px 1fr;gap:1rem;align-items:center
}
.page-skargard .kh-sea-feature-icon{
  height:100px;border-radius:17px;background:linear-gradient(#d9f5f8 0 52%,#5ab2c4 53% 100%);
  display:grid;place-items:center;font-size:3rem
}
.page-skargard .kh-sea-feature h3{margin:0 0 .35rem!important;font-size:1.25rem!important;color:#123f4c!important}
.page-skargard .kh-sea-feature p{margin:0 0 .8rem;color:#5d767d!important;font-size:.95rem!important;line-height:1.55!important}
.page-skargard .kh-sea-buttons{display:flex;gap:.55rem;flex-wrap:wrap}

.page-skargard .kh-sea-events{display:grid}
.page-skargard .kh-sea-events>a{
  display:grid;grid-template-columns:52px 1fr;gap:.8rem;align-items:center;
  padding:.75rem 0;border-top:1px solid #edf2f3
}
.page-skargard .kh-sea-events>a:first-child{border-top:0}
.page-skargard .kh-sea-events time{
  width:50px;height:52px;border-radius:11px;background:#f4f8f8;display:grid;place-items:center;align-content:center
}
.page-skargard .kh-sea-events time b{font-size:1.05rem;color:#d8564a;line-height:1}
.page-skargard .kh-sea-events time small{font-size:.7rem!important;font-weight:900}
.page-skargard .kh-sea-events>a>span{display:flex;flex-direction:column;gap:.2rem}
.page-skargard .kh-sea-events strong{font-size:1rem;color:#153f4c}
.page-skargard .kh-sea-events small{font-size:.82rem!important;color:#72878d!important}

.page-skargard .kh-sea-talks{display:grid}
.page-skargard .kh-sea-talks>a{
  display:grid;grid-template-columns:36px 1fr;gap:.7rem;align-items:center;
  padding:.72rem 0;border-top:1px solid #edf2f3
}
.page-skargard .kh-sea-talks>a:first-child{border-top:0}
.page-skargard .kh-sea-talks>a>span:first-child{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dff5f8
}
.page-skargard .kh-sea-talks>a>span:last-child{display:flex;flex-direction:column}
.page-skargard .kh-sea-talks strong{font-size:.95rem;color:#123f4c}
.page-skargard .kh-sea-talks small{font-size:.8rem!important;color:#72878d!important}

.page-skargard .kh-sea-highlight{background:linear-gradient(#eefbfc,#fff)!important}
.page-skargard .kh-sea-destinations,.page-skargard .kh-sea-practical-list{display:grid}
.page-skargard .kh-sea-destinations>a,.page-skargard .kh-sea-practical-list>a{
  display:grid;grid-template-columns:38px 1fr auto;gap:.7rem;align-items:center;
  padding:.8rem 0;border-top:1px solid #e4eef0;color:#123f4c
}
.page-skargard .kh-sea-destinations>a:first-child,.page-skargard .kh-sea-practical-list>a:first-child{border-top:0}
.page-skargard .kh-sea-destinations>a>span,.page-skargard .kh-sea-practical-list>a>span{
  width:36px;height:36px;border-radius:10px;background:#dff5f8;display:grid;place-items:center
}
.page-skargard .kh-sea-destinations div{display:flex;flex-direction:column}
.page-skargard .kh-sea-destinations b,.page-skargard .kh-sea-practical-list b{font-size:.94rem}
.page-skargard .kh-sea-destinations small{font-size:.78rem!important;color:#71868c!important}
.page-skargard .kh-sea-destinations i,.page-skargard .kh-sea-practical-list i{font-style:normal;color:#0b8199}

.page-skargard .kh-sea-guide-list{display:grid;gap:.75rem}
.page-skargard .kh-sea-guide-list>div{display:grid;grid-template-columns:34px 1fr;gap:.65rem}
.page-skargard .kh-sea-guide-list>div>span{
  width:32px;height:32px;border-radius:50%;background:#075e78;color:#fff;display:grid;place-items:center;font-weight:900
}
.page-skargard .kh-sea-guide-list p{margin:0;display:flex;flex-direction:column}
.page-skargard .kh-sea-guide-list b{font-size:.92rem;color:#123f4c}
.page-skargard .kh-sea-guide-list small{font-size:.78rem!important;color:#71868c!important;line-height:1.4!important}

.page-skargard .kh-sea-photo-placeholder{
  min-height:120px;border-radius:15px;background:linear-gradient(135deg,#dff5f8,#f7f0df);
  display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:.8rem
}
.page-skargard .kh-sea-photo-placeholder>span{font-size:2.4rem}
.page-skargard .kh-sea-photo-placeholder>div{display:flex;flex-direction:column}
.page-skargard .kh-sea-photo-placeholder b{font-size:1rem;color:#123f4c}
.page-skargard .kh-sea-photo-placeholder small{font-size:.8rem!important;color:#6d8389!important}

.page-skargard .kh-sea-cta{
  background:linear-gradient(100deg,#dff5f8,#fff7e4);border-top:1px solid #d2e7ea;border-bottom:1px solid #d2e7ea
}
.page-skargard .kh-sea-cta>.kh-shell{
  min-height:145px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem
}
.page-skargard .kh-sea-cta h2{margin:.25rem 0!important;color:#083f51!important;font-size:1.8rem!important}
.page-skargard .kh-sea-cta p{margin:0;color:#5e767d!important;font-size:.95rem!important}

@media(max-width:1100px){
  .page-skargard .kh-sea-quick{grid-template-columns:repeat(3,1fr)}
  .page-skargard .kh-sea-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .page-skargard .kh-sea-hero-inner{grid-template-columns:1fr;min-height:360px}
  .page-skargard .kh-sea-copy{padding:2.5rem 0}
  .page-skargard .kh-sea-visual{position:absolute;inset:0 0 0 48%;opacity:.34}
  .page-skargard .kh-sea-note{display:none}
}
@media(max-width:680px){
  .page-skargard .kh-sea-copy h1{font-size:3rem!important}
  .page-skargard .kh-sea-copy p{font-size:1.05rem!important}
  .page-skargard .kh-sea-quick{grid-template-columns:repeat(2,1fr);gap:.55rem}
  .page-skargard .kh-sea-card{padding:1rem!important;border-radius:16px!important}
  .page-skargard .kh-sea-card-head{align-items:flex-start}
  .page-skargard .kh-sea-card-head h2{font-size:1.3rem!important}
  .page-skargard .kh-sea-feature{grid-template-columns:1fr}
  .page-skargard .kh-sea-feature-icon{height:90px}
  .page-skargard .kh-sea-cta>.kh-shell{align-items:flex-start;flex-direction:column;padding-block:1.4rem}
}


/* v23 — deterministic top-nav active state */
.kh-desktop-nav a{
  text-decoration:none!important;
  border-bottom:0!important;
}
.kh-desktop-nav a:after{
  content:none!important;
}
.kh-desktop-nav a.active{
  color:#075e78!important;
}
.kh-desktop-nav a.active:after{
  content:""!important;
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:0!important;
  height:3px!important;
  border-radius:3px 3px 0 0!important;
  background:#075e78!important;
}


/* v24 — Loppis + Vänervy */
.page-loppis .kh-loppis-page{background:var(--kh-cream,#f8f7f2)}
.page-loppis .kh-loppis-hero{
  background:linear-gradient(112deg,#fff1c9 0%,#edf9fa 55%,#dff5f8 100%);
  border-bottom:1px solid #d9e7e8;
}
.page-loppis .kh-loppis-hero-inner{
  min-height:340px;display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:center
}
.page-loppis .kh-loppis-eyebrow{
  color:#08758d;font-size:.82rem;font-weight:950;letter-spacing:.09em
}
.page-loppis .kh-loppis-hero h1{
  margin:.45rem 0 .7rem!important;font:800 clamp(3.3rem,6vw,5.8rem)/.9 Georgia,serif!important;
  letter-spacing:-.06em!important;color:#083f51!important
}
.page-loppis .kh-loppis-hero p{
  color:#536f77!important;font-size:1.08rem!important;max-width:700px;line-height:1.6!important
}
.page-loppis .kh-loppis-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}
.page-loppis .kh-loppis-hero-art{
  width:190px;height:190px;justify-self:center;border-radius:36px;background:#fff;
  display:grid;place-items:center;font-size:6rem;box-shadow:0 18px 36px rgba(9,73,91,.08)
}
.page-loppis .kh-loppis-content{padding:1.2rem 0 3rem}
.page-loppis .kh-loppis-quick{
  display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1rem
}
.page-loppis .kh-loppis-quick>div{
  background:#fff;border:1px solid #d7e7ea;border-radius:15px;padding:1rem;
  display:grid;grid-template-columns:40px 1fr;column-gap:.7rem
}
.page-loppis .kh-loppis-quick span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;background:#fff1c9;border-radius:11px}
.page-loppis .kh-loppis-quick b{color:#123f4c;font-size:.95rem}
.page-loppis .kh-loppis-quick small{color:#72878d!important;font-size:.8rem!important}
.page-loppis .kh-loppis-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem}
.page-loppis .kh-loppis-main,.page-loppis .kh-loppis-side{display:grid;gap:1rem;align-content:start}
.page-loppis .kh-loppis-card{
  background:#fff;border:1px solid #d7e7ea;border-radius:18px;padding:1.2rem;box-shadow:0 9px 24px rgba(9,73,91,.05)
}
.page-loppis .kh-loppis-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.8rem}
.page-loppis .kh-loppis-head h2{margin:.1rem 0 0!important;color:#083f51!important;font-size:1.45rem!important}
.page-loppis .kh-loppis-head>a{color:#08758d;font-size:.85rem;font-weight:900}
.page-loppis .kh-loppis-event-list{display:grid}
.page-loppis .kh-loppis-event-list>a{padding:.75rem 0;border-top:1px solid #edf2f3;display:flex;flex-direction:column}
.page-loppis .kh-loppis-event-list>a:first-child{border-top:0}
.page-loppis .kh-loppis-event-list strong{font-size:1rem;color:#123f4c}
.page-loppis .kh-loppis-event-list small{font-size:.82rem!important;color:#72878d!important}
.page-loppis .kh-loppis-links{display:grid}
.page-loppis .kh-loppis-links>a{
  display:grid;grid-template-columns:38px 1fr auto;gap:.7rem;align-items:center;padding:.75rem 0;border-top:1px solid #edf2f3
}
.page-loppis .kh-loppis-links>a:first-child{border-top:0}
.page-loppis .kh-loppis-links span{width:36px;height:36px;border-radius:10px;background:#dff5f8;display:grid;place-items:center}
.page-loppis .kh-loppis-links div{display:flex;flex-direction:column}
.page-loppis .kh-loppis-links b{font-size:.95rem;color:#123f4c}
.page-loppis .kh-loppis-links small{font-size:.78rem!important;color:#74898f!important}
.page-loppis .kh-loppis-links i{font-style:normal;color:#08758d}
.page-loppis .kh-loppis-tip{background:linear-gradient(110deg,#fff2cc,#edf9fa);display:flex;gap:.8rem;align-items:center}
.page-loppis .kh-loppis-tip>span{font-size:2rem}
.page-loppis .kh-loppis-tip p{margin:.2rem 0 0;color:#627a81;font-size:.9rem}

.page-skargard .kh-vanervy-card{background:linear-gradient(145deg,#fff2ce,#eef9fa 58%,#fff)!important}
.page-skargard .kh-vanervy-hero{
  min-height:130px;border-radius:16px;background:linear-gradient(180deg,#f5d987 0%,#f5b45c 45%,#77b9c9 46%,#1d7891 100%);
  display:flex;justify-content:space-between;align-items:center;padding:1.1rem;margin-bottom:.9rem;color:#083f51
}
.page-skargard .kh-vanervy-hero>div{display:flex;flex-direction:column}
.page-skargard .kh-vanervy-label{font-size:.72rem;font-weight:950;letter-spacing:.08em}
.page-skargard .kh-vanervy-hero strong{font-size:2.8rem;line-height:1;color:#083f51}
.page-skargard .kh-vanervy-hero small{font-size:.85rem!important;color:#164c59!important;margin-top:.25rem}
.page-skargard .kh-vanervy-sun{font-size:3.4rem}
.page-skargard .kh-vanervy-places{display:grid;margin-bottom:.9rem}
.page-skargard .kh-vanervy-places>a{
  display:grid;grid-template-columns:34px 1fr auto;gap:.65rem;align-items:center;padding:.7rem 0;border-top:1px solid #e7edef
}
.page-skargard .kh-vanervy-places>a:first-child{border-top:0}
.page-skargard .kh-vanervy-places span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff}
.page-skargard .kh-vanervy-places div{display:flex;flex-direction:column}
.page-skargard .kh-vanervy-places b{font-size:.94rem;color:#123f4c}
.page-skargard .kh-vanervy-places small{font-size:.78rem!important;color:#73888d!important}
.page-skargard .kh-vanervy-places i{font-style:normal;color:#08758d}

@media(max-width:900px){
 .page-loppis .kh-loppis-hero-inner{grid-template-columns:1fr 180px}
 .page-loppis .kh-loppis-hero-art{width:150px;height:150px;font-size:4.8rem}
 .page-loppis .kh-loppis-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
 .page-loppis .kh-loppis-hero-inner{grid-template-columns:1fr}
 .page-loppis .kh-loppis-hero-art{display:none}
 .page-loppis .kh-loppis-hero h1{font-size:3rem!important}
 .page-loppis .kh-loppis-quick{grid-template-columns:1fr 1fr}
 .page-loppis .kh-loppis-grid{grid-template-columns:1fr}
 .page-skargard .kh-vanervy-hero strong{font-size:2.3rem}
}


/* v26 — make Vänervy a central full-width feature */
.page-skargard .kh-vanervy-central{
  margin:0 auto 1.25rem!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important;
  gap:1rem!important;
  align-items:stretch!important;
  background:linear-gradient(115deg,#fff0bf 0%,#f8d58a 28%,#dff5f8 58%,#eef9fa 100%)!important;
  border:1px solid #d5e4e5!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 14px 34px rgba(9,73,91,.08)!important;
}
.page-skargard .kh-vanervy-central-copy{
  padding:2rem!important;
  position:relative!important;
  z-index:1!important;
}
.page-skargard .kh-vanervy-central-copy:after{
  content:"";
  position:absolute;
  width:180px;height:180px;border-radius:50%;
  background:rgba(244,186,66,.18);
  right:-55px;top:-75px;
  z-index:-1;
}
.page-skargard .kh-vanervy-central-copy h2{
  margin:.25rem 0 .7rem!important;
  color:#083f51!important;
  font:800 clamp(2rem,4vw,3.3rem)/.98 Georgia,serif!important;
  letter-spacing:-.05em!important;
}
.page-skargard .kh-vanervy-central-copy>p{
  max-width:760px!important;
  margin:0!important;
  color:#4e6b74!important;
  font-size:1.05rem!important;
  line-height:1.6!important;
}
.page-skargard .kh-vanervy-central-stats{
  display:grid!important;
  grid-template-columns:200px minmax(0,1fr)!important;
  gap:.75rem!important;
  margin:1.25rem 0!important;
}
.page-skargard .kh-vanervy-central-stats>div{
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(7,94,120,.13)!important;
  border-radius:15px!important;
  padding:1rem!important;
  min-width:0!important;
}
.page-skargard .kh-vanervy-central-stats span{
  display:block!important;
  color:#54727b!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  margin-bottom:.2rem!important;
}
.page-skargard .kh-vanervy-central-stats strong{
  display:block!important;
  color:#083f51!important;
  font-size:1.35rem!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
.page-skargard .kh-vanervy-central-stats>div:first-child strong{
  font-size:2.7rem!important;
  line-height:1!important;
}
.page-skargard .kh-vanervy-central-actions{
  display:flex!important;
  gap:.6rem!important;
  flex-wrap:wrap!important;
}
.page-skargard .kh-vanervy-central-places{
  background:linear-gradient(180deg,#0c6078,#0a5065)!important;
  padding:1.3rem!important;
  display:grid!important;
  align-content:center!important;
}
.page-skargard .kh-vanervy-central-places>a{
  display:grid!important;
  grid-template-columns:42px 1fr auto!important;
  gap:.8rem!important;
  align-items:center!important;
  padding:1rem .2rem!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
}
.page-skargard .kh-vanervy-central-places>a:first-child{border-top:0!important}
.page-skargard .kh-vanervy-central-places>a>span{
  width:40px!important;height:40px!important;border-radius:12px!important;
  display:grid!important;place-items:center!important;
  background:rgba(255,255,255,.12)!important;
  font-size:1.15rem!important;
}
.page-skargard .kh-vanervy-central-places>a>div{
  display:flex!important;flex-direction:column!important
}
.page-skargard .kh-vanervy-central-places b{
  color:#fff!important;font-size:1rem!important
}
.page-skargard .kh-vanervy-central-places small{
  color:#c8e9ef!important;font-size:.82rem!important
}
.page-skargard .kh-vanervy-central-places i{
  color:#c8f2f7!important;font-style:normal!important;font-size:1.2rem!important
}

/* Hide/neutralize old sidebar Vänervy rules if they still linger */
.page-skargard .kh-vanervy-card{display:none!important}

@media(max-width:900px){
  .page-skargard .kh-vanervy-central{
    grid-template-columns:1fr!important;
  }
  .page-skargard .kh-vanervy-central-places{
    grid-template-columns:1fr 1fr!important;
    gap:0 1rem!important;
  }
  .page-skargard .kh-vanervy-central-places>a:nth-child(2){
    border-top:0!important;
  }
}
@media(max-width:680px){
  .page-skargard .kh-vanervy-central{
    border-radius:18px!important;
  }
  .page-skargard .kh-vanervy-central-copy{
    padding:1.35rem!important;
  }
  .page-skargard .kh-vanervy-central-copy h2{
    font-size:2rem!important;
  }
  .page-skargard .kh-vanervy-central-stats{
    grid-template-columns:1fr!important;
  }
  .page-skargard .kh-vanervy-central-stats>div:first-child strong{
    font-size:2.35rem!important;
  }
  .page-skargard .kh-vanervy-central-places{
    grid-template-columns:1fr!important;
  }
  .page-skargard .kh-vanervy-central-places>a:nth-child(2){
    border-top:1px solid rgba(255,255,255,.14)!important;
  }
}


/* v31 — dedicated create flow for Loppis */
.page-create .create-type[href*="type=loppis"]{
  background:linear-gradient(135deg,#fff6d9,#eefafb)!important;
}
.page-create .kh-create-loppis .form-title>span{
  background:#fff0b9!important;
}


/* v35 — dagens utmaning under Kristinehamnskampen */
.page-home .kh-home-challenge{
  background:linear-gradient(145deg,#ffffff,#eef9fa 65%,#fff5d7)!important;
}
.page-home .kh-challenge-kicker{
  display:block!important;
  color:#08758d!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.09em!important;
  margin-bottom:.12rem!important;
}
.page-home .kh-home-challenge-card h3{
  margin:.35rem 0 .55rem!important;
  color:#083f51!important;
  font-size:1.25rem!important;
  line-height:1.25!important;
}
.page-home .kh-home-challenge-card>p{
  margin:.35rem 0 .75rem!important;
  color:#526f77!important;
  font-size:.95rem!important;
  line-height:1.5!important;
}
.page-home .kh-home-challenge-type{
  display:inline-flex!important;
  padding:.35rem .55rem!important;
  border-radius:999px!important;
  background:#dff5f8!important;
  color:#075e78!important;
  font-size:.72rem!important;
  font-weight:950!important;
}
.page-home .kh-home-challenge-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:.45rem!important;
  margin:.7rem 0!important;
}
.page-home .kh-home-challenge-meta span{
  padding:.35rem .5rem!important;
  border-radius:9px!important;
  background:#f4f8f8!important;
  color:#42646d!important;
  font-size:.78rem!important;
  font-weight:800!important;
}
.page-home .kh-home-challenge-form{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:.55rem!important;
  margin-top:.75rem!important;
}
.page-home .kh-home-challenge-form input{
  min-width:0!important;
  width:100%!important;
  border:1px solid #bed9de!important;
  border-radius:11px!important;
  padding:.72rem .8rem!important;
  background:#fff!important;
  color:#153f4c!important;
  font:inherit!important;
}
.page-home .kh-home-challenge-result,
.page-home .kh-home-challenge-success{
  margin-top:.7rem!important;
  padding:.7rem .8rem!important;
  border-radius:11px!important;
  font-size:.88rem!important;
  font-weight:850!important;
}
.page-home .kh-home-challenge-result.success,
.page-home .kh-home-challenge-success{
  background:#e7f7ee!important;color:#23623e!important;border:1px solid #c7e6d4!important
}
.page-home .kh-home-challenge-result.error{
  background:#fff1ef!important;color:#8b3c34!important;border:1px solid #efd0cb!important
}
.page-home .kh-home-challenge-image{
  width:100%!important;
  max-height:190px!important;
  object-fit:cover!important;
  border-radius:12px!important;
  margin:.6rem 0!important;
}
@media(max-width:680px){
  .page-home .kh-home-challenge-form{grid-template-columns:1fr!important}
}