.dynamic-page{background:linear-gradient(180deg,#f8f8ff 0,#fbfcff 38%,#f7f8fc 100%)}
.dynamic-shell,.dynamic-flow-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:24px 0 70px}.dynamic-shell .crumbs,.dynamic-flow-shell .crumbs{font-size:13px;color:#64728b;margin:0 0 18px}.dynamic-shell .crumbs a,.dynamic-flow-shell .crumbs a{color:inherit;text-decoration:none}.dynamic-topic-hero{background:rgba(255,255,255,.92);border:1px solid #e1e5f1;border-radius:30px;padding:20px;box-shadow:0 24px 65px rgba(25,38,76,.08)}.dynamic-hero-image{margin:0;height:clamp(240px,30vw,360px);border-radius:22px;overflow:hidden;background:#eef0f8}.dynamic-hero-image img{display:block;width:100%;height:100%;object-fit:cover}.dynamic-topic-copy{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(300px,420px);gap:24px;align-items:center;padding:24px 12px 4px}.dynamic-topic-copy>.topic-icon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center}.dynamic-topic-copy>.topic-icon svg{width:36px;height:36px}.dynamic-topic-copy h1{font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-.055em;margin:8px 0 10px;color:#0a2452}.dynamic-topic-copy>div>p:last-child{font-size:17px;line-height:1.65;color:#2d3d58;margin:0}.dynamic-answer{background:#fff;border:1px solid #dde3ef;border-radius:22px;padding:24px;box-shadow:0 14px 34px rgba(25,38,76,.06)}.dynamic-answer p{font-size:17px;line-height:1.65;color:#263650;margin:0 0 12px}.dynamic-answer a{font-weight:800;color:#6b51f4;text-decoration:none}.dynamic-topic-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.78fr);gap:20px;margin-top:20px}.dynamic-question-panel,.dynamic-side>section{background:#fff;border:1px solid #e0e4ef;border-radius:25px;box-shadow:0 18px 46px rgba(25,38,76,.065)}.dynamic-question-panel{padding:28px}.dynamic-section-head{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.dynamic-section-head h2,.dynamic-side h2{font-size:clamp(25px,2.7vw,36px);line-height:1.1;letter-spacing:-.04em;color:#0a2452;margin:6px 0}.dynamic-section-head p:not(.eyebrow){font-size:16px;line-height:1.6;color:#45546c;margin:0}.dynamic-section-head>span{background:#f0edff;color:#6b51f4;border-radius:999px;padding:8px 11px;font-weight:800;font-size:12px;white-space:nowrap}.dynamic-question-list{display:grid;gap:12px}.dynamic-question-card{display:grid;grid-template-columns:50px minmax(0,1fr) 38px;gap:14px;align-items:center;padding:16px;border:1px solid #e0e4ef;border-radius:18px;color:#0a2452;text-decoration:none;background:linear-gradient(145deg,#fff,#fbfbff);transition:.22s ease}.dynamic-question-card:hover{transform:translateY(-2px);border-color:#b8b0ff;box-shadow:0 12px 28px rgba(90,75,190,.12)}.dynamic-question-icon{width:48px;height:48px;border-radius:15px;background:#f0edff;color:#6b51f4;display:grid;place-items:center}.dynamic-question-icon svg{width:24px;height:24px}.dynamic-question-card b{display:block;font-size:16px;line-height:1.35;margin-bottom:4px}.dynamic-question-card small{display:block;font-size:14px;line-height:1.45;color:#52617a}.dynamic-question-card i{font-style:normal;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#f3f5fa;font-weight:800}.dynamic-side{display:grid;gap:18px;align-content:start}.dynamic-side>section{padding:22px}.dynamic-side-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.dynamic-side-head h2,.dynamic-side>section>h2{font-size:22px;margin:0 0 14px}.dynamic-side-head a{font-weight:800;font-size:13px;color:#6b51f4;text-decoration:none}.dynamic-guide-list{display:grid;gap:10px}.dynamic-guide-card{display:grid;grid-template-columns:66px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:10px;border:1px solid #e1e5ef;border-radius:15px;color:#0a2452;text-decoration:none}.dynamic-guide-card img{width:66px;height:55px;object-fit:cover;border-radius:11px}.dynamic-guide-card b{display:block;font-size:14px;line-height:1.35}.dynamic-guide-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.4;color:#59677d;margin-top:3px}.dynamic-guide-card i{font-style:normal}.related-topic-list{display:grid;gap:9px}.related-topic-chip{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e1e5ef;border-radius:15px;text-decoration:none;color:#0a2452}.related-topic-chip .topic-icon{width:40px;height:40px;border-radius:13px}.related-topic-chip .topic-icon svg{width:20px;height:20px}.related-topic-chip b{font-size:14px}.empty-copy{color:#68758a}
.dynamic-flow-intro{max-width:800px;margin:10px auto 24px;text-align:center}.dynamic-flow-intro h1{font-size:clamp(34px,5vw,62px);line-height:1.03;letter-spacing:-.055em;color:#0a2452;margin:8px 0}.dynamic-flow-intro>p:last-child{font-size:18px;line-height:1.65;color:#3e4d66}.dynamic-flow-app{background:#fff;border:1px solid #dfe4ef;border-radius:30px;overflow:hidden;box-shadow:0 30px 80px rgba(20,35,72,.1)}.dynamic-flow-app>header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 24px;background:linear-gradient(90deg,#faf9ff,#f4f7ff);border-bottom:1px solid #e3e6ef}.dynamic-flow-app>header a{color:#0a2452;text-decoration:none;font-weight:800}.dynamic-flow-app>header b{font-size:13px;color:#6650e8;text-transform:uppercase;letter-spacing:.05em}.flow-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:start;padding:22px 38px;border-bottom:1px solid #e6e9f1}.flow-progress span{display:grid;justify-items:center;gap:6px;min-width:66px;color:#778399}.flow-progress i{font-style:normal;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f0f2f7;font-weight:800}.flow-progress small{font-size:11px;font-weight:800}.flow-progress em{height:2px;background:#e2e6ef;margin:18px 12px 0}.flow-progress span.active,.flow-progress span.done{color:#6650e8}.flow-progress span.active i,.flow-progress span.done i{background:linear-gradient(135deg,#704cf6,#6388ff);color:#fff}.dynamic-flow-card{padding:42px min(8vw,92px) 50px;min-height:430px}.flow-card-enter{animation:flowEnter .35s ease both}@keyframes flowEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.flow-step-card h2,.flow-summary-card h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.045em;color:#0a2452;margin:0 0 20px}.flow-step-body{background:linear-gradient(145deg,#fff,#fbfaff);border:1px solid #dedff1;border-radius:22px;padding:25px}.flow-step-body p{font-size:17px;line-height:1.7;color:#263650;margin:0 0 15px}.flow-step-body p:last-child{margin-bottom:0}.flow-step-note{display:flex;gap:12px;margin-top:16px;padding:17px;border-radius:17px;background:#f3f0ff;color:#342a6d}.flow-step-note b{display:block;margin-bottom:4px}.flow-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.flow-media-card{border:1px solid #e0e4ed;border-radius:18px;overflow:hidden;background:#fff}.flow-media-card img{display:block;width:100%;aspect-ratio:1.4/1;object-fit:cover}.flow-media-card div{padding:14px}.flow-media-card b{display:block;font-size:16px;margin-bottom:4px}.flow-media-card p{font-size:14px;line-height:1.5;color:#4b5a71;margin:0}.flow-section-list{display:grid;gap:14px}.flow-section-item{padding:20px;border:1px solid #dfe4ee;border-radius:18px;background:#fff}.flow-section-item h3{font-size:20px;color:#0a2452;margin:0 0 8px}.flow-section-item p{font-size:16px;line-height:1.65;color:#2e3e58;margin:0}.flow-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.flow-navigation button,.flow-navigation a{min-height:50px;border-radius:14px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none;font-size:15px}.flow-back{border:1px solid #ccd3e2;background:#fff;color:#0a2452}.flow-next{border:0;background:linear-gradient(135deg,#704cf6,#5e89ff);color:#fff;box-shadow:0 10px 24px rgba(99,82,230,.24)}.flow-ad-label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#5f6d83;margin:0 0 9px}.flow-ad-link{display:block;border-radius:20px;overflow:hidden;border:1px solid #dde2ed;background:#f3f4f8}.flow-ad-link img{display:block;width:100%;aspect-ratio:1.91/1;object-fit:cover}.flow-ad-empty{padding:42px;border:1px dashed #cfd5e2;border-radius:20px;text-align:center;background:#fafbfe}.flow-ad-empty h2{font-size:28px;color:#0a2452;margin:0 0 9px}.flow-ad-empty p{color:#4a5970;margin:0}.flow-summary-card>p{font-size:17px;line-height:1.7;color:#2e3e58}.flow-checklist{display:grid;gap:10px;margin:20px 0}.flow-checklist label{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:14px;border:1px solid #dfe3ec;border-radius:15px;color:#20324f}.flow-checklist input{width:22px;height:22px;margin:2px 0 0}.flow-support{padding:17px;border-radius:17px;background:#edf5ff;color:#173a65}.flow-support b{display:block;margin-bottom:4px}
.dynamic-article{width:min(920px,calc(100% - 40px));margin:0 auto;padding:30px 0 70px}.dynamic-article h1{font-size:clamp(38px,5.5vw,67px);line-height:1.02;letter-spacing:-.055em}.dynamic-article-hero{height:clamp(240px,30vw,360px);margin:24px 0}.dynamic-article .direct-answer{margin:20px 0;padding:25px}.dynamic-article .direct-answer p{font-size:18px;line-height:1.7;margin:0}.guides-index-hero{padding:55px 0 34px;max-width:820px}.guides-index-hero h1{font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.06em;color:#0a2452;margin:10px 0 18px}.guides-index-hero>p:last-child{font-size:19px;line-height:1.65;color:#3e4d66}.guide-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-index-card{overflow:hidden;border:1px solid #dfe3ed;border-radius:23px;background:#fff;color:#0a2452;text-decoration:none;box-shadow:0 15px 36px rgba(20,35,72,.06);transition:.22s ease}.guide-index-card:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(20,35,72,.11)}.guide-index-card img{width:100%;aspect-ratio:1.6/1;object-fit:cover;display:block}.guide-index-card>div{padding:20px}.guide-index-card small{color:#7053ef;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.guide-index-card h2{font-size:21px;line-height:1.3;letter-spacing:-.035em;margin:9px 0}.guide-index-card p{font-size:15px;line-height:1.55;color:#44546b}.guide-index-card b{color:#6b51f4}
@media(max-width:900px){.dynamic-topic-copy{grid-template-columns:auto 1fr}.dynamic-answer{grid-column:1/-1}.dynamic-topic-layout{grid-template-columns:1fr}.dynamic-side{grid-template-columns:1fr 1fr}.guide-index-grid{grid-template-columns:repeat(2,1fr)}.flow-progress{padding-inline:18px}.flow-progress small{display:none}.flow-progress span{min-width:38px}.dynamic-flow-card{padding:32px 24px 40px}}
@media(max-width:640px){.dynamic-shell,.dynamic-flow-shell{width:min(100% - 22px,1180px);padding-top:14px}.dynamic-topic-hero{padding:10px;border-radius:23px}.dynamic-hero-image{height:auto;aspect-ratio:16/9;border-radius:17px}.dynamic-topic-copy{display:block;padding:18px 10px 8px}.dynamic-topic-copy>.topic-icon{width:56px;height:56px;border-radius:18px;margin-bottom:13px}.dynamic-topic-copy h1{font-size:38px}.dynamic-topic-copy>div>p:last-child,.dynamic-answer p{font-size:16px}.dynamic-answer{margin-top:16px;padding:18px}.dynamic-question-panel{padding:18px;border-radius:21px}.dynamic-section-head{display:block}.dynamic-section-head>span{display:inline-flex;margin-top:12px}.dynamic-question-card{grid-template-columns:44px 1fr 34px;padding:13px;gap:10px}.dynamic-question-icon{width:42px;height:42px}.dynamic-question-card b{font-size:15px}.dynamic-question-card small{font-size:13px}.dynamic-side{grid-template-columns:1fr}.dynamic-side>section{padding:18px;border-radius:21px}.dynamic-flow-intro{text-align:left}.dynamic-flow-intro h1{font-size:39px}.dynamic-flow-app{border-radius:22px}.dynamic-flow-app>header{padding:14px 16px}.dynamic-flow-app>header b{max-width:52%;text-align:right;font-size:10px}.flow-progress{grid-template-columns:repeat(5,1fr);gap:6px;padding:16px 12px}.flow-progress em{display:none}.flow-progress span{min-width:0}.flow-progress i{width:34px;height:34px}.dynamic-flow-card{padding:28px 15px 34px;min-height:390px}.flow-step-card h2,.flow-summary-card h2{font-size:34px}.flow-step-body{padding:18px}.flow-step-body p{font-size:16px}.flow-media-grid{grid-template-columns:1fr}.flow-navigation{display:grid;grid-template-columns:1fr 1.25fr}.flow-navigation button,.flow-navigation a{padding:0 12px}.guide-index-grid{grid-template-columns:1fr}.guides-index-hero{padding-top:35px}.dynamic-article{width:min(100% - 24px,920px)}.dynamic-article h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){.flow-card-enter,.dynamic-question-card,.guide-index-card{animation:none!important;transition:none!important}}

/* v3.6: visa hela annonsmaterialet utan sidobeskärning */
.flow-ad-link,.partner-ad-link{width:100%;max-width:100%;height:auto!important;aspect-ratio:auto!important;overflow:hidden}
.flow-ad-link img,.partner-ad-link img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}

/* v3.7 — luftigare artikelsidor */
.dynamic-article{
  width:min(960px,calc(100% - 40px));
  margin:28px auto 80px;
  padding:44px clamp(34px,5.2vw,64px) 64px;
}
.dynamic-article .crumbs{margin-bottom:22px}
.dynamic-article>.eyebrow{margin-top:4px}
.dynamic-article h1{max-width:850px;margin:10px 0 24px;font-size:clamp(38px,5.1vw,63px)}
.dynamic-article-hero{margin:25px 0 28px}
.dynamic-article .direct-answer{margin:24px 0 30px;padding:26px 29px}
.dynamic-article .article-body{max-width:780px;margin-inline:auto}
.dynamic-article .article-body>.lead{margin:0 0 30px;font-size:20px;line-height:1.72}
.dynamic-article .article-body section{padding-top:8px}
.dynamic-article .article-body h2{margin-top:40px}
.dynamic-article .article-body p,.dynamic-article .article-body li{font-size:17px;line-height:1.78}
.dynamic-article>.related-flow{margin:38px auto 26px;max-width:780px;padding:27px 29px}
.dynamic-article>p:last-child{max-width:780px;margin:25px auto 0}
@media(max-width:640px){
  .dynamic-article{width:calc(100% - 22px);margin:14px auto 55px;padding:25px 18px 38px;border-radius:23px}
  .dynamic-article h1{font-size:38px;line-height:1.08;margin-bottom:20px}
  .dynamic-article .direct-answer{padding:20px;margin:20px 0 25px}
  .dynamic-article .article-body>.lead{font-size:18px}
}

/* v3.7.3: stabil höjd på partnerkortet för exakt scrollposition */
.dynamic-flow-card{overflow-anchor:none}
.flow-ad-link{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1200/628!important;overflow:hidden!important;background:#f3f4f8}
.flow-ad-link img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}

/* Pensionären 3.9.3 – ny frågesida */
.dynamic-flow-intro h1,
.flow-step-card h2,
.flow-summary-card h2,
.flow-section-item h3,
.flow-related-content h2,
.flow-related-question b,
.flow-related-guide b{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;
  font-style:normal;
  font-weight:800;
}
.dynamic-flow-intro h1{letter-spacing:-.055em}
.flow-step-card h2,.flow-summary-card h2{letter-spacing:-.045em}

/* Partnerkortet består enbart av den färdiga annonsbilden. */
.dynamic-flow-card.is-partner-step{
  padding:0 0 32px;
  min-height:0;
}
.flow-partner-card{margin:0}
.flow-partner-card .flow-ad-link{
  display:block;
  width:100%;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:#f3f4f8;
}
.flow-partner-card .flow-ad-link img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1.91/1;
  object-fit:cover;
}
.flow-partner-card .flow-navigation{
  margin:24px min(8vw,92px) 0;
}

/* Endast relaterade frågor och guider under huvudkortet. */
.flow-related-content{
  display:grid;
  gap:34px;
  margin-top:34px;
}
.flow-related-section h2{
  margin:0 0 14px;
  color:#0a2452;
  font-size:clamp(22px,2.4vw,30px);
  line-height:1.08;
  letter-spacing:-.04em;
}
.flow-related-question-grid,
.flow-related-guide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.flow-related-question{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px;
  gap:14px;
  align-items:center;
  min-height:138px;
  padding:20px;
  border:1px solid #dfe4ef;
  border-radius:18px;
  background:#fff;
  color:#0a2452;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(20,35,72,.055);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.flow-related-question:hover,
.flow-related-guide:hover{
  transform:translateY(-2px);
  border-color:#bfc9dc;
  box-shadow:0 14px 34px rgba(20,35,72,.085);
}
.flow-related-question b{
  display:block;
  margin-bottom:7px;
  font-size:17px;
  line-height:1.25;
  letter-spacing:-.025em;
}
.flow-related-question small{
  display:block;
  color:#59677d;
  font-size:14px;
  line-height:1.48;
}
.flow-related-question i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#f2f4f8;
  font-style:normal;
  font-weight:800;
}
.flow-related-guide{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  overflow:hidden;
  min-height:150px;
  border:1px solid #dfe4ef;
  border-radius:18px;
  background:#fff;
  color:#0a2452;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(20,35,72,.055);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.flow-related-guide img{
  display:block;
  width:100%;
  height:100%;
  min-height:150px;
  object-fit:cover;
}
.flow-related-guide>span{
  display:flex;
  flex-direction:column;
  padding:18px;
}
.flow-related-guide b{
  display:block;
  margin-bottom:7px;
  font-size:17px;
  line-height:1.25;
  letter-spacing:-.025em;
}
.flow-related-guide small{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#59677d;
  font-size:14px;
  line-height:1.45;
}
.flow-related-guide em{
  margin-top:auto;
  padding-top:10px;
  color:#0a2452;
  font-style:normal;
  font-size:14px;
  font-weight:800;
}
@media(max-width:900px){
  .flow-related-question-grid,.flow-related-guide-grid{grid-template-columns:1fr}
  .flow-partner-card .flow-navigation{margin-inline:24px}
}
@media(max-width:640px){
  .dynamic-flow-card.is-partner-step{padding-bottom:24px}
  .flow-partner-card .flow-navigation{margin:18px 15px 0}
  .flow-related-content{gap:28px;margin-top:28px}
  .flow-related-guide{grid-template-columns:112px minmax(0,1fr)}
  .flow-related-guide img{min-height:142px}
  .flow-related-guide>span{padding:15px}
  .flow-related-question{min-height:0;padding:17px}
}


/* Pensionären 3.9.5 – tydligare frågekort */
.dynamic-flow-intro h1,
.flow-step-card h2,
.flow-summary-card h2,
.flow-section-item h3,
.flow-related-content h2,
.flow-related-question b,
.flow-related-guide b,
.flow-step-kicker{
  font-family:"Plus Jakarta Sans",system-ui,sans-serif!important;
  font-style:normal;
}
.dynamic-flow-shell{width:min(1040px,calc(100% - 32px));}
.dynamic-flow-intro{max-width:860px;margin:10px auto 20px;text-align:left}
.dynamic-flow-intro .eyebrow{margin-bottom:10px}
.dynamic-flow-intro h1{font-size:clamp(38px,5vw,64px);line-height:0.98;letter-spacing:-.055em;margin:0 0 14px}
.dynamic-flow-intro>p:last-child{font-size:18px;line-height:1.62;color:#415069;max-width:820px;margin:0}
.dynamic-flow-app{border-radius:28px;overflow:hidden;box-shadow:0 22px 70px rgba(20,35,72,.09)}
.dynamic-flow-app>header{padding:18px 24px;background:linear-gradient(90deg,#fcfbff,#f6f8fe)}
.flow-progress{padding:18px 28px}
.dynamic-flow-card{padding:30px 28px 38px;min-height:0}
.flow-step-card,.flow-summary-card,.flow-partner-card{display:grid;gap:18px}
.flow-card-header{display:grid;gap:10px}
.flow-step-kicker{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:34px;padding:0 14px;border-radius:999px;background:#eef2ff;color:#5b56d9;font-weight:800;font-size:12px;letter-spacing:.05em;text-transform:uppercase}
.flow-step-card h2,.flow-summary-card h2{font-size:clamp(30px,3.7vw,44px);line-height:1.04;letter-spacing:-.04em;margin:0;color:#0a2452}
.flow-step-body{padding:26px 28px;border-radius:24px;background:linear-gradient(180deg,#ffffff 0%,#fcfcff 100%);border:1px solid #dfe4ef}
.flow-step-body p{font-size:18px;line-height:1.72;color:#263650;margin:0 0 16px}
.flow-step-note{align-items:flex-start;padding:18px 20px;border-radius:18px;background:#f3f0ff;color:#342a6d}
.flow-step-note span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e4defd;font-weight:800;flex:0 0 auto}
.flow-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.flow-media-card{border-radius:20px;border:1px solid #e0e4ed;box-shadow:none}
.flow-media-card img{aspect-ratio:1.45/1}
.flow-section-list{gap:16px}
.flow-section-item{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;align-items:flex-start;padding:20px 22px;border:1px solid #dfe4ee;border-radius:20px;background:#fff}
.flow-section-number{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#eef2ff;color:#5b56d9;font-weight:800;font-size:15px}
.flow-section-item h3{font-size:20px;line-height:1.22;letter-spacing:-.03em;margin:0 0 8px}
.flow-section-item p{font-size:16px;line-height:1.68;color:#2e3e58;margin:0}
.flow-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px}
.flow-navigation-top{margin:0 0 2px}
.flow-navigation-bottom{margin-top:4px}
.flow-navigation button,.flow-navigation a{min-height:54px;padding:0 22px;border-radius:15px;font-size:15px;line-height:1;font-weight:800;white-space:nowrap}
.flow-back{border:1px solid #d1d7e4;background:#fff;color:#0a2452;box-shadow:0 4px 10px rgba(20,35,72,.04)}
.flow-next{border:0;background:linear-gradient(135deg,#704cf6,#5e89ff);color:#fff;box-shadow:0 12px 28px rgba(99,82,230,.22)}
.flow-summary-card>p{font-size:18px;line-height:1.68;color:#30405a;margin:0}
.flow-checklist{gap:12px;margin:8px 0 0}
.flow-checklist label{grid-template-columns:30px 1fr;padding:15px 16px;border-radius:16px;background:#fff}
.flow-support{padding:18px 20px;border-radius:18px}
.dynamic-flow-card.is-partner-step{padding:22px 28px 30px}
.flow-partner-card .flow-ad-link{border-radius:22px;border:1px solid #dde2ed;overflow:hidden;background:#f5f6fa}
.flow-partner-card .flow-ad-link img{display:block;width:100%;height:auto;aspect-ratio:1.91/1;object-fit:cover}
.flow-related-content{margin-top:28px;gap:30px}
.flow-related-section h2{font-size:clamp(24px,2.2vw,30px);line-height:1.08;letter-spacing:-.04em;margin:0 0 14px}
.flow-related-question-grid,.flow-related-guide-grid{gap:14px}
@media(max-width:900px){
  .dynamic-flow-card{padding:24px 20px 30px}
  .flow-progress{padding:16px 18px}
  .flow-navigation button,.flow-navigation a{flex:1}
}
@media(max-width:640px){
  .dynamic-flow-shell{width:calc(100% - 20px);padding-top:14px}
  .dynamic-flow-intro h1{font-size:40px;line-height:1.02}
  .dynamic-flow-intro>p:last-child{font-size:16px}
  .dynamic-flow-app{border-radius:22px}
  .dynamic-flow-app>header{padding:14px 16px}
  .dynamic-flow-card{padding:20px 14px 24px}
  .dynamic-flow-card.is-partner-step{padding:18px 14px 22px}
  .flow-step-card,.flow-summary-card,.flow-partner-card{gap:14px}
  .flow-step-card h2,.flow-summary-card h2{font-size:32px;line-height:1.08}
  .flow-step-body{padding:18px 16px;border-radius:18px}
  .flow-step-body p{font-size:16px;line-height:1.62}
  .flow-media-grid{grid-template-columns:1fr}
  .flow-section-item{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px}
  .flow-section-number{width:34px;height:34px;font-size:14px}
  .flow-section-item h3{font-size:18px}
  .flow-navigation{display:grid;grid-template-columns:1fr;gap:10px}
  .flow-navigation button,.flow-navigation a{width:100%}
}

/* Pensionären 3.9.6 – mer luft ovanför partnerannonsen */
.flow-partner-card .flow-navigation-top{
  margin-bottom:20px;
}
@media(max-width:640px){
  .flow-partner-card .flow-navigation-top{margin-bottom:16px;}
}


/* Pensionären 3.9.7 – startsidans varma färgton på dynamiska sidor */
.dynamic-page{
  background:linear-gradient(180deg,#fbf7f0 0,#ffffff 36%,#fbf7f0 100%);
  color:#263750;
}
.dynamic-flow-app,
.dynamic-question-panel,
.dynamic-side>section,
.dynamic-article,
.guide-index-card,
.partner-profile-page{border-color:#dde3eb}


/* Pensionären 3.9.8 – dynamiska sidor följer startsidans topp/botten-färger */
.dynamic-page{background:transparent !important;color:#263750;}
.dynamic-topic-hero,
.dynamic-flow-app,
.dynamic-question-panel,
.dynamic-side>section,
.dynamic-article,
.guide-index-card,
.partner-profile-page{background:#fff !important;}
.dynamic-flow-app>header,
.flow-step-body,
.flow-step-note,
.dynamic-topic-hero{background:linear-gradient(135deg,#fffdf9 0%,#ffffff 100%) !important;}


/* Pensionären 4.0.0 – SEO/AI-optimerat säkerhetsinnehåll */
.flow-direct-answer{margin-top:18px;padding:20px 22px;border:1px solid #d9e0ea;border-left:5px solid #0b2a59;border-radius:16px;background:#fff}
.flow-direct-answer>b,.direct-answer>b{display:block;margin-bottom:7px;color:#0b2a59;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.flow-direct-answer p{margin:0;color:#263750;font-size:18px;line-height:1.65}
.article-factbox{margin:26px 0;padding:25px 27px;border:1px solid #d9e0e8;border-radius:22px;background:#f7f3eb}
.article-factbox h2{margin:5px 0 17px!important;font-size:25px!important}
.article-factbox dl{display:grid;gap:0;margin:0}
.article-factbox dl>div{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:18px;padding:11px 0;border-top:1px solid #e1ddd4}
.article-factbox dl>div:first-child{border-top:0}
.article-factbox dt{font-weight:800;color:#0b2a59}.article-factbox dd{margin:0;color:#33445d}
.article-checklist ul{display:grid;gap:10px;padding:0;list-style:none}
.article-checklist li{position:relative;padding:15px 17px 15px 50px;border:1px solid #dfe4ec;border-radius:15px;background:#fff}
.article-checklist li:before{content:'✓';position:absolute;left:15px;top:13px;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#e9f4ec;color:#247243;font-weight:900}
.article-faq,.article-sources{max-width:780px;margin:36px auto 0}
.article-faq>h2,.article-sources>h2{font-size:30px;margin:7px 0 16px}
.article-faq>div{display:grid;gap:10px}
.article-faq details{border:1px solid #dfe4ec;border-radius:16px;background:#fff;overflow:hidden}
.article-faq summary{padding:17px 48px 17px 18px;cursor:pointer;color:#0b2a59;font-weight:800;position:relative}
.article-faq summary:after{content:'+';position:absolute;right:18px;top:13px;font-size:25px}
.article-faq details[open] summary:after{content:'–'}
.article-faq details p{margin:0;padding:0 18px 18px;color:#3e4d64;line-height:1.65}
.article-sources{padding:22px;border-top:1px solid #dfe4ec}
.article-sources ul{margin:0;padding-left:20px}.article-sources li{margin:7px 0;font-size:14px;line-height:1.5}.article-sources a{color:#0b2a59;font-weight:700}
.article-dates{max-width:780px;margin:24px auto 0;color:#66758a}
@media(max-width:640px){.flow-direct-answer{padding:17px}.flow-direct-answer p{font-size:16px}.article-factbox{padding:20px 18px}.article-factbox dl>div{grid-template-columns:1fr;gap:3px}.article-faq,.article-sources{margin-top:28px}.article-faq>h2,.article-sources>h2{font-size:26px}}


/* Pensionären 4.4.0 – partnerkort inne i redaktionella guider */
.guide-partners{margin:42px 0 34px;padding:28px;border:1px solid #dedfed;border-radius:25px;background:linear-gradient(145deg,#fff,#faf9ff);box-shadow:0 16px 40px rgba(25,38,76,.06)}
.guide-partners-head{max-width:720px;margin-bottom:22px}
.guide-partners-head h2{margin:5px 0 9px!important;font-size:clamp(28px,3.4vw,38px)!important}
.guide-partners-head>p:last-child{margin:0;color:#526078;font-size:16px;line-height:1.65}
.guide-partner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guide-partners .partner-profile-card h3{font-size:20px}
.guide-partners .partner-profile-card p{font-size:14px}
@media(max-width:720px){
  .guide-partners{margin:34px -2px 28px;padding:20px 14px;border-radius:21px}
  .guide-partner-grid{grid-template-columns:1fr}
}

/* Pensionären 5.2.0 – omdesignad guideöversikt, bredare guideartiklar och bättre partnersektion */
.guides-index-page{
  min-height:100vh;
  background:#f4f5f7;
}
.guides-index-hero{
  max-width:none;
  margin:0;
  padding:68px 0 64px;
  border-bottom:1px solid #ebe5dc;
  background:linear-gradient(90deg,#f7f0e6 0%,#faf5ec 58%,#fff 100%);
}
.guides-index-hero-inner{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto;
}
.guides-index-hero h1{
  max-width:860px;
  margin:12px 0 20px;
  font-size:clamp(46px,5.5vw,74px);
  line-height:.99;
  letter-spacing:-.062em;
}
.guides-index-hero-inner>p:last-child{
  max-width:730px;
  margin:0;
  color:#34445d;
  font-size:19px;
  line-height:1.7;
}
.guides-index-content{
  width:min(1280px,calc(100% - 48px));
  margin:0 auto;
  padding:54px 0 90px;
}
.guides-index-content-head{
  max-width:760px;
  margin:0 0 30px;
}
.guides-index-content-head h2{
  margin:7px 0 12px;
  color:#0a2452;
  font-size:clamp(30px,3.5vw,44px);
  line-height:1.08;
  letter-spacing:-.045em;
}
.guides-index-content-head>p:last-child{
  margin:0;
  color:#526078;
  font-size:17px;
  line-height:1.65;
}
.guide-index-grid{
  gap:24px;
}
.guide-index-card{
  display:flex;
  min-height:100%;
  flex-direction:column;
  border-radius:24px;
  border-color:#dce2eb;
  box-shadow:0 12px 30px rgba(18,39,78,.07);
}
.guide-index-card:hover{
  border-color:#bfc9d8;
  box-shadow:0 22px 50px rgba(18,39,78,.13);
}
.guide-index-card img{
  aspect-ratio:1.68/1;
}
.guide-index-card>div{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:23px 23px 24px;
}
.guide-index-card small{
  font-size:11px;
  letter-spacing:.065em;
}
.guide-index-card h2{
  margin:10px 0 11px;
  font-size:22px;
  line-height:1.28;
}
.guide-index-card p{
  display:-webkit-box;
  margin:0;
  overflow:hidden;
  color:#46566e;
  font-size:15px;
  line-height:1.62;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}
.guide-index-card b{
  margin-top:auto;
  padding-top:20px;
  color:#0a2452;
  font-size:14px;
}
.guide-index-card b span{
  color:#7053ef;
}

/* Bredare artikelkort, men behåll lugn läsbredd i brödtexten */
.dynamic-article{
  width:min(1180px,calc(100% - 48px));
  margin:34px auto 88px;
  padding:52px clamp(42px,5vw,70px) 70px;
  border-radius:30px;
  box-shadow:0 22px 58px rgba(20,38,74,.09);
}
.dynamic-article h1{
  max-width:980px;
  font-size:clamp(42px,5.2vw,68px);
}
.dynamic-article-hero{
  height:clamp(320px,34vw,500px);
  margin:28px 0 32px;
  border-radius:24px;
}
.dynamic-article .direct-answer,
.dynamic-article .article-factbox{
  width:min(900px,100%);
  margin-left:auto;
  margin-right:auto;
}
.dynamic-article .article-body,
.dynamic-article .article-faq,
.dynamic-article .article-sources,
.dynamic-article>.related-flow,
.dynamic-article>.article-dates{
  max-width:820px;
}
.dynamic-article .article-body>.lead{
  font-size:20px;
  line-height:1.75;
}
.dynamic-article .article-body p,
.dynamic-article .article-body li{
  font-size:17px;
  line-height:1.82;
}

/* Partnersektionen får hela artikelns bredd och rymmer två kompakta kort */
.guide-partners{
  margin:54px 0 46px;
  padding:38px;
  border-radius:28px;
  border:1px solid #d9dfeb;
  background:linear-gradient(145deg,#f9fafc 0%,#fff 54%,#faf8ff 100%);
  box-shadow:0 16px 42px rgba(24,42,77,.07);
}
.guide-partners-head{
  max-width:790px;
  margin-bottom:28px;
}
.guide-partners-head h2{
  font-size:clamp(32px,3.8vw,44px)!important;
}
.guide-partner-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.guide-partner-grid:has(>.partner-profile-card:only-child){
  grid-template-columns:minmax(0,560px);
}
.guide-partners .partner-profile-card{
  display:grid;
  grid-template-columns:minmax(180px,.92fr) minmax(0,1.08fr);
  min-height:292px;
  border-radius:22px;
}
.guide-partners .partner-profile-card-media{
  height:100%;
  min-height:292px;
  aspect-ratio:auto;
}
.guide-partners .partner-profile-card-copy{
  padding:22px 21px;
}
.guide-partners .partner-profile-card-logo{
  width:105px;
  height:36px;
  margin-bottom:8px;
}
.guide-partners .partner-profile-card h3{
  margin:7px 0 9px;
  font-size:19px;
  line-height:1.28;
}
.guide-partners .partner-profile-card p{
  display:-webkit-box;
  overflow:hidden;
  font-size:14px;
  line-height:1.58;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:5;
}
.guide-partners .partner-profile-card b{
  padding-top:14px;
  font-size:13px;
}

@media(max-width:980px){
  .guides-index-hero-inner,.guides-index-content{width:min(100% - 34px,1280px)}
  .dynamic-article{width:calc(100% - 34px);padding:42px 34px 58px}
  .guide-partner-grid{grid-template-columns:1fr}
  .guide-partner-grid:has(>.partner-profile-card:only-child){grid-template-columns:1fr}
  .guide-partners .partner-profile-card{grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr)}
}
@media(max-width:640px){
  .guides-index-hero{padding:44px 0 42px}
  .guides-index-hero-inner,.guides-index-content{width:calc(100% - 24px)}
  .guides-index-hero h1{font-size:39px;line-height:1.04}
  .guides-index-hero-inner>p:last-child{font-size:17px}
  .guides-index-content{padding:38px 0 60px}
  .guides-index-content-head{margin-bottom:22px}
  .guide-index-grid{gap:15px}
  .guide-index-card>div{padding:20px}
  .dynamic-article{width:calc(100% - 22px);margin:14px auto 58px;padding:25px 17px 42px;border-radius:23px}
  .dynamic-article h1{font-size:38px}
  .dynamic-article-hero{height:auto;aspect-ratio:16/9;margin:21px 0 25px;border-radius:18px}
  .guide-partners{margin:36px 0 30px;padding:21px 14px;border-radius:21px}
  .guide-partners-head{margin-bottom:19px;padding:0 4px}
  .guide-partners-head h2{font-size:30px!important}
  .guide-partners .partner-profile-card{display:flex;min-height:0;flex-direction:column}
  .guide-partners .partner-profile-card-media{height:auto;min-height:0;aspect-ratio:16/9}
  .guide-partners .partner-profile-card-copy{padding:20px}
}

/* Pensionären 5.2.1 – robust och enhetlig guidedesign utan rosa/lila rutor */
.guides-index-page{
  min-height:100vh;
  background:#f5f6f8;
}
.guides-index-hero{
  padding:64px 0 58px;
  border-bottom:1px solid #e5e0d7;
  background:#f7f0e6;
}
.guides-index-content{
  width:min(1280px,calc(100% - 48px));
  padding:52px 0 96px;
}
.guide-index-card{
  border:1px solid #d9e0e9;
  background:#fff;
  box-shadow:0 10px 26px rgba(18,39,78,.065);
}
.guide-index-card small,
.guide-index-card b,
.guide-index-card b span{
  color:#244b78;
}

.guide-article-page{
  min-height:100vh;
  background:#f3f5f8;
}
.guide-article-top{
  padding:30px 0 52px;
  border-bottom:1px solid #e7e2da;
  background:#f7f0e6;
}
.guide-article-top-inner{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
}
.guide-article-top .crumbs{
  margin:0 0 23px;
  color:#647187;
}
.guide-article-top .eyebrow{
  margin:0 0 9px;
  color:#365d87;
}
.guide-article-top h1{
  max-width:1000px;
  margin:0 0 30px;
  color:#0b2a59;
  font-size:clamp(44px,5.3vw,72px);
  line-height:1.01;
  letter-spacing:-.058em;
}
.guide-article-top .dynamic-article-hero{
  width:100%;
  height:clamp(360px,38vw,520px);
  margin:0;
  overflow:hidden;
  border:1px solid #d8dee7;
  border-radius:27px;
  background:#e9edf2;
  box-shadow:0 18px 46px rgba(20,38,74,.11);
}
.guide-article-top .dynamic-article-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.guide-article-content{
  padding:42px 0 92px;
}
.guide-article-content .dynamic-article{
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
}
.guide-article-content .direct-answer{
  width:min(900px,100%);
  margin:0 auto 30px;
  padding:25px 29px;
  border:1px solid #ced8e4;
  border-left:5px solid #0b2a59;
  border-radius:18px;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(21,39,74,.045);
}
.guide-article-content .direct-answer p{
  margin:0;
  color:#263750;
  font-size:18px;
  line-height:1.72;
}
.guide-article-content .article-factbox{
  width:min(900px,100%);
  margin:0 auto 34px;
  padding:28px 30px;
  border:1px solid #d8d3c8;
  border-radius:21px;
  background:#fbf7ef;
  box-shadow:none;
}
.guide-article-content .article-factbox .eyebrow{
  color:#365d87;
}
.guide-article-content .article-body,
.guide-article-content .article-faq,
.guide-article-content .article-sources,
.guide-article-content .related-flow,
.guide-article-content .article-dates{
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}
.guide-article-content .article-body{
  padding:10px 0 0;
}
.guide-article-content .article-body>.lead{
  margin:0 0 38px;
  color:#34445d;
  font-size:20px;
  line-height:1.75;
}
.guide-article-content .article-body section{
  margin:0;
  padding:2px 0 0;
}
.guide-article-content .article-body h2{
  margin:46px 0 15px;
  color:#0b2a59;
  font-size:30px;
  line-height:1.18;
  letter-spacing:-.03em;
}
.guide-article-content .article-body p,
.guide-article-content .article-body li{
  color:#2f4058;
  font-size:17px;
  line-height:1.82;
}
.guide-article-content .article-checklist{
  margin-top:48px;
  padding-top:4px;
}
.guide-article-content .article-checklist li{
  border-color:#d7e0e9;
  background:#fff;
  box-shadow:0 4px 12px rgba(18,39,78,.035);
}
.guide-article-content .article-checklist li:before{
  background:#e7f2ec;
  color:#246a43;
}
.guide-article-content .article-faq{
  margin-top:54px;
}
.guide-article-content .article-faq .eyebrow{
  color:#365d87;
}
.guide-article-content .article-faq details{
  border-color:#d7e0e9;
  background:#fff;
  box-shadow:0 3px 10px rgba(18,39,78,.025);
}
.guide-article-content .article-faq summary{
  color:#0b2a59;
}
.guide-article-content .article-sources{
  margin-top:50px;
  padding:29px 0 0;
  border-top:1px solid #d5dde7;
}
.guide-article-content .article-sources a{
  color:#244b78;
}
.guide-article-content .related-flow{
  margin-top:48px;
  padding:27px 29px;
  border:1px solid #ccd8e5;
  border-radius:20px;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(18,39,78,.045);
}
.guide-article-content .related-flow b{
  color:#365d87;
}
.guide-article-content .related-flow .cta{
  background:#0b2a59;
  color:#fff;
}
.guide-article-content .article-dates{
  margin-top:28px;
  color:#69778b;
}

.guide-article-content .guide-partners{
  width:100%;
  margin:58px 0 52px;
  padding:35px;
  border:1px solid #d6dee8;
  border-radius:27px;
  background:#eef3f7;
  box-shadow:none;
}
.guide-article-content .guide-partners .eyebrow{
  color:#365d87;
}
.guide-article-content .guide-partner-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.guide-article-content .guide-partner-grid:has(>.partner-profile-card:only-child){
  grid-template-columns:minmax(0,680px);
}
.guide-article-content .partner-profile-card{
  display:grid;
  grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr);
  min-height:300px;
  overflow:hidden;
  border:1px solid #d3dce7;
  border-radius:21px;
  background:#fff;
  box-shadow:0 8px 22px rgba(18,39,78,.055);
}
.guide-article-content .partner-profile-card-media{
  height:100%;
  min-height:300px;
  aspect-ratio:auto;
}
.guide-article-content .partner-profile-card-copy{
  padding:23px;
}
.guide-article-content .partner-profile-company,
.guide-article-content .partner-profile-card b{
  color:#365d87;
}

@media(max-width:980px){
  .guide-article-top-inner,
  .guide-article-content .dynamic-article{width:calc(100% - 34px)}
  .guide-article-content .guide-partner-grid{grid-template-columns:1fr}
  .guide-article-content .guide-partner-grid:has(>.partner-profile-card:only-child){grid-template-columns:1fr}
}
@media(max-width:640px){
  .guides-index-hero{padding:42px 0 38px}
  .guides-index-content{width:calc(100% - 24px);padding:36px 0 62px}
  .guide-article-top{padding:18px 0 28px}
  .guide-article-top-inner{width:calc(100% - 22px)}
  .guide-article-top .crumbs{margin-bottom:17px}
  .guide-article-top h1{margin-bottom:21px;font-size:37px;line-height:1.06}
  .guide-article-top .dynamic-article-hero{height:auto;aspect-ratio:16/9;border-radius:18px}
  .guide-article-content{padding:22px 0 58px}
  .guide-article-content .dynamic-article{width:calc(100% - 22px)}
  .guide-article-content .direct-answer{padding:20px 19px;margin-bottom:23px;border-radius:16px}
  .guide-article-content .direct-answer p{font-size:16px}
  .guide-article-content .article-factbox{padding:21px 18px;margin-bottom:27px;border-radius:18px}
  .guide-article-content .article-body>.lead{font-size:18px;line-height:1.68}
  .guide-article-content .article-body h2{margin-top:38px;font-size:27px}
  .guide-article-content .article-body p,
  .guide-article-content .article-body li{font-size:16px;line-height:1.75}
  .guide-article-content .guide-partners{margin:42px 0 36px;padding:20px 13px;border-radius:21px}
  .guide-article-content .partner-profile-card{display:flex;min-height:0;flex-direction:column}
  .guide-article-content .partner-profile-card-media{height:auto;min-height:0;aspect-ratio:16/9}
  .guide-article-content .partner-profile-card-copy{padding:20px}
}
body.dynamic-page .guide-article-content .article-page.dynamic-article{
  background:transparent!important;
}

/* Pensionären 5.2.2 – ett partnerkort per rad och helt neutral guidepalett */
.guide-article-page,
.guides-index-page{
  background:#f3f5f7!important;
}
.guides-index-hero,
.guide-article-top{
  background:#f5f1e8!important;
}
.guides-index-page .eyebrow,
.guide-article-page .eyebrow,
.guide-article-page .partner-profile-company,
.guide-article-page .partner-profile-card b,
.guide-index-card small,
.guide-index-card b,
.guide-index-card b span{
  color:#244b78!important;
}
.guide-article-content .direct-answer,
.guide-article-content .article-factbox,
.guide-article-content .related-flow,
.guide-article-content .article-faq details,
.guide-article-content .article-checklist li{
  background:#fff!important;
  border-color:#d5dde6!important;
}
.guide-article-content .article-factbox{
  box-shadow:0 8px 22px rgba(21,39,74,.035)!important;
}
.guide-article-content .article-factbox dl>div{
  border-color:#dbe1e7!important;
}
.guide-article-content .guide-partners{
  background:#f0f3f6!important;
  border-color:#d3dce5!important;
}
.guide-article-content .guide-partner-grid,
.guide-partner-grid{
  display:grid!important;
  grid-template-columns:minmax(0,900px)!important;
  justify-content:center!important;
  gap:22px!important;
}
.guide-article-content .guide-partner-grid:has(>.partner-profile-card:only-child),
.guide-partner-grid:has(>.partner-profile-card:only-child){
  grid-template-columns:minmax(0,900px)!important;
}
.guide-article-content .partner-profile-card,
.guide-partners .partner-profile-card{
  width:100%!important;
  max-width:900px!important;
  margin:0 auto!important;
  border-color:#d0d9e3!important;
  background:#fff!important;
}
.guide-article-page .partner-profile-card-media small{
  color:#0b2a59!important;
  background:#fff!important;
  border:1px solid #d2dbe5!important;
  box-shadow:none!important;
}
.guide-article-page .related-flow .cta{
  background:#0b2a59!important;
  color:#fff!important;
}
@media(max-width:980px){
  .guide-article-content .guide-partner-grid,
  .guide-partner-grid,
  .guide-article-content .guide-partner-grid:has(>.partner-profile-card:only-child),
  .guide-partner-grid:has(>.partner-profile-card:only-child){
    grid-template-columns:1fr!important;
  }
}


/* Pensionaren 5.3.0 – sex verifierade förbättringar */
/* Frågerubrik och direktsvar linjerar exakt med frågekortet */
.dynamic-flow-shell{width:min(1120px,calc(100% - 40px));}
.dynamic-flow-intro{width:100%;max-width:none;margin:10px 0 22px;text-align:left;}
.dynamic-flow-intro h1{max-width:100%;font-size:clamp(46px,4.65vw,62px);line-height:.99;margin:0 0 18px;text-wrap:balance;}
.dynamic-flow-intro h1.flow-title-long{font-size:clamp(40px,3.9vw,52px);}
.dynamic-flow-intro h1.flow-title-xlong{font-size:clamp(36px,3.45vw,46px);}
.flow-direct-answer{width:100%;box-sizing:border-box;margin:0;padding:22px 24px;}

/* Annonsmärkning ligger diskret ovanför annonsen, aldrig i materialet */
.flow-partner-card .flow-ad-label{display:block;margin:0 0 -8px 0;padding-left:2px;color:#66758a;font-size:11px;font-weight:800;line-height:1;text-transform:uppercase;letter-spacing:.11em;}

/* Guidehero: hela originalbilden visas utan beskärning */
.guide-article-top .dynamic-article-hero{display:flex;align-items:center;justify-content:center;height:auto;min-height:0;max-height:none;background:#eef1f4;}
.guide-article-top .dynamic-article-hero img{display:block;width:auto;max-width:100%;height:auto;max-height:640px;object-fit:contain!important;object-position:center!important;}

@media(max-width:760px){
  .dynamic-flow-shell{width:calc(100% - 22px);}
  .dynamic-flow-intro h1,.dynamic-flow-intro h1.flow-title-long,.dynamic-flow-intro h1.flow-title-xlong{font-size:clamp(36px,10.5vw,46px);line-height:1.02;}
  .guide-article-top .dynamic-article-hero img{max-height:none;}
}


/* Pensionaren 5.3.1 – guidehero i kontrollerad storlek, hela bilden synlig */
.guide-article-top .dynamic-article-hero{
  width:min(980px,100%);
  margin:30px auto 0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  height:auto;
  min-height:0;
  max-height:520px;
  overflow:hidden;
  border-radius:24px;
  background:#eef1f4;
}
.guide-article-top .dynamic-article-hero img{
  display:block;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:520px!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:760px){
  .guide-article-top .dynamic-article-hero{width:100%;max-height:360px;border-radius:18px;margin-top:22px;}
  .guide-article-top .dynamic-article-hero img{max-height:360px!important;}
}


/* Pensionaren 5.3.2 – kompakt guidehero utan beskärning + guideinnehåll utan fade */
.guide-article-top{
  padding-bottom:38px;
}
.guide-article-top .dynamic-article-hero{
  width:min(880px,100%);
  height:auto;
  min-height:0;
  max-height:none;
  margin:26px auto 0;
  padding:0;
  display:block;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.guide-article-top .dynamic-article-hero picture{
  display:block;
  width:100%;
  height:auto;
}
.guide-article-top .dynamic-article-hero img{
  display:block;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  max-height:420px!important;
  margin:0 auto;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:22px;
  background:transparent!important;
  box-shadow:0 14px 34px rgba(20,38,74,.10);
}
.guide-article-page .article-page,
.guide-article-page .article-page.reveal-item{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}
@media(max-width:760px){
  .guide-article-top{padding-bottom:28px;}
  .guide-article-top .dynamic-article-hero{
    width:100%;
    margin-top:20px;
  }
  .guide-article-top .dynamic-article-hero img{
    max-height:310px!important;
    border-radius:17px;
  }
}

/* Pensionaren 5.3.3 – godkänd guideartikel-layout */
/* En sammanhållen, varm guideyta med vänsterlinjerad hero, direkt svar och faktaruta. */
.guide-article-page{
  min-height:100vh;
  background:#f7f4ee!important;
}
.guide-article-top{
  padding:28px 0 26px!important;
  border-bottom:0!important;
  background:#f7f4ee!important;
}
.guide-article-top-inner{
  width:min(1180px,calc(100% - 56px))!important;
  margin:0 auto!important;
}
.guide-article-top .crumbs{
  margin:0 0 23px!important;
  color:#647187!important;
  font-size:14px!important;
}
.guide-article-top .eyebrow{
  margin:0 0 11px!important;
  color:#244b78!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
}
.guide-article-top h1{
  max-width:1080px!important;
  margin:0!important;
  color:#0b2a59!important;
  font-size:clamp(48px,4.55vw,64px)!important;
  line-height:1.035!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
.guide-article-top .dynamic-article-hero{
  display:block!important;
  width:min(1040px,100%)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:26px 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:20px!important;
  background:transparent!important;
  box-shadow:0 12px 32px rgba(20,38,74,.10)!important;
}
.guide-article-top .dynamic-article-hero picture{
  display:block!important;
  width:100%!important;
  height:auto!important;
}
.guide-article-top .dynamic-article-hero img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:20px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.guide-article-content{
  padding:20px 0 90px!important;
  background:#f7f4ee!important;
}
.guide-article-content .dynamic-article{
  width:min(1180px,calc(100% - 56px))!important;
  margin:0 auto!important;
  padding:0!important;
  background:transparent!important;
}
.guide-article-content .direct-answer{
  position:relative;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  align-items:start!important;
  gap:16px!important;
  width:min(1040px,100%)!important;
  margin:0 0 22px!important;
  padding:22px 25px!important;
  border:1px solid #d8dee7!important;
  border-left:1px solid #d8dee7!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(20,38,74,.055)!important;
}
.guide-article-content .direct-answer-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  margin-top:1px;
  border-radius:50%;
  background:#0b2a59;
  color:#fff;
  font-family:Georgia,serif;
  font-size:18px;
  font-weight:700;
  font-style:italic;
  line-height:1;
}
.guide-article-content .direct-answer p{
  margin:0!important;
  color:#263750!important;
  font-size:17px!important;
  line-height:1.66!important;
}
.guide-article-content .article-factbox{
  width:min(1040px,100%)!important;
  margin:0 0 42px!important;
  padding:25px 28px 20px!important;
  border:1px solid #d8dee7!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(20,38,74,.045)!important;
}
.guide-article-content .article-factbox .eyebrow{
  margin:0 0 8px!important;
  color:#244b78!important;
  font-size:12px!important;
  letter-spacing:.11em!important;
}
.guide-article-content .article-factbox h2{
  margin:0 0 17px!important;
  color:#0b2a59!important;
  font-size:25px!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
}
.guide-article-content .article-factbox dl{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:34px!important;
  margin:0!important;
}
.guide-article-content .article-factbox dl>div{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(115px,.42fr) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  padding:12px 0!important;
  border-bottom:1px solid #e1e5ea!important;
}
.guide-article-content .article-factbox dt{
  color:#0b2a59!important;
  font-weight:800!important;
  line-height:1.4!important;
}
.guide-article-content .article-factbox dd{
  margin:0!important;
  color:#44546b!important;
  line-height:1.5!important;
}
.guide-article-content .article-body,
.guide-article-content .article-faq,
.guide-article-content .article-sources,
.guide-article-content .related-flow,
.guide-article-content .article-dates{
  max-width:840px!important;
  margin-left:0!important;
  margin-right:0!important;
}
.guide-article-content .article-body{
  padding-top:0!important;
}
.guide-article-content .article-body>.lead{
  margin-bottom:36px!important;
  font-size:19px!important;
  line-height:1.72!important;
}
/* Ingen reveal/fade på guideinnehåll. */
.guide-article-page .article-page,
.guide-article-page .article-page.reveal-item,
.guide-article-page .dynamic-article,
.guide-article-page .direct-answer,
.guide-article-page .article-factbox,
.guide-article-page .article-body,
.guide-article-page .guide-partners,
.guide-article-page .article-faq,
.guide-article-page .article-sources,
.guide-article-page .related-flow{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}

@media(max-width:900px){
  .guide-article-top-inner,
  .guide-article-content .dynamic-article{
    width:calc(100% - 34px)!important;
  }
  .guide-article-top h1{
    font-size:clamp(42px,7vw,58px)!important;
  }
  .guide-article-top .dynamic-article-hero{
    width:100%!important;
  }
  .guide-article-content .article-factbox dl{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:640px){
  .guide-article-top{
    padding:19px 0 20px!important;
  }
  .guide-article-top-inner,
  .guide-article-content .dynamic-article{
    width:calc(100% - 24px)!important;
  }
  .guide-article-top .crumbs{
    margin-bottom:18px!important;
    font-size:12px!important;
  }
  .guide-article-top .eyebrow{
    margin-bottom:9px!important;
    font-size:11px!important;
  }
  .guide-article-top h1{
    font-size:clamp(34px,10vw,43px)!important;
    line-height:1.055!important;
    letter-spacing:-.045em!important;
  }
  .guide-article-top .dynamic-article-hero{
    margin-top:22px!important;
    border-radius:16px!important;
  }
  .guide-article-top .dynamic-article-hero img{
    border-radius:16px!important;
  }
  .guide-article-content{
    padding:18px 0 60px!important;
  }
  .guide-article-content .direct-answer{
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:12px!important;
    margin-bottom:18px!important;
    padding:18px 17px!important;
    border-radius:15px!important;
  }
  .guide-article-content .direct-answer-icon{
    width:27px;
    height:27px;
    font-size:16px;
  }
  .guide-article-content .direct-answer p{
    font-size:15.5px!important;
    line-height:1.62!important;
  }
  .guide-article-content .article-factbox{
    margin-bottom:30px!important;
    padding:20px 18px 14px!important;
    border-radius:16px!important;
  }
  .guide-article-content .article-factbox h2{
    font-size:23px!important;
  }
  .guide-article-content .article-factbox dl>div{
    grid-template-columns:1fr!important;
    gap:4px!important;
    padding:11px 0!important;
  }
  .guide-article-content .article-body>.lead{
    font-size:17px!important;
  }
}



/* 5.4.3 – säker rich-text i frågor och guider */
.flow-rich{color:#263650;font-size:17px;line-height:1.7}.flow-rich p{margin:0 0 15px}.flow-rich p:last-child{margin-bottom:0}.flow-rich h3{margin:22px 0 9px;color:#0a2452;font-size:21px;line-height:1.28;letter-spacing:-.02em}.flow-rich ul,.flow-rich ol{margin:12px 0 18px;padding-left:26px}.flow-rich li{margin:7px 0;line-height:1.62}.flow-rich a{color:#4f46c8;font-weight:700;text-decoration:underline;text-underline-offset:3px}.flow-section-item .flow-rich{font-size:16px;line-height:1.68}.flow-section-item .flow-rich p{margin:0 0 12px}.flow-section-item .flow-rich h3{font-size:18px;margin:17px 0 7px}.flow-summary-rich{margin:0 0 18px}.article-rich{color:var(--ink);font-size:17px;line-height:1.78}.article-rich p{margin:0 0 17px}.article-rich h3{margin:28px 0 10px;color:var(--navy);font-size:22px;line-height:1.28;letter-spacing:-.02em}.article-rich ul,.article-rich ol{margin:11px 0 23px;padding-left:27px}.article-rich li{margin:7px 0}.article-rich a{color:var(--violet);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-rich a:hover{text-decoration-thickness:2px}
@media(max-width:640px){.flow-rich{font-size:16px;line-height:1.65}.flow-rich h3{font-size:19px}.article-rich{font-size:16px;line-height:1.72}.article-rich h3{font-size:20px}}

/* Pensionaren 5.5.0 — SSR-flöden och interaktiva checklistor */
.js .dynamic-flow-card .flow-panel:not(.is-active){display:none}
.flow-checklist-progress{display:grid;gap:9px;margin:18px 0 8px}
.flow-checklist-progress strong{font-size:15px;color:#0a2452}
.flow-checklist-progress-bar{display:block;width:100%;height:9px;border-radius:999px;background:#e8ecf3;overflow:hidden}
.flow-checklist-progress-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#704cf6,#5e89ff);transition:width .25s ease}
.flow-checklist label{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.flow-checklist label.is-checked{background:#f3f8f4;border-color:#b9d8c2}
.flow-checklist label.is-checked span{text-decoration:line-through;text-decoration-thickness:1px;color:#52645a}
.flow-checklist input{accent-color:#6650e8}
.flow-checklist-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 4px}
.flow-checklist-actions button{min-height:48px;padding:0 18px;border-radius:13px;font:inherit;font-weight:800;cursor:pointer}
.flow-print-button{border:0;background:linear-gradient(135deg,#704cf6,#5e89ff);color:#fff;box-shadow:0 10px 24px rgba(99,82,230,.2)}
.flow-reset-button{border:1px solid #ccd3e2;background:#fff;color:#0a2452}
.flow-checklist-empty{padding:15px 17px;border:1px dashed #ccd3e2;border-radius:14px;background:#fafbfe;color:#53627a}
@media(max-width:640px){.flow-checklist-actions{display:grid;grid-template-columns:1fr}.flow-checklist-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.flow-checklist-progress-bar i,.flow-checklist label{transition:none}}
@media print{
  body.flow-printing{background:#fff!important}
  body.flow-printing .site-header,
  body.flow-printing .mobile-dock,
  body.flow-printing .nh-footer,
  body.flow-printing .dynamic-flow-app>header,
  body.flow-printing .flow-progress,
  body.flow-printing .flow-navigation,
  body.flow-printing .flow-checklist-actions,
  body.flow-printing .flow-related-content,
  body.flow-printing .dynamic-flow-intro .eyebrow,
  body.flow-printing .flow-direct-answer{display:none!important}
  body.flow-printing .dynamic-flow-shell{width:100%;max-width:none;padding:0}
  body.flow-printing .dynamic-flow-intro{display:block!important;max-width:none;margin:0 0 18px;text-align:left}
  body.flow-printing .dynamic-flow-intro h1{font-size:28pt!important;line-height:1.12;margin:0;color:#111!important}
  body.flow-printing .dynamic-flow-app{display:block!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
  body.flow-printing .dynamic-flow-card{display:block!important;padding:0!important;min-height:0!important}
  body.flow-printing .flow-panel{display:none!important}
  body.flow-printing .flow-summary-card.is-active{display:block!important}
  body.flow-printing .flow-summary-card h2{font-size:22pt!important;color:#111!important}
  body.flow-printing .flow-checklist-progress-bar{border:1px solid #aaa;background:#fff}
  body.flow-printing .flow-checklist label{break-inside:avoid;border-color:#bbb;background:#fff!important}
  body.flow-printing .flow-checklist label.is-checked span{color:#111}
  body.flow-printing .flow-support{break-inside:avoid;background:#fff!important;border:1px solid #bbb;color:#111!important}
}

/* Pensionaren 5.6.0 — PDF/checklist-annonsmotor */
.flow-pdf-button{border:0;background:#0a2452;color:#fff;box-shadow:0 10px 24px rgba(10,36,82,.16)}
.flow-pdf-button:disabled,.flow-print-button:disabled{opacity:.6;cursor:wait;box-shadow:none}
.flow-print-brand,.flow-print-ad{display:none}

@media print{
  @page{size:A4 portrait;margin:13mm 15mm 12mm}
  body.flow-printing .flow-summary-card.is-active{display:flex!important;flex-direction:column;min-height:260mm}
  body.flow-printing .flow-print-brand{display:block!important;margin:0 0 12mm}
  body.flow-printing .flow-print-brand img{display:block;width:50mm!important;height:auto!important;max-width:50mm!important}
  body.flow-printing .flow-summary-card.has-pdf-ad .flow-print-ad{display:block!important;margin-top:auto;padding-top:10mm;break-inside:avoid;page-break-inside:avoid}
  body.flow-printing .flow-print-ad>span{display:block;margin:0 0 2mm;font-size:7.5pt;font-weight:800;letter-spacing:.09em;color:#667085}
  body.flow-printing .flow-print-ad a{display:block;text-decoration:none}
  body.flow-printing .flow-print-ad img{display:block;width:180mm!important;height:60mm!important;max-width:100%!important;object-fit:contain!important;border:1px solid #e1e4ea;background:#fff}
}
.flow-print-title,.flow-print-meta{display:none}
@media print{
  body.flow-printing .dynamic-flow-intro{display:none!important}
  body.flow-printing .flow-print-title{display:block!important;margin:9mm 0 2mm;font-size:24pt!important;line-height:1.14;color:#0a2452!important;letter-spacing:-.025em}
  body.flow-printing .flow-print-meta{display:block!important;margin:0 0 6mm;font-size:9.5pt;color:#667085}
}


/* Pensionaren 5.6.1 — säker PDF-verifiering */
.flow-turnstile{width:100%;min-height:0;margin:8px 0 0;display:flex;justify-content:flex-start}
.flow-turnstile:empty{margin:0}
@media(max-width:640px){.flow-turnstile{justify-content:center}}

/* Pensionaren 5.6.2 — kompakt en-sidesutskrift */
@media print{
  @page{size:A4 portrait;margin:8mm 10mm 8mm}
  body.flow-printing .flow-summary-card.is-active{
    display:flex!important;
    flex-direction:column;
    min-height:0!important;
    gap:0!important;
  }
  body.flow-printing .flow-summary-card.has-pdf-ad{height:281mm!important}
  body.flow-printing .flow-print-brand{margin:0 0 4mm!important}
  body.flow-printing .flow-print-brand img{width:38mm!important;max-width:38mm!important}
  body.flow-printing .flow-print-title{margin:4mm 0 1mm!important;font-size:18pt!important;line-height:1.08!important}
  body.flow-printing .flow-print-meta{margin:0 0 3mm!important;font-size:8.5pt!important}
  body.flow-printing .flow-card-header{display:none!important}
  body.flow-printing .flow-summary-card>p,
  body.flow-printing .flow-summary-rich{margin:0 0 2.5mm!important;font-size:9.5pt!important;line-height:1.35!important}
  body.flow-printing .flow-checklist-progress{display:grid!important;gap:1mm!important;margin:1.5mm 0 2mm!important}
  body.flow-printing .flow-checklist-progress strong{font-size:9pt!important;line-height:1.2!important}
  body.flow-printing .flow-checklist-progress-bar{height:4px!important}
  body.flow-printing .flow-checklist{gap:1.5mm!important;margin:0!important}
  body.flow-printing .flow-checklist label{
    grid-template-columns:5.5mm 1fr!important;
    gap:2mm!important;
    padding:2mm 2.5mm!important;
    border-radius:2mm!important;
    font-size:10pt!important;
    line-height:1.25!important;
  }
  body.flow-printing .flow-checklist input{width:4.5mm!important;height:4.5mm!important;margin:.2mm 0 0!important}
  body.flow-printing .flow-support{
    margin-top:2.5mm!important;
    padding:2.5mm 3mm!important;
    border-radius:2mm!important;
    font-size:8.8pt!important;
    line-height:1.3!important;
  }
  body.flow-printing .flow-support b{margin-bottom:.7mm!important}
  body.flow-printing .flow-support p{margin:0!important}
  body.flow-printing .flow-summary-card.has-pdf-ad .flow-print-ad{
    margin-top:auto!important;
    padding-top:4mm!important;
  }
  body.flow-printing .flow-print-ad>span{margin-bottom:1mm!important;font-size:7pt!important}
  body.flow-printing .flow-print-ad img{width:180mm!important;height:60mm!important}
}

/* Pensionaren 5.6.3 — centrerad PDF-annons */
@media print{
  body.flow-printing .flow-summary-card.has-pdf-ad .flow-print-ad{
    width:180mm!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-self:center!important;
  }
  body.flow-printing .flow-print-ad a{display:block!important;width:180mm!important}
}

/* === KOLLEN v1 / 5.7.0 =================================================== */
.kollen-shell{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:28px 0 72px}.kollen-hub-hero,.kollen-tool-hero{margin:18px 0 28px;border:1px solid #d9e0ec;border-radius:30px;background:linear-gradient(135deg,#f4f0ff 0%,#ffffff 46%,#edf6ff 100%);box-shadow:0 22px 60px rgba(19,35,63,.10)}.kollen-hub-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;align-items:center;padding:34px 38px 34px 44px;overflow:hidden}.kollen-hub-copy h1,.kollen-tool-hero h1{margin:0;color:#0a2452;letter-spacing:-.04em}.kollen-hub-copy h1{font-size:clamp(42px,6vw,70px)}.kollen-hub-copy>p:last-of-type{max-width:660px;font-size:21px;line-height:1.6;color:#44556f;margin:14px 0 0}.kollen-hub-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.kollen-hub-points span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#edf4fb;color:#173f77;font-size:14px;font-weight:800}.kollen-hub-media{margin:0;position:relative;align-self:stretch}.kollen-hub-media img{display:block;width:100%;height:100%;min-height:320px;max-height:390px;object-fit:cover;border-radius:24px;box-shadow:0 18px 46px rgba(10,44,94,.18)}.kollen-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.kollen-hub-card{position:relative;display:grid;grid-template-columns:58px 1fr;gap:18px;padding:30px;border:1px solid #dfe5ef;border-radius:26px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);color:#13233f;text-decoration:none;box-shadow:0 14px 38px rgba(19,35,63,.08);transition:.2s ease}.kollen-hub-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:26px 26px 0 0;background:linear-gradient(90deg,#0a2c5e,#68a2d2)}.kollen-hub-card:hover{transform:translateY(-4px);border-color:#b8c9e0;box-shadow:0 22px 50px rgba(19,35,63,.12)}.kollen-hub-icon,.topic-kollen-symbol{display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#eaf2fa,#f7fbff);color:#174b7a;font-weight:900;box-shadow:inset 0 0 0 1px rgba(10,44,94,.08)}.kollen-hub-icon{width:58px;height:58px;font-size:28px}.kollen-hub-card small{font-size:11px;font-weight:800;letter-spacing:.08em;color:#69748d}.kollen-hub-card h2{font-size:26px;line-height:1.15;margin:6px 0 10px;color:#0a2452}.kollen-hub-card p{font-size:15px;line-height:1.6;color:#56657b;margin:0 0 18px}.kollen-hub-card b{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;background:#0a2c5e;color:#fff;font-size:14px;box-shadow:0 10px 24px rgba(10,44,94,.18)}
.kollen-tool-hero{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:34px;padding:42px 46px;align-items:center}.kollen-tool-hero h1{font-size:clamp(38px,5vw,62px)}.kollen-tool-hero>div>p:not(.eyebrow){max-width:760px;margin:14px 0;font-size:18px;line-height:1.6;color:#4b5c74}.kollen-direct-answer{margin-top:20px;padding:18px 20px;border-left:4px solid #2d6d9f;border-radius:0 16px 16px 0;background:rgba(255,255,255,.92);color:#263b5b;font-size:16px;line-height:1.55;box-shadow:0 10px 24px rgba(19,35,63,.06)}.kollen-tool-badge{width:150px;height:150px;justify-self:end;border-radius:50%;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#0a2c5e,#1a4f88);color:#fff;box-shadow:0 16px 36px rgba(10,44,94,.22)}.kollen-tool-badge strong{font-size:46px;line-height:1}.kollen-tool-badge span{margin-top:6px;font-size:13px;font-weight:700}.kollen-app{max-width:850px;margin:0 auto;padding:0 0 28px}.kollen-progress{margin-bottom:18px}.kollen-progress>span{display:block;margin-bottom:8px;font-size:13px;font-weight:800;color:#56647b}.kollen-progress>div,.kollen-check-progress{height:8px;border-radius:99px;background:#e9edf4;overflow:hidden}.kollen-progress i,.kollen-check-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#0a2c5e,#4f8fc4);transition:width .25s ease}.kollen-question{padding:34px;border:1px solid #dfe5ee;border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(19,35,63,.06)}.kollen-question[hidden]{display:none!important}.kollen-question-head>span{font-size:12px;font-weight:800;letter-spacing:.06em;color:#2d6d9f}.kollen-question-head h2{font-size:29px;line-height:1.2;color:#0a2452;margin:7px 0 8px}.kollen-question-head p{font-size:15px;color:#68768b;margin:0 0 22px}.kollen-options{display:grid;gap:10px}.kollen-option{position:relative;display:block;cursor:pointer}.kollen-option input{position:absolute;opacity:0;pointer-events:none}.kollen-option span{display:block;padding:16px 18px;border:1.5px solid #dbe2ec;border-radius:15px;background:#fbfcfe;font-size:16px;line-height:1.4;color:#253a59;transition:.15s ease}.kollen-option:hover span{border-color:#aebbd0;background:#fff}.kollen-option.selected span,.kollen-option input:checked+span{border-color:#2d6d9f;background:#eef5fb;box-shadow:0 0 0 3px rgba(45,109,159,.08);font-weight:700;color:#163b60}.kollen-controls{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.kollen-primary,.kollen-secondary{appearance:none;border:0;border-radius:13px;padding:13px 19px;font:inherit;font-weight:800;cursor:pointer}.kollen-primary{background:#0a2c5e;color:#fff}.kollen-primary:disabled{opacity:.42;cursor:not-allowed}.kollen-secondary{background:#eef2f7;color:#1c3557}.kollen-result{scroll-margin-top:100px}.kollen-result[hidden]{display:none!important}.kollen-result-hero{padding:32px 34px;border-radius:24px 24px 0 0;background:linear-gradient(135deg,#0a2c5e,#173f77);color:#fff}.kollen-result-hero small{font-size:11px;font-weight:800;letter-spacing:.1em;color:#d7e8f6}.kollen-result-hero h2{font-size:32px;line-height:1.18;margin:8px 0 13px;color:#fff}.kollen-result-hero p{font-size:16px;line-height:1.6;color:#e5edf7;margin:8px 0}.kollen-result-hero .kollen-result-summary{font-size:18px;font-weight:700;color:#fff}.kollen-result-checklist{padding:28px 30px;border:1px solid #dfe5ee;border-top:0;background:#fff}.kollen-result-check-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.kollen-result-check-head small{font-size:10px;font-weight:900;letter-spacing:.09em;color:#2d6d9f}.kollen-result-check-head h3{font-size:23px;color:#0a2452;margin:5px 0}.kollen-result-check-head strong{font-size:13px;color:#526078}.kollen-check-progress{margin:10px 0 16px}.kollen-check-items{display:grid;gap:8px}.kollen-check-items label{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;padding:12px 13px;border:1px solid #e0e5ec;border-radius:12px;cursor:pointer;color:#2b3e5a}.kollen-check-items label.checked{background:#f4faf5;border-color:#bed7c4}.kollen-check-items input{width:18px;height:18px;margin:1px 0 0;accent-color:#2b7a49}.kollen-result-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.kollen-partner{margin-top:18px;padding:14px;border:1px solid #e1e6ee;border-radius:20px;background:#fff}.kollen-partner>small{display:block;margin:0 0 8px;font-size:10px;font-weight:900;letter-spacing:.08em;color:#757f91}.kollen-partner>a{display:grid;grid-template-columns:minmax(220px,42%) 1fr;gap:20px;align-items:center;color:inherit;text-decoration:none}.kollen-partner-media{display:block;overflow:hidden;border-radius:14px;background:#f4f5f7}.kollen-partner-media img{display:block;width:100%;aspect-ratio:1.91/1;object-fit:cover}.kollen-partner-copy{display:block;padding:4px 8px}.kollen-partner-logo{max-width:140px;max-height:42px;object-fit:contain;object-position:left center;margin-bottom:8px}.kollen-partner-copy strong{display:block;font-size:22px;color:#0a2452}.kollen-partner-copy p{font-size:14px;line-height:1.5;color:#5d697d;margin:8px 0}.kollen-partner-copy b{font-size:14px;color:#174b7a}.kollen-result-footer{text-align:center;padding:20px;border:1px solid #dfe5ee;border-top:0;border-radius:0 0 24px 24px;background:#f8fafc}.kollen-result-footer p{margin:0 0 8px;color:#607088}.kollen-about-results{max-width:850px;margin:38px auto 0;padding:28px 30px;border:1px solid #e2e7ef;border-radius:22px;background:#f9fbfd}.kollen-about-results h2{color:#0a2452}.kollen-about-results>p{color:#5b687d;line-height:1.6}.kollen-about-results>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.kollen-about-results article{padding:16px;border-radius:14px;background:#fff;border:1px solid #e4e8ef}.kollen-about-results h3{font-size:16px;color:#19375e;margin:0 0 6px}.kollen-about-results article p{font-size:13px;line-height:1.45;color:#667287;margin:0}.kollen-disclaimer{padding-top:14px;border-top:1px solid #e1e6ed;font-size:13px}.topic-kollen-feature{margin:26px 0;padding:24px 26px;border:1px solid #d5e1ee;border-radius:22px;background:linear-gradient(135deg,#eef5fb,#fff);display:grid;grid-template-columns:1fr 84px;gap:22px;align-items:center}.topic-kollen-feature h2{margin:5px 0 8px;color:#0a2452}.topic-kollen-feature p:not(.eyebrow){max-width:720px;color:#59677c;line-height:1.55}.topic-kollen-feature a{display:inline-block;margin-top:6px;padding:11px 16px;border-radius:12px;background:#0a2c5e;color:#fff;text-decoration:none;font-weight:800}.topic-kollen-symbol{width:76px;height:76px;font-size:36px;justify-self:end}
@media(max-width:820px){.kollen-hub-grid{grid-template-columns:1fr}.kollen-hub-hero{grid-template-columns:1fr;padding:28px 22px}.kollen-hub-media img{min-height:240px;max-height:320px}.kollen-tool-hero{grid-template-columns:1fr;padding:30px 26px}.kollen-tool-badge{justify-self:start;width:112px;height:112px}.kollen-tool-badge strong{font-size:36px}.kollen-question{padding:24px 20px}.kollen-question-head h2{font-size:24px}.kollen-result-check-head{display:block}.kollen-result-check-head strong{display:block;margin-top:6px}.kollen-partner>a{grid-template-columns:1fr}.kollen-about-results>div{grid-template-columns:1fr}.topic-kollen-feature{grid-template-columns:1fr}.topic-kollen-symbol{display:none}}
@media(max-width:520px){.kollen-shell{width:min(100% - 20px,1160px);padding-top:16px}.kollen-hub-copy h1{font-size:42px}.kollen-hub-points{gap:8px}.kollen-hub-points span{font-size:13px;padding:9px 12px}.kollen-hub-card{grid-template-columns:48px 1fr;padding:20px}.kollen-hub-icon{width:48px;height:48px}.kollen-tool-hero h1{font-size:38px}.kollen-result-hero{padding:26px 22px}.kollen-result-hero h2{font-size:27px}.kollen-result-checklist{padding:22px 18px}.kollen-controls,.kollen-result-actions{flex-direction:column-reverse}.kollen-controls>*{width:100%}.kollen-primary,.kollen-secondary{width:100%}}
@media print{body.kollen-printing header,body.kollen-printing footer,body.kollen-printing .crumbs,body.kollen-printing .kollen-tool-hero,body.kollen-printing .kollen-progress,body.kollen-printing .kollen-question,body.kollen-printing .kollen-about-results,body.kollen-printing .kollen-result-footer,body.kollen-printing .kollen-partner,body.kollen-printing .kollen-result-actions{display:none!important}body.kollen-printing .kollen-shell{width:100%;padding:0;margin:0}body.kollen-printing .kollen-app{max-width:none;margin:0;padding:0}body.kollen-printing .kollen-result{display:block!important}body.kollen-printing .kollen-result-hero{border-radius:0;background:#fff!important;color:#13233f;padding:8mm 10mm 3mm}body.kollen-printing .kollen-result-hero small{color:#6752df}body.kollen-printing .kollen-result-hero h2,body.kollen-printing .kollen-result-hero p,body.kollen-printing .kollen-result-hero .kollen-result-summary{color:#13233f}body.kollen-printing .kollen-result-checklist{border:0;padding:2mm 10mm}body.kollen-printing .kollen-check-items{gap:1.3mm}body.kollen-printing .kollen-check-items label{padding:2mm 2.5mm;font-size:10pt;break-inside:avoid}@page{size:A4 portrait;margin:0}}