/* Ruta Dinamarca — StanNet Soft Neumorphic Learning UI
   Same visual family as English/Danish Academy, adapted to travel/blog content. */
body.denmark-route-neumorphic{
  --nm-bg:#f7f8fc;
  --nm-surface:#f7f8fc;
  --nm-ink:#141d59;
  --nm-ink-2:#263262;
  --nm-muted:#66728f;
  --nm-purple:#af26e0;
  --nm-violet:#ad63de;
  --nm-cyan:#94d6f7;
  --nm-pink:#d065a1;
  --nm-coral:#f8615c;
  --nm-orange:#fd8f57;
  --dk-red:#c8102e;
  --dk-red-2:#e5484d;
  --nm-gradient:linear-gradient(135deg,#af26e0 0%,#d065a1 28%,#94d6f7 55%,#fd8f57 82%,#f8615c 100%);
  --dk-gradient:linear-gradient(135deg,#c8102e 0%,#e5484d 28%,#d065a1 52%,#94d6f7 78%,#af26e0 100%);
  --nm-shadow:14px 14px 34px rgba(44,57,94,.13),-14px -14px 34px rgba(255,255,255,.96);
  --nm-shadow-sm:7px 7px 18px rgba(44,57,94,.12),-7px -7px 18px rgba(255,255,255,.94);
  --nm-inset:inset 4px 4px 9px rgba(44,57,94,.10),inset -4px -4px 9px rgba(255,255,255,.96);
  margin:0;
  background:
    radial-gradient(circle at 7% 5%,rgba(200,16,46,.08),transparent 24rem),
    radial-gradient(circle at 93% 10%,rgba(148,214,247,.17),transparent 28rem),
    var(--nm-bg);
  color:var(--nm-ink);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.denmark-route-neumorphic *,body.denmark-route-neumorphic *::before,body.denmark-route-neumorphic *::after{box-sizing:border-box}
body.denmark-route-neumorphic :focus-visible{outline:3px solid rgba(200,16,46,.24);outline-offset:3px}
body.denmark-route-neumorphic a{color:inherit}
body.denmark-route-neumorphic main{overflow:hidden}

/* injected global nav */
body.denmark-route-neumorphic #stannet-global-nav{
  background:rgba(247,248,252,.88)!important;
  color:var(--nm-ink)!important;
  border-bottom:1px solid rgba(20,29,89,.07)!important;
  box-shadow:0 10px 30px rgba(44,57,94,.08)!important;
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
body.denmark-route-neumorphic #stannet-global-nav .sgn-brand{color:var(--nm-ink)!important}
body.denmark-route-neumorphic #stannet-global-nav .sgn-brand .net{color:var(--nm-purple)!important}
body.denmark-route-neumorphic #stannet-global-nav .sgn-brand i{color:#66728f!important}
body.denmark-route-neumorphic #stannet-global-nav .sgn-nav>a,
body.denmark-route-neumorphic #stannet-global-nav .sgn-group>button{color:var(--nm-ink-2)!important}
body.denmark-route-neumorphic #stannet-global-nav .sgn-nav>a:hover,
body.denmark-route-neumorphic #stannet-global-nav .sgn-group>button:hover{color:var(--dk-red)!important}
body.denmark-route-neumorphic #stannet-global-nav .sgn-drop,
body.denmark-route-neumorphic #stannet-global-nav .sgn-nav{
  background:rgba(247,248,252,.98)!important;
  border-color:rgba(255,255,255,.94)!important;
  box-shadow:var(--nm-shadow-sm)!important;
}
body.denmark-route-neumorphic #stannet-global-nav .sgn-drop a{color:var(--nm-ink-2)!important}
body.denmark-route-neumorphic #stannet-global-nav .sgn-drop a:hover{background:rgba(148,214,247,.18)!important;color:var(--nm-ink)!important}
body.denmark-route-neumorphic #stannet-global-nav .sgn-menu{
  color:var(--nm-ink)!important;background:var(--nm-surface)!important;border-color:rgba(20,29,89,.08)!important;
  box-shadow:var(--nm-shadow-sm)!important;
}

/* hero */
body.denmark-route-neumorphic .route-hero{
  position:relative;
  width:min(1480px,calc(100% - 48px));
  min-height:680px;
  margin:34px auto 46px;
  padding:clamp(38px,6vw,82px);
  grid-template-columns:minmax(0,1.04fr) minmax(340px,.96fr)!important;
  gap:clamp(28px,5vw,72px)!important;
  background:rgba(247,248,252,.94)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  border-radius:42px;
  box-shadow:18px 18px 42px rgba(44,57,94,.14),-16px -16px 40px rgba(255,255,255,.98);
  overflow:hidden;
}
body.denmark-route-neumorphic .route-hero::after{
  content:"";position:absolute;left:8%;right:8%;bottom:0;height:5px;background:var(--dk-gradient);border-radius:999px;
}
body.denmark-route-neumorphic .route-kicker{color:var(--dk-red)!important}
body.denmark-route-neumorphic .route-kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.denmark-route-neumorphic .route-kicker-flag{display:inline-flex;flex:0 0 auto;align-items:center;font:normal 23px/1 sans-serif;letter-spacing:0}
/* Size the long word from its actual column width, not the entire viewport. */
body.denmark-route-neumorphic .route-hero>div:first-child{min-width:0;container-type:inline-size}
body.denmark-route-neumorphic .route-hero h1 em{
  display:block;max-width:100%;white-space:nowrap;font-size:clamp(28px,8vw,80px)!important;
}
@supports (width:1cqw){
  body.denmark-route-neumorphic .route-hero h1 em{font-size:clamp(28px,14.5cqw,84px)!important}
}
body.denmark-route-neumorphic .route-hero h1{
  color:var(--nm-ink)!important;
  font-size:clamp(58px,7.4vw,118px)!important;
  line-height:.88!important;
  letter-spacing:-.075em!important;
  font-weight:800!important;
}
body.denmark-route-neumorphic .route-hero h1 em{color:var(--nm-ink)!important;font-style:normal}
body.denmark-route-neumorphic .route-hero h1 span{
  color:transparent!important;background:var(--dk-gradient);-webkit-background-clip:text;background-clip:text;
}
body.denmark-route-neumorphic .route-lead{color:var(--nm-muted)!important;font-size:clamp(16px,1.5vw,20px)!important;line-height:1.75!important}
body.denmark-route-neumorphic .route-actions a{
  min-height:50px!important;padding:0 20px!important;border-radius:16px!important;
  color:var(--nm-ink)!important;background:var(--nm-surface)!important;
  border:1px solid rgba(255,255,255,.94)!important;box-shadow:var(--nm-shadow-sm)!important;
  text-decoration:none!important;transition:transform .16s ease;
}
body.denmark-route-neumorphic .route-actions .primary{
  color:#fff!important;background:linear-gradient(135deg,#141d59,#c8102e 60%,#af26e0)!important;
  border:0!important;box-shadow:7px 7px 16px rgba(72,45,96,.20),-6px -6px 16px rgba(255,255,255,.94)!important;
}
@media(hover:hover){body.denmark-route-neumorphic .route-actions a:hover{transform:translateY(-2px)}}

/* hero destination card */
body.denmark-route-neumorphic .dk-card{
  min-height:500px!important;padding:32px!important;border:0!important;border-radius:34px!important;
  background:var(--dk-gradient)!important;
  box-shadow:0 28px 58px rgba(111,55,170,.23),inset 0 1px rgba(255,255,255,.36)!important;
}
body.denmark-route-neumorphic .dk-card::after{
  content:"";position:absolute;left:24px;right:24px;bottom:24px;top:235px;
  background:rgba(255,255,255,.88);border-radius:24px;
  box-shadow:12px 14px 30px rgba(61,33,107,.18),inset 0 1px rgba(255,255,255,.95);
  backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  z-index:0;
}
body.denmark-route-neumorphic .dk-card>*{position:relative;z-index:2}
body.denmark-route-neumorphic .dk-card small{color:#fff!important}
body.denmark-route-neumorphic .dk-card strong{color:var(--nm-ink)!important;margin-top:245px!important}
body.denmark-route-neumorphic .dk-card p{color:var(--nm-muted)!important}
body.denmark-route-neumorphic .dk-flag{border-radius:14px!important;box-shadow:0 18px 40px rgba(61,33,107,.22)!important}

/* sections */
body.denmark-route-neumorphic .route-section{
  background:transparent!important;border-bottom:0!important;
  padding-top:clamp(62px,7vw,98px)!important;padding-bottom:clamp(62px,7vw,98px)!important;
}
body.denmark-route-neumorphic .route-heading span{color:var(--dk-red)!important}
body.denmark-route-neumorphic .route-heading h2{color:var(--nm-ink)!important}
body.denmark-route-neumorphic .route-heading p{color:var(--nm-muted)!important}

/* blog posts */
body.denmark-route-neumorphic .blog-grid{gap:22px!important}
body.denmark-route-neumorphic .post{
  padding:32px!important;
  background:var(--nm-surface)!important;
  border:1px solid rgba(255,255,255,.94)!important;
  border-radius:28px!important;
  box-shadow:var(--nm-shadow)!important;
}
body.denmark-route-neumorphic .post time{color:var(--dk-red)!important}
body.denmark-route-neumorphic .post h3{color:var(--nm-ink)!important;font-family:Inter,ui-sans-serif,sans-serif!important;font-size:clamp(24px,2.6vw,34px)!important}
body.denmark-route-neumorphic .post p{color:var(--nm-muted)!important}
body.denmark-route-neumorphic .post .status{
  border:0!important;border-radius:999px!important;padding:8px 12px!important;
  color:var(--dk-red)!important;background:rgba(200,16,46,.08)!important;
  box-shadow:var(--nm-inset)!important;
}

/* timeline */
body.denmark-route-neumorphic .timeline{gap:12px!important}
body.denmark-route-neumorphic .stage-row{
  padding:22px!important;
  border:1px solid rgba(255,255,255,.94)!important;
  border-radius:20px!important;
  background:var(--nm-surface)!important;
  box-shadow:var(--nm-shadow-sm)!important;
}
body.denmark-route-neumorphic .stage-row:last-child{border-bottom:1px solid rgba(255,255,255,.94)!important}
body.denmark-route-neumorphic .stage-row span{color:var(--dk-red)!important}
body.denmark-route-neumorphic .stage-row h3{color:var(--nm-ink)!important;font-family:Inter,ui-sans-serif,sans-serif!important}
body.denmark-route-neumorphic .stage-row p{color:var(--nm-muted)!important}

/* area cards */
body.denmark-route-neumorphic .route-grid{gap:18px!important}
body.denmark-route-neumorphic .route-panel{
  min-height:250px!important;padding:27px!important;
  background:var(--nm-surface)!important;
  border:1px solid rgba(255,255,255,.94)!important;
  border-radius:24px!important;
  box-shadow:var(--nm-shadow-sm)!important;
  transition:transform .16s ease,box-shadow .16s ease;
}
@media(hover:hover){body.denmark-route-neumorphic .route-panel:hover{transform:translateY(-3px);box-shadow:var(--nm-shadow)!important}}
body.denmark-route-neumorphic .route-panel b{color:var(--dk-red)!important}
body.denmark-route-neumorphic .route-panel h3{color:var(--nm-ink)!important;font-family:Inter,ui-sans-serif,sans-serif!important}
body.denmark-route-neumorphic .route-panel p,
body.denmark-route-neumorphic .route-panel li{color:var(--nm-muted)!important}
body.denmark-route-neumorphic .route-panel a{
  min-height:40px;align-items:center;padding:0 12px!important;
  color:var(--nm-ink)!important;background:rgba(148,214,247,.15)!important;
  border-radius:12px!important;box-shadow:var(--nm-shadow-sm)!important;text-decoration:none!important;
}


/* Plain-language newcomer glossary */
body.denmark-route-neumorphic .plain-guide{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1150px;margin:auto
}
body.denmark-route-neumorphic .plain-card{
  padding:30px;background:var(--nm-surface);border:1px solid rgba(255,255,255,.95);border-radius:28px;box-shadow:var(--nm-shadow);min-width:0
}
body.denmark-route-neumorphic .plain-card-head{display:flex;gap:16px;align-items:center;margin-bottom:18px}
body.denmark-route-neumorphic .plain-code{
  display:grid;place-items:center;flex:0 0 76px;height:76px;border-radius:22px;background:linear-gradient(135deg,#141d59,#c8102e 62%,#af26e0);color:#fff;
  font:700 19px Orbitron,sans-serif;box-shadow:7px 7px 16px rgba(72,45,96,.18),-6px -6px 16px rgba(255,255,255,.96)
}
body.denmark-route-neumorphic .plain-eyebrow{margin:0 0 5px;color:var(--dk-red);font:700 9px Orbitron,sans-serif;letter-spacing:.12em}
body.denmark-route-neumorphic .plain-card h3{margin:0;color:var(--nm-ink);font:700 clamp(25px,2.6vw,34px)/1.1 Inter,sans-serif}
body.denmark-route-neumorphic .plain-lead{color:var(--nm-muted);line-height:1.72;font-size:15px}
body.denmark-route-neumorphic .plain-facts{display:grid;gap:12px;margin:20px 0}
body.denmark-route-neumorphic .plain-facts>div,
body.denmark-route-neumorphic .plain-checklist,
body.denmark-route-neumorphic .plain-mini-dictionary>div{
  padding:16px;border-radius:17px;background:rgba(148,214,247,.09);box-shadow:var(--nm-inset)
}
body.denmark-route-neumorphic .plain-facts b,
body.denmark-route-neumorphic .plain-checklist h4{color:var(--nm-ink)}
body.denmark-route-neumorphic .plain-facts p,
body.denmark-route-neumorphic .plain-checklist li,
body.denmark-route-neumorphic .plain-note{color:var(--nm-muted);line-height:1.65;font-size:13px}
body.denmark-route-neumorphic .plain-facts p{margin:6px 0 0}
body.denmark-route-neumorphic .plain-checklist{margin-top:16px;background:rgba(200,16,46,.045)}
body.denmark-route-neumorphic .plain-checklist h4{margin:0 0 10px;font-size:14px}
body.denmark-route-neumorphic .plain-checklist ul{margin:0;padding-left:20px}
body.denmark-route-neumorphic .plain-note{margin:12px 0 0}
body.denmark-route-neumorphic .plain-mini-dictionary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
body.denmark-route-neumorphic .plain-mini-dictionary>div{display:grid;gap:5px;background:rgba(148,214,247,.08)}
body.denmark-route-neumorphic .plain-mini-dictionary b{color:var(--nm-ink);font-size:13px}
body.denmark-route-neumorphic .plain-mini-dictionary span{color:var(--nm-muted);font-size:12px;line-height:1.5}
body.denmark-route-neumorphic .plain-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
body.denmark-route-neumorphic .plain-actions a{
  display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:13px;text-decoration:none;
  color:var(--nm-ink);background:var(--nm-surface);box-shadow:var(--nm-shadow-sm);font:700 10px Orbitron,sans-serif
}
body.denmark-route-neumorphic .plain-actions .plain-official{color:#fff;background:linear-gradient(135deg,#141d59,#c8102e 62%,#af26e0)}
@media(max-width:900px){body.denmark-route-neumorphic .plain-guide{grid-template-columns:1fr}}
@media(max-width:520px){
  body.denmark-route-neumorphic .plain-card{padding:21px;border-radius:21px}
  body.denmark-route-neumorphic .plain-card-head{align-items:flex-start}
  body.denmark-route-neumorphic .plain-code{flex-basis:62px;height:62px;border-radius:18px;font-size:15px}
  body.denmark-route-neumorphic .plain-mini-dictionary{grid-template-columns:1fr}
  body.denmark-route-neumorphic .plain-actions a{width:100%;justify-content:center;text-align:center}
}

/* cities */
body.denmark-route-neumorphic .city-grid{gap:16px!important}
body.denmark-route-neumorphic .city{
  min-height:170px!important;padding:24px!important;
  background:var(--nm-surface)!important;border:1px solid rgba(255,255,255,.94)!important;
  border-radius:22px!important;box-shadow:var(--nm-shadow-sm)!important;
  position:relative;overflow:hidden;
}
body.denmark-route-neumorphic .city::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--dk-gradient);opacity:.82;
}
body.denmark-route-neumorphic .city strong{color:var(--nm-ink)!important;font-family:Inter,ui-sans-serif,sans-serif!important;font-size:21px!important}
body.denmark-route-neumorphic .city span{color:var(--nm-muted)!important}

/* academy callout */
body.denmark-route-neumorphic .academy-callout{
  padding:clamp(30px,5vw,58px)!important;border:0!important;border-radius:32px!important;
  background:var(--nm-surface)!important;box-shadow:var(--nm-shadow)!important;position:relative;overflow:hidden;
}
body.denmark-route-neumorphic .academy-callout::before{
  content:"";position:absolute;inset:0 auto 0 0;width:8px;background:var(--dk-gradient);
}
body.denmark-route-neumorphic .academy-callout h2{color:var(--nm-ink)!important;font-family:Inter,ui-sans-serif,sans-serif!important}
body.denmark-route-neumorphic .academy-callout p{color:var(--nm-muted)!important}
body.denmark-route-neumorphic .academy-callout a{
  min-height:50px!important;padding:0 20px!important;border-radius:15px!important;
  color:#fff!important;background:linear-gradient(135deg,#141d59,#c8102e 58%,#af26e0)!important;
  box-shadow:7px 7px 16px rgba(72,45,96,.20),-6px -6px 16px rgba(255,255,255,.95)!important;
  text-decoration:none!important;
}

/* responsive */
@media(max-width:1180px){
  body.denmark-route-neumorphic .route-hero{width:min(calc(100% - 34px),980px);grid-template-columns:1fr!important;min-height:auto!important}
  body.denmark-route-neumorphic .dk-card{min-height:430px!important}
}
@media(max-width:760px){
  body.denmark-route-neumorphic .route-hero{width:calc(100% - 24px);margin:18px auto 28px;padding:28px!important;border-radius:28px}
  body.denmark-route-neumorphic .route-hero h1{font-size:clamp(48px,15vw,76px)!important}
  body.denmark-route-neumorphic .dk-card{min-height:380px!important;border-radius:24px!important}
  body.denmark-route-neumorphic .dk-card::after{top:190px}
  body.denmark-route-neumorphic .dk-card strong{margin-top:190px!important}
  body.denmark-route-neumorphic .post,
  body.denmark-route-neumorphic .route-panel,
  body.denmark-route-neumorphic .city,
  body.denmark-route-neumorphic .academy-callout{border-radius:20px!important}
}
@media(max-width:520px){
  body.denmark-route-neumorphic .route-hero h1{font-size:clamp(44px,14vw,64px)!important}
  body.denmark-route-neumorphic .dk-card{min-height:350px!important}
  body.denmark-route-neumorphic .dk-card::after{top:165px}
  body.denmark-route-neumorphic .dk-card strong{margin-top:165px!important}
}
@media(prefers-reduced-motion:reduce){
  body.denmark-route-neumorphic *,body.denmark-route-neumorphic *::before,body.denmark-route-neumorphic *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* Housing safety */
body.denmark-route-neumorphic .housing-safety{max-width:1150px;margin:auto}
body.denmark-route-neumorphic .housing-alert{
  padding:clamp(22px,4vw,34px);border-radius:26px;border:1px solid rgba(200,16,46,.26);
  background:linear-gradient(135deg,rgba(200,16,46,.10),rgba(255,255,255,.55));
  box-shadow:var(--nm-shadow);margin-bottom:20px
}
body.denmark-route-neumorphic .housing-alert-badge{
  display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border-radius:999px;
  background:#c8102e;color:#fff;font:700 9px Orbitron,sans-serif;letter-spacing:.11em
}
body.denmark-route-neumorphic .housing-alert h3{
  margin:16px 0 10px;color:var(--nm-ink);font:700 clamp(26px,3.5vw,42px)/1.08 Inter,sans-serif;max-width:980px
}
body.denmark-route-neumorphic .housing-alert p{margin:0;color:var(--nm-muted);line-height:1.7;max-width:1000px}
body.denmark-route-neumorphic .housing-safety-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px
}
body.denmark-route-neumorphic .housing-check{
  padding:24px;border-radius:22px;background:var(--nm-surface);border:1px solid rgba(255,255,255,.95);box-shadow:var(--nm-shadow-sm)
}
body.denmark-route-neumorphic .housing-check h3{margin:0 0 12px;color:var(--nm-ink);font:700 21px/1.2 Inter,sans-serif}
body.denmark-route-neumorphic .housing-check p,
body.denmark-route-neumorphic .housing-check li{
  color:var(--nm-muted);font-size:13px;line-height:1.65
}
body.denmark-route-neumorphic .housing-check ul{margin:0;padding-left:20px}
body.denmark-route-neumorphic .housing-source-note{
  margin:16px 0 0;color:var(--nm-muted);font-size:12px;line-height:1.55
}
@media(max-width:780px){
  body.denmark-route-neumorphic .housing-safety-grid{grid-template-columns:1fr}
}


/* Fuel and EV finder */
body.denmark-route-neumorphic .fuel-finder{
  max-width:1150px;margin:auto;padding:26px;border-radius:28px;background:var(--nm-surface);
  border:1px solid rgba(255,255,255,.95);box-shadow:var(--nm-shadow)
}
body.denmark-route-neumorphic .fuel-controls{display:grid;gap:16px}
body.denmark-route-neumorphic .fuel-field{display:grid;gap:7px}
body.denmark-route-neumorphic .fuel-field label{font-weight:800;font-size:12px;color:var(--nm-ink)}
body.denmark-route-neumorphic .fuel-field select{
  min-height:48px;border:0;border-radius:14px;background:var(--nm-surface);box-shadow:var(--nm-inset);
  padding:0 14px;color:var(--nm-ink);font:600 15px Inter,sans-serif
}
body.denmark-route-neumorphic .fuel-actions{display:flex;flex-wrap:wrap;gap:10px}
body.denmark-route-neumorphic .fuel-btn{
  min-height:46px;border:0;border-radius:14px;padding:0 15px;cursor:pointer;background:var(--nm-surface);
  color:var(--nm-ink);box-shadow:var(--nm-shadow-sm);font:700 10px Orbitron,sans-serif
}
body.denmark-route-neumorphic .fuel-btn.primary{
  background:linear-gradient(135deg,#141d59,#c8102e 62%,#af26e0);color:#fff
}
body.denmark-route-neumorphic .fuel-status{margin:0;color:var(--nm-muted);font-size:12px;line-height:1.5}
body.denmark-route-neumorphic .fuel-providers{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px
}
body.denmark-route-neumorphic .fuel-providers a{
  display:grid;gap:7px;text-decoration:none;padding:16px;border-radius:17px;background:rgba(148,214,247,.08);
  box-shadow:var(--nm-inset);min-width:0
}
body.denmark-route-neumorphic .fuel-providers strong{color:var(--nm-ink);font-size:13px}
body.denmark-route-neumorphic .fuel-providers span{color:var(--nm-muted);font-size:11px;line-height:1.4}
body.denmark-route-neumorphic .fuel-note{margin:18px 0 0;color:var(--nm-muted);font-size:12px;line-height:1.6}
@media(max-width:900px){
  body.denmark-route-neumorphic .fuel-providers{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  body.denmark-route-neumorphic .fuel-finder{padding:20px;border-radius:22px}
  body.denmark-route-neumorphic .fuel-actions{display:grid}
  body.denmark-route-neumorphic .fuel-btn{width:100%}
  body.denmark-route-neumorphic .fuel-providers{grid-template-columns:1fr}
}


/* iPhone / iPad Safari hardening */
body.denmark-route-neumorphic{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}
body.denmark-route-neumorphic img,
body.denmark-route-neumorphic svg,
body.denmark-route-neumorphic video,
body.denmark-route-neumorphic canvas{max-width:100%;height:auto}
body.denmark-route-neumorphic .route-section,
body.denmark-route-neumorphic .plain-card,
body.denmark-route-neumorphic .housing-check,
body.denmark-route-neumorphic .fuel-finder,
body.denmark-route-neumorphic .route-panel,
body.denmark-route-neumorphic .city{min-width:0}
body.denmark-route-neumorphic select,
body.denmark-route-neumorphic input,
body.denmark-route-neumorphic textarea{
  font-size:16px!important;
  -webkit-appearance:none;
  appearance:none;
}
body.denmark-route-neumorphic button,
body.denmark-route-neumorphic a{
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(20,29,89,.12);
}
body.denmark-route-neumorphic .fuel-btn,
body.denmark-route-neumorphic .plain-actions a,
body.denmark-route-neumorphic .route-actions a{
  min-height:44px;
}
@supports (-webkit-touch-callout:none){
  body.denmark-route-neumorphic{
    padding-bottom:env(safe-area-inset-bottom);
  }
  body.denmark-route-neumorphic .route-hero{
    padding-top:max(72px,calc(56px + env(safe-area-inset-top)));
  }
  body.denmark-route-neumorphic .fuel-field select{
    padding-right:42px;
    background-image:linear-gradient(45deg,transparent 50%,#141d59 50%),linear-gradient(135deg,#141d59 50%,transparent 50%);
    background-position:calc(100% - 18px) 52%,calc(100% - 12px) 52%;
    background-size:6px 6px,6px 6px;
    background-repeat:no-repeat;
  }
}
@media(max-width:430px){
  body.denmark-route-neumorphic .route-section{padding-left:14px!important;padding-right:14px!important}
  body.denmark-route-neumorphic .route-heading{gap:14px}
  body.denmark-route-neumorphic .route-heading h2{font-size:clamp(28px,9vw,38px)!important}
  body.denmark-route-neumorphic .fuel-providers,
  body.denmark-route-neumorphic .housing-safety-grid,
  body.denmark-route-neumorphic .plain-guide{grid-template-columns:minmax(0,1fr)!important}
  body.denmark-route-neumorphic .fuel-btn,
  body.denmark-route-neumorphic .plain-actions a{width:100%}
  body.denmark-route-neumorphic .plain-card-head{gap:12px}
}


/* ============================================================
   ROUTE STAGES — ACTIONABLE NAVIGATION + DETAIL 2026-10-02
   ============================================================ */
html{scroll-behavior:smooth}
body.denmark-route-neumorphic .timeline{
  gap:14px!important;
}
body.denmark-route-neumorphic .stage-link{
  position:relative;
  display:grid!important;
  grid-template-columns:110px minmax(0,1fr) 48px!important;
  gap:24px!important;
  align-items:center;
  text-decoration:none!important;
  cursor:pointer;
  min-height:112px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
body.denmark-route-neumorphic .stage-link::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:20px;
  background:linear-gradient(120deg,rgba(200,16,46,.06),rgba(148,214,247,.08),rgba(175,38,224,.05));
  opacity:0;
  transition:opacity .18s ease;
  pointer-events:none;
}
body.denmark-route-neumorphic .stage-link>span,
body.denmark-route-neumorphic .stage-link>div,
body.denmark-route-neumorphic .stage-link>b{
  position:relative;
  z-index:1;
}
body.denmark-route-neumorphic .stage-link>b{
  width:42px;height:42px;
  display:grid;place-items:center;
  justify-self:end;
  border-radius:50%;
  background:linear-gradient(135deg,#141d59,#c8102e 58%,#af26e0);
  color:#fff;
  font:700 17px Inter,sans-serif;
  box-shadow:7px 7px 16px rgba(72,45,96,.16),-5px -5px 14px rgba(255,255,255,.9);
  transition:transform .18s ease;
}
body.denmark-route-neumorphic .stage-link:hover,
body.denmark-route-neumorphic .stage-link:focus-visible{
  transform:translateY(-4px);
  border-color:rgba(148,214,247,.85)!important;
  box-shadow:var(--nm-shadow)!important;
}
body.denmark-route-neumorphic .stage-link:hover::before,
body.denmark-route-neumorphic .stage-link:focus-visible::before{opacity:1}
body.denmark-route-neumorphic .stage-link:hover>b,
body.denmark-route-neumorphic .stage-link:focus-visible>b{transform:translateX(4px)}
body.denmark-route-neumorphic .stage-link h3{font-size:24px!important}

/* Detail section */
body.denmark-route-neumorphic .route-stages-detail{
  position:relative;
}
body.denmark-route-neumorphic .route-stages-detail::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:min(1160px,calc(100% - 48px));
  transform:translateX(-50%);
  border-radius:42px;
  background:
    radial-gradient(circle at 10% 10%,rgba(200,16,46,.045),transparent 24rem),
    radial-gradient(circle at 90% 14%,rgba(148,214,247,.12),transparent 28rem);
  pointer-events:none;
}
body.denmark-route-neumorphic .route-stages-detail>.route-heading,
body.denmark-route-neumorphic .stage-detail-list{position:relative;z-index:1}

body.denmark-route-neumorphic .stage-detail-list{
  display:grid;
  gap:28px;
  max-width:1150px;
  margin:auto;
}
body.denmark-route-neumorphic .stage-detail{
  scroll-margin-top:100px;
  position:relative;
  overflow:hidden;
  padding:clamp(26px,4vw,42px);
  border:1px solid rgba(255,255,255,.96);
  border-radius:30px;
  background:var(--nm-surface);
  box-shadow:var(--nm-shadow);
}
body.denmark-route-neumorphic .stage-detail::after{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:5px;
  background:var(--dk-gradient);
}
body.denmark-route-neumorphic .stage-detail:nth-child(2)::after{
  background:linear-gradient(90deg,#94d6f7,#af26e0,#c8102e);
}
body.denmark-route-neumorphic .stage-detail:nth-child(3)::after{
  background:linear-gradient(90deg,#141d59,#94d6f7,#af26e0);
}
body.denmark-route-neumorphic .stage-detail:nth-child(4)::after{
  background:linear-gradient(90deg,#c8102e,#fd8f57,#94d6f7);
}
body.denmark-route-neumorphic .stage-detail:nth-child(5)::after{
  background:linear-gradient(90deg,#94d6f7,#141d59,#c8102e);
}

body.denmark-route-neumorphic .stage-detail-head{
  display:grid;
  grid-template-columns:110px minmax(0,1fr) auto;
  gap:24px;
  align-items:start;
  margin-bottom:28px;
}
body.denmark-route-neumorphic .stage-detail-head>span{
  margin-top:7px;
  color:var(--dk-red);
  font:800 9px Orbitron,sans-serif;
  letter-spacing:.12em;
}
body.denmark-route-neumorphic .stage-detail-head>strong{
  color:transparent;
  background:var(--dk-gradient);
  -webkit-background-clip:text;background-clip:text;
  font:800 clamp(46px,6vw,82px)/.9 Inter,sans-serif;
  letter-spacing:-.07em;
  opacity:.72;
}
body.denmark-route-neumorphic .stage-detail-kicker{
  margin:0 0 7px!important;
  color:#7d89a3!important;
  font:800 8px Orbitron,sans-serif!important;
  letter-spacing:.12em;
}
body.denmark-route-neumorphic .stage-detail-head h3{
  margin:0 0 10px;
  color:var(--nm-ink);
  font:800 clamp(30px,3.3vw,46px)/1 Inter,sans-serif;
  letter-spacing:-.04em;
}
body.denmark-route-neumorphic .stage-detail-head p:not(.stage-detail-kicker){
  max-width:760px;
  margin:0;
  color:var(--nm-muted);
  font-size:14px;
  line-height:1.7;
}
body.denmark-route-neumorphic .stage-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body.denmark-route-neumorphic .stage-detail-grid>div{
  min-width:0;
  min-height:180px;
  padding:19px;
  display:flex;
  flex-direction:column;
  border-radius:18px;
  background:rgba(148,214,247,.075);
  box-shadow:var(--nm-inset);
}
body.denmark-route-neumorphic .stage-detail-grid>div:nth-child(even){
  background:rgba(200,16,46,.038);
}
body.denmark-route-neumorphic .stage-detail-grid b{
  display:block;
  color:var(--nm-ink);
  font:750 15px Inter,sans-serif;
}
body.denmark-route-neumorphic .stage-detail-grid p{
  margin:7px 0 14px;
  color:var(--nm-muted);
  font-size:12px;
  line-height:1.6;
}
body.denmark-route-neumorphic .stage-detail-grid a{
  display:inline-flex;
  align-items:center;
  margin-top:auto;
  color:#235d99;
  font:750 10px Orbitron,sans-serif;
  text-decoration:none;
}
body.denmark-route-neumorphic .stage-detail-grid a:hover{color:var(--dk-red)}
body.denmark-route-neumorphic .stage-back{
  display:inline-flex;
  align-items:center;
  margin-top:22px;
  padding:9px 12px;
  border-radius:12px;
  background:var(--nm-surface);
  color:#56637e;
  box-shadow:var(--nm-shadow-sm);
  text-decoration:none;
  font:700 9px Orbitron,sans-serif;
}

@media(max-width:900px){
  body.denmark-route-neumorphic .stage-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  body.denmark-route-neumorphic .stage-link{
    grid-template-columns:1fr 42px!important;
    gap:8px 12px!important;
    padding:18px!important;
  }
  body.denmark-route-neumorphic .stage-link>span{grid-column:1/-1}
  body.denmark-route-neumorphic .stage-link>b{grid-column:2;grid-row:2;align-self:center}
  body.denmark-route-neumorphic .stage-detail{padding:22px 16px;border-radius:22px}
  body.denmark-route-neumorphic .stage-detail-head{
    grid-template-columns:1fr auto;
    gap:10px;
  }
  body.denmark-route-neumorphic .stage-detail-head>span{grid-column:1/-1}
  body.denmark-route-neumorphic .stage-detail-head>strong{font-size:46px}
  body.denmark-route-neumorphic .stage-detail-grid{grid-template-columns:1fr}
  body.denmark-route-neumorphic .stage-detail-grid>div{min-height:auto}
}