/* Discover Yourself — tillägg 2026-10-10
   Laddas efter site.css. Innehåller: språkväxlare, inbjudan till Lodningen, Lodningen. */

/* ---------- språkväxlare ---------- */
.nav .nav-links{margin-left:auto}
.lang-switch{display:flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;letter-spacing:.14em;color:var(--muted);white-space:nowrap}
.lang-switch a{padding:6px 2px;border-bottom:1px solid transparent}
.lang-switch a:hover{color:var(--ink)}
.lang-switch a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}
.translation-note{margin-top:26px}
@media (max-width:980px){.lang-switch{margin-left:auto}.nav{gap:14px}.brand{flex:none}.brand span{white-space:nowrap}}
@media (max-width:400px){.brand span{font-size:.58rem;letter-spacing:.12em}.brand strong{font-size:1.16rem}}

/* ---------- inbjudan på startsidan ---------- */
.sounding-invite{display:flex;justify-content:space-between;align-items:center;gap:34px;margin-top:18px;padding:36px 38px;border-radius:var(--radius);background:var(--white);border:1px solid var(--line);transition:.2s ease}
.sounding-invite:hover{border-color:rgba(38,59,50,.45);transform:translateY(-2px);box-shadow:0 14px 40px rgba(25,31,27,.07)}
.sounding-invite h3{margin:10px 0 8px}
.sounding-invite p{margin:0;max-width:640px;color:var(--muted)}
.sounding-invite .btn{flex:none}
@media (max-width:720px){.sounding-invite{flex-direction:column;align-items:flex-start;gap:22px;padding:28px 24px}}

/* ---------- Lodningen ---------- */
.snd-stage{padding:64px 0 110px;min-height:calc(100vh - 83px)}
.snd-grid{display:grid;grid-template-columns:132px minmax(0,760px);gap:44px;justify-content:center;align-items:stretch}

/* lodlinan: tråden sjunker genom fyra rum */
.snd-line{position:relative;min-height:520px}
.snd-line::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:1px;background:var(--line)}
.snd-surface{position:absolute;left:0;top:-7px;display:flex;align-items:center;gap:12px;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.snd-surface::before{content:"";width:17px;height:1px;background:var(--muted)}
.snd-thread{position:absolute;left:8px;top:0;width:1px;height:var(--depth,0%);background:var(--forest);transition:height .9s cubic-bezier(.22,.7,.2,1)}
.snd-thread::after{content:"";position:absolute;left:-6px;bottom:-15px;width:13px;height:16px;background:var(--forest);clip-path:polygon(50% 100%,0 34%,24% 0,76% 0,100% 34%)}
.snd-mark{position:absolute;left:8px;transform:translateY(-50%);display:flex;align-items:center;gap:12px;font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);transition:color .5s ease}
.snd-mark::before{content:"";width:9px;height:1px;background:var(--muted);transition:width .5s ease,background .5s ease}
.snd-mark[data-on="true"]{color:var(--forest);font-weight:700}
.snd-mark[data-on="true"]::before{width:22px;background:var(--forest)}

.snd-card{position:relative;display:flex;flex-direction:column;min-height:520px;padding:52px 56px 44px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);scroll-margin-top:100px}
.snd-bar{display:none;height:2px;margin:0 0 26px;background:var(--line);border-radius:2px;overflow:hidden}
.snd-bar i{display:block;height:100%;width:var(--depth,0%);background:var(--forest);transition:width .6s ease}

