.kk-wrap{padding-bottom:90px;font:18px/1.65 system-ui,-apple-system,sans-serif;color:#24272b}
.kk-wrap *,.kk-deck *{box-sizing:border-box}
.kk-article{background:transparent}
.kk-hero{text-align:center}
.kk-favorite,.kk-favorite-login,.kk-in-collection{display:inline-block;border:1px solid #436b4d;background:#fff;border-radius:999px;padding:6px 12px;color:#284d31;font:600 .78rem/1.4 system-ui,sans-serif;text-decoration:none;cursor:pointer}
.kk-favorite[aria-pressed=true]{background:#e6f0e8}
.kk-favorite:disabled{opacity:.6;cursor:wait}
.kk-favorite:focus-visible,.kk-favorite-login:focus-visible,.kk-lesson-neighbors a:focus-visible{outline:0;box-shadow:0 0 0 1px #315f41}
.kk-creator{margin:0 0 12px;color:#526258;font-size:.93rem;line-height:1.4;text-align:center}.kk-creator .kk-edit-link{color:#526258;font-size:.82em;text-decoration:underline;text-underline-offset:2px}.kk-creator .kk-edit-link:hover{color:#244730}.kk-creator-separator{margin:0 .3em;color:#8b978f}
.kk-hero .kk-intro{font-size:1.18rem;line-height:1.42}
.kk-hero .kk-facts{margin-top:12px}
.kk-hero .kk-facts div{padding:8px 12px}
.kk-hero .kk-taxonomies{margin:12px 0}
.kk-hero .kk-gallery{width:100%;margin:clamp(26px,4vh,52px) 0 0;align-items:center}
.kk-hero .kk-gallery img:only-child{grid-column:1/-1;justify-self:center;width:min(100%,760px);max-height:min(38svh,390px)}
.kk-hero .kk-cover{align-self:center;width:min(100%,760px);max-height:min(38svh,390px);margin:clamp(26px,4vh,52px) 0 0}
.kk-intro{font-size:1.3rem;line-height:1.5}
.kk-facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.kk-facts div{border-radius:9px;background:#f1f4ef;padding:10px 16px;display:flex;gap:8px;flex-direction:column;min-width:145px;flex:1}
.kk-facts strong,.kk-taxonomies strong{font:700 .72rem/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em}
.kk-taxonomies{display:flex;flex-wrap:wrap;gap:10px 30px;margin:22px 0}
.kk-taxonomies div{display:flex;gap:8px;align-items:baseline}
.kk-taxonomies a{color:#225940;text-decoration:underline;text-underline-offset:3px}
.kk-taxonomies a:hover{color:#142d20}
.kk-taxonomies a:focus-visible{outline:2px solid #225940;outline-offset:3px}
.kk-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.kk-gallery img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f1f4ef;border-radius:9px}
.kk-cover{display:block;width:calc((100% - 20px)/3);height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:9px;margin:20px 0;background:#f1f4ef}
.kk-section{--kk-accent:#305b3b;--kk-rule:#528461;padding:24px 32px;margin:18px 0;border-radius:12px;border:0}
.kk-section.kk-knowledge{--kk-accent:#28613b;--kk-rule:#508d5e;background:#f1f5ef}
.kk-section.kk-making{--kk-accent:#90501e;--kk-rule:#b57136;background:#faf4ec}
.kk-section.kk-reflection{--kk-accent:#345b81;--kk-rule:#6489aa;background:#f0f3f6}
.kk-section h2{font-size:1.75rem;line-height:1.25;border-bottom:3px solid var(--kk-accent);padding-bottom:14px;margin-bottom:18px;color:var(--kk-accent)!important;text-transform:uppercase!important;letter-spacing:.055em}
.kk-field{border-left:4px solid var(--kk-rule);padding-left:16px;margin:20px 0}
.kk-field h3{font:700 .84rem/1.35 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--kk-accent);margin:0 0 8px}
.kk-field p{margin:5px 0 12px}
.kk-section.kk-teacher{background:#f7f8f6}
.kk-section.kk-origin{background:#f7f8f6;font-size:.84rem}
.kk-origin h2{font-size:1.12rem;border-top:1px solid #cbd5cc;padding-top:14px;margin-bottom:8px}
.kk-origin .kk-field{margin:0}.kk-origin .kk-field h3{font:700 .73rem system-ui,sans-serif;text-transform:uppercase}
.kk-toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;align-items:center;font-size:.85rem;overflow-x:auto}
.kk-toolbar a,.kk-toolbar button{padding:8px 13px;border:1px solid #4c6252;border-radius:7px;color:#244730;text-decoration:none;background:transparent;font:inherit;cursor:pointer}
.kk-toolbar>a,.kk-toolbar>button{flex:0 0 auto;white-space:nowrap}
.kk-toolbar .kk-favorite[aria-pressed="true"]{background:#e6f0e8}
.kk-toolbar .kk-in-collection{border-color:transparent;background:transparent;color:#285e42;font-weight:700;cursor:default}
.kk-access-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 9px;border:1px solid #9fb5a4;border-radius:999px;background:#f5f8f4;color:#315f41;font:700 11px/1.2 system-ui,-apple-system,sans-serif;letter-spacing:.03em;white-space:nowrap}
.kk-access-badge--open{background:#2f7452;color:#fff;border-color:#2f7452;box-shadow:0 2px 8px rgba(47,116,82,.18)}
.kk-access-badge--owned{background:#e6f0e8}.kk-hero .kk-access-badge--owned{background:#315f41;color:#fff;border-color:#315f41;box-shadow:0 2px 8px rgba(49,95,65,.22)}.kk-access-badge--available{background:#f7f6f1;color:#5e624f;border-color:#c8c6b7}
.kk-access-badge--created{background:#f0f2eb;color:#354e3b;border-color:#aab8a9}.kk-hero .kk-access-badge--created{background:#405c47;color:#fff;border-color:#405c47}.kk-access-badge--tested{background:#eef5ef;color:#315f41;border-color:#a9bcae}.kk-hero .kk-access-badge--tested{background:#405c47;color:#fff;border-color:#405c47}
.kk-toolbar .kk-extras-placeholder{opacity:.65;cursor:default}
.kk-toolbar .kf-filter-ui .kf-open{background:#315f41;border-color:#315f41;color:#fff;font-weight:600}
.kk-toolbar .kf-filter-ui .kf-open:hover,.kk-toolbar .kf-filter-ui .kf-open:focus-visible{background:#294e37;border-color:#294e37;color:#fff}
.kk-toolbar span,.kk-notice{color:#6a6252}
.kk-lesson-content{margin:18px 0 0;padding-bottom:42px}
.kk-lesson-content>summary{display:block;width:fit-content;max-width:100%;margin:0 auto;list-style:none;padding:10px 18px;border-radius:8px;background:#315f41;color:#fff;font-weight:700;cursor:pointer}
.kk-lesson-content>summary::-webkit-details-marker{display:none}
.kk-lesson-content>summary:focus-visible{outline:0;box-shadow:0 0 0 1px #315f41}
.kk-lesson-content>summary .kk-hide-label,.kk-lesson-content[open]>summary .kk-show-label{display:none}
.kk-lesson-content[open]>summary .kk-hide-label{display:inline}
.kk-access-teaser{margin:18px 0 36px;padding:30px 32px;border:1px solid #d8e3d9;border-radius:12px;background:#f1f5ef}
.kk-access-teaser h2{font:700 clamp(1.6rem,3vw,2.25rem)/1.2 Georgia,serif;margin:10px 0 14px}
.kk-access-teaser p{margin:9px 0 16px}
.kk-access-details summary{display:inline-block;padding:10px 18px;border-radius:8px;background:#315f41;color:#fff;font-weight:700;cursor:pointer;list-style:none}
.kk-access-details summary::-webkit-details-marker{display:none}
.kk-access-details summary:focus-visible{outline:0;box-shadow:0 0 0 1px #315f41}
.kk-access-details ul{margin:18px 0 0;padding-left:22px}
.kk-access-list{margin:14px 0 22px;padding-left:24px}.kk-access-list li{margin:7px 0}.kk-buy-lesson{display:inline-block;padding:10px 18px;border-radius:8px;background:#315f41;color:#fff!important;font-weight:700;text-decoration:none}.kk-buy-lesson:hover{background:#244a30}
.kk-access-action{display:flex;justify-content:center;align-items:center;margin:26px 0 4px;text-align:center}
.kk-access-action .kk-buy-lesson{margin:0}
.kk-lesson-neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0}
.kk-lesson-neighbors a{display:flex;flex-direction:column;padding:15px 20px;border-radius:10px;background:#eef3ee;color:#254632;text-decoration:none;min-width:0}
.kk-lesson-neighbors .kk-neighbor-unavailable{display:flex;align-items:center;padding:15px 20px;border-radius:10px;background:#f3f4f2;color:#69756b;font-size:.84rem}
.kk-lesson-neighbors .kk-neighbor-unavailable:last-child{text-align:right;justify-content:flex-end}
.kk-lesson-neighbors a:last-child:not(:first-child){text-align:right}
.kk-lesson-neighbors span{font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700}
.kk-lesson-neighbors strong{font-size:1rem;overflow-wrap:anywhere}
.kk-favorites-filter{display:flex;gap:6px;align-items:center}
.kk-filter{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0 26px;padding:18px 20px;background:#f1f5ef;border-radius:12px}
.kk-filter label{font-weight:700;margin-right:4px}
.kk-filter select,.kk-filter button{font:inherit;min-height:42px;padding:6px 12px;border:1px solid #839887;border-radius:7px;background:#fff;color:#24382a}
.kk-filter button{background:#32543e;color:#fff;cursor:pointer}
.kk-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px}
.kk-catalog-card{display:block;text-decoration:none;color:#243028;background:#f7f8f6;border-radius:12px;padding:16px;overflow:hidden}
.kk-catalog-card:hover,.kk-catalog-card:focus-visible{outline:2px solid #63856a}
.kk-catalog-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f1f4ef;border-radius:8px}
.kk-catalog-card h2{font-size:1.35rem;line-height:1.25;margin:14px 0 6px}
.kk-catalog-card p{font-size:.9rem;line-height:1.5;margin:0 0 8px}
.kk-pagination{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}
.kk-pagination a{padding:6px 12px;border:1px solid #839887;border-radius:7px;text-decoration:none;color:#24382a}
.kk-pagination a[aria-current=page]{background:#32543e;color:#fff}
body.kk-student{margin:0;background:#1b241e;color:#202b24}
.kk-deck{width:min(100vw,calc(177.7778dvh - 110.2222px));aspect-ratio:16/9;margin:auto;position:relative;background:#fff;overflow:hidden}
.kk-slide{display:none;width:100%;height:100%;padding:3.5% 5%;overflow:hidden;background:#fdfdf9}
.kk-slide:nth-child(2){--kk-accent:#28613b;--kk-rule:#508d5e;background:#f1f5ef}.kk-slide:nth-child(3){--kk-accent:#90501e;--kk-rule:#b57136;background:#faf4ec}.kk-slide:nth-child(4){--kk-accent:#345b81;--kk-rule:#6489aa;background:#f0f3f6}
.kk-slide.is-active{display:block}
.kk-slide-content{display:flow-root;width:100%;transform-origin:top left;font:26px/1.32 system-ui,-apple-system,sans-serif}
body.kk-student.kk-uppercase .kk-slide-content{text-transform:uppercase}
.kk-slide .kk-kicker{font-size:.5em;letter-spacing:.12em;margin:0 0 .5em}
.kk-slide h1{font:700 2.25em/1.08 Georgia,serif;margin:.08em 0 .26em}
.kk-slide--intro .kk-slide-content{display:flex;flex-direction:column;height:100%}
.kk-slide--intro h1{font-size:1.5em;margin:.08em 0 .32em}
.kk-slide--intro .kk-slide-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.15em;align-items:start;flex:0 0 auto}
.kk-slide--intro .kk-slide-text,.kk-slide--intro .kk-slide-visual{min-width:0}
.kk-slide--intro .kk-intro{font-size:1.04em;line-height:1.38;margin:0 0 .7em}
.kk-slide.kk-slide--intro .kk-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.28em;margin:auto 0 0;padding-top:.55em;flex:0 0 auto}
.kk-slide--intro .kk-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3em;margin:0}
.kk-slide--intro .kk-student-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;max-height:55svh;border-radius:.25em;background:#f1f4ef}
.kk-slide--intro .kk-gallery img:first-child{grid-column:1/-1;max-height:55svh}
.kk-slide--intro .kk-gallery img:not(:first-child){max-height:17svh}
.kk-slide .kk-intro{font-size:1.04em;line-height:1.32;margin:0 0 .35em}
.kk-slide .kk-intro p{margin:.2em 0}
.kk-slide .kk-facts{gap:.35em;margin:.5em 0}
.kk-slide .kk-facts div{min-width:0;padding:.3em .55em;border-radius:.3em}
.kk-slide .kk-facts strong{font-size:.36em}.kk-slide .kk-facts span{font-size:.59em;line-height:1.22;overflow-wrap:anywhere}
.kk-slide .kk-taxonomies{gap:.35em .9em;margin:.35em 0}
.kk-slide .kk-taxonomies strong{font-size:.5em}.kk-slide .kk-taxonomies span{font-size:.72em}
.kk-slide .kk-gallery{margin:.4em 0;gap:.4em}
.kk-slide .kk-gallery img{height:auto;aspect-ratio:16/9;max-height:none;border-radius:.25em}
.kk-slide .kk-section{--kk-accent:inherit;--kk-rule:inherit;padding:0;border:0}
.kk-slide .kk-section>h2{font:700 1.7em/1.14 Georgia,serif;border-bottom:.085em solid var(--kk-accent);padding:0 0 .22em;margin:0 0 .42em;color:var(--kk-accent)!important;text-transform:uppercase!important;letter-spacing:.045em}
.kk-slide .kk-field{margin:.5em 0;border-left:.15em solid var(--kk-rule);padding-left:.6em}
.kk-slide .kk-field h3{font:700 .72em/1.25 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.07em;color:var(--kk-accent);margin:0 0 .18em}
.kk-slide .kk-field p{font-size:.8em;line-height:1.32;margin:0 0 .25em}
.kk-slide .kk-field ul,.kk-slide .kk-field ol{font-size:.8em;line-height:1.32;margin:.15em 0 .3em;padding-left:1.2em}
.kk-deck-nav{height:62px;display:flex;align-items:center;justify-content:center;gap:14px;color:#fff;font:16px system-ui,sans-serif}
.kk-deck-nav button,.kk-teacher-return{font:inherit;color:#fff;background:transparent;border:1px solid #b4c9bc;border-radius:6px;padding:6px 13px;cursor:pointer;text-decoration:none}
.kk-deck-nav button:disabled{opacity:.35;cursor:default}
.kk-deck-nav .kk-offline-placeholder{white-space:nowrap}
.kk-deck-nav .kk-uppercase-toggle[aria-pressed="true"]{background:#e4f2e8;color:#203c29;border-color:#e4f2e8}
.kk-deck-nav button:focus-visible,.kk-teacher-return:focus-visible{outline:3px solid #fff;outline-offset:3px}
.kk-deck-nav .kk-teacher-return{position:static;flex:0 0 auto;font-size:14px;white-space:nowrap}
.kk-deck-nav .kk-count{white-space:nowrap}
@media(max-width:660px){.kk-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.kk-cover{width:100%}.kk-deck-nav{gap:6px;padding:0 10px;overflow-x:auto;justify-content:safe center;white-space:nowrap}.kk-deck-nav .kk-teacher-return{font-size:11px;padding:6px}.kk-deck-nav button{padding:6px 8px}.kk-deck{width:100vw}.kk-slide .kk-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.kk-slide--intro .kk-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.kk-lesson-neighbors{grid-template-columns:1fr}}
@media(max-height:760px){.kk-hero{padding:16px 24px}.kk-hero h1{font-size:clamp(2.2rem,4vw,3.2rem);margin:4px 0 10px}.kk-hero .kk-intro{font-size:1.06rem}.kk-hero .kk-gallery img:only-child,.kk-hero .kk-cover{max-height:29svh}}
@media print{.kk-toolbar,.kk-deck-nav,.kk-lesson-neighbors,.kk-favorite,.kk-favorite-login,.kk-in-collection,.kk-access-badge,.kk-lesson-content>summary,#wpadminbar,header.site-header,footer.site-footer{display:none!important}.kk-wrap{max-width:none;padding:0}.kk-section{break-inside:avoid}.kk-deck{width:100%;height:auto;overflow:visible}.kk-slide{display:block!important;page-break-after:always}}

.kk-toolbar a:focus-visible,.kk-toolbar button:focus-visible{outline:0;box-shadow:0 0 0 1px #315f41}
/* Buttons follow the catalogue: quiet outline controls, green only for primary actions. */
.kk-toolbar a,.kk-toolbar button,.kk-favorite,.kk-favorite-login{font-weight:400;box-shadow:none;transition:background-color .16s ease,border-color .16s ease}
.kk-toolbar a:hover:not(.kk-in-collection),.kk-toolbar button:hover:not(:disabled),.kk-favorite:hover,.kk-favorite-login:hover{background:#edf4ee;border-color:#315f41;color:#244730}

.kk-toolbar .kf-filter-ui .kf-open{font-weight:400}
.kk-lesson-content>summary,.kk-buy-lesson{font:500 12px/1.4 system-ui,-apple-system,sans-serif;letter-spacing:.09em;text-transform:uppercase;transition:background-color .16s ease}
.kk-lesson-content>summary:hover,.kk-buy-lesson:hover{background:#294e37;color:#fff!important}

.kk-extra-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 12px;margin:8px auto 16px;color:#315f41;font:400 13px/1.4 system-ui,-apple-system,sans-serif;text-align:center}
.kk-extra-legend-label{font-weight:700;color:#526258}
.kk-extra-legend-item{display:inline-flex;align-items:center;gap:6px}
.kk-extra-legend-note{color:#65756a}
.kunst-extra-symbol{display:inline-flex;align-items:center;justify-content:center;color:#315f41;font:700 16px/1 system-ui,-apple-system,sans-serif}
.kunst-extra-symbol--material{font-size:13px}
.kk-related-content{margin:26px 0 22px;padding:26px 0 8px;border-top:1px solid #cbd8cd;scroll-margin-top:32px}
.kk-related-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px}
.kk-related-content h2{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}
.kk-related-heading p{margin:0 0 4px;color:#65756a;font-size:.9rem}
.kk-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,300px));gap:18px;justify-content:start;align-items:start}
.kk-related-card{overflow:hidden;border:1px solid #d3ded5;border-radius:12px;background:#f7f8f6;color:#315f41}
.kk-related-preview-trigger{display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#edf2ed;cursor:pointer;overflow:hidden}
.kk-related-preview-trigger img{display:block;width:100%;height:100%;object-fit:cover}
.kk-related-preview-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:8px;color:#496653;background:#eef3ee;font:600 .92rem/1.4 system-ui,-apple-system,sans-serif}
.kk-related-card-body{padding:14px 16px 16px}
.kk-related-type{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:#315f41;font:500 .8rem/1.3 system-ui,-apple-system,sans-serif}
.kk-related-title{display:block;color:#243c2b;text-decoration:none;font-weight:700;font-size:1.04rem;line-height:1.35}
.kk-related-title:hover{text-decoration:underline;text-underline-offset:3px}
.kk-related-card:focus-within,.kk-related-card:hover{border-color:#9db39f;box-shadow:0 3px 14px rgba(49,95,65,.08)}
.kk-preview-modal[hidden]{display:none}
.kk-preview-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:24px}
.kk-preview-backdrop{position:absolute;inset:0;background:rgba(28,39,31,.58)}
.kk-preview-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:min(86vh,760px);overflow:auto;border-radius:14px;background:#fdfdf9;box-shadow:0 18px 60px rgba(0,0,0,.24)}
.kk-preview-close{position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border:1px solid #b8c7ba;border-radius:999px;background:#fff;color:#244730;font-size:26px;line-height:1;cursor:pointer}
.kk-preview-media{background:#eef3ee}
.kk-preview-media img{display:block;width:100%;max-height:52vh;object-fit:contain}
.kk-preview-media:empty{display:none}
.kk-preview-copy{padding:22px 24px 26px}
.kk-preview-type{margin:0 0 6px;color:#315f41;font:700 .78rem/1.3 system-ui,-apple-system,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.kk-preview-copy h3{margin:0 0 8px;font-size:1.6rem;line-height:1.2}
.kk-preview-excerpt{margin:0 0 18px;color:#526258}
.kk-preview-excerpt:empty{display:none}
.kk-preview-open{display:inline-block;padding:10px 16px;border-radius:8px;background:#315f41;color:#fff!important;text-decoration:none;font-weight:700}
.kk-preview-open:hover{background:#294e37}
body.kk-preview-opened{overflow:hidden}
@media(max-width:660px){.kk-related-heading{display:block}.kk-related-heading p{margin-top:6px}.kk-related-grid{grid-template-columns:minmax(0,1fr)}.kk-preview-modal{padding:12px}.kk-preview-copy{padding:18px}}
@media print{.kk-related-content,.kk-preview-modal{display:none!important}}


/* 0.4.41: lisamaterjalide sümbolid on optiliselt võrdsed ning pildita kaart ei korda liigi nimetust. */
.kk-extra-legend .kunst-extra-symbol{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:14px;line-height:1;flex:0 0 18px}
.kk-extra-legend .kunst-extra-symbol--material{font-size:11px}
.kk-related-preview-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#496653;background:#eef3ee}
.kk-related-preview-placeholder .kunst-extra-symbol{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:22px;line-height:1;color:#315f41}
.kk-related-preview-placeholder .kunst-extra-symbol--material{font-size:16px}


/* 0.4.47: sisutüübi tunnusvärv + tööetappide järjekindlad eraldused. */
.kk-wrap{--kk-task-accent:#315f41;--kk-task-soft:#f1f5ef;--kk-task-rule:#9fb5a4;--kk-material-accent:#516a78;--kk-material-soft:#f2f5f7;--kk-material-rule:#b4c2c8;--kk-worksheet-accent:#7a604b;--kk-worksheet-soft:#f7f3ee;--kk-worksheet-rule:#cdbeaf}
.kk-facts div{border:1px solid #dbe6dc;background:var(--kk-task-soft)}

/* Iga tööetapi taust, pealkirjajoon ja väljade eraldusjoon kasutavad sama etapi värviperekonda. */
.kk-section.kk-knowledge{--kk-accent:#28613b;--kk-rule:#508d5e;background:#f1f5ef}
.kk-section.kk-making{--kk-accent:#90501e;--kk-rule:#b57136;background:#faf4ec}
.kk-section.kk-reflection{--kk-accent:#345b81;--kk-rule:#6489aa;background:#f0f3f6}
.kk-section.kk-knowledge h2,.kk-section.kk-making h2,.kk-section.kk-reflection h2{border-bottom-color:var(--kk-accent)}
.kk-section.kk-knowledge .kk-field,.kk-section.kk-making .kk-field,.kk-section.kk-reflection .kk-field{border-left-color:var(--kk-rule)}
.kk-section.kk-knowledge .kk-field h3,.kk-section.kk-making .kk-field h3,.kk-section.kk-reflection .kk-field h3{color:var(--kk-accent)}

/* Ülesandega seotud sisu eristub tüübi järgi ainult joone, tausta ja sümboliga. */
.kunst-extra-symbol--material{color:var(--kk-material-accent)}
.kunst-extra-symbol--worksheet{color:var(--kk-worksheet-accent)}
.kk-related-card--material{border-color:var(--kk-material-rule);background:var(--kk-material-soft)}
.kk-related-card--worksheet{border-color:var(--kk-worksheet-rule);background:var(--kk-worksheet-soft)}
.kk-related-card--material .kk-related-preview-trigger,.kk-related-card--material .kk-related-preview-placeholder{background:var(--kk-material-soft)}
.kk-related-card--worksheet .kk-related-preview-trigger,.kk-related-card--worksheet .kk-related-preview-placeholder{background:var(--kk-worksheet-soft)}
.kk-related-card--material .kk-related-type{color:var(--kk-material-accent)}
.kk-related-card--worksheet .kk-related-type{color:var(--kk-worksheet-accent)}
.kk-related-card--material:hover,.kk-related-card--material:focus-within{border-color:#8fa6b0;box-shadow:0 3px 14px rgba(81,106,120,.10)}
.kk-related-card--worksheet:hover,.kk-related-card--worksheet:focus-within{border-color:#b29c88;box-shadow:0 3px 14px rgba(122,96,75,.10)}
/* Tegevusnupud jäävad kõigis sisutüüpides saidi roheliseks. */
.kk-preview-open,.kk-buy-lesson,.kk-lesson-content>summary{background:#315f41;color:#fff}
.kk-preview-open:hover,.kk-buy-lesson:hover,.kk-lesson-content>summary:hover{background:#244730;color:#fff!important}


/* 0.4.48: materjali ja töölehe tähised kasutavad läbivalt arusaadavamaid ikoone. */
.kunst-extra-symbol{--kunst-extra-icon:none;position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:0;color:currentColor}
.kunst-extra-symbol::before{content:"";display:block;width:1em;height:1em;background:currentColor;-webkit-mask:var(--kunst-extra-icon) center/contain no-repeat;mask:var(--kunst-extra-icon) center/contain no-repeat}
.kunst-extra-symbol--material{--kunst-extra-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4.25 4h5.2c1.04 0 1.92.34 2.55.99.63-.65 1.51-.99 2.55-.99h5.2C20.44 4 21 4.56 21 5.25v13.5c0 .69-.56 1.25-1.25 1.25h-5.2c-1.04 0-1.92.34-2.55.99-.63-.65-1.51-.99-2.55-.99h-5.2C3.56 20 3 19.44 3 18.75V5.25C3 4.56 3.56 4 4.25 4ZM11 6.45c-.36-.64-.86-.95-1.55-.95H4.5v13h4.95c.57 0 1.09.09 1.55.28V6.45Zm2 12.33c.46-.19.98-.28 1.55-.28h4.95v-13h-4.95c-.69 0-1.19.31-1.55.95v12.33Z'/%3E%3C/svg%3E")}
.kunst-extra-symbol--worksheet{--kunst-extra-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h7l5 5v13.25A1.75 1.75 0 0 1 17.25 22H6.75A1.75 1.75 0 0 1 5 20.25V3.75A1.75 1.75 0 0 1 6.75 2H7Zm7 1.9v3.85c0 .69.56 1.25 1.25 1.25h3.85L14 3.9ZM8.2 11.2a.7.7 0 1 0 0 1.4h.6a.7.7 0 1 0 0-1.4h-.6Zm3 0a.7.7 0 1 0 0 1.4h4.6a.7.7 0 1 0 0-1.4h-4.6Zm-3 3.4a.7.7 0 1 0 0 1.4h.6a.7.7 0 1 0 0-1.4h-.6Zm3 0a.7.7 0 1 0 0 1.4h4.6a.7.7 0 1 0 0-1.4h-4.6Zm-3 3.4a.7.7 0 1 0 0 1.4h.6a.7.7 0 1 0 0-1.4h-.6Zm3 0a.7.7 0 1 0 0 1.4h3.1a.7.7 0 1 0 0-1.4h-3.1Z'/%3E%3C/svg%3E")}
.kk-extra-legend .kunst-extra-symbol{width:18px;height:18px;flex:0 0 18px}
.kk-related-preview-placeholder .kunst-extra-symbol{width:34px;height:34px}


/* 0.4.50: materjal = avatud raamatu ikoon, tööleht = küsimuste/ridadega lehe ikoon. */
.kunst-extra-symbol--material{color:#516a78}
.kunst-extra-symbol--worksheet{color:#7a604b}

/* 0.4.50: väikesena loetavad solid-ikoonid. Värv on ühine roheline;
   materjali/töölehe eristus tuleb kujust, mitte lisavärvist. */
.kunst-extra-symbol{
  color:#315f41!important;
  font-size:0!important;
}
.kunst-extra-symbol--material{
  --kunst-extra-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 2h9a2 2 0 0 1 2 2v12h-2V4H8V2ZM5 6h9a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E")!important;
}
.kunst-extra-symbol--worksheet{
  --kunst-extra-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 2h8l6 6v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2Z'/%3E%3C/svg%3E")!important;
}
.kk-extra-legend .kunst-extra-symbol::before{width:16px;height:16px}
.kk-related-preview-placeholder .kunst-extra-symbol::before{width:30px;height:30px}

/* 0.4.50 lõplik värvireegel seotud materjalidele/töölehtedele:
   tüübivärv ainult taustas, muu kujundus ühises rohelises. */
.kk-related-card--material,.kk-related-card--worksheet{
  border-color:#d7e2d8!important;
}
.kk-related-card--material .kk-related-type,
.kk-related-card--worksheet .kk-related-type{
  color:#315f41!important;
}
.kk-related-card--material:hover,.kk-related-card--material:focus-within,
.kk-related-card--worksheet:hover,.kk-related-card--worksheet:focus-within{
  border-color:#9fb5a4!important;
  box-shadow:0 3px 14px rgba(49,95,65,.08)!important;
}

/* 0.4.56: päise geomeetria ja lehe laius tulevad ainult pluginast Kunsti ühine mall. */

/* 0.4.64: kontrollitud kvaliteedimärgis „Katsetatud tunnis“. */
.kk-hero-badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.kk-tested-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 9px;border:1px solid #a9bcae;border-radius:999px;background:#eef5ef;color:#315f41;font:700 11px/1.2 system-ui,-apple-system,sans-serif;letter-spacing:.02em;white-space:nowrap}
.kk-catalog-card>.kk-tested-badge{margin:2px 0 8px}
@media(max-width:700px){.kk-hero-badges{justify-content:flex-start}}


/* 0.4.65: kommentaarid koostaja rea juures ja ühtne tunnis katsetamise märgis. */
.kk-creator{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;margin:0 0 12px;color:#526258;font-size:.93rem;line-height:1.4;text-align:center}
.kk-comments-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:0;border:0;background:transparent;color:#315f41;font:600 1em/1.4 system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:none;text-decoration:none}
.kk-comments-toggle:hover,.kk-comments-toggle:focus-visible{color:#244730;text-decoration:underline;text-underline-offset:3px}
.kk-comments-toggle:focus-visible{outline:0;box-shadow:0 0 0 2px rgba(49,95,65,.16);border-radius:4px}
.kk-comment-icon{display:inline-block;width:16px;height:16px;flex:0 0 16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v8Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v8Z'/%3E%3C/svg%3E") center/contain no-repeat}
.kk-comments-panel{box-sizing:border-box;width:min(760px,100%);margin:16px auto 4px;padding:18px 20px;border:1px solid #d8e3d9;border-radius:10px;background:#f8faf7;color:#293b33;text-align:left}
.kk-comments-panel[hidden]{display:none!important}
.kk-comments-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px}
.kk-comments-panel h2{margin:0!important;font:600 1.15rem/1.25 system-ui,-apple-system,sans-serif!important;color:#315f41!important;text-align:left!important}
.kk-comments-close{padding:3px 0;border:0;background:transparent;color:#526258;font:500 .88rem/1.3 system-ui,-apple-system,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px;box-shadow:none}
.kk-comment-list{list-style:none;margin:0 0 18px;padding:0}
.kk-comment{padding:12px 0;border-top:1px solid #e1e8e2}
.kk-comment:first-child{border-top:0;padding-top:2px}
.kk-comment-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 14px;margin:0 0 5px;color:#526258;font-size:.84rem}
.kk-comment-meta strong{color:#315f41;font-size:.94rem}
.kk-comment-text,.kk-comment-text p{margin:0;color:#293b33;line-height:1.55}
.kk-comment-text p+p{margin-top:8px}
.kk-comments-empty,.kk-comments-closed{margin:6px 0 16px;color:#66736a}
.kk-comments-panel .comment-respond{margin:16px 0 0;padding-top:16px;border-top:1px solid #d8e3d9}
.kk-comments-panel .comment-reply-title{margin:0 0 10px!important;font:600 1rem/1.3 system-ui,-apple-system,sans-serif!important;color:#315f41!important;text-align:left!important}
.kk-comments-panel .comment-form p{margin:9px 0}
.kk-comments-panel .comment-form label{display:block;margin:0 0 5px;color:#405348;font-size:.88rem;font-weight:600}
.kk-comments-panel .comment-form textarea,.kk-comments-panel .comment-form input[type='text'],.kk-comments-panel .comment-form input[type='email'],.kk-comments-panel .comment-form input[type='url']{box-sizing:border-box;width:100%;max-width:100%;padding:9px 11px;border:1px solid #afc0b3;border-radius:7px;background:#fff;color:#293b33;font:inherit}
.kk-comments-panel .comment-form textarea:focus,.kk-comments-panel .comment-form input:focus{outline:0;border-color:#315f41;box-shadow:0 0 0 2px rgba(49,95,65,.12)}
.kk-comments-panel .kk-comment-submit{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #315f41;border-radius:7px;background:#315f41;color:#fff;font:600 .92rem/1.2 system-ui,-apple-system,sans-serif;cursor:pointer;box-shadow:none}
.kk-comments-panel .kk-comment-submit:hover{background:#294e37;border-color:#294e37}
@media(max-width:700px){.kk-comments-panel{padding:15px 16px}.kk-comment-meta{justify-content:flex-start}}

/* 0.4.66: kommentaarile saab lisada ühe foto. */
.kk-comment-photo{margin:10px 0 0}
.kk-comment-photo a{display:inline-block;text-decoration:none}
.kk-comment-photo-image{display:block;max-width:min(100%,360px);height:auto;border:1px solid #d8e3d9;border-radius:10px;background:#fff}
.kk-comments-panel .comment-form-kk-photo input[type='file']{display:block;width:100%;max-width:100%;padding:8px 0;color:#293b33;font:inherit}
.kk-comments-panel .comment-form-kk-photo .description{display:block;margin-top:4px;color:#66736a;font-size:.83rem;line-height:1.45}

/* 0.4.73: väiksemad püsivad slaidipäised; avaslaidi ÜLESANNE kasutab teiste slaididega täpselt sama päisepaigutust. */
body.kk-student .kk-slide--intro{--kk-accent:#28613b;--kk-rule:#508d5e}
body.kk-student .kk-slide-content{
	display:flex;
	flex-direction:column;
	height:100%;
	width:100%;
	font:26px/1.32 system-ui,-apple-system,sans-serif;
}
body.kk-student .kk-slide .kk-kicker{
	flex:0 0 auto;
	font:500 14px/1.2 system-ui,-apple-system,sans-serif;
	letter-spacing:.12em;
	margin:0 0 12px;
}
body.kk-student .kk-slide-heading,
body.kk-student .kk-slide .kk-section>.kk-slide-heading{
	flex:0 0 auto;
	font-family:Georgia,serif;
	font-size:clamp(18px,2.05vw,28px);
	font-weight:700;
	line-height:1.08;
	letter-spacing:.045em;
	color:var(--kk-accent)!important;
	text-transform:uppercase!important;
	white-space:nowrap;
	border-bottom:3px solid var(--kk-accent);
	padding:0 0 7px;
	margin:0;
}
body.kk-student .kk-slide .kk-section{
	display:flex;
	flex-direction:column;
	flex:1 1 0;
	min-height:0;
	padding:0;
	border:0;
}
body.kk-student .kk-slide-fit-body{
	flex:1 1 0;
	min-height:0;
	width:100%;
	transform-origin:top left;
	font:26px/1.32 system-ui,-apple-system,sans-serif;
	margin-top:18px;
}
body.kk-student .kk-slide--intro .kk-slide-fit-body{
	display:flex;
	flex-direction:column;
	margin-top:10px;
}
body.kk-student .kk-slide--intro .kk-facts.kk-facts--compact{
	display:grid;
	grid-template-columns:minmax(0,.75fr) minmax(0,.9fr) minmax(0,2.35fr);
	gap:10px 22px;
	align-items:center;
	flex:0 0 auto;
	margin:7px 0 0;
	padding:0;
}
body.kk-student .kk-slide--intro .kk-facts.kk-facts--compact div{
	display:flex;
	align-items:baseline;
	gap:6px;
	min-width:0;
	padding:0;
	border:0;
	border-radius:0;
	background:transparent;
	white-space:nowrap;
}
body.kk-student .kk-slide--intro .kk-facts.kk-facts--compact strong{
	flex:0 0 auto;
	font:700 10px/1.2 system-ui,-apple-system,sans-serif;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#47564c;
}
body.kk-student .kk-slide--intro .kk-facts.kk-facts--compact span{
	min-width:0;
	font:500 15px/1.2 system-ui,-apple-system,sans-serif;
	color:#202b24;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
body.kk-student .kk-slide--intro h1{
	margin:.08em 0 .32em;
}
@media(max-width:660px){
	body.kk-student .kk-slide-heading,
	body.kk-student .kk-slide .kk-section>.kk-slide-heading{font-size:clamp(15px,3.1vw,20px);padding-bottom:5px;border-bottom-width:2px}
	body.kk-student .kk-slide .kk-kicker{font-size:10px;margin-bottom:7px}
	body.kk-student .kk-slide--intro .kk-facts.kk-facts--compact{gap:5px 9px;margin-top:6px}
	body.kk-student .kk-slide--intro .kk-facts.kk-facts--compact strong{font-size:7px}
	body.kk-student .kk-slide--intro .kk-facts.kk-facts--compact span{font-size:10px}
	body.kk-student .kk-slide-fit-body{margin-top:9px}
}

/* 0.4.74: 48 h võrguühenduseta õpilase vaade */
.kk-offline-control{display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap}
.kk-offline-toggle,.kk-offline-remove{appearance:none;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;padding:.42rem .68rem;font:inherit;line-height:1.2;cursor:pointer}
.kk-offline-toggle:hover,.kk-offline-remove:hover{background:rgba(255,255,255,.14)}
.kk-offline-toggle:disabled{opacity:.55;cursor:default}
.kk-offline-status{font-size:.78rem;opacity:.82}
.kk-offline-remove{border:0;padding:.35rem .15rem;text-decoration:underline;font-size:.78rem}
@media(max-width:760px){.kk-offline-control{white-space:normal;flex-wrap:wrap}.kk-offline-status{width:100%;order:3}}