:root{font-family:Arial,Helvetica,sans-serif;color:#f8faf8;background:#08251f;font-synthesis:none;--accent:#b1e681;--ink:#143b30;--border:rgba(189,217,203,.3)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1:focus{outline:0}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{text-wrap:balance}.wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.home,.menu{background:#08251f;min-height:100vh;position:relative}.home:before,.menu:before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,rgba(3,22,19,.22),rgba(2,23,19,.25) 30%,rgba(2,19,16,.83)),url('/assets/forest.png') center/cover no-repeat;z-index:-1}.home #app,.menu #app{min-height:100svh;display:flex;flex-direction:column}.home,.menu{isolation:isolate}.menu:before{background:linear-gradient(90deg,rgba(3,22,19,.87),rgba(3,22,19,.62)),url('/assets/forest.png') center/cover no-repeat}.header{height:128px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{height:56px;width:56px;color:#a8df7d;border:1px solid #a8df7d88;border-radius:50%;display:grid;place-items:center;background:#0b433b66}.brand-mark svg{width:42px;height:42px;stroke-width:1.15}.brand-name{display:block;font-size:37px;font-weight:700;letter-spacing:-1.8px;line-height:1.05;white-space:nowrap}.brand-name>span{color:#a6df79}.brand-name i{display:inline-block;border-radius:50%;width:6px;height:6px;background:#e6be65;margin-left:6px;box-shadow:9px 0 #55b7c6}.brand-tag{display:block;font-size:12px;letter-spacing:3px;margin-top:5px}.header nav{display:flex;gap:30px;align-items:center;font-size:14px}.header nav a{padding:9px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:currentColor}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.6px;line-height:1.5}.landing{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:40px;padding-bottom:85px}.hero{margin-bottom:65px}.hero .eyebrow{color:#d7e3dc;margin-bottom:24px}.hero h1{font-size:clamp(44px,5.9vw,80px);line-height:1.14;font-weight:400;letter-spacing:-2.5px}.hero h1 strong{font-weight:700}.entrances{display:grid;grid-template-columns:1fr 1fr;gap:24px}.entrance{display:flex;align-items:center;gap:24px;padding:32px;border:1px solid #b1e68199;border-radius:14px;background:linear-gradient(120deg,rgba(16,56,36,.88),rgba(6,29,22,.78));backdrop-filter:blur(12px);min-height:190px;position:relative;transition:transform .2s,background .2s,border-color .2s}.entrance:hover{transform:translateY(-5px);border-color:var(--accent);background:#143e2dea}.prilagodba{--accent:#7fd8f3;--ink:#164f67}.entrance.prilagodba{border-color:#7fd8f399;background:linear-gradient(120deg,rgba(13,54,67,.9),rgba(5,32,41,.78))}.entrance.prilagodba:hover{background:#154655e8;border-color:var(--accent)}.topic-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);flex-shrink:0}.topic-icon svg{width:43px;height:43px;stroke-width:1.35}.entrance h2{font-size:29px;letter-spacing:-.5px;margin-bottom:9px}.topic-sub{font-size:12px;letter-spacing:2.8px;line-height:1.8}.description{font-size:16px;color:#e0e9e5;line-height:1.5;max-width:240px;margin-top:19px}.go{color:var(--accent);margin-left:auto;align-self:flex-end}.go svg{width:28px;height:28px}.footer{display:flex;align-items:center;justify-content:center;gap:22px;padding:25px 0 32px;color:#d3dfd8;font-size:14px;margin-top:auto}.footer>span{height:1px;background:#b2c8bd44;flex:1}.footer a{display:flex;gap:12px;align-items:center}.footer svg{width:19px;height:19px}.topic-layout{display:grid;grid-template-columns:35% 1fr;gap:55px;align-items:start;padding-top:30px;padding-bottom:54px;flex:1}.topic-intro{border-right:1px solid #aecabc55;padding-right:30px;height:100%;min-height:550px}.back{display:inline-flex;align-items:center;gap:12px;font-size:14px;line-height:1.5}.back:hover{text-decoration:underline;text-underline-offset:4px}.topic-intro>.topic-icon{margin:45px 0 25px;width:110px;height:110px}.topic-intro>.topic-icon svg{width:54px;height:54px}.topic-intro h1{font-size:44px;letter-spacing:-1.3px;font-weight:700;margin-bottom:8px}.topic-intro .topic-sub{font-size:14px;letter-spacing:2.5px}.accent-rule{display:block;width:58px;height:3px;background:var(--accent);margin:26px 0}.intro-note{color:#bfcfc8;font-size:16px;line-height:1.65;max-width:225px}.list-heading{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.9px;color:#cedbd4;margin:3px 0 18px}.chapter{display:flex;align-items:center;gap:22px;padding:15px 21px;margin-bottom:8px;min-height:66px;border:1px solid #adcbb15c;background:linear-gradient(100deg,#28533899,#14392f9c);backdrop-filter:blur(13px);border-radius:10px;transition:background .15s,transform .15s,border-color .15s}.prilagodba .chapter{background:linear-gradient(100deg,#255a6c99,#103c489c);border-color:#afd7e366}.chapter:hover{background:#335c3fe6;border-color:var(--accent);transform:translateX(4px)}.prilagodba .chapter:hover{background:#275d6ded}.chapter h2{font-size:16px;line-height:1.45;font-weight:700;text-wrap:initial}.chapter-number{color:var(--accent);border-right:1px solid #bacdc34f;padding-right:19px;font-size:20px;font-weight:700;min-width:45px;font-variant-numeric:tabular-nums}.chapter>svg{margin-left:auto;width:23px;color:#d9e4de}.reading{background:#fff;color:#263a35}.reading .header{background:#0a2e25;color:#fff;max-width:none;width:100%;padding-inline:max(50px,calc((100vw - 1240px)/2));height:105px;border-bottom:1px solid #ffffff20}.reading.prilagodba .header{background:#0b3442}.reading .brand-name{font-size:31px}.reading .brand-mark{width:47px;height:47px}.reading .brand-mark svg{width:35px;height:35px}.reading .brand-tag{font-size:11px}.reader{display:grid;grid-template-columns:265px minmax(0,1fr);gap:70px;padding-block:45px 70px;align-items:start}.reader-nav{position:sticky;top:30px;font-size:14px}.reader-nav>.back{color:#586c63;margin-bottom:33px}.nav-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--ink);margin-bottom:20px}.reader-nav nav{border-left:1px solid #dbe3df}.reader-nav nav a{display:flex;gap:12px;padding:12px 15px;color:#596b63;line-height:1.5;border-left:2px solid transparent;margin-left:-1px}.reader-nav nav a>span{font-size:12px;padding-top:2px;color:#84978d}.reader-nav nav a:hover{background:#f2f6f3;color:var(--ink)}.reader-nav nav a[aria-current]{color:var(--ink);background:#edf4ed;border-left-color:#498750;font-weight:700}.reading.prilagodba .reader-nav nav a[aria-current]{background:#edf5f8;border-color:#348fae}.article{min-width:0}.article-top{display:flex;align-items:center;justify-content:space-between;color:var(--ink);margin-bottom:20px}.article-top .eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase}.read-count{font-size:12px;color:#81928a}.article>h1{font-size:clamp(32px,3.5vw,47px);line-height:1.14;letter-spacing:-1.25px;color:#163f32;font-weight:700;padding-bottom:32px;border-bottom:1px solid #dce4df;margin-bottom:30px}.prilagodba .article>h1{color:#174c60}.article-body>h2{font-size:25px;line-height:1.25;color:var(--ink);letter-spacing:-.4px;margin:40px 0 18px;scroll-margin-top:30px}.article-body>h2:first-child{margin-top:0}.article-body>p{font-size:17px;line-height:1.85;margin:0 0 20px;color:#40564c;max-width:77ch;overflow-wrap:break-word}.article-body>p.lead{font-size:19px;line-height:1.75;color:#254839}.prilagodba .article-body>p.lead{color:#264c5c}.callout{padding:22px 26px;background:#eef5ef;border-left:3px solid #659b62;font-size:16px;line-height:1.8;margin:30px 0;border-radius:0 7px 7px 0}.prilagodba .callout{background:#eef6f9;border-color:#559cbb}.document-figure{margin:34px 0;border:1px solid #e0e6e1;border-radius:8px;overflow:hidden;background:#f7f9f7}.document-figure img{width:100%;height:auto;display:block}.document-figure>a{display:block;cursor:zoom-in}.document-figure figcaption{font-size:13px;line-height:1.5;padding:14px 18px;color:#64756c;display:flex;gap:20px;justify-content:space-between}.document-figure figcaption a{flex-shrink:0;text-decoration:underline;text-underline-offset:3px}.diagram{margin:34px 0;background:#f2f7f5;border:1px solid #dbe6df;border-radius:10px;padding:28px}.prilagodba .diagram{background:#f1f7fa;border-color:#dce7ec}.diagram-heading .eyebrow{color:#678075;font-size:10px;letter-spacing:2px}.diagram h3{font-size:23px;color:var(--ink);margin:10px 0 24px;letter-spacing:-.4px}.diagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.diagram-grid.count-2,.diagram-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-grid.count-5{grid-template-columns:repeat(2,minmax(0,1fr))}.diagram-card{background:#fff;border:1px solid #dce5df;border-top:3px solid #5a9770;border-radius:5px;padding:19px 16px}.prilagodba .diagram-card{border-top-color:#4c9cba}.diagram-card h4{color:var(--ink);font-size:16px;line-height:1.35;margin-bottom:11px;text-wrap:initial}.diagram-card p{font-size:14px;line-height:1.7;color:#5b7066}.diagram figcaption{color:var(--ink);font-size:14px;line-height:1.65;border-top:1px solid #d8e3dc;padding-top:18px;margin-top:23px}.table-scroll{overflow-x:auto;margin:30px 0;border:1px solid #dce5df;border-radius:7px}table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.65}th,td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid #e0e8e3;min-width:130px}thead th{background:#edf5f7;color:#245367;font-weight:700}tbody th{font-weight:700;color:#325446}tbody tr:last-child>*{border-bottom:0}.sources{border-top:1px solid #dce4df;margin-top:45px;padding-top:28px}.sources h2{font-size:19px;color:var(--ink);margin-bottom:18px}.sources ol{padding-left:22px;margin:0;color:#758c7e}.sources li{padding-left:6px;margin-bottom:12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.sources a{color:#4c6d5f;text-decoration:underline;text-decoration-color:#becfc4;text-underline-offset:3px}.sources a:hover{color:#143b30}.article-pagination{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #dce4df;margin-top:36px;padding-top:28px;gap:30px}.article-pagination>a{display:flex;flex-direction:column;gap:10px}.article-pagination>a:last-child{text-align:right}.article-pagination span{font-size:12px;color:#7c8c84}.article-pagination strong{font-size:16px;font-weight:700;line-height:1.5;color:var(--ink)}.article-pagination a:hover strong{text-decoration:underline}.reading .footer{color:#647970;background:#f4f7f5}.reading .footer>span{background:#dce5df}.skip{position:fixed;top:-80px;left:20px;z-index:10;background:#fff;color:#183f30;padding:15px}.skip:focus{top:20px}.missing{flex:1;padding-block:100px}.missing h1{margin-bottom:30px}
@media(min-width:1500px){.landing{padding-top:80px;padding-bottom:130px}.hero{margin-bottom:75px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.entrance{padding:25px;gap:18px}.entrance .topic-icon{width:64px;height:64px}.entrance .topic-icon svg{width:34px;height:34px}.entrance h2{font-size:25px}.entrance .topic-sub{font-size:10px;letter-spacing:1.8px}.topic-layout{grid-template-columns:32% 1fr;gap:30px}.topic-intro h1{font-size:36px}.topic-intro .topic-sub{font-size:11px}.reader{gap:35px;grid-template-columns:220px minmax(0,1fr)}.reading .header{padding-inline:32px}.diagram-grid{grid-template-columns:1fr}.document-figure figcaption{display:block}.document-figure figcaption a{display:block;margin-top:7px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:100px}.brand-name{font-size:29px}.brand-tag{font-size:10px;letter-spacing:2.4px}.brand-mark{height:44px;width:44px}.brand-mark svg{height:33px;width:33px}.brand{gap:9px}.header nav{font-size:12px;gap:16px}.landing{padding:35px 0 55px}.hero{margin-bottom:37px}.hero .eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:20px}.hero h1{font-size:clamp(38px,7.5vw,57px);letter-spacing:-1.5px;line-height:1.18}.entrances{grid-template-columns:1fr;gap:15px}.entrance{min-height:156px;padding:25px 22px;gap:20px}.entrance h2{font-size:25px}.entrance .topic-sub{font-size:10px;letter-spacing:1.7px}.description{font-size:14px;margin-top:13px;max-width:230px}.entrance .topic-icon{width:65px;height:65px}.go svg{width:23px}.footer{font-size:12px;gap:14px;padding:22px 0}.topic-layout{display:block;padding-top:14px;padding-bottom:40px}.topic-intro{border:none;padding:0;min-height:0;position:relative}.topic-intro>.topic-icon{margin:26px 0 17px;width:65px;height:65px}.topic-intro>.topic-icon svg{width:34px;height:34px}.topic-intro h1{font-size:38px}.topic-intro .topic-sub{font-size:11px}.topic-intro .accent-rule{margin:20px 0 30px;width:45px;height:2px}.intro-note{display:none}.list-heading{font-size:10px;letter-spacing:1.4px}.chapter{padding:14px 15px;gap:16px;min-height:68px}.chapter h2{font-size:14px;line-height:1.5}.chapter-number{font-size:18px;padding-right:13px;min-width:38px}.chapter>svg{width:20px}.reader{display:block;padding-top:24px}.reader-nav{position:static}.reader-nav>.back{margin-bottom:26px}.reader-nav nav,.nav-title{display:none}.reading .header{height:92px;padding-inline:20px}.reading .header nav>a:first-child{display:none}.reading .brand-name{font-size:28px}.reading .brand-tag{font-size:10px}.article>h1{font-size:34px;letter-spacing:-.8px;line-height:1.2;padding-bottom:25px}.article-top .eyebrow{font-size:10px;letter-spacing:1.5px}.article-body>h2{font-size:24px;line-height:1.3}.article-body>p{font-size:16px;line-height:1.8}.article-body>p.lead{font-size:18px}.diagram{padding:20px;margin-inline:0}.diagram h3{font-size:22px}.diagram-grid,.diagram-grid.count-2,.diagram-grid.count-4,.diagram-grid.count-5{grid-template-columns:1fr}.diagram-card{padding:17px}.diagram-card p{font-size:15px}.callout{padding:20px;font-size:15px}.article-pagination{gap:24px}.article-pagination strong{font-size:14px}.sources li{font-size:14px}.reading .footer{margin-top:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}/* Shared typography across both topics and all chapter pages. */
:root{--font-site:Arial,Helvetica,sans-serif;--text-body:1.0625rem;--text-small:.875rem;--text-section:1.5rem;font-family:var(--font-site)}
body{font-family:var(--font-site);font-weight:400}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4,strong,b{font-weight:700}
.article-body>p,.article-body>p.lead,.callout,.diagram-card p{font-size:var(--text-body);line-height:1.75;font-weight:400}
.article-body>h2,.diagram h3{font-size:var(--text-section);line-height:1.3;letter-spacing:-.4px}
.diagram-card h4{font-size:var(--text-body);line-height:1.4}
.document-figure figcaption,.diagram figcaption,.sources li,table{font-size:var(--text-small);line-height:1.65}
.chapter h2,.article-pagination strong{font-size:1rem;line-height:1.5;font-weight:700}
.entrance h2{font-size:1.75rem;line-height:1.2;font-weight:700}
.topic-intro h1,.article>h1{font-size:clamp(2.125rem,3.5vw,2.75rem);line-height:1.2;letter-spacing:-1px;font-weight:700}
@media(max-width:760px){:root{--text-body:1rem}.entrance h2{font-size:1.5625rem}.chapter h2{font-size:.875rem}}

@media print{.header,.reader-nav,.footer,.article-pagination{display:none}.reader{display:block;width:100%;padding:0}.article{color:#000}.article h1{font-size:28px}.article-body p{font-size:12pt}.diagram,.document-figure{break-inside:avoid}}