
/* Kunst.braks.ee: common, theme-compatible editorial shell. Do not duplicate theme header or footer. */
:root{
  --kunst-shell-width:var(--kunst-content-width,1360px);
  --kunst-shell-gutter:clamp(16px,3vw,32px);
  --kunst-button-radius:999px;
  --kunst-card-image-radius:32px;
  --kunst-card-gap:26px;
}
body.kunst-platform-page{font-family:var(--kunst-ui-font,system-ui,-apple-system,"Segoe UI",sans-serif)}
body.kunst-platform-page .kunst-page-head h1{font-family:var(--kunst-ui-heading-font,var(--kunst-ui-font,system-ui));font-size:clamp(34px,4.5vw,56px);letter-spacing:-.035em;line-height:1.13}
body.kunst-platform-page .kunst-page-content :is(.kk-section,.kunst-material-content,.kunst-worksheet-content){font-size:clamp(16px,1.55vw,18px);line-height:1.65}
body.kunst-platform-page :is(.kunst-page-actions,.kf-actions,.kk-toolbar) :is(button,a.button,.button){border-radius:var(--kunst-button-radius,999px)}
body.kunst-platform-page :is(.kunst-page-shell,.kf-catalog,.kk-wrap,.kunst-material-view,.kunst-worksheet-view){max-width:var(--kunst-shell-width)}
/* Respect existing site header/footer structure; never introduce a second page banner. */
body :is(.wp-site-blocks > header.wp-block-template-part,header.site-header,header#masthead){
  border-bottom:1px solid rgba(49,95,65,.12);
}
body :is(.wp-site-blocks > header.wp-block-template-part,header.site-header,header#masthead) :is(.wp-block-group.has-global-padding,.site-header-inner,.header-inner){
  box-sizing:border-box;
}
body :is(.wp-site-blocks > header.wp-block-template-part,header.site-header,header#masthead) a{
  text-underline-offset:3px;
}
body :is(.wp-site-blocks > header.wp-block-template-part,header.site-header,header#masthead) :is(.wp-block-navigation-item__content,.menu-item>a){
  font:600 14px/1.35 var(--kunst-ui-font,system-ui,sans-serif);
}
body :is(.wp-site-blocks > header.wp-block-template-part,header.site-header,header#masthead) :is(a,button,input):focus-visible{
  outline:3px solid var(--kunst-color-primary-muted,#6a9976);outline-offset:3px
}
body :is(.wp-site-blocks > footer.wp-block-template-part,footer.site-footer,footer#colophon){
  background:var(--kunst-site-footer-bg,#f4f0f7);
  border-top:1px solid rgba(112,81,139,.13);
  color:var(--kunst-color-teacher-dark,#4f4855);
}
body :is(.wp-site-blocks > footer.wp-block-template-part,footer.site-footer,footer#colophon) a{
  color:inherit;text-underline-offset:3px
}
body .kunst-tool-catalog{max-width:var(--kunst-shell-width);margin:32px auto 72px;padding-inline:var(--kunst-shell-gutter)}
.kunst-tool-catalog h1{font:700 clamp(34px,4vw,50px)/1.15 var(--kunst-ui-heading-font,var(--kunst-ui-font,system-ui));letter-spacing:-.03em;margin:0 0 32px}
.kunst-tool-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kunst-card-gap,26px)}
.kunst-tool-catalog-card{min-width:0;padding:28px;border:1px solid #e3e9e4;border-radius:24px;background:#fff;display:flex;flex-direction:column;gap:12px}
.kunst-tool-catalog-card h2{font:700 21px/1.3 var(--kunst-ui-heading-font,system-ui);margin:0}
.kunst-tool-catalog-card p{margin:0 0 auto;color:#59645d;line-height:1.55}
.kunst-tool-catalog-card>a,.kunst-tool-locked .kunst-tool-buy{
  display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;min-height:44px;
  box-sizing:border-box;border-radius:var(--kunst-button-radius,999px);background:var(--kunst-color-primary-main,#315f41);
  color:#fff;text-decoration:none;font-weight:650;align-self:flex-start;
}
.kunst-tool-locked{max-width:650px;margin:24px auto;padding:40px;background:#f5f6f2;border:1px solid #dce6df;border-radius:24px;text-align:center}
.kunst-tool-locked h2{font:700 28px/1.2 var(--kunst-ui-heading-font,system-ui)}
.kunst-tool-locked .kunst-tool-buy{margin-inline:auto}
.kunst-tool-catalog a:focus-visible,.kunst-tool-locked a:focus-visible{outline:3px solid var(--kunst-color-primary-muted,#6a9976);outline-offset:3px}
@media(max-width:900px){.kunst-tool-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.kunst-tool-catalog-grid{grid-template-columns:1fr}.kunst-tool-catalog-card{padding:24px}body.kunst-platform-page .kunst-page-head h1{font-size:clamp(32px,8vw,44px)}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}
