/* --- pages.css --- */
/* ---- Utilities ---- */
.ig-mt6{margin-top:6px}.ig-mt14{margin-top:14px}.ig-mt16{margin-top:16px}.ig-mt18{margin-top:18px}.ig-mt20{margin-top:20px}.ig-mt28{margin-top:28px}.ig-mt32{margin-top:32px}.ig-mt36{margin-top:36px}.ig-mt56{margin-top:56px}.ig-mb28{margin-bottom:28px}
.ig-gap20{gap:20px}.ig-gap24{gap:24px}.ig-mb0{margin-bottom:0}
.ig-rule-b{border-bottom:1px solid #DBD8D1;padding-bottom:16px}.ig-rule-b--14{padding-bottom:14px}
.ig-headrow{display:flex;align-items:end;justify-content:space-between;gap:28px}
.ig-headrow--rule{border-bottom:1px solid #DBD8D1;padding-bottom:20px}
.ig-headrow__link{font-family:'Archivo',system-ui,sans-serif;font-weight:600;font-size:16px;white-space:nowrap}
.ig-eyebrow--14{letter-spacing:.14em}.ig-eyebrow--on-ink{color:#F6C324}
.ig-lead--19{font-size:19px;line-height:1.6}
.ig-card__body--22{padding:22px}.ig-card__body--24{padding:24px}
.ig-card__title--18{font-size:18px}.ig-card__title--20{font-size:20px}
.ig-card__link--16{font-size:16px}
.ig-card--grey{border-top-color:#DBD8D1}.ig-card--grey:hover{border-top-color:rgba(246,195,36,.55);transform:translateY(-2px)}
.ig-card--h220 img,.ig-card--h220 .ig-ph{height:220px}
.ig-card__system{font-size:15px;line-height:1.5;color:#14212B;border-top:1px solid #E4E1DA;padding-top:10px}
.ig-figure{margin:0}.ig-figure img,.ig-figure .ig-ph{width:100%;height:var(--ig-fig-h,340px);object-fit:cover;display:block}
.ig-figure figcaption{font-size:15px;line-height:1.55;color:#5B6874;margin-top:12px}.ig-figure figcaption strong{font-family:'Archivo',system-ui,sans-serif;color:#14212B}
.ig-prose{font-size:18px;line-height:1.7;color:#2E3A45}.ig-prose p{margin:0 0 18px}.ig-prose h2{font-size:clamp(24px,2.4vw,32px);line-height:1.2;margin:36px 0 12px}.ig-prose h3{font-size:21px;margin:26px 0 8px}.ig-prose a{color:#0E3358;text-decoration:underline}.ig-prose--page{max-width:720px}

/* ---- Generic hero (ink) ---- */
.ig-hero-dark{background:#14212B;color:#fff}
.ig-hero-dark__in{max-width:1340px;margin:0 auto;padding:56px 32px 72px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end}
.ig-hero-dark__h1{max-width:20ch;margin-top:14px}
.ig-hero-dark__lead{font-size:20px;line-height:1.6;color:rgba(255,255,255,.82);margin:24px 0 0;max-width:56ch}
.ig-hero-dark__ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;align-items:center}
.ig-btn--hero{padding:16px 28px}
.ig-hero-dark__img{width:100%;height:330px;object-fit:cover;display:block}
.ig-hero-dark__ph{height:330px;min-height:0}
.ig-hero-dark__ph .ig-ph__d{font-size:13px;line-height:1.7;max-width:36ch;color:rgba(255,255,255,.75)}

/* ---- Proof strip: 15 år · five supplier logos · UC (design: data-r="proof") ---- */
.ig-proof{background:#fff;border-bottom:1px solid #DBD8D1}
.ig-proof__in{max-width:1340px;margin:0 auto;padding:18px 32px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}
.ig-proof__years{display:flex;flex-direction:column;gap:2px;white-space:nowrap}
.ig-proof__years strong{font-family:'Archivo',system-ui,sans-serif;font-size:26px;font-weight:700;line-height:1.1}
.ig-proof__years span{font-size:14px;color:#5B6874}
.ig-proof__uc{display:flex;align-items:center;gap:12px;white-space:nowrap}
.ig-proof__uc img{height:40px;width:auto;display:block}
.ig-proof__uc span{font-size:14px;line-height:1.4;color:#5B6874}

/* ---- Full ink hero (massagolv, system pages, brand pages) ---- */
.ig-hero-dark--full .ig-hero-dark__in{padding:56px 32px 56px;grid-template-columns:1.05fr .95fr;align-items:stretch}
.ig-hero-dark--full .ig-hero-dark__img{height:100%;min-height:460px}
.ig-hero-dark--full .ig-crumbs--dark{margin-bottom:28px}
.ig-hero-dark--full .ig-crumbs--dark a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0}
.ig-hero-dark__logo{display:inline-flex;align-items:center;background:#fff;padding:14px 22px;border-top:3px solid #F6C324}
.ig-hero-dark__logo img{height:44px;width:auto;max-width:180px;object-fit:contain;display:block}
.ig-hero-dark__h1--logo{margin-top:22px}
.ig-btn--hero56{min-height:56px;padding:14px 28px}
.ig-btn--cta.ig-btn--hero56,.ig-btn--ghost-dark.ig-btn--hero56{padding:14px 28px}
.ig-btn--ghost.ig-btn--hero56{font-size:17px;font-weight:600;color:#14212B}
.ig-trustline{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);font-size:15px;line-height:1.4;color:rgba(255,255,255,.72)}
.ig-trustline__dot,.ig-trustline__accent{color:#F6C324}

/* ---- Section head (eyebrow + H2 | lead) and industry rows ---- */
.ig-sechead{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:end}
.ig-sechead--start{align-items:start}
.ig-sechead__lead{font-size:19px;line-height:1.6;color:#5B6874;margin:0;max-width:60ch}
.ig-headrow--wrap{flex-wrap:wrap}
.ig-headrow__link--blue{color:#0E3358}
.ig-indlist{display:grid;grid-template-columns:repeat(3,1fr);gap:0 48px;margin-top:8px}
.ig-indlist__row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border-bottom:1px solid #DBD8D1;padding:18px 0;color:inherit}
.ig-indlist__row:hover{color:#0E3358}
.ig-indlist__row>span:first-child{display:flex;flex-direction:column;gap:4px}
.ig-indlist__row strong{font-family:'Archivo',system-ui,sans-serif;font-size:19px;font-weight:600}
.ig-indlist__row>span:first-child>span{font-size:15px;line-height:1.5;color:#5B6874}
.ig-indlist__arrow{color:#0E3358;font-size:18px}
.ig-btn--ghost48{min-height:48px;padding:10px 20px;border:1px solid #C6CBD1;font-weight:600;font-size:15px;color:#0E3358;background:none}
.ig-btn--ghost48:hover{background:#EDEBE6;color:#0E3358}
.ig-section--bot56{padding-bottom:56px}.ig-section--bot64{padding-bottom:64px}
.ig-card__title--19{font-size:19px;line-height:normal}.ig-card__text--16{line-height:1.6}
.ig-card__sys{font-size:14px;color:#8B949C}
.ig-casefig{margin:28px 0 0}
.ig-casefig img,.ig-casefig .ig-ph{width:100%;height:480px;object-fit:cover;display:block}
.ig-casefig figcaption{font-size:15px;line-height:1.55;color:#5B6874;margin-top:10px}

/* ---- Fit / numbered list / related / table ---- */
.ig-fit{background:#fff;border:1px solid #DBD8D1;border-top:2px solid #14212B;padding:22px}
.ig-fit strong{font-family:'Archivo',system-ui,sans-serif;font-size:18px;font-weight:600}
.ig-fit p{margin:8px 0 0;font-size:16px;line-height:1.55;color:#5B6874}
.ig-numlist{display:flex;flex-direction:column}
.ig-numlist__row{display:grid;grid-template-columns:52px 1fr;gap:22px;border-top:1px solid #DBD8D1;padding:22px 0}
.ig-numlist__num{font-family:'Archivo',system-ui,sans-serif;font-size:13px;letter-spacing:.14em;color:#8B949C;padding-top:5px}
.ig-numlist__title{font-size:21px;font-weight:600;letter-spacing:-.01em}
.ig-numlist__row p{font-size:17px;line-height:1.6;color:#5B6874;margin:8px 0 0;max-width:62ch}
.ig-related{display:grid;grid-template-columns:repeat(3,1fr);gap:0 40px}
.ig-clients{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
.ig-clients li{border-top:1px solid #DBD8D1;padding:20px 0;display:grid;grid-template-columns:minmax(200px,.8fr) 1.4fr;gap:8px 28px;align-items:start}
.ig-clients li:nth-last-child(-n+2){border-bottom:1px solid #DBD8D1}
.ig-clients__name{font-family:'Archivo','Archivo Fallback',system-ui,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;color:#14212B}
.ig-clients__name span{color:#8B949C;font-weight:400;margin-left:6px}
.ig-clients__name:hover{color:#0E3358}
.ig-clients p{margin:0;font-size:16px;line-height:1.55;color:#5B6874}
@media (max-width:1080px){.ig-clients{grid-template-columns:1fr}.ig-clients li:nth-last-child(-n+2){border-bottom:0}.ig-clients li:last-child{border-bottom:1px solid #DBD8D1}}
@media (max-width:760px){.ig-clients li{grid-template-columns:1fr}}
.ig-related__item{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #DBD8D1;padding:16px 0;font-family:'Archivo',system-ui,sans-serif;font-weight:600;font-size:17px}
.ig-related__item:hover{color:#0E3358}
.ig-related__item>span:first-child{display:flex;flex-direction:column;gap:3px}
.ig-related__item>span:first-child span{font-family:'Source Sans 3',system-ui,sans-serif;font-weight:400;font-size:15px;color:#5B6874}
.ig-related__arrow{color:#0E3358}
.ig-table-wrap{overflow-x:auto;border:1px solid #DBD8D1;background:#fff}
.ig-table{width:100%;min-width:760px;border-collapse:collapse;font-size:16px}
.ig-table th{text-align:left;padding:16px 18px;font-family:'Archivo',system-ui,sans-serif;font-size:15px;font-weight:600;color:#14212B;vertical-align:top}
.ig-table thead th{border-bottom:2px solid #14212B;background:#F6F5F2}
.ig-table tbody th{border-bottom:1px solid #DBD8D1;white-space:nowrap}
.ig-table td{padding:16px 18px;border-bottom:1px solid #DBD8D1;line-height:1.5;color:#40505E;vertical-align:top}
.ig-map{border:1px solid #DBD8D1;background:#fff}
.ig-map__facade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:repeating-linear-gradient(135deg,#F1EFEA 0 12px,#EAE7E0 12px 24px)}
.ig-map__facade p{margin:0;font-size:15px;color:#5B6874;max-width:36ch}
.ig-map__meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-top:14px}
.ig-map__addr{font-style:normal;font-size:16px;line-height:1.6;color:#5B6874}.ig-map__addr strong{font-family:'Archivo',system-ui,sans-serif;color:#14212B}

@media (max-width:1080px){.ig-hero-dark__in,.ig-hero-dark--full .ig-hero-dark__in{grid-template-columns:1fr;gap:40px;padding-left:24px;padding-right:24px}.ig-proof__in{grid-template-columns:1fr;gap:18px;padding-left:24px;padding-right:24px}.ig-related{grid-template-columns:1fr 1fr}.ig-sechead{grid-template-columns:1fr;gap:40px}.ig-indlist{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.ig-hero-dark__in{padding:44px 20px}.ig-section--top48{padding-top:56px!important}.ig-proof__in{padding-left:20px;padding-right:20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.ig-proof__years{order:1;min-width:0;white-space:normal}.ig-proof__uc{order:2;margin-left:auto;min-width:0;white-space:normal}.ig-proof__uc img{flex:0 0 auto}.ig-proof .ig-logorow{order:3;flex:1 0 100%}.ig-proof [data-dots]{order:4;flex:1 0 100%;padding-top:2px}.ig-related{grid-template-columns:1fr}.ig-headrow{flex-wrap:wrap}.ig-hero-dark__img{height:260px}.ig-hero-dark--full .ig-hero-dark__in{padding:44px 20px}.ig-hero-dark--full .ig-hero-dark__img{height:220px;min-height:0;margin-top:8px}.ig-trustline{flex-direction:column;align-items:flex-start;gap:8px}.ig-trustline__dot{display:none}.ig-indlist{grid-template-columns:1fr}}

/* ---- Families / systems / service links ---- */
.ig-family__body{padding:28px;display:flex;flex-direction:column;gap:12px}
.ig-family__title{font-family:'Archivo',system-ui,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.015em}
.ig-family__text{font-size:17px;line-height:1.6;color:#5B6874}
.ig-family__fit{font-size:16px;line-height:1.5;color:#14212B;border-top:1px solid #E4E1DA;padding-top:12px}.ig-family__fit strong{font-family:'Archivo',system-ui,sans-serif}
.ig-family:hover{transform:none}
.ig-system{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;background:#fff;border:1px solid #DBD8D1;border-top:3px solid #DBD8D1;padding:14px;color:inherit}
.ig-system:hover{border-top-color:rgba(246,195,36,.55);color:inherit}
.ig-system img,.ig-system .ig-ph{width:96px;height:96px;object-fit:cover;min-height:0;padding:4px}
.ig-system__body{display:flex;flex-direction:column;gap:4px}
.ig-system__body strong{font-family:'Archivo',system-ui,sans-serif;font-size:18px;font-weight:600}
.ig-system__body>span:last-child{font-size:15px;line-height:1.45;color:#5B6874}
.ig-servicelinks{gap:20px 32px}
.ig-servicelink{display:flex;flex-direction:column;gap:8px;border-top:3px solid #14212B;padding:16px 0;color:inherit}
.ig-servicelink:hover{border-top-color:rgba(246,195,36,.55);color:inherit}
.ig-servicelink>span:first-child{font-family:'Archivo',system-ui,sans-serif;font-weight:600;font-size:18px}
.ig-servicelink>span:last-child{font-size:15px;line-height:1.5;color:#5B6874}

/* ---- Hub (golvtyper) ---- */
.ig-section--top48{padding-top:48px}.ig-mt24{margin-top:24px}.ig-mt30{margin-top:30px}.ig-mt48{height:48px}.ig-ctas{display:flex;flex-wrap:wrap;gap:14px}.ig-inline{display:inline-block}
.ig-h2--hub{font-size:clamp(26px,2.6vw,36px);line-height:1.12}
.ig-btn--ghost-lg{font-size:17px;font-weight:600;padding:16px 28px;color:#14212B}
.ig-family--hub:hover{border-top-color:rgba(246,195,36,.55)}
.ig-family__body--26{padding:26px;gap:10px}.ig-family__title--26{font-size:26px}
.ig-syscard{display:flex;flex-direction:column;gap:10px;padding:24px}
.ig-syscard strong{font-family:'Archivo',system-ui,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.01em}
.ig-syscard__text{font-size:16px;line-height:1.55;color:#5B6874;flex:1}
.ig-syscard:hover{transform:none}
.ig-servicelist{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:8px}
.ig-servicelist__row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border-bottom:1px solid #DBD8D1;border-top:3px solid transparent;padding:22px 0;color:inherit}
.ig-servicelist__row:hover{border-top-color:rgba(246,195,36,.55);color:inherit}
.ig-servicelist__row>span:first-child{display:flex;flex-direction:column;gap:5px}
.ig-servicelist__row strong{font-family:'Archivo',system-ui,sans-serif;font-size:20px;font-weight:600}
.ig-servicelist__row>span:first-child>span{font-size:16px;line-height:1.5;color:#5B6874}
.ig-servicelist__arrow{color:#0E3358;font-size:18px}
/* ---- Pillar sections ---- */
.ig-rulecard{border-top:2px solid #14212B;padding-top:14px}
.ig-rulecard strong{font-family:'Archivo',system-ui,sans-serif;font-size:18px;font-weight:600}
.ig-rulecard p{margin:8px 0 0;font-size:16px;line-height:1.55;color:#5B6874}
.ig-fit--rule{background:none;border:0;border-top:2px solid #14212B;padding:14px 0 0}
.ig-fit--plain{border-top:1px solid #DBD8D1}
.ig-plaincard{background:#fff;border:1px solid #DBD8D1;padding:22px;display:flex;flex-direction:column;gap:10px}
.ig-plaincard strong{font-family:'Archivo',system-ui,sans-serif;font-size:18px;font-weight:600}
.ig-plaincard span{font-size:16px;line-height:1.55;color:#5B6874}
.ig-gap56{gap:56px}
.ig-checklist{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.ig-checklist li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:17px;line-height:1.55;color:#5B6874;border-bottom:1px solid #E4E1DA;padding-bottom:14px}
.ig-checklist li>span:first-child{color:#0E3358;font-weight:600}.ig-checklist strong{color:#14212B}
.ig-ol{margin:24px 0 0;padding:0 0 0 22px;font-size:17px;line-height:1.7;color:#5B6874;display:flex;flex-direction:column;gap:10px}
.ig-eyebrow--muted{color:#5B6874}
.ig-stat{border-top:2px solid #14212B;padding-top:12px}
.ig-stat strong{display:block;font-family:'Archivo',system-ui,sans-serif;font-size:24px;font-weight:700}.ig-stat span{font-size:15px;color:#5B6874}
.ig-caseband{margin-top:80px}
.ig-caseband__img{width:100%;height:auto;min-height:380px;object-fit:cover}
.ig-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ig-steps__item{border-top:2px solid #F6C324;padding-top:16px;display:flex;flex-direction:column;gap:8px}
.ig-steps__num{font-family:'Archivo',system-ui,sans-serif;font-size:13px;letter-spacing:.14em;color:#8B949C}
.ig-steps__item strong{font-family:'Archivo',system-ui,sans-serif;font-size:19px;font-weight:600}
.ig-steps__item>span:last-child{font-size:16px;line-height:1.55;color:#5B6874}
.ig-steps__after a{color:#0E3358;font-weight:600}
.ig-areas{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.ig-areas span{border-bottom:1px solid #DBD8D1;padding:12px 0;font-size:17px;color:#14212B}
.ig-linkcard{background:#fff;border:1px solid #DBD8D1;padding:28px}
.ig-linkcard__title{font-size:20px;font-weight:600}
.ig-linkcard__list{display:flex;flex-direction:column;margin-top:14px}
.ig-linkcard__list a{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #E4E1DA;padding:15px 0;font-family:'Archivo',system-ui,sans-serif;font-weight:600;font-size:17px}
.ig-linkcard__list a:hover{color:#0E3358}.ig-linkcard__list a span{color:#0E3358}
/* ---- Ort hero (background photo) ---- */
.ig-hero-bg{position:relative;background:#14212B;overflow:hidden}
.ig-hero-bg__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}
.ig-hero-bg__in{position:relative;max-width:1340px;margin:0 auto;padding:64px 32px 76px}
.ig-crumbs--bg{color:rgba(255,255,255,.6)}.ig-crumbs--bg a{color:rgba(255,255,255,.6)}
.ig-hero-bg__h1{font-size:clamp(34px,4.6vw,62px);color:#fff;max-width:20ch}
.ig-hero-bg__lead{font-size:20px;line-height:1.6;color:rgba(255,255,255,.85);margin:24px 0 0;max-width:56ch}
@media (max-width:1080px){.ig-steps{grid-template-columns:1fr 1fr}.ig-hero-bg__in{padding-left:24px;padding-right:24px}}
@media (max-width:760px){.ig-steps{grid-template-columns:1fr}.ig-servicelist{grid-template-columns:1fr}.ig-areas{grid-template-columns:1fr}.ig-hero-bg__in{padding:44px 20px}.ig-caseband__img{min-height:0}}
.ig-search{display:flex;gap:12px;align-items:end;max-width:560px}.ig-search .ig-field{flex:1}
.ig-numlist--lg .ig-numlist__row{padding:24px 0}.ig-numlist--lg .ig-numlist__title{font-size:22px}

/* --- pillars.css --- */
/* Pillars: massagolv v2, system pages (epoxi/PU/MMA), leverantörer hub + brand pages. Values verbatim from the prototype's inline styles.
   Bundled with pages.css for those four templates only (inc/assets.php). Breakpoints 1080 / 760. */

/* ---- Massagolv: chooser ---- */
.ig-chooser-sec{scroll-margin-top:80px}
.ig-chooser{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;margin-top:40px;align-items:start}
.ig-chooser__tabs{display:flex;flex-direction:column;gap:8px}
.ig-chooser__tab{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:14px;min-height:64px;width:100%;padding:14px 18px;background:#fff;color:#14212B;border:1px solid #DBD8D1;border-left:4px solid transparent;cursor:pointer;text-align:left;font-family:'Archivo',system-ui,sans-serif;font-weight:600;font-size:17px;line-height:1.3}
.ig-chooser__tab.is-on{background:#14212B;color:#fff;border-color:#14212B;border-left-color:#F6C324}
.ig-chooser__tab:not(.is-on):hover{background:#EDEBE6;color:#14212B}
.ig-chooser__num{font-family:'Archivo',system-ui,sans-serif;font-size:13px;letter-spacing:.12em;color:#8B949C}
.ig-chooser__arrow{font-size:18px;color:#8B949C}
.ig-chooser__tab.is-on .ig-chooser__num,.ig-chooser__tab.is-on .ig-chooser__arrow{color:#F6C324}
.ig-chooser__panel{background:#fff;border:1px solid #DBD8D1;border-top:4px solid #14212B;padding:36px 40px;position:sticky;top:96px}
.ig-chooser__panel[hidden]{display:none}
.ig-chooser__family{font-size:clamp(24px,2.4vw,32px);line-height:1.14;font-weight:700;letter-spacing:-.015em;margin-top:10px}
.ig-chooser__spec{font-size:17px;line-height:1.6;color:#5B6874;margin:8px 0 0}
.ig-chooser__why{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;padding-top:24px;border-top:1px solid #E4E1DA}
.ig-chooser__why strong{display:block;font-family:'Archivo',system-ui,sans-serif;font-size:15px;font-weight:600;color:#14212B}
.ig-chooser__why p{margin:8px 0 0;font-size:16px;line-height:1.6;color:#5B6874}
.ig-chooser__ctas{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:28px}
.ig-btn--cta.ig-btn--cta50{min-height:50px;padding:12px 24px;font-size:16px}
.ig-chooser__note{margin:22px 0 0;font-size:15px;line-height:1.55;color:#8B949C;max-width:80ch}

/* ---- Massagolv: four families ---- */
.ig-fam{margin-top:36px;border-top:2px solid #14212B}
.ig-fam__head{display:grid;grid-template-columns:1fr 1.2fr 1.2fr .9fr 150px;gap:24px;padding:14px 0 12px;border-bottom:1px solid #DBD8D1;font-family:'Archivo',system-ui,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#5B6874}
.ig-fam__row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr .9fr 150px;gap:24px;padding:24px 0;border-bottom:1px solid #DBD8D1;align-items:start;color:inherit}
.ig-fam__row:hover{background:#FBFAF8;color:inherit}
.ig-fam__name{font-family:'Archivo',system-ui,sans-serif;font-size:21px;font-weight:600;line-height:1.2}
.ig-fam__text{font-size:16px;line-height:1.55;color:#5B6874}
.ig-fam__time{font-size:16px;line-height:1.55;color:#14212B}
.ig-fam__cta{font-family:'Archivo',system-ui,sans-serif;font-weight:600;font-size:16px;color:#0E3358;border-bottom:2px solid #F6C324;padding-bottom:2px;justify-self:start}

/* ---- Massagolv: four photo steps ---- */
.ig-msteps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid #14212B}
.ig-msteps li{display:flex;flex-direction:column;gap:16px;padding:26px 24px 8px 0}
.ig-msteps li+li{border-left:1px solid #DBD8D1;padding-left:24px}
.ig-msteps__num{font-family:'Archivo',system-ui,sans-serif;font-size:13px;letter-spacing:.14em;color:#8B949C}
.ig-msteps__img,.ig-msteps .ig-ph{width:100%;height:190px;object-fit:cover;display:block;min-height:0}
.ig-msteps h3{font-size:20px;line-height:1.25;font-weight:600}
.ig-msteps p{margin:0;font-size:16px;line-height:1.6;color:#5B6874}

/* ---- Massagolv: industry groups ---- */
.ig-indgroups{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:36px;padding-top:28px;border-top:2px solid #14212B}
.ig-indgroups__group{display:flex;flex-direction:column;gap:6px}
.ig-indgroups__title{margin-bottom:8px}
.ig-indgroups__link{display:flex;flex-direction:column;gap:3px;min-height:56px;justify-content:center;padding:10px 12px;margin:0 -12px;border-left:2px solid transparent;color:inherit}
.ig-indgroups__link:hover{background:#F2F0EB;border-left-color:rgba(246,195,36,.55);color:inherit}
.ig-indgroups__link strong{font-family:'Archivo',system-ui,sans-serif;font-size:18px;font-weight:600}
.ig-indgroups__link span{font-size:15px;line-height:1.5;color:#5B6874}

/* ---- Massagolv: editorial case ---- */
.ig-kase__photos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}
.ig-kase__fig{margin:0;display:flex;flex-direction:column;gap:10px}
.ig-kase__fig img,.ig-kase__fig .ig-ph{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;display:block;background:#E7E4DE;min-height:0}
.ig-kase__fig figcaption{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.5;color:#5B6874}
.ig-kase__fig figcaption strong{font-family:'Archivo',system-ui,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#14212B}
.ig-kase__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;margin-top:40px;align-items:start}
.ig-kase__facts{margin:0;display:grid;grid-template-columns:auto 1fr;gap:12px 20px;font-size:16px;line-height:1.5;border-top:2px solid #14212B;padding-top:18px}
.ig-kase__facts dt{font-family:'Archivo',system-ui,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#8B949C;padding-top:3px}
.ig-kase__facts dd{margin:0;color:#14212B}
.ig-kase__blocks{display:flex;flex-direction:column;gap:22px}
.ig-kase__block{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:start}
.ig-kase__block strong{font-family:'Archivo',system-ui,sans-serif;font-size:15px;font-weight:600;line-height:1.4;color:#14212B}
.ig-kase__block p{margin:0;font-size:17px;line-height:1.6;color:#5B6874}
.ig-missing{color:#A8322D!important}
.ig-kase__links{display:flex;gap:24px;flex-wrap:wrap}

/* ---- System pages ---- */
.ig-two--56{gap:56px}
.ig-sysfit{display:flex;flex-direction:column;margin-top:24px;border-top:2px solid #14212B}
.ig-sysfit--not{border-top-color:#C6CBD1}
.ig-sysfit__row{padding:18px 0;border-bottom:1px solid #DBD8D1}
.ig-sysfit__row strong{font-family:'Archivo',system-ui,sans-serif;font-size:18px;font-weight:600}
.ig-sysfit--not .ig-sysfit__row strong{color:#40505E}
.ig-sysfit__row p{margin:6px 0 0;font-size:16px;line-height:1.55;color:#5B6874}
.ig-types{display:flex;flex-direction:column;border-top:2px solid #14212B}
.ig-types__row{display:grid;grid-template-columns:52px 1fr;gap:22px;border-bottom:1px solid #DBD8D1;padding:24px 0}
.ig-types__num{font-family:'Archivo',system-ui,sans-serif;font-size:13px;letter-spacing:.14em;color:#8B949C;padding-top:5px}
.ig-types h3{font-size:22px;font-weight:600;letter-spacing:-.01em}
.ig-types__row p{font-size:17px;line-height:1.6;color:#5B6874;margin:8px 0 0;max-width:62ch}
.ig-types__ex{display:flex;flex-wrap:wrap;gap:6px 8px;margin-top:12px;align-items:center}
.ig-types__exlabel{font-family:'Archivo',system-ui,sans-serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8B949C;margin-right:4px}
.ig-chip{display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border:1px solid #C6CBD1;font-size:14px;color:#0E3358;background:#fff}
.ig-chip:hover{border-color:#0E3358;background:#F2F0EB;color:#0E3358}
.ig-chip--44{min-height:44px;padding:8px 13px;/* design: 14px; 13px keeps the three family chips on one 350px row with the theme's font subset */font-family:'Archivo',system-ui,sans-serif;font-weight:600;font-size:15px;background:none}
.ig-chip--44:hover{background:#EDEBE6;border-color:#C6CBD1}
.ig-prep__text{font-size:19px;line-height:1.6;color:#14212B;margin:0;max-width:62ch}
.ig-systime{background:#EAF0F5;border-top:1px solid #DBD8D1;border-bottom:1px solid #DBD8D1;margin-top:96px}
.ig-systime__in{max-width:1340px;margin:0 auto;padding:80px 32px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ig-systime__steps{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.ig-systime__steps li{display:grid;grid-template-columns:40px 1fr;gap:14px;font-size:17px;line-height:1.6;color:#5B6874}
.ig-systime__steps li>span:first-child{font-family:'Archivo',system-ui,sans-serif;font-size:13px;letter-spacing:.14em;color:#8B949C;padding-top:4px}
.ig-systime__note{font-size:17px;line-height:1.65;color:#14212B;margin:20px 0 0}
.ig-systime__gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ig-systime__main,.ig-systime__gallery .ig-ph:first-child{width:100%;height:280px;object-fit:cover;grid-column:span 2;min-height:0}
.ig-systime__sub{width:100%;height:220px;object-fit:cover}

/* ---- Leverantörer hub ---- */
.ig-matrix{margin-top:32px;border-top:2px solid #14212B}
.ig-matrix__row{display:grid;grid-template-columns:.8fr 1.2fr auto;gap:24px;padding:20px 0;border-bottom:1px solid #DBD8D1;align-items:center;color:inherit}
.ig-matrix__row:hover{background:#FBFAF8;color:inherit}
.ig-matrix__label{font-family:'Archivo',system-ui,sans-serif;font-size:19px;font-weight:600;line-height:1.2}
.ig-matrix__names{font-size:16px;line-height:1.6;color:#5B6874}
.ig-matrix__more{font-family:'Archivo',system-ui,sans-serif;font-weight:600;font-size:15px;color:#0E3358}
.ig-hubsteps{list-style:none;margin:36px 0 0;padding:28px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:2px solid #14212B}
.ig-hubsteps li{display:flex;flex-direction:column;gap:10px}
.ig-hubsteps__num{font-family:'Archivo',system-ui,sans-serif;font-weight:700;font-size:40px;line-height:1;letter-spacing:-.03em;color:#DBD8D1}
.ig-hubsteps h3{font-size:20px;line-height:1.25;font-weight:600}
.ig-hubsteps p{margin:0;font-size:16px;line-height:1.6;color:#5B6874}
.ig-acc__intro a{color:#0E3358;border-bottom:1px solid #F6C324}

/* ---- Brand pages ---- */
.ig-levwhy{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.ig-levwhy__head{display:block;font-family:'Archivo',system-ui,sans-serif;font-size:15px;font-weight:600;color:#14212B;padding-bottom:10px;border-bottom:2px solid #14212B}
.ig-levwhy__head--not{color:#40505E;border-bottom-color:#C6CBD1}
.ig-levwhy__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.ig-levwhy__list li{padding:12px 0;border-bottom:1px solid #DBD8D1;font-size:16px;line-height:1.55;color:#5B6874;display:grid;grid-template-columns:18px 1fr;gap:10px}
.ig-levwhy__yes{color:#0E3358;font-weight:600}.ig-levwhy__no{color:#8B949C}
.ig-levsys__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.ig-levsys{display:flex;flex-direction:column;border-top:2px solid #14212B}
.ig-levsys__row{display:grid;grid-template-columns:150px 1fr;gap:22px;border-bottom:1px solid #DBD8D1;padding:22px 0;align-items:start}
.ig-levsys__fam{font-family:'Archivo',system-ui,sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#0E3358;padding-top:5px}
.ig-levsys h3{font-size:21px;font-weight:600;letter-spacing:-.01em}
.ig-levsys h3 span{font-weight:400;color:#8B949C;font-size:16px}
.ig-levsys__row p{font-size:16px;line-height:1.6;color:#5B6874;margin:6px 0 0;max-width:62ch}
.ig-others{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.ig-others__card{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid #DBD8D1;border-top:3px solid #DBD8D1;padding:20px;color:inherit}
.ig-others__card:hover{border-top-color:rgba(246,195,36,.55);color:inherit}
.ig-others__logo{height:40px;width:auto;max-width:150px;object-fit:contain;object-position:left;display:block}
.ig-others__card strong{font-family:'Archivo',system-ui,sans-serif;font-size:17px;font-weight:600}
.ig-others__card span{font-size:14px;line-height:1.5;color:#5B6874}

@media (max-width:1080px){
  .ig-fam__row,.ig-matrix__row{grid-template-columns:1fr 1fr}.ig-fam__head{display:none}
  .ig-msteps{grid-template-columns:1fr 1fr}.ig-msteps li+li{border-left:0}
  .ig-indgroups,.ig-kase__photos,.ig-hubsteps{grid-template-columns:1fr 1fr}
  .ig-systime__in{grid-template-columns:1fr;gap:40px;padding-left:24px;padding-right:24px}
  .ig-others{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .ig-chooser__why,.ig-kase__grid,.ig-kase__photos,.ig-indgroups,.ig-hubsteps,.ig-others,.ig-levwhy,.ig-msteps{grid-template-columns:1fr}
  /* Dragspel: panelen hamnar direkt under vald rad (prototypen: display:contents + order på ≤760). */
  .ig-chooser{display:flex;flex-direction:column;gap:8px}
  .ig-chooser__tabs,.ig-chooser__panels{display:contents}
  .ig-chooser__panel{position:static;padding:24px 22px;margin-top:-8px;border-top:0;border-left:4px solid #F6C324}
  .ig-chooser__tab:nth-child(1){order:0}.ig-chooser__panel:nth-child(1){order:1}
  .ig-chooser__tab:nth-child(2){order:2}.ig-chooser__panel:nth-child(2){order:3}
  .ig-chooser__tab:nth-child(3){order:4}.ig-chooser__panel:nth-child(3){order:5}
  .ig-chooser__tab:nth-child(4){order:6}.ig-chooser__panel:nth-child(4){order:7}
  .ig-chooser__tab:nth-child(5){order:8}.ig-chooser__panel:nth-child(5){order:9}
  .ig-chooser__tab:nth-child(6){order:10}.ig-chooser__panel:nth-child(6){order:11}
  .ig-fam__row,.ig-matrix__row{grid-template-columns:1fr;gap:10px;padding:20px 0}
  .ig-msteps li+li{padding-left:0}.ig-msteps__img{height:200px}
  .ig-systime__in{padding:56px 20px}
}

