/* WordPress-utgave av site/readability.css — GENERERT av bygg-wp.mjs (rediger kilden i B2B-bedriftsunivers/site/). */
/* "Anbefalt", 26 October 2026.
   Existing tokens live in shared.css. This file owns mapped UI font roles.
   Logo, keyring SVG and engraving samples are deliberately excluded. */
body{font:400 var(--text-base)/1.6 var(--font-body);font-synthesis:none;overflow-wrap:anywhere}
button,input,select,textarea{font-family:var(--font-body);font-size:var(--text-ui);line-height:1.5;letter-spacing:normal}
button{font-weight:600;white-space:normal}
h1,h2{font-family:var(--font-display);font-weight:600;color:var(--ink);letter-spacing:normal;overflow-wrap:break-word}
h1{font-size:var(--text-hero);line-height:1.1}
h2{font-size:var(--text-title);line-height:1.15}
h1 em,h2 em{font-weight:600;color:var(--action)}
h3{font:600 var(--text-functional)/1.25 var(--font-body);color:var(--ink);letter-spacing:normal}
.eyebrow,.stage-top,.scene-index,.preview-index,.panel-top>span,.picture-number,
.detail-navigation>span,.result-top>span{font:600 var(--text-sm)/1.4 var(--font-body);letter-spacing:.06em;color:var(--muted)}
.header-caption,.header-note,.interaction-hint,.universe-note,.demo-note,.result-note,
.preview-note,.preview-description,.scene-index,.demo-result .result-top>span,
.detail-possibilities,.detail-picture>#picture-note,.selected-products>p,footer,
.small-note,.breadcrumbs,.product-stage figcaption,.service-stage figcaption,
.material-number,.use-index,.work-example figcaption,.related-card p,.directory-note,
.product-footer p,#copy-status,.b2b-page #copy-status,.no-script,
.inquiry-layout .inquiry-disclaimer{
  font:400 var(--text-sm)/1.5 var(--font-body);color:var(--muted);letter-spacing:normal
}
.hero-description,.hero-lead,.detail-copy>p:not(.eyebrow),#catalog-description,
.section-heading>p:not(.eyebrow),.editorial-body>p,.editorial-items p,
.brief-steps p,.material-card>p,.personal-intro>p,.personal-grid p,
.uses-list p,.process-list p,.faq-list details>p,
.inquiry-layout>div>p:not(.eyebrow):not(.inquiry-disclaimer),.directory-heading>p:not(.eyebrow){
  font:400 var(--text-base)/1.6 var(--font-body);color:var(--muted);max-width:65ch
}
.hero-lead{color:var(--ink)}
.catalog-button,.universe-trail,.universe-trail button,#back-universe,
.satellite-label,.universe-controls button,.examples button,.category-list button,
.catalog-scroll-hint,.product-page-link,.primary-button,.text-button,
.detail-navigation button,.result-links button,.area-page-link,
.return-link,.button,.text-link,.section-nav a,.material-switch button,
label,.form-row label,.draft-result label,.faq-list summary,.directory-groups a,
.product-index-link,.overview-link{
  font:600 var(--text-ui)/1.4 var(--font-body);letter-spacing:normal
}
.satellite-label{color:var(--ink);background:var(--paper);max-width:100%;overflow-wrap:normal}
.planet-plus{font:400 14px/18px var(--font-body)}
.selected-products li{font:600 var(--text-ui)/1.4 var(--font-body)}
.preview-title,.detail-copy h2,.related-card>span:first-child{
  font:600 var(--text-card)/1.3 var(--font-body);letter-spacing:normal;color:var(--ink)
}
.detail-copy h2{font-size:var(--text-functional);line-height:1.25}
.preview-invitation{font:600 var(--text-ui)/1.4 var(--font-body)}
.directory-groups h2{font:600 var(--text-functional)/1.25 var(--font-body)}
.material-card dl,.facts-band dd{font:400 var(--text-ui)/1.5 var(--font-body)}
.facts-band dt{font:600 var(--text-ui)/1.4 var(--font-body)}
.facts-band dl>div{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}
label span,.form-row label span{font:400 var(--text-sm)/1.5 var(--font-body);margin-left:.25em}
.process-list li>span,.brief-steps li>span{font:600 var(--text-functional)/1.25 var(--font-body);color:var(--action)}
.mobile-center{font:600 var(--text-functional)/1.25 var(--font-body);color:var(--ink)}
.mobile-center em{font-style:normal;font-weight:600;color:var(--action)}
#need-form>label{font:600 var(--text-ui)/1.4 var(--font-body)}
.product-title,#page-title.product-title{
  font:600 var(--text-functional)/1.25 var(--font-body);color:var(--ink);letter-spacing:normal
}
.product-title em{font:inherit;color:inherit}
.product-title br{display:none}
input,select,textarea{border-color:var(--control-border);font-weight:400;color:var(--ink);min-height:3rem;font-variant-numeric:tabular-nums}
.need-input-wrap{border-color:var(--control-border)}
.need-input-wrap input{min-height:3rem;height:auto;line-height:1.5}
.need-input-wrap button{width:3rem;height:3rem}
.material-switch{flex-wrap:wrap}
.material-switch button{border-color:var(--control-border);min-height:3rem}
.material-switch button[aria-pressed="true"]{border:2px solid var(--action);background:var(--surface-muted)}
.result-links button{border-color:var(--control-border)}
.button,.primary-button,.return-link,#back-universe{color:var(--surface);min-height:3rem}
.return-link{background:var(--action);border-color:var(--action)}
.button:hover:not(:disabled),.primary-button:hover,.return-link:hover,#back-universe:hover{background:var(--ink);border-color:var(--ink)}
.button:disabled{opacity:1;background:var(--surface-muted);color:var(--muted);border-color:var(--control-border)}
.text-link,.area-page-link,.product-index-link,.overview-link,.examples button,
.text-button,.no-script a,.breadcrumbs a,.preview-invitation,.section-nav a{
  color:var(--action);text-decoration:underline;text-underline-offset:.2em
}
.text-button,.text-link,.area-page-link,.overview-link{min-height:2.75rem}
:is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--action);outline-offset:4px}
.need-input-wrap:focus-within{outline:3px solid var(--action);outline-offset:4px}
.satellite:focus-visible{outline:0}
.satellite:focus-visible .planet{outline:3px solid var(--action);outline-offset:4px}
.site-header{height:auto;min-height:88px}
.site-header .catalog-button{max-width:100%;text-align:left}
.universe-trail{flex-wrap:wrap}
#universe-current{overflow:visible;white-space:normal;text-overflow:clip}
.scene-copy{width:min(530px,64%);top:47%}
.product-universe .scene-copy{top:47%}
.scene-copy h1{max-width:100%}
.scene-copy .eyebrow{margin-bottom:1rem}
.hero-description{margin-top:1rem}
.scene-preview{width:490px;grid-template-columns:135px 1fr;gap:18px}
.preview-photo{height:165px}
.preview-title{margin-top:0}
.preview-description{margin-top:8px}
.preview-invitation{margin-top:10px}
.preview-index{margin-bottom:8px}
.satellite{width:160px;min-height:126px}
.detail-copy{min-width:0}
.detail-picture{flex-direction:column;gap:1rem;justify-content:center;padding:3.5rem 1.5rem 1.5rem}
.detail-picture>#picture-note{position:static}
.detail-picture>img{flex-shrink:0}
.detail-navigation{flex-wrap:wrap}
.section-nav .wrap{flex-wrap:wrap;gap:0 24px}
.section-nav a{white-space:normal;min-height:2.75rem}
.product-header{flex-wrap:wrap}
.product-header .return-link{max-width:100%;min-width:0}
.product-hero>*,.editorial-section>*,.brief-layout>*,.inquiry-layout>*,.uses-section>*{min-width:0}
.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.related-card{min-width:0;grid-template-columns:minmax(0,1fr) auto}
.related-card>*{min-width:0}
.related-card>span:first-child{overflow-wrap:anywhere}
.personal-grid article{min-width:0}
.facts-band dd,.facts-band dt{overflow-wrap:anywhere}
.section-heading,.editorial-title,.brief-layout h2{max-width:65ch}
.type-sample{color:#6f5a33} /* Engraving specimens: preserve original artwork colour. */
.sample-logo,.sample-number{line-height:1.65}
.process-list li>span{min-width:max-content}
footer{flex-wrap:wrap;row-gap:12px}
footer>span:first-child{letter-spacing:.06em;font-size:var(--text-sm)}
.overview-link{display:inline-flex;align-items:center;gap:10px}
.all-solutions-page .overview-header{margin:45px 0 40px;max-width:65ch}
.overview-header h1{margin:18px 0 24px}
.overview-header p{color:var(--muted)}
.directory-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px;padding-bottom:40px}
.directory-groups h2{margin-bottom:20px}
.directory-groups ul{list-style:none;margin:0;padding:0}
.directory-groups li{border-bottom:1px solid var(--line)}
.directory-groups a{display:flex;justify-content:space-between;gap:20px;padding:14px 0;color:var(--action);min-height:3rem}
.directory-groups a:hover{text-decoration:underline}
.directory-groups a span{flex-shrink:0}
.all-solutions-page .directory-note{padding-bottom:40px}
/* Enlarged user text gets an in-flow alternative using the very same buttons.
   This is not a separate catalogue or a theme, and no products disappear. */
