/* Barnens Nordpol 4.0 — scoped, quiet and touch-friendly. */
body.jt4{--jt4-ink:#183d48;--jt4-red:#963a38;--jt4-paper:#fff9ed;--jt4-gold:#e8ba62;font-family:Nunito,system-ui,sans-serif;color:var(--jt4-ink);background:#f4f8f7}
body.jt4 .jt4-portal,body.jt4 .jt4-nisse,body.jt4 .jt4-diploma{color:#183d48}body.jt4 .jt4-paths strong,body.jt4 .jt4-card strong,body.jt4 .jt4-welcome p:not(.jt4-eyebrow){color:#183d48!important}body.jt4 .jt4-pane h2,body.jt4 .jt4-nisse h3,body.jt4 .jt4-diploma h3{color:#183d48}
.jt4 [hidden]{display:none!important}.jt4 a{ text-underline-offset:3px}.jt4 button,.jt4 summary,.jt4 a{touch-action:manipulation}.jt4 :focus-visible{outline:3px solid #126278!important;outline-offset:4px!important}
.jt4 .site-content{padding-top:12px}.jt4 .inside-article{padding:24px}.jt4.home .inside-article{padding:0;background:transparent}.jt4.home .entry-header{display:none}.jt4.home .entry-content{margin:0}.jt4.home #page{max-width:1160px}.jt4 .entry-title{color:var(--jt4-ink)}
/* Rubrikkontrast 2026-10-19: separate pale page surfaces from dark activity panels. */
@media screen {
  body.jt4:not(.home) .entry-title,
  body.jt4 .jk-intro h1 {
    color:#842a30;
    text-shadow:none;
    line-height:1.12;
    overflow-wrap:break-word;
  }
  body.jt4 .entry-content > :is(h1,h2,h3,h4,h5,h6),
  body.jt4 .jt4-nisse :is(h2,h3),
  body.jt4 .jt4-diploma :is(h2,h3),
  body.jt4 .jt4-guide :is(h2,h3) {
    color:#183d48;
    text-shadow:none;
  }
  body.jt4 .entry-content > :is(p,ul,ol):not(.jt-privacy-lead),
  body.jt4 .jk-intro p,
  body.jt4 .jt-storytime-credit {
    color:#183d48;
  }
  body.jt4 .entry-content > :is(p,ul,ol):not(.jt-privacy-lead) a {
    color:#842a30;
    text-decoration:underline;
  }
  body.jt4 .jk-intro .jk-kicker {color:#842a30!important}
  body.jt4 .jk-app .jt4-listen {color:#fff}
  /* The older article reset removed the story cards' dark surface. */
  body.jultomten-child.jt4 article.jt-story-card {
    background:linear-gradient(145deg,#113a59,#081d31)!important;
    color:#fff9e8;
  }
}
.jt4-header{position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1160px;margin:auto;padding:12px 24px;background:#fffdf8;border-bottom:1px solid #dde5df}
.jt4-home{display:flex;align-items:center;gap:10px;font-weight:850;text-decoration:none;color:#17434b;min-height:48px;line-height:1.25}.jt4-home img{width:48px;height:48px;object-fit:contain}.jt4-home small{display:block;font-size:12px;font-weight:600;color:#52676b}
.jt4-menu summary{min-height:48px;padding:12px 18px;border:1px solid #bccdc9;border-radius:18px;cursor:pointer;font-weight:800;color:#183d48;background:#fff}.jt4-menu nav{position:absolute;right:24px;top:78px;display:grid;gap:4px;width:min(320px,calc(100vw - 32px));padding:16px;background:#fffdf8;border:1px solid #bccdc9;border-radius:20px;box-shadow:0 14px 35px #143e4920}.jt4-menu nav a{padding:12px;border-radius:12px;color:#183d48;font-weight:750}.jt4-menu nav a:hover{background:#eaf1ed}
.jt4-welcome{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;margin:14px 0 24px}.jt4-hero-image{grid-column:2;grid-row:1;width:100%;height:auto;display:block;border-radius:28px;box-shadow:0 10px 30px #143a4920}.jt4-welcome-copy{grid-column:1;grid-row:1;padding:14px 12px 14px 28px}.jt4-eyebrow{font-weight:850;color:#486963;font-size:14px;letter-spacing:.05em;margin:0 0 12px}.jt4-welcome h1{font-family:Nunito,system-ui,sans-serif;font-size:clamp(30px,3.5vw,48px);line-height:1.1;color:#173e49;font-weight:900;margin:0 0 16px}.jt4-welcome p:not(.jt4-eyebrow){margin-bottom:20px;font-size:18px}
.jt4-listen,.jt4-primary,.jt4-back,.jt4-diploma button,.jt4-nisse button:not([data-jt4-find]),.jt4-wish-pick{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border:2px solid transparent;border-radius:16px;font:800 16px/1.3 Nunito,system-ui,sans-serif;color:#fff;background:#963a38;cursor:pointer;text-decoration:none;box-shadow:0 3px 0 #76292b}.jt4-listen:hover,.jt4-primary:hover,.jt4-diploma button:hover{background:#7a2d2e;color:#fff}.jt4-listen[aria-pressed=true]{background:#164f59}.jt4-back{background:#e7efeb;color:#17434b;border-color:#cadbd2;box-shadow:none}
.jt4-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 28px}.jt4-paths a{display:grid;grid-template-columns:84px 1fr;align-content:center;align-items:center;column-gap:18px;padding:18px 22px;border-radius:24px;background:#fff9ed;border:2px solid #e6d6b7;box-shadow:0 5px 0 #e5ddce;min-height:132px;color:#213e46;text-decoration:none;transition:transform .15s,border-color .15s}.jt4-paths a[data-jt4-path="lek"]{background:#e6f1ed;border-color:#c5ded3;box-shadow:0 5px 0 #c5ded3}.jt4-paths a[data-jt4-path="skapa"]{background:#f9e9e4;border-color:#e8cfc7;box-shadow:0 5px 0 #e8cfc7}.jt4-paths a.jt4-path-julby{background:#e8f2f5;border-color:#bcd7df;box-shadow:0 5px 0 #bcd7df}.jt4-paths a[aria-current=true]{border-color:#225563;box-shadow:0 5px 0 #225563}.jt4-paths a:hover{transform:translateY(-3px)}.jt4-paths img,.jt4-path-icon{width:84px;height:84px;object-fit:contain;grid-row:1/3;grid-column:1}.jt4-path-icon{display:grid;place-items:center;font-size:58px}.jt4-paths strong{font-size:23px;font-weight:900}.jt4-paths a>span:last-child{font-size:14px;color:#485e60}
.jt4-pane{margin:24px 0 36px;scroll-margin-top:16px}.jt4-pane-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px}.jt4-pane-heading h2{font-family:Nunito,system-ui,sans-serif;font-size:30px;font-weight:900;color:#173e49;margin:0}.jt4-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.jt4-card{display:flex;flex-direction:column;gap:9px;padding:12px 12px 20px;border-radius:22px;background:#fffdf8;border:1px solid #d8e3dd;text-decoration:none;color:#173e49;box-shadow:0 7px 22px #173e490b}.jt4-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#edf2ed;border-radius:14px}.jt4-card strong{font-size:21px;padding:0 6px}.jt4-card span{font-size:15px;padding:0 6px;color:#536667}.jt4-card:hover{border-color:#507b73}.jt4-small{font-size:14px;text-align:center;color:#52676b;padding:20px}
.jt4-footer{max-width:1120px;margin:36px auto 0;padding:24px;border-top:1px solid #d3e1da}.jt4-footer>details{margin:24px 0}.jt4-footer summary,.jt4-book summary,.jt4-diploma details summary{font-weight:800;cursor:pointer;min-height:48px;padding:12px;border-radius:12px;background:#e8efeb;color:#27474b}.jt4-adults{padding:18px;font-size:15px;line-height:1.6}.jt4-adults nav{display:flex;flex-wrap:wrap;gap:18px}.jt4-adults a{color:#194f60}.jt4-credit{font-size:13px;color:#5b7072}.jt4-audio-status{position:sticky;bottom:12px;z-index:90;display:flex;align-items:center;gap:18px;max-width:900px;max-height:150px;overflow:auto;margin:0 auto 12px;padding:12px 18px;border:2px solid #d4e1d8;border-radius:18px;background:#fffdf8;box-shadow:0 5px 24px #183d4830;color:#183d48;font-size:14px}.jt4-audio-status button{flex-shrink:0;background:#173e49;color:white;border:0;border-radius:12px;min-height:44px;padding:10px}.jt4-audio-status span{line-height:1.4}
.jt4 .jtm-heading h2{font-family:Nunito,system-ui,sans-serif;font-weight:900}.jt4 .jtm-subtitle,.jt4 .jtm-simulation-badge{display:none}.jt4 .jtm-modes{gap:8px}.jt4 .jtm-mode,.jt4 .jtm-choice{min-height:56px}.jt4 .jtm-choice{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:17px;border-radius:18px}.jt4-choice-icon{font-size:32px;line-height:1.2}.jt4 .jtm-choice:focus-visible{outline-offset:0!important}.jt4 .jtm-log{max-height:440px}.jt4 .jtm-tools{flex-wrap:wrap}.jt4 .jtm-tool{min-height:44px}.jt4 .jtm-privacy{font-size:13px}.jt4 .jtm-form label{font-size:16px}.jt4 .jtm-input{font-size:18px}.jt4-chat-listen{margin:14px 18px}.jt4 .jtm-notice{font-size:13px}
.jt4-guide{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:12px 0 22px;padding:14px 18px;background:#edf4ef;border:1px solid #d7e5db;border-radius:18px}.jt4-guide p{margin:0;color:#23464d}.jt4 .jt-story-listen{margin:0 0 16px}.jt4 .jt-story-download{font-size:15px;padding:10px;border:1px solid #cad7d0;box-shadow:none;min-height:44px;background:#edf3ec;color:#244b51}.jt4 .jt-story-card-featured{margin-top:12px}.jt4 .jt-storytime-credit{font-size:13px}.jt4 .jt-page-scene{max-height:220px;margin-bottom:20px}.jt4 .jt-wishlist-wrap #jt-wishlist-heading{color:#8b3331}.jt4 .jt-wishlist-intro{color:#3a5052}.jt4 .jt-wishlist-note{font-size:13px}.jt4 .jt-wishlist-kicker{display:none}.jt4 .jt-wishlist-brand{font-size:22px}.jt4-wish-picks{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 18px}.jt4-wish-pick{background:#ecf3ee;color:#224d51;border:1px solid #c2d8ce;box-shadow:none}.jt4-wish-pick[aria-pressed=true]{background:#214f56;color:white}.jt4 .jt-wishlist-actions .jt-btn{font-size:18px}.jt4 .jtb-help{min-height:48px}.jt4 .jtb-result,.jt4 .jtb-success{font-size:20px}
.jt4-nisse{max-width:900px;margin:0 auto}.jt4-nisse h2,.jt4-diploma h2{color:#173e49;font-weight:900;font-family:Nunito,system-ui,sans-serif}.jt4-find-scene{position:relative;margin-top:20px}.jt4-find-scene>img{display:block;width:100%;height:auto;border-radius:24px}.jt4-find-scene button{position:absolute;display:grid;place-items:center;width:64px;height:64px;min-width:48px;min-height:48px;padding:4px;border:2px solid #f8ebbb;border-radius:50%;font-size:34px;background:#fff9edec;box-shadow:0 3px 12px #132c4460;cursor:pointer}.jt4-find-scene [data-jt4-find="stjärna"]{left:15%;top:30%}.jt4-find-scene [data-jt4-find="bjällra"]{left:66%;top:52%}.jt4-find-scene [data-jt4-find="vante"]{left:36%;top:68%}.jt4-find-scene button:disabled{background:#e0f1df;border-color:#597d56;font-size:26px;opacity:1;color:#244824}.jt4-book{margin-top:24px;padding:12px;background:#fff8e9;border:1px solid #ddc9a4;border-radius:18px}.jt4-book>p,.jt4-book>h3{margin:16px}.jt4 #jt4-find-status{font-weight:850;font-size:20px;margin:18px 0}.jt4 #jt4-find-done{padding:20px;background:#e6f3e9;border-radius:18px}.jt4 #jt4-find-done button{margin-right:12px}
.jt4-diploma{max-width:800px;margin:auto}.jt4-diploma fieldset{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;border:0;padding:16px 0}.jt4-diploma legend{padding-top:20px;font-weight:850}.jt4-diploma fieldset label{border:2px solid #d5ddd0;padding:16px;border-radius:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;cursor:pointer;background:#fff9ed;font-weight:800}.jt4-diploma label span{font-size:32px}.jt4-diploma input[type=radio]{width:22px;height:22px;accent-color:#8f3532}.jt4-diploma input:not([type=radio]){width:100%;max-width:400px;display:block;margin:12px 0 18px;border:2px solid #b4cbc1;border-radius:10px;font-size:20px;padding:12px}.jt4-diploma-paper{background:#fffaf0;border:7px double #b48d4b;border-radius:8px;text-align:center;margin:24px 0;padding:36px 28px;color:#193d43}.jt4-diploma-paper h2{font-size:40px}.jt4-diploma-paper h3{font-size:30px;overflow-wrap:anywhere}.jt4-diploma-paper>img{object-fit:contain}.jt4-diploma-deed{font-size:25px;font-weight:900}.jt4-signature{font-style:italic}.jt4-diploma details{margin:20px 0}.jt4-diploma #jt4-diploma-result>button{margin:12px 12px 12px 0}
.jt4-demo{display:grid;gap:10px;max-width:480px;margin:16px auto;padding:16px;border:1px solid #e8ca8b;border-radius:18px;background:#153b4b;color:#fff}.jt4-demo-track{height:70px;position:relative;background:#ecf2f2;border-radius:12px;overflow:hidden;color:#173e49}.jt4-demo-santa{position:absolute;bottom:2px;left:45%;font-size:40px;transition:left .25s,transform .25s}.jt4-demo-package{position:absolute;left:20%;top:2px;font-size:30px}.jt4-demo-controls{display:flex;justify-content:center;gap:12px}.jt4-demo button{min-height:48px;min-width:64px;border:2px solid #e8ca8b;border-radius:12px;background:#fff7e7;color:#193e48;font-weight:900;font-size:19px}.jt4-demo p{margin:0!important;color:#fff!important;font-size:15px!important}.jt4 .jtk-brief .jt4-listen{margin:10px}.jt4 .jtk-brief .jtk-intro{font-size:18px}.jt4 .jtk-mode-picker small{font-size:14px}.jt4 .jtk-primary{min-height:52px}.jt4 .jtk-missions small{line-height:1.3}.jt4 .jt4-celebrate{animation:jt4-cheer .6s ease-out}.jt4-print-root{display:none}
@keyframes jt4-cheer{0%{transform:scale(.94)}60%{transform:scale(1.02)}100%{transform:scale(1)}}
@media(max-width:900px){.jt4-paths a{grid-template-columns:1fr;text-align:center;gap:7px;padding:12px}.jt4-paths img,.jt4-path-icon{grid-row:auto;grid-column:auto;margin:auto;width:70px;height:70px}.jt4-paths strong{font-size:20px}.jt4-paths a>span:last-child{font-size:13px}.jt4-welcome{gap:12px}.jt4-welcome-copy{padding-left:14px}.jt4-cards{gap:12px}.jt4-card strong{font-size:18px}.jt4 .inside-article{padding:20px}}
@media(max-width:600px){.jt4-header{padding:8px 16px}.jt4-home{font-size:16px}.jt4-menu nav{right:16px;top:70px}.jt4 .site-content{padding:12px!important}.jt4 .inside-article{padding:16px}.jt4-welcome{display:flex;flex-direction:column;gap:16px;margin:0 0 20px}.jt4-hero-image{border-radius:20px}.jt4-welcome-copy{width:100%;padding:0 6px;text-align:center}.jt4-eyebrow{font-size:12px;margin-bottom:6px}.jt4-welcome h1{font-size:28px;line-height:1.12;margin:0 0 10px}.jt4-welcome h1 br{display:none}.jt4-welcome p:not(.jt4-eyebrow){font-size:16px;margin-bottom:12px}.jt4-listen{font-size:15px;padding:12px 16px}.jt4-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px}.jt4-paths a{border-radius:18px;padding:12px 5px;min-height:142px;align-content:start;gap:8px}.jt4-paths img,.jt4-path-icon{width:58px;height:58px;font-size:44px}.jt4-paths strong{font-size:17px;line-height:1.1}.jt4-paths a>span:last-child{display:none}.jt4-pane-heading{align-items:flex-start;flex-direction:column;gap:12px}.jt4-pane-heading h2{font-size:26px}.jt4-cards{grid-template-columns:1fr}.jt4-card{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;padding:12px;align-content:center}.jt4-card img{grid-row:1/3;width:110px;height:84px;aspect-ratio:auto;align-self:center;object-fit:contain}.jt4-card strong{padding:0;font-size:20px;align-self:end}.jt4-card span{font-size:14px;padding:0}.jt4-footer{padding:18px}.jt4 .jtm-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.jt4 .jtm-mode{padding:10px 5px;font-size:13px}.jt4 .jtm-mode[data-mode="wish"]{grid-column:auto}.jt4 .jtm-choices{gap:8px}.jt4 .jtm-choice{font-size:15px;padding:12px 8px}.jt4 .jtm-header{padding:16px}.jt4 .jtm-portrait{width:64px;height:64px}.jt4 .jtm-body{padding:14px}.jt4 .jtm-log{max-height:none}.jt4 .jtm-message{font-size:17px}.jt4-audio-status{bottom:4px;margin:0 6px 8px;gap:10px;max-height:160px;padding:10px;font-size:13px}.jt4-audio-status button{max-width:96px;font-size:13px}.jt4 .jt-page-scene{max-height:130px}.jt4-find-scene button{width:50px;height:50px;font-size:28px}.jt4-diploma fieldset{grid-template-columns:1fr}.jt4-diploma fieldset label{min-height:64px;padding:12px}.jt4-diploma-paper{padding:24px 14px}.jt4-diploma-paper h2{font-size:32px}.jt4 .jtk-missions{grid-template-columns:repeat(2,1fr)}.jt4-demo{padding:12px}.jt4 .jt-wishlist-wrap{padding:20px 16px}.jt4-guide{gap:12px;padding:12px}.jt4 .jt-storytime-stage{padding:12px}.jt4 .jt-story-player-row{display:block}.jt4 .jt-story-audio{width:100%;max-width:100%}}
@media(prefers-reduced-motion:reduce){.jt4 *{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
@page{size:A4 portrait;margin:15mm}
@media print{body.jt4-printing> :not(.jt4-print-root){display:none!important}body.jt4-printing{background:#fff!important;margin:0!important;padding:0!important}body.jt4-printing>.jt4-print-root{display:block!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body.jt4-printing .jt4-diploma-paper{box-sizing:border-box;break-inside:avoid;height:auto;min-height:0;width:100%;margin:0;padding:12mm 10mm;border:2mm double #88692e;border-radius:0;font-family:Nunito,Arial,sans-serif;color:#183d48;background:#fffaf0;print-color-adjust:exact}body.jt4-printing .jt4-diploma-paper img{width:25mm;height:25mm}body.jt4-printing .jt4-diploma-paper h2{font-size:28pt;margin:7mm 0}body.jt4-printing .jt4-diploma-paper h3{font-size:22pt;margin:6mm 0}body.jt4-printing .jt4-diploma-paper p{font-size:14pt;line-height:1.5;margin:6mm 0}body.jt4-printing .jt4-diploma-paper .jt4-diploma-deed{font-size:20pt}.jt4-audio-status,.jt4-header,.jt4-footer{display:none!important}}

body.jt4 .entry-content a.jt4-back{color:#17434b!important}body.jt4 .entry-content a.jt4-card{color:#173e49!important}.jt4-find-scene{background:linear-gradient(#e2eef1,#f5fafb);border-radius:24px;padding-bottom:70px}.jt4 .jtm-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.jt4 .jtm-read{margin:12px 18px}.jt4 .jtm-heading>p:not(.jtm-eyebrow),.jt4 .jtm-simulation{display:none}

.jt4-story-art{display:block;width:100%;height:auto;max-height:230px;object-fit:contain;margin:0 auto 18px;border-radius:18px}

.jt4 .jt4-puzzle-done{padding:24px;margin:18px 0;text-align:center;background:#e8f3e8;border:2px solid #adcbb4;border-radius:22px;color:#183d48}.jt4 .jt4-puzzle-done>span{font-size:48px}.jt4 .jt4-puzzle-done h3{color:#183d48;font:900 26px/1.25 Nunito,system-ui,sans-serif}.jt4 .jt4-puzzle-done p{color:#26474b}