/* ═══════════════════════════════════════════════════════════════
   KofetARTca učilnica – stran tečaja "Iz čorbe v evre" · v0.2.0
   Prenos iz akademija-2026/redesign-kako-poteka-v1/index.html.
   Vse je zaprto v .kof-cp (vsebina tečaja v temi Ohio, ne Focus Mode).
   ═══════════════════════════════════════════════════════════════ */
body.kof-skin{
  --kof-cream:#f1e7e1;--kof-cream-2:#f9f4f0;--kof-ink:#191815;--kof-coral:#f08571;--kof-coral-mid:#eba394;--kof-coral-soft:#ffd3ca;
  --kof-citron:#dcdf7a;--kof-muted:#68635c;
  --kof-display:"Wix Madefor Display","Avenir Next","Helvetica Neue",Arial,sans-serif;
  --kof-text:"Wix Madefor Text","Helvetica Neue",Arial,sans-serif;--kof-mono:"Space Mono",monospace;
  --kof-content:1240px;--kof-gutter:clamp(1rem,4vw,4rem);--kof-radius:26px}
/* tema Ohio: skrij velik naslov s kategorijo in LD-jev info trak; ozadje bež */
body.kof-skin.single-sfwd-courses .page-headline,
body.kof-skin.single-sfwd-courses .post-share,body.kof-skin.single-sfwd-courses .ld-course-status{display:none!important}
body.kof-skin.single-sfwd-courses #content,body.kof-skin.single-sfwd-courses .site-content{background:var(--kof-cream)!important}
body.kof-skin.single-sfwd-courses .post-page-container.top-offset{padding-top:0!important;margin-top:0!important}
body.kof-skin.single-sfwd-courses .page-content,body.kof-skin.single-sfwd-courses #primary,body.kof-skin.single-sfwd-courses .site-main,
body.kof-skin.single-sfwd-courses .entry-content{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important}
/* čez celo širino */
body.kof-skin .kof-cp{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--kof-cream);color:var(--kof-ink);font:400 17px/1.55 var(--kof-text);-webkit-font-smoothing:antialiased;overflow-x:clip}
body.kof-skin .kof-cp *,body.kof-skin .kof-cp *::before,body.kof-skin .kof-cp *::after{box-sizing:border-box}
body.kof-skin .kof-cp a{color:inherit}
body.kof-skin .kof-cp button{font:inherit;color:inherit}
body.kof-skin .kof-cp :focus-visible{outline:4px solid var(--kof-coral);outline-offset:4px}
body.kof-skin .kof-cp .wrap{width:min(calc(100% - 2*var(--kof-gutter)),var(--kof-content));margin-inline:auto}
body.kof-skin .kof-cp .eyebrow{margin:0 0 1rem;font:700 .66rem/1.4 var(--kof-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--kof-ink)}
body.kof-skin .kof-cp h1,body.kof-skin .kof-cp h2,body.kof-skin .kof-cp h3,body.kof-skin .kof-cp p{margin-top:0}
body.kof-skin .kof-cp h1,body.kof-skin .kof-cp h2,body.kof-skin .kof-cp h3{font-family:var(--kof-display);font-weight:700;line-height:.98;letter-spacing:-.045em;text-wrap:balance;color:var(--kof-ink);text-transform:none}
body.kof-skin .kof-cp h1{max-width:1050px;margin-bottom:1.5rem;font-size:clamp(2.9rem,7.3vw,7.2rem)}
body.kof-skin .kof-cp h2{max-width:900px;margin-bottom:1.2rem;font-size:clamp(2.4rem,5.5vw,5.7rem)}
body.kof-skin .kof-cp h3{margin-bottom:.75rem;font-size:clamp(1.65rem,2.8vw,2.7rem);letter-spacing:-.035em;line-height:1.02}
body.kof-skin .kof-cp p{font-family:var(--kof-text);color:inherit}
body.kof-skin .kof-cp .lead{max-width:760px;font-size:clamp(1.12rem,1.6vw,1.35rem);line-height:1.55}
/* uvod */
body.kof-skin .kof-cp .hero{position:relative;padding:clamp(3.5rem,7vw,6.5rem) 0 clamp(2.25rem,4vw,3.5rem)}
body.kof-skin .kof-cp .hero .eyebrow{margin-bottom:2.15rem;letter-spacing:.16em}
body.kof-skin .kof-cp .hero-emphasis{position:relative;display:inline-block;white-space:nowrap}
body.kof-skin .kof-cp .hero-emphasis::after{content:"";position:absolute;left:-.02em;right:-.04em;bottom:.06em;height:.14em;border-radius:999px;background:var(--kof-coral);z-index:-1;transform:rotate(-1.2deg)}
body.kof-skin .kof-cp .hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;margin-top:clamp(2rem,4vw,4rem)}
body.kof-skin .kof-cp .hero-bottom .lead{margin-bottom:0}
body.kof-skin .kof-cp .hero-copy{max-width:760px}
body.kof-skin .kof-cp .hero-signoff{margin:1rem 0 0;font-weight:700}
body.kof-skin .kof-cp .hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}
body.kof-skin .kof-cp .text-link{font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
body.kof-skin .kof-cp .btn{display:inline-flex;align-items:center;justify-content:center;gap:.9rem;min-height:66px;padding:1rem 1.7rem;border:2px solid var(--kof-ink);border-radius:999px;min-width:min(100%,330px);background:var(--kof-coral);color:var(--kof-ink);box-shadow:5px 5px 0 var(--kof-ink);font-family:var(--kof-display);font-size:1.05rem;font-weight:700;line-height:1.1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
body.kof-skin .kof-cp .btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--kof-ink);color:var(--kof-ink)}
body.kof-skin .kof-cp .btn .arrow{display:inline-flex;align-items:center;align-self:stretch;margin-left:.25rem;padding-left:1.2rem;border-left:1.5px solid currentColor;font:700 1.35rem/1 var(--kof-mono)}
body.kof-skin .kof-cp .btn .arrow svg{display:block;width:1.3rem;height:1.3rem}
/* štiri veščine */
body.kof-skin .kof-cp .skill-strip{padding-block:clamp(1.2rem,2.5vw,2.2rem);background:var(--kof-cream)}
body.kof-skin .kof-cp .skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.75rem,1.4vw,1.15rem)}
body.kof-skin .kof-cp .skill{min-height:350px;padding:2rem clamp(1rem,2vw,2rem);border:2px solid var(--kof-ink);border-radius:22px;background:var(--kof-cream-2)}
body.kof-skin .kof-cp .skill:nth-child(2) .skill-number{background:var(--kof-citron)}
body.kof-skin .kof-cp .skill-number{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;margin-bottom:1.8rem;border:1.5px solid var(--kof-ink);border-radius:6px;font:700 .72rem/1 var(--kof-mono)}
body.kof-skin .kof-cp .skill h3{min-height:2.05em;margin-bottom:.35rem;font-size:clamp(1.35rem,2.1vw,2rem)}
body.kof-skin .kof-cp .skill p{min-height:3.1em;margin-bottom:1.15rem;color:var(--kof-muted)}
body.kof-skin .kof-cp .skill-list{margin:0;padding:0;list-style:none;color:var(--kof-ink);font-size:.88rem;line-height:1.35}
body.kof-skin .kof-cp .skill-list li{padding:.55rem 0;border-top:1px dashed var(--kof-ink);margin:0}
/* pot */
body.kof-skin .kof-cp .path-intro{padding:clamp(5.5rem,10vw,10rem) 0 clamp(3rem,6vw,5rem)}
body.kof-skin .kof-cp .path-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,7vw,8rem);align-items:end}
body.kof-skin .kof-cp .plain-note{max-width:480px;margin-left:auto;padding-left:1.4rem;border-left:5px solid var(--kof-coral);font-size:1.05rem}
body.kof-skin .kof-cp .path{padding-bottom:clamp(5rem,10vw,10rem)}
body.kof-skin .kof-cp .stage{position:relative;display:grid;grid-template-columns:minmax(140px,.34fr) minmax(0,1fr);min-height:520px;margin-bottom:clamp(2.75rem,5vw,5rem);overflow:hidden;border:2px solid var(--kof-ink);border-radius:var(--kof-radius);background:var(--kof-cream-2);scroll-margin-top:6rem}
body.kof-skin .kof-cp .stage:last-child{margin-bottom:0}
body.kof-skin .kof-cp .stage-side{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:clamp(1.5rem,3vw,2.6rem);border-right:2px solid var(--kof-ink);background:var(--kof-coral)}
body.kof-skin .kof-cp .stage:nth-child(2) .stage-side{background:var(--kof-coral-mid)}
body.kof-skin .kof-cp .stage:nth-child(3) .stage-side{background:var(--kof-coral-soft)}
body.kof-skin .kof-cp .stage:nth-child(4) .stage-side{background:var(--kof-citron);color:var(--kof-ink)}
body.kof-skin .kof-cp .stage-no{font:700 clamp(4.8rem,10vw,9.5rem)/.8 var(--kof-display);letter-spacing:-.08em}
body.kof-skin .kof-cp .stage-label{font:700 .72rem/1.4 var(--kof-mono);letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg);align-self:end}
body.kof-skin .kof-cp .stage-main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(250px,.75fr);gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,5rem);align-items:center}
body.kof-skin .kof-cp .stage-copy h3{max-width:760px;font-size:clamp(2.15rem,3.3vw,3.5rem)}
body.kof-skin .kof-cp .stage-copy .eyebrow{margin-bottom:.75rem;font-size:.58rem;letter-spacing:.09em}
body.kof-skin .kof-cp .stage-copy>p{max-width:620px;margin-bottom:1.4rem;font-size:clamp(1.05rem,1.4vw,1.22rem)}
body.kof-skin .kof-cp .stage-link{margin:1.2rem 0 0!important;font-size:1rem!important}
body.kof-skin .kof-cp .stage-link a{font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
body.kof-skin .kof-cp .program-lines{max-width:680px;margin:1.7rem 0 0;padding:0;border-top:1.5px dashed var(--kof-ink);list-style:none}
body.kof-skin .kof-cp .program-lines li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:1rem;padding:.85rem 0;margin:0;border-bottom:1.5px dashed var(--kof-ink);font-size:.96rem;line-height:1.45}
body.kof-skin .kof-cp .program-lines b{color:var(--kof-coral);font:700 .69rem/1.5 var(--kof-mono);letter-spacing:.05em;text-transform:uppercase}
body.kof-skin .kof-cp .stage-meta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.5rem}
body.kof-skin .kof-cp .tag{padding:.32rem .58rem;border:1px solid var(--kof-ink);border-radius:999px;font:700 .62rem/1.25 var(--kof-mono);text-transform:uppercase;letter-spacing:.04em}
body.kof-skin .kof-cp .deliverable{align-self:stretch;padding:clamp(1.4rem,2.5vw,2.2rem);border-radius:20px;background:var(--kof-ink);color:var(--kof-cream-2)}
body.kof-skin .kof-cp .deliverable h4{margin:0 0 1rem;font:700 .72rem/1.4 var(--kof-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--kof-coral)}
body.kof-skin .kof-cp .checks{margin:0;padding:0;list-style:none}
body.kof-skin .kof-cp .checks li{position:relative;padding:.85rem 0 .85rem 2.45rem;margin:0;border-top:1px solid rgba(249,244,240,.2);line-height:1.4;color:var(--kof-cream-2)}
body.kof-skin .kof-cp .checks li::before{content:"";position:absolute;left:0;top:.76rem;width:1.55rem;height:1.55rem;background:var(--kof-coral)}
body.kof-skin .kof-cp .checks li::after{content:"";position:absolute;left:.775rem;top:1.535rem;width:.7rem;height:.38rem;border-left:3px solid var(--kof-cream-2);border-bottom:3px solid var(--kof-cream-2);transform:translate(-50%,-50%) rotate(-45deg);transform-origin:center}
body.kof-skin .kof-cp .stage-recommended{box-shadow:0 0 0 7px var(--kof-coral-soft)}
body.kof-skin .kof-cp .stage-recommended::after{content:"ZAČNI TUKAJ";position:absolute;top:1rem;right:1rem;z-index:3;padding:.55rem .75rem;border:2px solid var(--kof-ink);border-radius:7px;background:var(--kof-coral-soft);font:700 .68rem/1 var(--kof-mono);letter-spacing:.08em;transform:rotate(2deg)}
/* kje si zdaj */
body.kof-skin .kof-cp .router{padding:clamp(5rem,10vw,9rem) 0;border-block:2px solid var(--kof-ink);background:var(--kof-coral)}
body.kof-skin .kof-cp .router-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,7rem);align-items:start}
body.kof-skin .kof-cp .router-options{display:grid;gap:.75rem}
body.kof-skin .kof-cp .router-option{display:grid;grid-template-columns:32px 1fr auto;gap:1rem;align-items:center;width:100%;min-height:80px;padding:1rem 1.25rem;border:2px solid var(--kof-ink);border-radius:15px;background:var(--kof-cream-2);text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease;box-shadow:none;text-transform:none}
body.kof-skin .kof-cp .router-option:hover{transform:translateX(5px);background:var(--kof-cream-2)}
body.kof-skin .kof-cp .router-option[aria-pressed="true"]{background:var(--kof-coral-soft)}
body.kof-skin .kof-cp .box{position:relative;display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--kof-ink);border-radius:4px;background:var(--kof-cream-2)}
body.kof-skin .kof-cp .router-option[aria-pressed="true"] .box::after{content:"";width:.82rem;height:.45rem;margin-top:-.2rem;border-left:3px solid var(--kof-coral);border-bottom:3px solid var(--kof-coral);transform:rotate(-45deg)}
body.kof-skin .kof-cp .router-option strong{font-family:var(--kof-display);font-size:1.05rem;line-height:1.15;color:var(--kof-ink)}
body.kof-skin .kof-cp .router-option .arrow{font:700 1.4rem/1 var(--kof-mono)}
body.kof-skin .kof-cp .recommendation{min-height:118px;margin-top:1rem;padding:1rem 1.2rem;border:2px solid var(--kof-ink);border-radius:15px;background:var(--kof-ink);color:var(--kof-cream-2)}
body.kof-skin .kof-cp .recommendation b{color:var(--kof-coral)}
body.kof-skin .kof-cp .recommendation a.rec-link{display:inline-block;margin-top:.6rem;padding:.5rem .9rem;border:2px solid var(--kof-cream-2);border-radius:999px;color:var(--kof-cream-2);font-weight:700;text-decoration:none}
body.kof-skin .kof-cp .recommendation a.rec-link:hover{background:var(--kof-cream-2);color:var(--kof-ink)}
/* rezultat */
body.kof-skin .kof-cp .outcomes{padding:clamp(5rem,10vw,10rem) 0;background:var(--kof-ink);color:var(--kof-cream-2)}
body.kof-skin .kof-cp .outcomes h2,body.kof-skin .kof-cp .outcomes h3,body.kof-skin .kof-cp .outcomes .eyebrow{color:var(--kof-cream-2)}
body.kof-skin .kof-cp .outcomes h2{max-width:1050px}
body.kof-skin .kof-cp .outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(3rem,6vw,6rem);border-top:1px solid rgba(255,255,255,.25)}
body.kof-skin .kof-cp .outcome{display:grid;grid-template-columns:44px 1fr;gap:1rem;min-height:145px;padding:1.6rem 1rem 1.6rem 0;border-bottom:1px solid rgba(255,255,255,.25)}
body.kof-skin .kof-cp .outcome:nth-child(odd){padding-right:2rem;border-right:1px solid rgba(255,255,255,.25)}
body.kof-skin .kof-cp .outcome:nth-child(even){padding-left:2rem}
body.kof-skin .kof-cp .outcome-check{position:relative;display:grid;place-items:center;width:42px;height:42px;background:var(--kof-citron)}
body.kof-skin .kof-cp .outcome-check::after{content:"";width:1.15rem;height:.62rem;margin-top:-.22rem;border-left:4px solid var(--kof-ink);border-bottom:4px solid var(--kof-ink);transform:rotate(-45deg)}
body.kof-skin .kof-cp .outcome h3{margin:0 0 .45rem;font-size:clamp(1.2rem,2vw,1.7rem);letter-spacing:-.025em}
body.kof-skin .kof-cp .outcome p{margin:0;color:rgba(249,244,240,.7)}
/* kako delaš */
body.kof-skin .kof-cp .how{padding:clamp(5rem,10vw,9rem) 0;border-bottom:2px solid var(--kof-ink)}
body.kof-skin .kof-cp .how-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,9rem);align-items:start}
body.kof-skin .kof-cp .how-list{border-top:2px solid var(--kof-ink)}
body.kof-skin .kof-cp .how-item{display:grid;grid-template-columns:90px 1fr;gap:1.5rem;padding:1.7rem 0;border-bottom:2px solid var(--kof-ink)}
body.kof-skin .kof-cp .how-item b{font:700 .72rem/1.4 var(--kof-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kof-coral)}
body.kof-skin .kof-cp .how-item h3{margin-bottom:.4rem;font-size:clamp(1.3rem,2vw,1.8rem)}
body.kof-skin .kof-cp .how-item p{margin:0;color:var(--kof-muted)}
/* zaključek + seznam lekcij */
body.kof-skin .kof-cp .final-cta{padding:clamp(5rem,10vw,9rem) 0;text-align:center;background:var(--kof-coral)}
body.kof-skin .kof-cp .final-cta h2,body.kof-skin .kof-cp .final-cta .lead{margin-inline:auto}
body.kof-skin .kof-cp .final-cta .btn{margin-top:1.5rem;background:var(--kof-cream-2)}
body.kof-skin .kof-cp .lessons-intro{padding:clamp(4rem,8vw,7rem) 0 1rem}
body.kof-skin .kof-cp .lessons-intro h2{font-size:clamp(2rem,4vw,3.6rem)}
/* LearnDash seznam lekcij pod stranjo: beli gumbi kot v meniju */
body.kof-skin.single-sfwd-courses .learndash-wrapper--course .ld-item-list{width:min(calc(100% - 2*var(--kof-gutter)),var(--kof-content));margin:0 auto clamp(4rem,8vw,7rem)!important;font-family:var(--kof-text)}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-section-heading{border:0!important;padding:0 0 12px!important;margin:0!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-section-heading h2{font:700 .72rem/1.4 var(--kof-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--kof-ink)!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list-actions .ld-expand-button{background:#fff!important;color:var(--kof-ink)!important;border:1.5px solid var(--kof-ink)!important;border-radius:8px!important;box-shadow:none!important;font:600 13px var(--kof-text)!important;text-transform:none!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item{background:#fff!important;border:2px solid var(--kof-ink)!important;border-radius:16px!important;margin:0 0 12px!important;padding:0!important;box-shadow:none!important;overflow:hidden}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview{padding:12px 14px!important;background:transparent!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-name{font-family:var(--kof-display)!important;font-weight:700!important;font-size:16px!important;color:var(--kof-ink)!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-title{font-family:var(--kof-display)!important;font-weight:700!important;color:var(--kof-ink)!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-status-icon{width:32px!important;height:32px!important;border:1.5px solid var(--kof-ink)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;margin-right:12px!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-status-icon.ld-status-complete{background:var(--kof-citron)!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-expand-button{background:var(--kof-cream-2)!important;color:var(--kof-ink)!important;border:1.5px solid var(--kof-ink)!important;border-radius:8px!important;box-shadow:none!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item-expanded{background:transparent!important;border-top:1.5px dashed var(--kof-ink)!important;padding:6px!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list-item a{color:var(--kof-ink)!important;font-family:var(--kof-text)!important;text-decoration:none!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-details .ld-item-component{font:12px var(--kof-mono)!important;color:var(--kof-muted)!important}
@media (max-width:950px){
  body.kof-skin .kof-cp .skill-grid{grid-template-columns:repeat(2,1fr)}
  body.kof-skin .kof-cp .stage-main{grid-template-columns:1fr}
  body.kof-skin .kof-cp .stage{min-height:auto}
  body.kof-skin .kof-cp .router-grid,body.kof-skin .kof-cp .how-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  body.kof-skin .kof-cp .hero{min-height:auto;padding-top:3rem}
  body.kof-skin .kof-cp h1{font-size:clamp(2.8rem,14vw,4.8rem)}
  body.kof-skin .kof-cp .hero-emphasis{white-space:normal}
  body.kof-skin .kof-cp .hero-bottom{grid-template-columns:1fr}
  body.kof-skin .kof-cp .hero-actions{align-items:stretch}
  body.kof-skin .kof-cp .btn{width:100%}
  body.kof-skin .kof-cp .skill-grid{grid-template-columns:1fr}
  body.kof-skin .kof-cp .skill{min-height:auto}
  body.kof-skin .kof-cp .skill h3,body.kof-skin .kof-cp .skill p{min-height:0}
  body.kof-skin .kof-cp .skill-number{margin-bottom:1.5rem}
  body.kof-skin .kof-cp .path-intro-grid{grid-template-columns:1fr}
  body.kof-skin .kof-cp .plain-note{margin-left:0}
  body.kof-skin .kof-cp .stage{grid-template-columns:74px minmax(0,1fr);border-radius:18px}
  body.kof-skin .kof-cp .stage-side{padding:1rem .65rem}
  body.kof-skin .kof-cp .stage-no{font-size:3.1rem}
  body.kof-skin .kof-cp .stage-main{padding:1.4rem;gap:1.4rem}
  body.kof-skin .kof-cp .program-lines li{grid-template-columns:1fr;gap:.25rem}
  body.kof-skin .kof-cp .stage-recommended::after{position:static;display:block;width:max-content;margin:1rem 1rem 0 auto}
  body.kof-skin .kof-cp .router-option{grid-template-columns:28px 1fr}
  body.kof-skin .kof-cp .router-option .arrow{display:none}
  body.kof-skin .kof-cp .box{width:28px;height:28px}
  body.kof-skin .kof-cp .outcome-grid{grid-template-columns:1fr}
  body.kof-skin .kof-cp .outcome,body.kof-skin .kof-cp .outcome:nth-child(odd),body.kof-skin .kof-cp .outcome:nth-child(even){padding:1.4rem 0;border-right:0}
  body.kof-skin .kof-cp .how-item{grid-template-columns:1fr;gap:.6rem}
}
@media (prefers-reduced-motion:reduce){body.kof-skin .kof-cp *,body.kof-skin .kof-cp *::before,body.kof-skin .kof-cp *::after{transition:none!important}}
/* seznam lekcij na strani tečaja čez celo širino (tema Ohio ga stisne v ozek stolpec) */
body.kof-skin.single-sfwd-courses .learndash-wrapper--course .ld-item-list{width:100vw!important;max-width:none!important;margin:0 calc(50% - 50vw) clamp(4rem,8vw,7rem)!important;padding:0 var(--kof-gutter)!important;box-sizing:border-box}
body.kof-skin.single-sfwd-courses .learndash-wrapper--course .ld-item-list>*{max-width:var(--kof-content);margin-left:auto!important;margin-right:auto!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper--course .ld-item-list .ld-item-list-items{max-width:var(--kof-content);margin:0 auto!important;display:grid;grid-template-columns:1fr;gap:12px;max-width:820px}
body.kof-skin.single-sfwd-courses .learndash-wrapper--course .ld-item-list .ld-item-list-item{margin:0!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper--course .ld-item-list .ld-item-list-item .ld-item-name{display:flex;align-items:center;gap:12px}

/* ── "Iz čorbe v evre" znotraj lekcije Dobrodošla (.kof-cp.kof-inline): brez čez-celo-širino, manjše velikosti, sekcije kot kartice ── */
body.kof-skin .kof-cp.kof-inline{width:100%!important;margin:0!important;background:transparent;overflow:visible;--kof-gutter:0px}
body.kof-skin .kof-cp.kof-inline .wrap{width:100%}
body.kof-skin .kof-cp.kof-inline .hero{padding:0 0 32px}
body.kof-skin .kof-cp.kof-inline .hero .eyebrow{margin-bottom:16px}
body.kof-skin .kof-cp.kof-inline .hero-h{font-family:var(--kof-display);font-weight:800;line-height:.98;letter-spacing:-.045em;font-size:clamp(40px,5.2vw,64px);margin:0 0 20px;max-width:none}
body.kof-skin .kof-cp.kof-inline .hero-bottom{grid-template-columns:1fr;gap:20px;margin-top:20px}
body.kof-skin .kof-cp.kof-inline .hero-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:16px}
body.kof-skin .kof-cp.kof-inline .btn{min-height:56px;min-width:0;padding:.8rem 1.4rem;font-size:1rem}
body.kof-skin .kof-cp.kof-inline h2{font-size:clamp(28px,3.4vw,40px)!important;margin:0 0 16px!important;max-width:none}
body.kof-skin .kof-cp.kof-inline h3{font-size:clamp(20px,2.2vw,26px)!important;margin:0 0 8px!important}
body.kof-skin .kof-cp.kof-inline .lead{font-size:18px!important}
body.kof-skin .kof-cp.kof-inline .skill-strip{padding:8px 0 24px}
body.kof-skin .kof-cp.kof-inline .skill-grid{grid-template-columns:1fr 1fr;gap:12px}
body.kof-skin .kof-cp.kof-inline .skill{min-height:auto;padding:20px}
body.kof-skin .kof-cp.kof-inline .skill h3,body.kof-skin .kof-cp.kof-inline .skill p{min-height:0}
body.kof-skin .kof-cp.kof-inline .skill h3{font-size:22px!important}
body.kof-skin .kof-cp.kof-inline .path-intro{padding:40px 0 20px}
body.kof-skin .kof-cp.kof-inline .path-intro-grid{grid-template-columns:1fr;gap:12px}
body.kof-skin .kof-cp.kof-inline .plain-note{margin-left:0}
body.kof-skin .kof-cp.kof-inline .path{padding-bottom:40px}
body.kof-skin .kof-cp.kof-inline .stage{grid-template-columns:88px 1fr;min-height:auto;margin-bottom:20px;border-radius:20px}
body.kof-skin .kof-cp.kof-inline .stage-side{padding:18px 12px}
body.kof-skin .kof-cp.kof-inline .stage-no{font-size:3.6rem}
body.kof-skin .kof-cp.kof-inline .stage-main{grid-template-columns:1fr;gap:20px;padding:22px}
body.kof-skin .kof-cp.kof-inline .stage-copy h3{font-size:clamp(22px,2.6vw,30px)!important}
body.kof-skin .kof-cp.kof-inline .stage-copy>p{font-size:16px}
body.kof-skin .kof-cp.kof-inline .program-lines li{grid-template-columns:96px 1fr}
body.kof-skin .kof-cp.kof-inline .deliverable{padding:20px}
body.kof-skin .kof-cp.kof-inline .router{padding:28px 24px;border:2px solid var(--kof-ink);border-radius:22px;margin:12px 0 40px}
body.kof-skin .kof-cp.kof-inline .router-grid{grid-template-columns:1fr;gap:16px}
body.kof-skin .kof-cp.kof-inline .router-option{min-height:64px;padding:12px 16px}
body.kof-skin .kof-cp.kof-inline .outcomes{padding:28px 24px;border-radius:22px;margin:0 0 40px}
body.kof-skin .kof-cp.kof-inline .outcome-grid{grid-template-columns:1fr;margin-top:20px}
body.kof-skin .kof-cp.kof-inline .outcome,body.kof-skin .kof-cp.kof-inline .outcome:nth-child(odd),body.kof-skin .kof-cp.kof-inline .outcome:nth-child(even){padding:16px 0;border-right:0;min-height:0}
body.kof-skin .kof-cp.kof-inline .how{padding:0 0 32px;border-bottom:0}
body.kof-skin .kof-cp.kof-inline .how-grid{grid-template-columns:1fr;gap:12px}
body.kof-skin .kof-cp.kof-inline .how-item{padding:16px 0}
body.kof-skin .kof-cp.kof-inline .final-cta{padding:32px 24px;border:2px solid var(--kof-ink);border-radius:22px}
body.kof-skin .kof-cp.kof-inline .final-cta .btn{margin-top:12px}
body.kof-skin .ld-focus-content .kof-cp.kof-inline p,body.kof-skin .ld-focus-content .kof-cp.kof-inline li{max-width:none}
body.kof-skin .ld-focus-content .kof-cp.kof-inline ul{padding-left:0!important;margin:0!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline a{text-decoration:none}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .stage-link a,body.kof-skin .ld-focus-content .kof-cp.kof-inline .text-link{text-decoration:underline}
/* v lekciji: koža sicer vsem p/li vsili 17 px in črno; tu vrnemo velikosti in barve strani */
body.kof-skin .ld-focus-content .kof-cp.kof-inline p.eyebrow{font:700 .66rem/1.4 var(--kof-mono)!important;letter-spacing:.11em;text-transform:uppercase;margin:0 0 12px!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .stage-copy p.eyebrow{font-size:.62rem!important;margin-bottom:8px!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline p.lead{font-size:18px!important;line-height:1.55!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline p.hero-signoff{font-size:17px!important;font-weight:700}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .stage-copy>p{font-size:16px!important;line-height:1.5!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline p.plain-note{font-size:16px!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .skill p{font-size:16px!important;color:var(--kof-muted)!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .skill-list li{font-size:14px!important;line-height:1.35!important;margin:0!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .program-lines li{font-size:15px!important;line-height:1.45!important;margin:0!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .deliverable,body.kof-skin .ld-focus-content .kof-cp.kof-inline .deliverable *{color:var(--kof-cream-2)!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .deliverable h4{color:var(--kof-coral)!important;font:700 .72rem/1.4 var(--kof-mono)!important;letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .checks li{font-size:16px!important;line-height:1.4!important;margin:0!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .outcomes,body.kof-skin .ld-focus-content .kof-cp.kof-inline .outcomes *{color:var(--kof-cream-2)!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .outcomes .eyebrow{color:var(--kof-coral)!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .outcome p{color:rgba(249,244,240,.75)!important;font-size:16px!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .recommendation,body.kof-skin .ld-focus-content .kof-cp.kof-inline .recommendation *{color:var(--kof-cream-2)!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .recommendation b{color:var(--kof-coral)!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .how-item p{font-size:16px!important;color:var(--kof-muted)!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .how-item b{font:700 .72rem/1.4 var(--kof-mono)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--kof-coral)!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .program-lines b{font:700 .69rem/1.5 var(--kof-mono)!important;color:var(--kof-coral)!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .router-option strong{font-size:16px!important}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .stage{grid-template-columns:104px 1fr}
body.kof-skin .ld-focus-content .kof-cp.kof-inline .stage-no{font-size:3.2rem;white-space:nowrap;letter-spacing:-.06em}
/* ── stran tečaja: seznam tem znotraj lekcije (LD "lekcija Content"): naša oranžna, bež glava, naši gumbi ── */
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-expand-button,
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-actions .ld-expand-button{display:inline-flex!important;align-items:center;gap:6px;min-height:36px;padding:6px 12px!important;background:var(--kof-cream-2)!important;color:var(--kof-ink)!important;border:1.5px solid var(--kof-ink)!important;border-radius:8px!important;box-shadow:none!important;font:600 12px/1 var(--kof-mono)!important;letter-spacing:.04em;text-transform:none!important;position:static!important;transform:none!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-expand-button .ld-icon{display:none!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-expand-button .ld-text{color:var(--kof-ink)!important;font:600 12px/1 var(--kof-mono)!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-expand-button:hover{background:var(--kof-citron)!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview{display:flex!important;align-items:center;gap:12px}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-name{flex:1;min-width:0}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details{margin-left:auto!important;display:flex;align-items:center;gap:10px}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item-expanded{padding:0!important;background:transparent!important;border-top:1.5px dashed var(--kof-ink)!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list{background:transparent!important;border:0!important;margin:0!important;padding:0!important;box-shadow:none!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-header{background:var(--kof-cream-2)!important;color:var(--kof-ink)!important;border:0!important;border-bottom:1.5px dashed var(--kof-ink)!important;border-radius:0!important;padding:12px 18px!important;margin:0!important;display:flex!important;align-items:center;justify-content:space-between;gap:16px}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-header::before,body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-header::after{display:none!important;content:none!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-title{font:12px/1.4 var(--kof-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--kof-ink)!important;display:flex;align-items:center;gap:10px;margin:0!important;padding:0!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-title::before{content:"";width:10px;height:10px;background:var(--kof-coral);border:1px solid var(--kof-ink);border-radius:3px;flex:none}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-title .ld-item-icon,body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-title .ld-icon{display:none!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-lesson-details,body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-lesson-details *{font:12px/1.4 var(--kof-mono)!important;font-weight:400!important;color:var(--kof-muted)!important;text-transform:none!important;background:transparent!important;border:0!important;margin:0!important;padding:0!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-progress-bar,body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-sep{display:none!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-progress-heading,body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-progress-stats{display:flex!important;gap:10px;align-items:center}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-items{padding:6px!important;margin:0!important;background:transparent!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-item{border:0!important;background:transparent!important;margin:0!important;padding:0!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-item a.ld-table-list-item-preview{display:flex!important;align-items:center;gap:12px;min-height:52px;padding:10px 12px!important;border-radius:8px!important;color:var(--kof-ink)!important;font:16px/1.3 var(--kof-text)!important;text-decoration:none!important;background:transparent!important;border:0!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-item a.ld-table-list-item-preview:hover{background:var(--kof-cream-2)!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-item .ld-status-icon{flex:none;width:28px!important;height:28px!important;min-width:28px;border:1.5px solid var(--kof-ink)!important;border-color:var(--kof-ink)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;margin:0!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-item .ld-status-icon.ld-status-incomplete::before{content:none!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-item .ld-topic-title{color:var(--kof-ink)!important;font:16px/1.3 var(--kof-text)!important;margin:0!important;padding:0!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-footer{display:none!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon{border-color:var(--kof-ink)!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-status-icon.ld-status-incomplete::before{content:none!important}
/* gumb: puščica brez ločilne črte, brez prisilne širine */
body.kof-skin .kof-cp .btn{min-width:0;gap:.7rem}
body.kof-skin .kof-cp .btn .arrow{border-left:0;padding-left:0;margin-left:0}
/* gumbi "Kje si zdaj?": brez dvojnega obroča, povezava v okvirčku v eni vrsti */
body.kof-skin .kof-cp .router-option:focus{outline:0}
body.kof-skin .kof-cp .router-option:focus-visible{outline:3px solid var(--kof-ink);outline-offset:3px}
body.kof-skin .kof-cp .recommendation a.rec-link{display:inline-flex;align-items:center;white-space:nowrap;line-height:1.2}
/* "Kje si zdaj?": črn okvirček v višini postavk (80 px), ne večji od besedila */
body.kof-skin .kof-cp .recommendation{min-height:80px;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:1rem 1.25rem;line-height:1.45}
body.kof-skin .kof-cp .recommendation a.rec-link{margin-top:0}
body.kof-skin .kof-cp.kof-inline .recommendation{min-height:64px;margin-top:12px}
/* tema Ohio ima svoj razred .btn (brez roba in sence): naši gumbi z !important */
body.kof-skin .kof-cp .btn,body.kof-skin .kof-cp a.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.7rem!important;min-height:64px!important;height:auto!important;padding:1rem 1.6rem!important;border:2px solid var(--kof-ink)!important;border-radius:999px!important;background:var(--kof-coral)!important;background-image:none!important;color:var(--kof-ink)!important;box-shadow:5px 5px 0 var(--kof-ink)!important;font-family:var(--kof-display)!important;font-size:1.05rem!important;font-weight:700!important;line-height:1.1!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;margin:0 5px 5px 0!important;overflow:visible!important;transition:transform .18s ease,box-shadow .18s ease}
body.kof-skin .kof-cp .btn:hover,body.kof-skin .kof-cp a.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--kof-ink)!important;background:var(--kof-coral)!important;color:var(--kof-ink)!important}
body.kof-skin .kof-cp .final-cta .btn{background:var(--kof-cream-2)!important}
body.kof-skin .kof-cp .btn .arrow{display:inline-flex!important;align-items:center;border:0!important;padding:0!important;margin:0!important;background:transparent!important;color:inherit!important}
body.kof-skin .kof-cp .btn .arrow svg{width:1.3rem!important;height:1.3rem!important;display:block}
body.kof-skin .kof-cp .tag{display:inline-block!important;padding:.32rem .58rem!important;border:1px solid var(--kof-ink)!important;border-radius:999px!important;background:transparent!important;color:var(--kof-ink)!important;font:700 .62rem/1.25 var(--kof-mono)!important;text-transform:uppercase!important;letter-spacing:.04em!important;margin:0!important}
body.kof-skin .kof-cp .box{width:32px!important;height:32px!important;border:2px solid var(--kof-ink)!important;border-radius:4px!important;background:var(--kof-cream-2)!important;padding:0!important;margin:0!important;box-shadow:none!important}
body.kof-skin .kof-cp.kof-inline .btn{min-height:56px!important;padding:.8rem 1.4rem!important;font-size:1rem!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon{flex:0 0 32px!important;width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;align-self:center!important}
body.kof-skin.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-table-list .ld-table-list-item .ld-status-icon{flex:0 0 28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;align-self:center!important}
/* Ohio v #content briše spodnji rob in senco povezav (pravilo z ID-jem): tu z isto močjo vrnemo rob in senco */
body.kof-skin #content .kof-cp a.btn,body.kof-skin #content .kof-cp .btn{border:2px solid var(--kof-ink)!important;border-bottom:2px solid var(--kof-ink)!important;box-shadow:5px 5px 0 var(--kof-ink)!important;background-image:none!important;padding-bottom:1rem!important}
body.kof-skin #content .kof-cp a.btn:hover{box-shadow:2px 2px 0 var(--kof-ink)!important}
body.kof-skin #content .kof-cp .router-option{border:2px solid var(--kof-ink)!important;border-bottom:2px solid var(--kof-ink)!important}
body.kof-skin #content .kof-cp .recommendation a.rec-link{border:2px solid var(--kof-cream-2)!important;border-bottom:2px solid var(--kof-cream-2)!important}
body.kof-skin #content .kof-cp .text-link,body.kof-skin #content .kof-cp .stage-link a{border-bottom:0!important;text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:2px}