/* Theme Name: Natrium42 */
:root{--bg:#f4f8fa;--panel:#fff;--text:#172b3a;--muted:#526575;--line:#cfdee6;--accent:#06b6d4;--link:#08778c}html[data-theme=dark]{--bg:#09131e;--panel:#111c29;--text:#e6edf5;--muted:#a3b5c6;--line:#304357;--link:#67e8f9;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 'Plus Jakarta Sans',system-ui,sans-serif}a{color:var(--link);font-weight:700;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:999;background:var(--panel)}.wrap{width:min(1280px,94%);margin:auto}.header{border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:20}.header .wrap{display:flex;align-items:center;gap:24px;min-height:86px}.brand{font-size:29px;letter-spacing:-1.2px;color:var(--text);white-space:nowrap}.brand span{color:var(--accent)}nav{display:flex;align-items:center;gap:24px;margin-left:auto}nav a{font-size:14px;color:var(--text)}.toggle{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:50%;width:40px;height:40px}.search{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.search input{width:140px;min-width:0;padding:7px 10px;border:0;background:transparent;color:var(--text)}.search button{border:0;background:transparent;color:var(--link);padding:0 10px}.hero{padding:65px 0 44px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--link)}h1,h2,h3{line-height:1.3;letter-spacing:-.6px}.hero h1{font-size:clamp(32px,4vw,52px);margin:12px 0 18px}.hero p{max-width:740px;color:var(--muted)}.topics{display:flex;gap:12px;flex-wrap:wrap}.topics span{padding:4px 13px;border:1px solid var(--line);border-radius:50px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:32px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.cover{display:block;aspect-ratio:16/9;overflow:hidden;background:#082f49}.cover svg{display:block;width:100%;height:100%}.cardbody{padding:24px}.card h2{font-size:22px;margin:0 0 14px}.card h2 a{color:var(--text)}.card p{margin:0;color:var(--muted);font-size:14px}.pager{display:flex;justify-content:space-between;gap:20px;margin:36px 0 60px}.pager a{display:inline-block;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:10px 18px}.single{padding:42px 0 65px}.single h1{font-size:30px;margin:0 0 32px}.reading{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start}.toc{position:sticky;top:112px;border-left:3px solid var(--accent);padding:0 14px;max-height:75vh;overflow:auto}.toc strong{display:block;font-size:14px;margin-bottom:12px}.toc a{display:block;font-size:13px;font-weight:600;line-height:1.5;padding:7px 0;color:var(--muted)}.content{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px;overflow-wrap:anywhere}.content img{max-width:100%;height:auto}.content svg{max-width:100%;height:auto}.content h2,.content h3{scroll-margin-top:115px}.content table{max-width:100%}.content a{font-weight:700;text-decoration:none}.content p,.content li{line-height:1.8}.pagecontent{max-width:1000px;margin:auto}.pagecontent .toc{display:none}.article-list{padding-left:28px}.article-list li{padding:14px 4px;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:42px 0 20px;background:var(--panel)}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footgrid h3{font-size:17px;margin:0 0 14px}.footgrid a{display:block;font-size:14px;margin:8px 0}.footgrid p{font-size:14px;color:var(--muted);max-width:480px}.copyright{font-size:12px;color:var(--muted);border-top:1px solid var(--line);margin-top:28px;padding-top:20px} @media(max-width:1000px){.header .wrap{flex-wrap:wrap;gap:12px;padding:16px 0}nav{gap:16px}.search{display:none}.reading{grid-template-columns:190px minmax(0,1fr)}.single h1{font-size:25px}}@media(max-width:700px){.brand{font-size:25px}nav{order:3;width:100%;overflow:auto;white-space:nowrap;gap:20px}.toggle{margin-left:auto}.header .wrap{min-height:unset}.hero{padding-top:38px}.cards{grid-template-columns:1fr;gap:22px}.cardbody{padding:20px}.reading{display:block}.toc{position:static;max-height:none;margin-bottom:26px}.content{padding:16px}.single h1{font-size:26px;white-space:normal!important}.footgrid{grid-template-columns:1fr;gap:22px}.pager a{font-size:13px;padding:9px 12px}}

/* Sidebar: boxed title, separate scrolling links, theme-coloured thumb. */
html{scrollbar-color:var(--accent) var(--bg);scrollbar-width:thin}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:8px;border:2px solid var(--bg)}
.header{top:var(--n42-admin-height,0px)}
.toc{top:var(--n42-sidebar-top,112px);max-height:calc(100dvh - var(--n42-sidebar-top,112px) - 24px);display:flex;flex-direction:column;overflow:hidden;padding:16px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;background:var(--bg);font-size:13px;line-height:1.5;align-self:start}
.toc strong{flex:none;margin:0 0 10px;color:var(--accent);text-transform:uppercase;letter-spacing:.5px}
.toc-links{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg);padding:0 8px 4px 0}
.toc a{padding:6px 0;overflow-wrap:anywhere;font-weight:600}
.content h2,.content h3{scroll-margin-top:calc(var(--n42-sidebar-top,112px) + 12px)}
.reading>.reading-main{min-width:0}.reading-main>.content{width:100%}
.content .n42-faq-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;align-items:stretch}
.content .n42-faq-item{min-width:0;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.content .n42-faq-item h3{margin:0 0 12px!important;text-align:left}.content .n42-faq-item p{margin:0;text-align:left}
@media(max-width:700px){.reading-main{width:100%}.toc{position:static;max-height:none;margin-bottom:26px}.toc-links{overflow:visible}.content .n42-faq-grid{grid-template-columns:1fr!important}}

/* Original connected-intelligence hero illustration. */
.hero-with-art{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:30px;padding:42px 0 24px;min-height:435px}
.hero-copy{min-width:0}.hero-with-art h1{font-size:clamp(32px,3.7vw,48px);line-height:1.18;max-width:650px;letter-spacing:-1.5px}
.hero-with-art p{max-width:590px;font-size:15px;line-height:1.85}
.hero-with-art .topics{gap:9px;margin-top:22px}.hero-with-art .topics span{font-size:12px;padding:4px 11px}
.hero-art{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;isolation:isolate}
.n42-tech-scene{width:100%;height:auto;display:block;overflow:visible}
html[data-theme=light] .hero-art{filter:drop-shadow(0 16px 18px #16384b15)}
@media(min-width:1450px){.hero-with-art{gap:44px}}
@media(max-width:900px) and (min-width:701px){.hero-with-art{gap:14px}.hero-with-art h1{font-size:36px}.hero-with-art p{font-size:14px}}
@media(max-width:700px){.hero-with-art{grid-template-columns:1fr;gap:14px;padding-top:38px;min-height:0}.hero-with-art h1{font-size:36px;max-width:550px}.hero-with-art p{font-size:15px}.hero-art{max-width:440px;margin:0 auto}.hero-with-art .topics{margin-top:18px}}