.snd-view{display:flex;flex-direction:column;flex:1;animation:sndIn .55s cubic-bezier(.22,.7,.2,1) both}
.snd-view:focus{outline:none}
@keyframes sndIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.snd-card h1{font-size:clamp(2.3rem,4.6vw,3.9rem);line-height:1.05;margin:16px 0 22px}
.snd-card .lead{margin-bottom:0}
.snd-facts{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 12px;padding:0;list-style:none}
.snd-facts li{padding:7px 13px;border:1px solid var(--line);border-radius:999px;font-size:.84rem;color:var(--muted)}
.snd-start{margin-top:auto;padding-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.snd-small{font-size:.86rem;color:var(--muted);margin:0}

.snd-q{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(1.6rem,3.1vw,2.5rem);line-height:1.18;letter-spacing:-.022em;margin:20px 0 14px;max-width:21em}
.snd-note{color:var(--muted);font-size:.95rem;margin:0 0 8px}
.snd-opts{display:grid;gap:10px;margin-top:auto;padding-top:34px}
.snd-opt{display:block;width:100%;padding:16px 20px;text-align:left;border:1px solid var(--line);border-radius:14px;background:transparent;color:var(--ink);font-size:1rem;line-height:1.35;transition:border-color .18s ease,background .18s ease,color .18s ease}
@media (hover:hover){.snd-opt:hover{border-color:var(--forest);background:var(--paper)}}
.snd-opt[aria-pressed="true"]{background:var(--forest);border-color:var(--forest);color:#fff}
.snd-opt:focus-visible,.snd-link:focus-visible,.snd-text:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
.snd-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}
.snd-link{padding:6px 0;border:0;background:none;color:var(--muted);font-size:.9rem;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}
.snd-link:hover{color:var(--ink);text-decoration-color:currentColor}
.snd-text{width:100%;min-height:150px;margin-top:22px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);line-height:1.55;resize:vertical}

/* speglingen */
.snd-result p{max-width:62ch}
.snd-result h2{font-size:clamp(2rem,3.9vw,3.2rem);line-height:1.08;margin:16px 0 26px;max-width:16em}
.snd-echo{color:var(--muted);font-size:.95rem}
.snd-rooms{margin:34px 0 0;padding:26px 0 0;border-top:1px solid var(--line)}
.snd-rooms ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:11px}
.snd-rooms li{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:16px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.snd-rooms li span{display:block;height:1px;background:var(--line);position:relative}
.snd-rooms li span i{position:absolute;left:0;top:-1px;height:3px;width:var(--w,0%);background:var(--forest);border-radius:2px;opacity:.85}
.snd-rooms li[data-top="true"]{color:var(--forest);font-weight:700}
.snd-also{margin:16px 0 0;font-size:.95rem;color:var(--muted)}
.snd-carry{margin:34px 0 0;padding:28px 0 4px;border-top:1px solid var(--line)}
.snd-carry p{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.4rem,2.5vw,1.95rem);line-height:1.26;letter-spacing:-.015em;color:var(--forest);margin:14px 0 0;max-width:22em}
.snd-words{margin:34px 0 0;padding:26px 0 0;border-top:1px solid var(--line)}
.snd-words blockquote{margin:14px 0 18px;padding:0 0 0 20px;border-left:2px solid var(--sand);font-family:Georgia,"Times New Roman",serif;font-size:1.18rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.snd-offer{margin:40px 0 0;padding:34px 34px 30px;border-radius:20px;background:var(--forest-2);color:#f7f4ed}
.snd-offer .eyebrow{color:#c9d0ca}
.snd-offer p{margin:14px 0 0;color:#e4e7e1}
.snd-care{padding-top:16px;border-top:1px solid rgba(255,255,255,.16);font-size:.93rem}
.snd-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.snd-rest{font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;line-height:1.35;color:var(--forest);margin:38px 0 10px}
.snd-end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}

@media (max-width:900px){
  .snd-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .snd-line{display:none}
  .snd-bar{display:block}
  .snd-stage{padding:26px 0 70px}
  .snd-card{padding:28px 22px 26px;min-height:calc(100vh - 150px);border-radius:20px}
  .snd-offer{padding:26px 22px}
  .snd-rooms li{grid-template-columns:76px 1fr}
}
@media (prefers-reduced-motion:reduce){
  .snd-view{animation:none}
  .snd-thread,.snd-bar i,.snd-mark,.snd-mark::before,.sounding-invite{transition:none}
}

/* ---------- rättning: situationskorten på Advisory staplas på mobil ---------- */
@media (max-width:720px){#situations .cards{grid-template-columns:1fr!important}}