/* Hallmark: Style Atlas / herkenningskompas
 * contrast: pass
 * honest: pass
 * chrome: pass
 * tokens: pass
 * responsive: pass
 * icons: pass
 * mobile: pass
 */
.postid-7394 .sa-article { color: var(--ns-7394-sa-ink); font-family: var(--ns-7394-sa-sans); font-size: var(--ns-7394-sa-body); line-height: 1.72; background: var(--ns-7394-sa-paper-light); }
.postid-7394 .sa-article *, .postid-7394 .sa-article *::before, .postid-7394 .sa-article *::after { box-sizing: border-box; }
.postid-7394 .sa-article h2, .postid-7394 .sa-article h3, .postid-7394 .sa-article p { margin-top: 0; }
.postid-7394 .sa-article h2, .postid-7394 .sa-article h3 { color: var(--ns-7394-sa-navy); font-family: var(--ns-7394-sa-serif); line-height: 1.08; text-wrap: balance; }
.postid-7394 .sa-article a { color: var(--ns-7394-sa-navy); text-decoration-color: var(--ns-7394-sa-terracotta); text-decoration-thickness: .12em; text-underline-offset: .18em; }
.postid-7394 .sa-article a:focus-visible { outline: 3px solid var(--ns-7394-sa-ochre); outline-offset: 4px; }
.postid-7394 .entry-image.relative { display: none !important; }
.postid-7394 .sa-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); min-height: min(62rem, 78vh); background: var(--ns-7394-sa-navy); color: #fff9ec; }
.postid-7394 .sa-hero__copy { display: flex; flex-direction: column; justify-content: center; padding: var(--ns-7394-sa-space-5) clamp(1.4rem, 3vw, 3.8rem); min-width: 0; }
.postid-7394 .sa-kicker { margin-bottom: var(--ns-7394-sa-space-2); color: #f3c876; font-size: var(--ns-7394-sa-small); font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.postid-7394 .sa-hero h2 { margin-bottom: var(--ns-7394-sa-space-3); color: #fff9ec; font-size: clamp(2.8rem, 4vw, 4.7rem); letter-spacing: -.04em; overflow-wrap: anywhere; }
.postid-7394 .sa-deck { max-width: 54ch; color: #edf0f1; font-size: clamp(1.05rem, .95rem + .42vw, 1.34rem); }
.postid-7394 .sa-jump { align-self: flex-start; margin-top: var(--ns-7394-sa-space-2); padding-bottom: .25rem; color: #fff; font-weight: 750; text-decoration-color: #f3c876; }
.postid-7394 .sa-hero__plate { display: flex; flex-direction: column; justify-content: center; margin: 0; padding: clamp(1.2rem, 3vw, 3.8rem); background: #0c1f32; }
.postid-7394 .sa-hero__plate img { display: block; width: 100%; height: auto; border: 1px solid rgba(255,255,255,.18); }
.postid-7394 .sa-hero__plate figcaption { max-width: 68ch; margin-top: 1rem; color: #cbd3d8; font-size: var(--ns-7394-sa-small); }
.postid-7394 .sa-compass { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--ns-7394-sa-rule); background: var(--ns-7394-sa-paper); }
.postid-7394 .sa-compass span { padding: 1.2rem clamp(.8rem, 2vw, 2rem); border-right: 1px solid var(--ns-7394-sa-rule); color: var(--ns-7394-sa-navy); font-size: var(--ns-7394-sa-small); font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.postid-7394 .sa-compass span:last-child { border-right: 0; }
.postid-7394 .sa-compass b { margin-right: .45rem; color: var(--ns-7394-sa-terracotta); }
.postid-7394 .sa-section { width: min(100% - 2rem, 77rem); margin-inline: auto; padding-block: var(--ns-7394-sa-space-5); }
.postid-7394 .sa-intro { display: grid; grid-template-columns: 1.25fr .75fr; gap: var(--ns-7394-sa-space-4); border-bottom: 1px solid var(--ns-7394-sa-rule); }
.postid-7394 .sa-lead { color: var(--ns-7394-sa-navy); font-family: var(--ns-7394-sa-serif); font-size: clamp(1.5rem, 1.2rem + .85vw, 2.25rem); line-height: 1.38; }
.postid-7394 .sa-heading { display: grid; grid-template-columns: 8rem 1fr; align-items: start; gap: var(--ns-7394-sa-space-2); margin-bottom: var(--ns-7394-sa-space-4); }
.postid-7394 .sa-heading span { padding-top: .6rem; border-top: 3px solid var(--ns-7394-sa-terracotta); color: var(--ns-7394-sa-terracotta); font-size: var(--ns-7394-sa-small); font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.postid-7394 .sa-heading h2 { margin: 0; font-size: var(--ns-7394-sa-h2); }
.postid-7394 .sa-style-list { border-top: 1px solid var(--ns-7394-sa-rule); }
.postid-7394 .sa-style-list article { display: grid; grid-template-columns: 5rem minmax(0,1fr); gap: var(--ns-7394-sa-space-3); padding-block: var(--ns-7394-sa-space-3); border-bottom: 1px solid var(--ns-7394-sa-rule); }
.postid-7394 .sa-style-list article > b { color: var(--ns-7394-sa-terracotta); font-family: var(--ns-7394-sa-serif); font-size: 3rem; font-weight: 500; line-height: 1; }
.postid-7394 .sa-style-list h3 { margin-bottom: .6rem; font-size: var(--ns-7394-sa-h3); }
.postid-7394 .sa-style-list dl { display: flex; gap: .8rem; margin: 0; font-size: .93em; }
.postid-7394 .sa-style-list dt { color: var(--ns-7394-sa-navy); font-weight: 800; }
.postid-7394 .sa-style-list dd { margin: 0; color: var(--ns-7394-sa-muted); }
.postid-7394 .sa-field { width: 100%; padding-inline: max(1rem, calc((100% - 77rem)/2)); background: var(--ns-7394-sa-paper); }
.postid-7394 .sa-wide-figure { margin: 0 0 var(--ns-7394-sa-space-4); }
.postid-7394 .sa-wide-figure img { display: block; width: 100%; height: auto; }
.postid-7394 .sa-wide-figure figcaption { padding: .85rem 0; border-bottom: 1px solid var(--ns-7394-sa-rule); color: var(--ns-7394-sa-muted); font-size: var(--ns-7394-sa-small); }
.postid-7394 .sa-columns, .postid-7394 .sa-triptych { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--ns-7394-sa-space-3); }
.postid-7394 .sa-columns h3, .postid-7394 .sa-triptych h3 { font-size: var(--ns-7394-sa-h3); }
.postid-7394 .sa-triptych article { border-top: 5px solid var(--ns-7394-sa-navy); padding-top: var(--ns-7394-sa-space-2); }
.postid-7394 .sa-triptych span { color: var(--ns-7394-sa-terracotta); font-size: var(--ns-7394-sa-small); font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.postid-7394 .sa-archive { display: grid; grid-template-columns: 12rem 1fr; gap: var(--ns-7394-sa-space-3); padding: var(--ns-7394-sa-space-4) max(1rem, calc((100% - 77rem)/2)); background: var(--ns-7394-sa-navy); color: white; }
.postid-7394 .sa-archive p { color: #f3c876; font-size: var(--ns-7394-sa-small); font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.postid-7394 .sa-archive div { columns: 2; column-gap: var(--ns-7394-sa-space-4); }
.postid-7394 .sa-archive a { display: block; margin-bottom: .75rem; color: #fff; break-inside: avoid; text-decoration-color: #f3c876; }
.postid-7394 .sa-choice { width: 100%; padding-inline: max(1rem, calc((100% - 77rem)/2)); background: #fff; }
.postid-7394 .sa-choice-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--ns-7394-sa-rule); border-left: 1px solid var(--ns-7394-sa-rule); margin-bottom: var(--ns-7394-sa-space-3); }
.postid-7394 .sa-choice-grid div { padding: var(--ns-7394-sa-space-3); border-right: 1px solid var(--ns-7394-sa-rule); border-bottom: 1px solid var(--ns-7394-sa-rule); }
.postid-7394 .sa-choice-grid b { display: block; margin-bottom: .55rem; color: var(--ns-7394-sa-navy); font-family: var(--ns-7394-sa-serif); font-size: 1.25em; }
.postid-7394 .sa-workshop ol { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--ns-7394-sa-space-2) var(--ns-7394-sa-space-4); padding: 0; counter-reset: step; list-style: none; }
.postid-7394 .sa-workshop li { position: relative; padding: 1.2rem 0 1.2rem 3.2rem; border-top: 1px solid var(--ns-7394-sa-rule); }
.postid-7394 .sa-workshop li::before { position: absolute; left: 0; top: 1rem; counter-increment: step; content: counter(step, decimal-leading-zero); color: var(--ns-7394-sa-terracotta); font-family: var(--ns-7394-sa-serif); font-size: 1.6rem; }
.postid-7394 .sa-faq details { border-top: 1px solid var(--ns-7394-sa-rule); }
.postid-7394 .sa-faq details:last-child { border-bottom: 1px solid var(--ns-7394-sa-rule); }
.postid-7394 .sa-faq summary { cursor: pointer; padding: 1.25rem 2.5rem 1.25rem 0; color: var(--ns-7394-sa-navy); font-family: var(--ns-7394-sa-serif); font-size: 1.2em; font-weight: 700; }
.postid-7394 .sa-faq details p { max-width: 68ch; padding-bottom: 1.2rem; }
.postid-7394 .sa-footer { padding: var(--ns-7394-sa-space-4) max(1rem, calc((100% - 77rem)/2)); background: var(--ns-7394-sa-terracotta); color: white; }
.postid-7394 .sa-footer p { max-width: 58ch; margin: 0; font-family: var(--ns-7394-sa-serif); font-size: clamp(1.45rem, 1.2rem + .7vw, 2.2rem); line-height: 1.35; }
@media (max-width: 820px) {
  .postid-7394 .sa-hero { grid-template-columns: 1fr; min-height: 0; }
  .postid-7394 .sa-hero__copy { padding-block: var(--ns-7394-sa-space-4); }
  .postid-7394 .sa-compass { grid-template-columns: repeat(2,1fr); }
  .postid-7394 .sa-compass span:nth-child(2) { border-right: 0; }
  .postid-7394 .sa-intro, .postid-7394 .sa-columns, .postid-7394 .sa-triptych, .postid-7394 .sa-archive { grid-template-columns: 1fr; }
  .postid-7394 .sa-heading { grid-template-columns: 1fr; }
  .postid-7394 .sa-heading span { width: 8rem; }
  .postid-7394 .sa-archive div { columns: 1; }
}
@media (max-width: 540px) {
  .postid-7394 .sa-section { width: min(100% - 1.25rem, 77rem); }
  .postid-7394 .sa-hero__copy, .postid-7394 .sa-hero__plate { padding-inline: .9rem; }
  .postid-7394 .sa-hero h2 { font-size: clamp(2.3rem, 12vw, 3.6rem); }
  .postid-7394 .sa-style-list article { grid-template-columns: 3.2rem 1fr; gap: 1rem; }
  .postid-7394 .sa-style-list article > b { font-size: 2.2rem; }
  .postid-7394 .sa-style-list dl { display: block; }
  .postid-7394 .sa-choice-grid, .postid-7394 .sa-workshop ol { grid-template-columns: 1fr; }
  .postid-7394 .sa-choice-grid div { padding: 1.15rem; }
}
@media (prefers-reduced-motion: reduce) {
  .postid-7394 .sa-article *, .postid-7394 .sa-article *::before, .postid-7394 .sa-article *::after { scroll-behavior: auto !important; transition: none !important; }
}