/* Discover Yourself — startsidan, Advisory, Expertnätverket, Insights, Lodningen,
   portalen och de juridiska sidorna (2026-10-12).
   Laddas sist: efter site.css, extra.css, deep.css och base.css.
   Innehåller: typsnitten som sajten nu levererar själv, kontrast, fokus,
   layouten på Advisory, Insights som läsbara texter och rubrikordningen. */

:root{--muted:#5f6259}
html{scroll-padding-top:100px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{font-family:var(--dy-sans);overflow-wrap:break-word}
::selection{background:var(--forest);color:#fff}
input,textarea{caret-color:var(--forest)}

/* ---------- typografi ---------- */
h1,h2,h3,.kicker,.quote,summary,.framework-item b,
.snd-q,.snd-carry p,.snd-words blockquote,.snd-rest,.deep-layers dd,.deep-obs strong{font-family:var(--dy-serif)}
.deep-layers [data-empty="true"] dd{font-family:inherit}
.quote small{font-family:var(--dy-sans)}
h1,h2,h3{font-weight:400;text-wrap:balance}
h1{font-size:clamp(2.7rem,6.3vw,6rem);letter-spacing:-.03em;line-height:1.03}
h2{font-size:clamp(2.1rem,4.4vw,4.3rem);letter-spacing:-.028em;line-height:1.05}
h3{letter-spacing:-.02em;line-height:1.1}
.kicker,.lead,.section p,.subhero p{text-wrap:pretty}
.kicker{line-height:1.32}
summary{line-height:1.3}
.quote{font-size:clamp(1.9rem,4vw,4.2rem);letter-spacing:-.028em;line-height:1.1;text-wrap:balance}
.framework-item b{font-weight:400;letter-spacing:.01em}
.section.dark .quote small{color:#c9d0ca}
.eyebrow{margin-bottom:14px}
.offer > .eyebrow,.snd-offer .eyebrow{margin-bottom:0}
.dy-h3{font-size:clamp(1.45rem,2.2vw,2.1rem);letter-spacing:-.02em;line-height:1.1}
article .dy-h3{margin-top:1.5em}
article .dy-h3:first-child{margin-top:0}
.dy-meta{margin:22px 0 0}

/* ---------- knappar och fokus ---------- */
.btn{transition:transform .18s var(--dy-ease),box-shadow .2s var(--dy-ease),background-color .18s var(--dy-ease);touch-action:manipulation}
.btn:hover{transform:none;box-shadow:none}
@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.12)}}
.btn:active{transform:scale(.97)}
main a:focus-visible,main button:focus-visible,main summary:focus-visible{outline:2px solid var(--forest);outline-offset:3px;border-radius:6px}
main .btn:focus-visible{border-radius:999px}
main .choice-card:focus-visible,main .sounding-invite:focus-visible{border-radius:var(--radius);outline-offset:4px}
.hero a:focus-visible,.section.dark a:focus-visible,.snd-offer a:focus-visible,.snd-offer button:focus-visible{outline-color:#fff}
.snd-link{padding:12px 0}
@media (prefers-reduced-motion:reduce){.btn,.sounding-invite{transition:none}.btn:hover,.btn:active,.sounding-invite:hover{transform:none}}

/* ---------- startsidan: rubriken ska gå att läsa över båda bilderna ---------- */
.hero{min-height:min(760px,calc(100svh - 82px))}
.hero::after{background:
  linear-gradient(180deg,rgba(10,14,12,.18) 0%,rgba(10,14,12,.5) 36%,rgba(10,14,12,.86) 72%,rgba(10,14,12,.92) 100%)}
.hero-content{padding:110px 0 64px}
.hero-content h1{max-width:15em;text-shadow:0 1px 24px rgba(10,14,12,.35)}
.hero-content .lead{color:#fff;max-width:36em}
.choice-card h2{font-size:clamp(2rem,3.6vw,3.6rem)}
.sounding-invite p{color:var(--muted)}

/* ---------- Advisory: fungerar på bärbar skärm ---------- */
#situations .container{display:block}
#situations .sticky{position:static;max-width:780px;margin-bottom:38px}
#situations .cards{grid-template-columns:1fr 1fr}
#situations .card{padding:34px}
#situations .card h3{font-size:clamp(1.45rem,2.1vw,1.9rem);margin-bottom:.55em}
.cards .card h3{margin-top:0}
@media (min-width:981px){
  .split .trust-list{grid-template-columns:1fr;gap:0}
  .split .trust-item:first-child{border-top:0;padding-top:0}
}
.trust-item span{display:block;color:var(--muted)}
.section.dark .trust-item span{color:#c9d0ca}
.offer .eyebrow{padding-top:.5em}
.profile-box h2{font-size:clamp(2.2rem,3.4vw,3.2rem);margin-bottom:.2em}
.profile-role{margin:0 0 1.3em;font-size:.95rem;font-weight:600;color:var(--muted)}
.fact span{letter-spacing:.1em}
@media (max-width:1180px) and (min-width:981px){.media-panel,.media-panel img{min-height:100%}.facts{grid-template-columns:1fr}}
@media (max-width:980px){.media-panel,.media-panel img{min-height:0;height:420px}}
@media (max-width:720px){#situations .card{padding:26px}.media-panel,.media-panel img{height:300px}.profile-box{padding:26px 22px}}

/* ---------- Insights: tre korta texter som står för sig själva ---------- */
.dy-readings{display:block;max-width:820px}
.dy-reading{padding:38px 0;border-top:1px solid var(--line)}
.dy-reading:first-child{border-top:0;padding-top:0}
.dy-reading:last-child{padding-bottom:0}
.dy-reading h2{margin:12px 0 .5em;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08}
.dy-reading p{margin:0;max-width:66ch;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.62;color:var(--ink)}

/* ---------- juridiska sidor: texten får den breda spalten ---------- */
@media (min-width:981px){.split:has(> aside){grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr)}}
article > p{max-width:68ch}

/* ---------- enkla sidor: tack och sidan finns inte ---------- */
.dy-plain{min-height:calc(100svh - 82px - 320px);padding:clamp(90px,14vh,170px) 0 110px}
.dy-plain h1{max-width:12em}
.dy-plain .lead{margin-bottom:34px}

/* ---------- litet och blandat ---------- */
.snd-words blockquote{padding:18px 0;border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.notice{border-radius:14px}
.subhero h1{max-width:16em}
.pill,.snd-facts li{color:var(--muted)}
@media (max-width:720px){
  .subhero{padding:72px 0 42px}
  .hero-content{padding:90px 0 44px}
  .offer .eyebrow{padding-top:0}
}