.universe[data-layout="list"]{height:auto;max-height:none;min-height:0;padding:0 var(--gutter)}
.universe[data-layout="list"] .universe-nav{position:relative;inset:auto;align-items:start;flex-wrap:wrap}
.universe[data-layout="list"] .scene-space{position:relative;inset:auto;padding:24px 0}
.universe[data-layout="list"] .scene-copy{position:relative;inset:auto;transform:none;width:100%;max-width:65ch;margin:20px auto 40px;opacity:1}
.universe[data-layout="list"] .hero-description{max-width:45ch;margin-inline:auto}
.universe[data-layout="list"] .scene-preview,.universe[data-layout="list"] .mobile-center,
.universe[data-layout="list"] #laser-layer{display:none}
.universe[data-layout="list"] .orbit-layer{position:relative;inset:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:16px}
.universe[data-layout="list"] .satellite{position:relative;inset:auto;width:100%;min-height:0;flex-direction:row;gap:20px;padding:16px;border:1px solid var(--line);background:var(--paper)}
.universe[data-layout="list"] .satellite-label{max-width:none;min-width:0;overflow-wrap:anywhere;text-align:left}
.universe[data-layout="list"] .universe-controls{position:relative;inset:auto;flex-wrap:wrap;padding-top:12px}
.universe[data-layout="list"] .interaction-hint{display:none}
@media(min-width:701px) and (max-width:1050px){
  .scene-copy{width:420px}
  .scene-preview{width:390px;grid-template-columns:100px 1fr;gap:12px}
  .preview-photo{height:135px}
  .satellite{width:138px}
}
@media(max-width:700px){
  .site-header{min-height:76px;padding-block:12px;flex-wrap:wrap;gap:4px 12px}
  .site-header .catalog-button{margin-left:auto}
  .universe-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}
  .universe-trail{max-width:100%;min-height:48px;gap:4px 8px}
  .universe-trail button{min-height:48px;flex-shrink:1;max-width:100%;text-align:left}
  #back-universe{padding:12px}
  .scene-index{display:none}
  .scene-copy,.product-universe .scene-copy{top:var(--scene-copy-top,64px);width:calc(100% - 40px)}
  .hero-description{max-width:340px}
  .satellite{width:116px;min-height:108px;gap:8px}
  .satellite-label{max-width:108px;padding:0 2px}
  .planet{width:48px;height:48px}
  .mobile-center{font-size:1.375rem;max-width:110px}
  .detail-navigation{gap:6px 16px}
  .detail-picture{padding:3.5rem 20px 24px;min-height:0}
  .detail-picture:has(.concept-icon){min-height:0}
  .detail-copy{padding:24px 20px}
  .section-nav{position:relative}
  .section-nav .wrap,.b2b-page .section-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;overflow:visible}
  .section-nav a{padding:12px 0}
  .product-header{gap:14px;align-items:center}
  .product-header .return-link{margin-left:auto;padding:12px;max-width:min(100%,13rem)}
  .form-row{grid-template-columns:1fr}
  .hero-actions{gap:12px}
  .related-grid,.directory-groups{grid-template-columns:1fr}
  .personal-grid article{grid-template-columns:1fr}
  .personal-grid .type-sample{grid-row:auto}
  .material-card dl>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}
  .material-switch button{padding:10px 12px}
  .all-solutions-page .overview-header{margin-top:26px}
}
@media(max-width:350px){
  .product-header .return-link{max-width:100%}
  .site-header .catalog-button{gap:6px}
  .satellite{width:108px}.satellite-label{max-width:100px}
  .mobile-center{font-size:1.25rem;max-width:88px}
}

/* B2B completion: last owner for secondary buttons, choice controls and standalone field spacing. */
.button.button-secondary{background:transparent;color:var(--ink);border-color:var(--control-border)}
.button.button-secondary:hover:not(:disabled){background:var(--surface-muted);color:var(--ink);border-color:var(--ink)}
.button.button-secondary:focus-visible{background:var(--surface);color:var(--ink);border-color:var(--ink)}
input:is([type="checkbox"],[type="radio"]){width:1.25rem;height:1.25rem;min-height:0;padding:0;margin:.15rem 0 0;flex:0 0 auto;accent-color:var(--action)}
.choice-group .choice{display:flex;align-items:flex-start;gap:.75rem;min-height:2.75rem;padding:.6rem 0;margin:0;font-weight:400}
#b2b-inquiry>:is(input,select,textarea):not(#purpose),#b2b-inquiry>#names-field{margin-bottom:1.5rem}