/* WordPress-utgave av site/b2b-page.css — GENERERT av bygg-wp.mjs (rediger kilden i B2B-bedriftsunivers/site/). */
/* Page-family layouts reuse keyrings.css and the shared Walseng tokens. */
.b2b-page .product-hero{grid-template-columns:1.1fr 1fr;gap:70px;padding-top:48px}
.b2b-page .hero-description{max-width:560px}
.service-stage{align-self:center;min-width:0;position:relative}
.service-stage .stage-top{padding:0}
.stage-image{width:100%;height:360px;object-fit:contain;margin:24px auto}
.service-stage figcaption{color:var(--muted);text-align:center;max-width:440px;margin:18px auto 0}
.symbol-stage{height:340px;display:grid;place-items:center;position:relative}
.symbol-orbit{position:absolute;top:50%;left:50%;width:min(74%,250px);aspect-ratio:1;border:1px dotted #c9b99e;border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg)}
.symbol-orbit:before,.symbol-orbit:after{content:"";position:absolute;background:var(--paper);border:1px solid #c9b99e;border-radius:50%;width:14px;height:14px}
.symbol-orbit:before{top:10%;left:18%}.symbol-orbit:after{bottom:12%;right:12%;width:9px;height:9px}
.symbol-core{display:grid;place-items:center;width:150px;height:150px;border:1px solid #c9b99e;border-radius:50%;background:var(--surface);box-shadow:0 0 0 14px #f4ede2,0 12px 40px #56432b0a}
.symbol-core img{width:65px;height:65px;opacity:.7}
.facts-band{padding-block:30px 45px}
.facts-band dl{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:0}
.facts-band dl>div{border-bottom:1px solid var(--line);padding:10px 0 24px}
.facts-band dt{color:var(--muted);margin-bottom:10px}
.facts-band dd{margin:0}
.editorial-sections{padding-bottom:72px}
.editorial-section{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;padding-block:44px;border-bottom:1px solid var(--line);scroll-margin-top:85px}
.editorial-title h2{margin-top:18px}
.editorial-body{padding-top:24px}.editorial-body>p{color:var(--muted)}
.editorial-items{list-style:none;padding:0;margin:30px 0 0}
.editorial-items li{padding-top:22px;margin-top:22px;border-top:1px solid var(--line)}
.editorial-items h3{margin-bottom:10px}
.editorial-items p{color:var(--muted)}
.work-example{margin:30px 0 0;background:var(--surface);padding:24px}
.work-example img{width:100%;height:300px;object-fit:contain}
.work-example figcaption{color:var(--muted);margin-top:18px}
.brief-section{padding-block:70px;background:var(--surface-muted)}
.brief-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:72px}
.brief-layout h2{margin-top:18px}
.brief-steps{list-style:none;margin:0;padding:0}
.brief-steps li{display:flex;gap:24px;border-top:1px solid #cbbcaa;padding-top:23px;margin-top:26px}
.brief-steps li:first-child{margin-top:0}
.brief-steps li>span{color:var(--action)}
.brief-steps h3{margin-bottom:10px}.brief-steps p{color:var(--muted)}
.b2b-page .faq-section{border-top:0;padding-top:75px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.related-card{display:grid;grid-template-columns:1fr auto;align-content:start;gap:14px;padding:24px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .2s}
.related-card>span:nth-child(2){color:var(--action)}
.related-card p{grid-column:1/-1;color:var(--muted)}
.related-card:hover{transform:translateY(-2px);border-color:var(--action)}
.b2b-page .return-section{padding-top:15px}
#b2b-inquiry>.button{margin:22px 0 12px}
@media(max-width:1000px){
  .b2b-page .product-hero{gap:32px;grid-template-columns:1.1fr 1fr}
  .stage-image{height:290px}.symbol-stage{height:290px}
  .editorial-section,.brief-layout{gap:35px}.related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .b2b-page .product-hero{grid-template-columns:1fr;gap:30px;padding-top:28px}
  .service-stage{width:100%;max-width:440px;justify-self:center}
  .stage-image{height:270px;margin:20px auto}
  .symbol-stage{height:270px}.symbol-orbit{width:min(74%,210px)}.symbol-core{width:125px;height:125px}.symbol-core img{width:55px;height:55px}
  .facts-band{padding:18px 0 10px}.facts-band dl{grid-template-columns:1fr;gap:0}
  .facts-band dl>div{display:grid;grid-template-columns:95px 1fr;gap:16px;padding:16px 0}
  .facts-band dt{margin:0}
  .editorial-sections{padding-bottom:40px}
  .editorial-section{grid-template-columns:1fr;gap:12px;padding:32px 0}
  .editorial-title h2{margin-top:12px}.editorial-body{padding-top:0}
  .editorial-items{margin-top:20px}
  .brief-section{padding-block:48px}.brief-layout{grid-template-columns:1fr;gap:30px}.brief-steps li{gap:20px}
  .b2b-page .faq-section{padding-top:50px}
  .related-grid{grid-template-columns:1fr;gap:14px}.related-card{padding:20px}.b2b-page .section-nav a{padding:10px 0;white-space:normal}
  .b2b-page .section-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;overflow:visible}
  .b2b-page .section-nav{position:relative}
  .b2b-page .hero-copy{min-width:0}
  .b2b-page .return-link{max-width:150px}.b2b-page .return-link img{flex-shrink:0}
}
/* Completion pass: status, area overviews, product sheets, guides, local drafts. */
.status-chip{display:inline-flex;align-items:center;justify-self:start;gap:7px;max-width:100%;padding:4px 11px;border-radius:999px;font-size:.9375rem;font-weight:600;line-height:1.35;letter-spacing:.01em;background:var(--surface-muted);color:var(--ink);white-space:normal;overflow-wrap:anywhere}
.status-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.status-chip[data-status="eksempel"],.status-chip[data-status="arbeid"]{background:#e4eadf;color:#304d37}
.status-chip[data-status="ide"],.status-chip[data-status="serie"],.status-chip[data-status="illustrasjon"],.status-chip[data-status="oppdrag"]{background:#f0e3ce;color:#654715}
.page-status,.spec-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0 0;color:var(--muted);max-width:560px}
.spec-status{margin:0 0 20px}
.area-products,.spec-section{padding-block:60px 30px;scroll-margin-top:85px}
.area-products .section-heading>p:not(.eyebrow),.spec-section .section-heading>p:not(.eyebrow){color:var(--muted);max-width:640px;margin-top:16px}
.area-group{margin-top:38px}.area-group>h3{margin-bottom:18px;scroll-margin-top:85px}
.area-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.area-grid>li{display:flex;min-width:0}
.area-card{display:grid;grid-template-columns:1fr auto;align-content:start;gap:12px 14px;width:100%;padding:22px;background:var(--surface);border:1px solid var(--line);transition:border-color .2s,transform .2s}
.area-card:hover{transform:translateY(-2px);border-color:var(--action)}
.area-card-title{font-weight:600;min-width:0}
.area-card-arrow{grid-column:2;grid-row:1;color:var(--action)}
.area-card .status-chip{grid-column:1/-1;grid-row:2}
.area-card-text{grid-column:1/-1;color:var(--muted)}
.spec-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;margin-top:34px}
.spec-sheet,.spec-clarify{min-width:0}
.spec-sheet{background:var(--surface);border:1px solid var(--line);padding:28px}
.spec-sheet h3,.spec-clarify h3{margin-bottom:16px}
.spec-sheet dl{margin:0}
.spec-sheet dl>div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px 0;border-top:1px solid var(--line)}
.spec-sheet dt{color:var(--muted)}.spec-sheet dd{margin:0}
.check-list,.limit-list{list-style:none;margin:0;padding:0}
.check-list li,.limit-list li{position:relative;padding:10px 0 10px 26px;border-top:1px solid var(--line)}
.check-list li:first-child,.limit-list li:first-child{border-top:0}
.check-list li:before{content:"";position:absolute;left:2px;top:19px;width:10px;height:6px;border-left:1.5px solid #304d37;border-bottom:1.5px solid #304d37;transform:rotate(-45deg)}
.limit-list li:before{content:"";position:absolute;left:2px;top:21px;width:11px;border-top:1.5px solid #654715}
.spec-clarify .small-note{margin-top:18px;color:var(--muted)}
.guide-steps{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}
.guide-steps li{display:flex;gap:22px;border-top:1px solid var(--line);padding:22px 0}
.guide-steps li>span{color:var(--action);flex:0 0 auto;white-space:nowrap}
.guide-steps li>div{min-width:0}
.guide-steps h3{margin-bottom:8px}.guide-steps p{color:var(--muted)}
.related-card .status-chip{grid-column:1/-1}
.related-more,.inquiry-more{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:26px}
.inquiry-more{margin-top:18px}
.form-errors{border:1px solid #9b3b24;border-left-width:4px;background:var(--surface);padding:16px 18px;margin:0 0 22px}
.form-errors>p{font-weight:600;margin:0 0 8px}
.form-errors ul{margin:0;padding-left:20px}
.form-errors a{color:#8a3320;text-decoration:underline;text-underline-offset:4px}
.field-help{color:var(--muted);font-size:.9375rem;margin-top:8px}
.field-help:empty{display:none}
.choice-group{border:0;margin:0 0 20px;padding:0;min-width:0}
.choice-group legend{padding:0;margin-bottom:10px;font-weight:600}
.choice-group legend span{font-weight:400;color:var(--muted);margin-left:6px}
.choice-group .choice{font-weight:400;display:flex;align-items:flex-start;gap:10px;padding:7px 0;min-height:44px;cursor:pointer}
#draft-meta{color:var(--muted);margin:0 0 14px}
.directory-groups li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 16px}
.directory-groups li .status-chip{padding:3px 10px}
.directory-note{color:var(--muted);max-width:640px}
.directory-groups>*{min-width:0}.directory-groups h2,.directory-groups a{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:1000px){
  .area-grid{grid-template-columns:repeat(2,1fr)}
  .spec-layout{grid-template-columns:1fr;gap:30px}
  .guide-steps{grid-template-columns:1fr}
}
@media(max-width:700px){
  .area-products,.spec-section{padding-block:40px 16px}
  .area-grid{grid-template-columns:1fr;gap:12px}.area-card{padding:18px}
  .spec-sheet{padding:20px}
  .spec-sheet dl>div{grid-template-columns:1fr;gap:4px}
  .related-more,.inquiry-more{flex-direction:column;align-items:flex-start}
  .directory-groups li{grid-template-columns:minmax(0,1fr);padding-bottom:12px}.directory-groups li a{padding-bottom:6px}
}
@media(prefers-reduced-motion:reduce){.area-card,.area-card:hover{transition:none;transform:none}}