@font-face{font-family:KnowledgeMusic;src:url('noto-music.woff2') format('woff2');font-display:swap}
.knowledge-page{--ink:#152d38;--muted:#53666b;--paper:#f4f0e7;--cream:#fbf8f1;--gold:#b17a12;--line:#d8d0c1;--kn-shell:980px;--kn-gutter:24px;margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 Arial,sans-serif}
.knowledge-page *{box-sizing:border-box}
.knowledge-page [hidden]{display:none!important}
.knowledge-page a{color:#79500a;text-underline-offset:4px}
.knowledge-page button{font:inherit;cursor:pointer}
.knowledge-page a:focus-visible,.knowledge-page button:focus-visible,.knowledge-page summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.knowledge-page .kn-header{border-bottom:3px solid var(--gold);background:var(--cream);box-shadow:0 5px 18px #6f5b3b18}
.knowledge-page .kn-header-inner{width:min(var(--kn-shell),100%);margin:auto;padding:12px var(--kn-gutter);display:flex;align-items:center;justify-content:space-between;gap:16px}
.knowledge-page .kn-brand img{display:block;width:clamp(170px,18vw,230px);height:auto}
.knowledge-page .kn-back{flex-shrink:0;padding:7px 12px;border:1px solid #315f5659;border-radius:10px;background:#fff;color:#315f56;font-size:13px;font-weight:700;text-decoration:none}
.knowledge-page main{width:min(var(--kn-shell),100%);margin:0 auto;padding:24px var(--kn-gutter) 48px}
.knowledge-page h1,.knowledge-page h2,.knowledge-page h3{font-family:Georgia,serif;font-weight:500;line-height:1.2}
.knowledge-page h1{font-size:clamp(35px,5vw,54px);letter-spacing:-.025em;margin:8px 0 18px}
.knowledge-page h2{font-size:clamp(25px,3vw,32px);margin:0 0 18px}
.knowledge-page h3{font-size:22px;margin:24px 0 12px}
.knowledge-page p{margin:0 0 16px}
.knowledge-page .kn-kicker{color:#79500a;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px}
.knowledge-page .kn-intro{max-width:650px;color:var(--muted);font-size:17px}
.knowledge-page .kn-grid{--kn-card-width:270px;--kn-card-height:250px;--kn-x:330px;--kn-y:320px;--kn-ring:640px;--kn-centre:210px;position:relative;width:100%;height:900px;margin:0 auto 24px}
.knowledge-page .kn-grid::before{content:'';position:absolute;left:50%;top:50%;width:var(--kn-ring);aspect-ratio:1;border:1px solid #cdbd9e;border-radius:50%;transform:translate(-50%,-50%);opacity:.72;pointer-events:none}
.knowledge-page .kn-centre{position:absolute;left:50%;top:50%;display:grid;place-content:center;width:var(--kn-centre);aspect-ratio:1;margin:0;border:1px solid #cdbd9e;border-radius:50%;background:var(--cream);box-shadow:inset 0 0 0 14px #f0eadf;color:var(--gold);font:500 28px/1.05 Georgia,serif;letter-spacing:-.02em;text-align:center;transform:translate(-50%,-50%);z-index:2}
.knowledge-page .kn-card{--x:0px;--y:0px;position:absolute;left:50%;top:50%;width:var(--kn-card-width);height:var(--kn-card-height);display:flex;flex-direction:column;padding:26px 24px;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:18px;background:var(--tint);text-decoration:none;color:var(--ink);box-shadow:0 8px 24px #152d380d;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y)));transition:transform .18s,box-shadow .18s;z-index:1}
.knowledge-page .kn-card:nth-of-type(1){--y:calc(-1 * var(--kn-y))}
.knowledge-page .kn-card:nth-of-type(2){--x:var(--kn-x);--y:calc(-.5 * var(--kn-y))}
.knowledge-page .kn-card:nth-of-type(3){--x:var(--kn-x);--y:calc(.5 * var(--kn-y))}
.knowledge-page .kn-card:nth-of-type(4){--y:var(--kn-y)}
.knowledge-page .kn-card:nth-of-type(5){--x:calc(-1 * var(--kn-x));--y:calc(.5 * var(--kn-y))}
.knowledge-page .kn-card:nth-of-type(6){--x:calc(-1 * var(--kn-x));--y:calc(-.5 * var(--kn-y))}
.knowledge-page .kn-card:hover,.knowledge-page .kn-card:focus-visible{transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.025);box-shadow:0 12px 28px #152d3818;z-index:3}
.knowledge-page .kn-card h2{font-size:27px;margin:0 0 14px}
.knowledge-page .kn-card p{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 20px}
.knowledge-page .kn-card-action{display:block;margin-top:auto;padding:8px 6px;border:1px solid #152d3820;border-radius:8px;background:#ffffff99;text-align:center;font-size:13px;font-weight:700;color:var(--accent)}
.knowledge-page #kn-overview>.kn-note{max-width:620px;margin:0 auto;text-align:center}
.knowledge-page [data-chapter="note"]{--accent:#80580e;--tint:#eee5d4}
.knowledge-page [data-chapter="intervali"]{--accent:#326779;--tint:#dce7e8}
.knowledge-page [data-chapter="akordi"]{--accent:#904b34;--tint:#eadcd3}
.knowledge-page [data-chapter="lestvice"]{--accent:#4f6d46;--tint:#dde5d6}
.knowledge-page [data-chapter="ritem"]{--accent:#73506c;--tint:#e6dce5}
.knowledge-page [data-chapter="melodija"]{--accent:#274e60;--tint:#d9e1e6}
.knowledge-page .kn-chapter{max-width:780px;margin:0 auto}
.knowledge-page.kn-reading{--kn-shell:1120px}
.knowledge-page.kn-reading main{padding-top:44px}
.knowledge-page .kn-reading-layout{display:grid;grid-template-columns:236px minmax(0,1fr);align-items:start;gap:28px}
.knowledge-page .kn-reading-content{min-width:0}
.knowledge-page .kn-sidebar{position:sticky;top:24px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 8px 12px 0}
.knowledge-page .kn-sidebar-panel>summary{display:none}
.knowledge-page .kn-sidebar-title{margin:0 0 14px;padding:0 12px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.knowledge-page .kn-toc-overview{display:block;padding:7px 12px;margin-bottom:12px;font-size:13px}
.knowledge-page .kn-toc,.knowledge-page .kn-toc-sections{padding:0;margin:0;list-style:none}
.knowledge-page .kn-toc-group{margin:0 0 5px}
.knowledge-page .kn-toc-chapter{display:block;padding:9px 12px;border-radius:8px;color:var(--ink);font-size:15px;font-weight:700;text-decoration:none}
.knowledge-page .kn-toc-chapter:hover{background:var(--tint)}
.knowledge-page .kn-toc-chapter[aria-current="page"]{background:var(--tint);color:var(--accent)}
.knowledge-page .kn-toc-sections{display:none;margin:8px 0 14px 13px;border-left:1px solid var(--line)}
.knowledge-page .kn-toc-group.is-current .kn-toc-sections{display:block}
.knowledge-page .kn-toc-sections a{display:block;margin:3px 0 3px -1px;padding:8px 9px 8px 14px;border-left:3px solid transparent;border-radius:0 7px 7px 0;color:var(--muted);font-size:13px;line-height:1.55;text-decoration:none}
.knowledge-page .kn-toc-sections a:hover{color:var(--accent);background:#ffffff70}
.knowledge-page .kn-toc-sections a[aria-current="location"]{border-left-color:var(--accent);background:var(--tint);color:var(--accent);font-weight:700}
.knowledge-page .kn-toc-additions{list-style:none;margin:0 0 6px 10px;padding:0}
.knowledge-page .kn-toc-additions a{font-size:12px}
.knowledge-page .kn-toc-level{display:block;margin-bottom:2px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.025em}
.knowledge-page .kn-practice{scroll-margin-top:20px}
.knowledge-page .kn-toc a:focus-visible{outline-offset:-2px}
.knowledge-page .kn-chapter-heading{border-left:4px solid var(--accent);padding-left:22px;margin-bottom:28px}
.knowledge-page .kn-chapter-heading h1:focus{outline:0}
.knowledge-page .kn-lesson{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:30px;margin:0 0 22px;scroll-margin-top:20px}
.knowledge-page .kn-lesson p:last-child{margin-bottom:0}
.knowledge-page .kn-example{padding:16px 20px;border-left:3px solid var(--accent);background:var(--tint);border-radius:0 9px 9px 0;margin:20px 0}
.knowledge-page .kn-note{color:var(--muted);font-size:14px}
.knowledge-page .kn-staff{display:block;width:100%;height:auto;max-height:220px}
.knowledge-page .kn-score-scroll{overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
.knowledge-page .kn-staff text{font-family:Arial,sans-serif;fill:var(--ink);font-size:13px}
.knowledge-page .kn-staff .kn-acc{font-family:KnowledgeMusic,serif;font-size:23px}
.knowledge-page figure{margin:22px 0}
.knowledge-page figcaption{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.6}
.knowledge-page .kn-sound-row{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.knowledge-page .kn-sound{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:7px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:14px}
.knowledge-page .kn-sound:hover{border-color:var(--accent);background:var(--tint)}
.knowledge-page .kn-sound[aria-pressed="true"]{border-color:var(--accent);background:var(--tint)}
.knowledge-page .kn-table-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:9px}
.knowledge-page table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;background:#fff}
.knowledge-page th,.knowledge-page td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line);vertical-align:top}
.knowledge-page th{background:var(--tint);font-weight:700}
.knowledge-page tr:last-child td{border-bottom:0}
.knowledge-page td:first-child{font-weight:600}
.knowledge-page .kn-more{margin:24px 0 4px;border-top:1px solid var(--line);padding-top:18px;scroll-margin-top:20px}
.knowledge-page .kn-more summary{cursor:pointer;font-weight:700;color:var(--accent);padding:4px 0}
.knowledge-page .kn-more[open] summary{margin-bottom:18px}
.knowledge-page .kn-practice{padding:24px 28px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;background:var(--tint);margin:30px 0}
.knowledge-page .kn-practice h2{font-size:26px;margin-bottom:10px}
.knowledge-page .kn-practice p{font-size:14px}
.knowledge-page .kn-actions{display:flex;gap:10px;flex-wrap:wrap}
.knowledge-page .kn-actions a{padding:10px 16px;border:1px solid var(--accent);border-radius:9px;background:#fff;color:var(--accent);font-size:14px;font-weight:700;text-decoration:none}
.knowledge-page .kn-actions a:hover{box-shadow:0 3px 9px #152d3815}
.knowledge-page .kn-related{border-top:1px solid var(--line);padding-top:18px;font-size:14px;color:var(--muted)}
.knowledge-page .kn-related a{margin-left:12px;display:inline-block;padding:4px 0}
.knowledge-page .kn-end{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:32px;font-size:14px}
.knowledge-page .kn-pulse{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:18px 0 8px}
.knowledge-page .kn-pulse span{padding:10px 3px;text-align:center;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:14px}
.knowledge-page .kn-pulse .strong{border-top:4px solid var(--accent);font-weight:700;background:var(--tint)}
.knowledge-page .kn-music-symbol{font:28px KnowledgeMusic,serif}
.knowledge-page footer{padding:22px 24px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:13px}
.knowledge-page .kn-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:999px){
  .knowledge-page .kn-grid{--kn-card-width:clamp(176px,23vw,220px);--kn-card-height:220px;--kn-x:min(280px,calc((100vw - var(--kn-gutter) * 2 - var(--kn-card-width)) / 2 - 2px));--kn-y:260px;--kn-ring:520px;--kn-centre:170px;height:760px}
  .knowledge-page .kn-card{padding:20px 18px}
  .knowledge-page .kn-card h2{font-size:25px}
  .knowledge-page .kn-centre{font-size:24px}
}
@media(max-width:700px){.knowledge-page{--kn-gutter:16px}.knowledge-page.kn-reading main{padding-top:30px}.knowledge-page .kn-lesson{padding:23px 20px}.knowledge-page .kn-practice{padding:22px 20px}}
@media(max-width:580px){
  .knowledge-page:not(.kn-reading) main{padding-top:8px;padding-bottom:34px}
  .knowledge-page .kn-grid{--kn-card-width:clamp(90px,calc((100vw - 52px) / 3),112px);--kn-card-height:126px;--kn-x:min(121px,calc((100vw - var(--kn-gutter) * 2 - var(--kn-card-width)) / 2 - 2px));--kn-y:140px;--kn-ring:280px;--kn-centre:var(--kn-card-width);height:480px;margin-bottom:12px}
  .knowledge-page .kn-card{padding:16px 8px 12px;border-top-width:3px;border-radius:14px;text-align:center}
  .knowledge-page .kn-card h2{font-size:18px;margin:4px 0 12px}
  .knowledge-page .kn-card p,.knowledge-page .kn-action-detail{display:none}
  .knowledge-page .kn-card-action{padding:8px 3px;font-size:12px}
  .knowledge-page .kn-centre{font-size:14px;line-height:1.08;box-shadow:inset 0 0 0 8px #f0eadf}
  .knowledge-page #kn-overview>.kn-note{font-size:13px}
}
@media(max-width:400px){.knowledge-page .kn-brand img{width:160px}.knowledge-page .kn-back{font-size:11px;padding:7px 9px}.knowledge-page .kn-header-inner{gap:9px}.knowledge-page th,.knowledge-page td{padding:9px 10px}.knowledge-page .kn-lesson{padding:22px 16px}.knowledge-page .kn-actions a{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.knowledge-page .kn-card{transition:none}}
@media(max-width:860px){
  .knowledge-page .kn-reading-layout{display:block}
  .knowledge-page .kn-sidebar{top:0;z-index:20;max-height:none;padding:8px 0;margin:0 0 22px;background:var(--paper);overflow:visible}
  .knowledge-page .kn-sidebar-panel{border:1px solid var(--line);border-radius:10px;background:var(--cream);box-shadow:0 4px 12px #152d380c}
  .knowledge-page .kn-sidebar-panel>summary{display:block;position:relative;cursor:pointer;padding:11px 38px 11px 14px;list-style:none;font-size:13px;font-weight:700;line-height:1.5}
  .knowledge-page .kn-sidebar-panel>summary::-webkit-details-marker{display:none}
  .knowledge-page .kn-sidebar-panel>summary::after{content:'⌄';position:absolute;right:14px;top:17px;font:22px/1 Arial,sans-serif;color:#79500a}
  .knowledge-page .kn-sidebar-panel[open]>summary::after{content:'⌃'}
  .knowledge-page #kn-mobile-position{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:12px;font-weight:400}
  .knowledge-page #kn-navigation{padding:8px 10px 14px;border-top:1px solid var(--line);max-height:calc(78svh - 76px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .knowledge-page .kn-sidebar-title{display:none}
  .knowledge-page .kn-toc-chapter{padding:10px 12px}
  .knowledge-page .kn-toc-sections a{min-height:40px;padding-top:10px;padding-bottom:10px}
  .knowledge-page .kn-lesson,.knowledge-page .kn-practice,.knowledge-page .kn-more{scroll-margin-top:100px}
}
@media print{.knowledge-page .kn-header,.knowledge-page .kn-sound-row,.knowledge-page .kn-sidebar,.knowledge-page .kn-end,.knowledge-page footer{display:none}.knowledge-page main{width:100%;padding:0}.knowledge-page .kn-lesson{break-inside:avoid}.knowledge-page{background:#fff}}
@media print{.knowledge-page .kn-reading-layout{display:block}}

/* Nadaljevalna poglavja na pregledu. */
.kn-more-topics{max-width:1040px;margin:54px auto 8px;padding:0 24px}.kn-more-topics>h2{font:normal clamp(28px,4vw,38px)/1.2 Georgia,serif;margin:0 0 8px}.kn-more-topics>p{color:var(--muted);margin:0 0 22px}.kn-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kn-more-grid>a{position:relative;display:flex;flex-direction:column;gap:8px;min-height:126px;padding:18px 34px 18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--cream);color:var(--ink);text-decoration:none;box-shadow:0 2px 7px #152d3808}.kn-more-grid>a:hover{border-color:var(--gold);box-shadow:0 5px 16px #152d3815}.kn-more-grid strong{font:normal 21px/1.25 Georgia,serif}.kn-more-grid span:not(.kn-more-arrow){font-size:13px;line-height:1.45;color:var(--muted)}.kn-more-arrow{position:absolute;right:17px;top:15px;color:#79500a;font-weight:700}@media(max-width:760px){.kn-more-topics{padding:0 16px;margin-top:35px}.kn-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.kn-more-grid{grid-template-columns:1fr}.kn-more-grid>a{min-height:0}}