/* The first seven days, scoped to the practical section. */
#comu-sa-venujem{margin:38px 0;padding:clamp(20px,3.5vw,34px);border:1px solid #bd9659;border-radius:24px;color:var(--light);background:radial-gradient(ellipse at 0 0,#93622c22,transparent 60%),#352015;scroll-margin-top:calc(var(--site-header-height,0px) + 24px)}
.practical-program .practical-intro{margin:0 0 28px}
.practical-program p{margin:0;font:400 16px/1.7 var(--sans)}
.practical-program .practical-eyebrow{margin:0 0 13px;color:#e2bd76;font:700 11px/1.6 var(--sans);letter-spacing:1.2px;text-transform:uppercase}
.practical-program .practical-intro h2{margin:0 0 20px;color:var(--gold);font:400 clamp(29px,3.7vw,42px)/1.25 var(--serif);letter-spacing:-.9px}
.practical-program .practical-intro .practical-lead{margin-bottom:14px;color:#f8e8c3;font:400 clamp(20px,2.4vw,26px)/1.5 var(--serif)}
.practical-program .practical-intro>p:last-of-type{max-width:650px;color:var(--muted)}
.practical-program .practical-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:25px 0 0;padding:18px 0;border-block:1px solid #c3974e60}
.practical-facts li{display:flex;flex-direction:column;gap:5px;min-width:0}
.practical-facts strong{font:700 23px/1.3 var(--serif);color:var(--gold)}
.practical-facts span{font:400 13px/1.5 var(--sans);color:var(--muted)}
.practical-program .practical-steps{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.practical-step{display:grid;grid-template-columns:150px minmax(0,1fr);gap:13px 25px;align-items:start;min-width:0;padding:26px;border:1px solid #cc9e54;border-radius:18px;background:radial-gradient(ellipse at 20% 0,#fcf0cf,#efdaad);color:#3a2b1e;box-shadow:0 5px 16px #170b0526}
.practical-program .practical-art{grid-column:1;grid-row:1/span 3;align-self:center;justify-self:center;display:block;width:150px;height:184px;object-fit:contain;filter:drop-shadow(0 5px 6px #6b420b25)}
.practical-step-heading,.practical-step-copy,.practical-step>.practical-detail{grid-column:2;min-width:0}
.practical-program .practical-phase{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:#78501e;font:700 11px/1.5 var(--sans);letter-spacing:.6px;text-transform:uppercase}
.practical-phase>span{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid #b18b4c;border-radius:50%;color:#6b351f;background:#f8e8bb;font:700 13px/1 var(--sans)}
.hw-gold .practical-step h3{margin:0;color:#402912;font:700 clamp(21px,2.3vw,26px)/1.4 var(--serif);text-shadow:none;letter-spacing:-.5px}
.practical-program .practical-step-copy p{color:#503a22;font-size:16px;line-height:1.65}
.practical-program .practical-step-copy .practical-meta{margin-top:12px;color:#783d23;font-size:13px;line-height:1.6;font-weight:700}
.practical-program .practical-step-copy .practical-promise{margin-top:10px;color:#425239;font-weight:700}
.practical-program .practical-detail{border-top:1px solid #b8965980;margin:0;min-width:0}
.practical-detail>summary{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:10px 0;color:#743e22;font:700 14px/1.5 var(--sans)}
.practical-detail>summary:hover{color:#482811}
.practical-detail>summary:focus-visible{outline-color:#2b6389;outline-offset:3px;border-radius:3px}
.practical-toggle{display:grid;place-items:center;width:26px;height:26px;flex:none;border:1px solid #b88b48;border-radius:50%;font:400 20px/1 Arial,sans-serif}
.practical-toggle::before{content:'+'}
.practical-detail[open]>summary .practical-toggle::before{content:'−'}
.practical-detail>div{padding:3px 0 8px}
.practical-program .practical-detail p{font-size:15px;line-height:1.8;color:#503a22}
.practical-program .practical-detail p+p{margin-top:12px}
.practical-step-finale{border-color:#edc26e;background:radial-gradient(ellipse at 0 0,#fff3cf,#edd19a)}
.practical-program .practical-followup{display:block;margin:25px 0;padding:0 0 0 17px;border:0;border-left:2px solid #d2a456;border-radius:0;font-size:14px;color:var(--muted)}
.practical-followup a{color:var(--gold)}
.practical-consultation{margin:28px auto 0;text-align:center;padding-top:26px;border-top:1px solid #c3974e60}
.practical-program .practical-consultation h3{font-size:clamp(23px,2.8vw,29px);line-height:1.4;color:var(--gold);margin-bottom:12px}
.practical-program .practical-consultation>p:not(.practical-eyebrow){font-size:15px;color:var(--muted);max-width:570px;margin:0 auto 20px}
.practical-consultation .practical-cta{min-height:54px;max-width:100%;padding:14px 24px;white-space:normal;flex-wrap:nowrap;font-size:15px;line-height:1.5}
.practical-program .practical-consultation .practical-call-note{margin:14px 0 0;max-width:none;font-size:13px}
#comu-sa-venujem .practical-call-note{margin-top:14px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .practical-program .practical-art{transition:transform .2s ease}
 .practical-step:hover .practical-art{transform:translateY(-3px)}
}
@media(max-width:700px){
 #comu-sa-venujem{padding:22px 14px;margin-block:28px;border-radius:20px}
 .practical-program .practical-intro{margin-bottom:22px}
 .practical-program .practical-intro h2{font-size:29px}
 .practical-program .practical-intro>p:last-of-type{font-size:15px}
 .practical-program .practical-facts{gap:12px;margin-top:20px;padding-block:16px}
 .practical-facts strong{font-size:18px}
 .practical-facts span{font-size:12px}
 .practical-program .practical-steps{gap:16px}
 .practical-step{grid-template-columns:82px minmax(0,1fr);gap:15px 12px;padding:17px 13px;border-radius:15px}
 .practical-program .practical-art{grid-row:1;width:82px;height:110px}
 .practical-step-heading{align-self:center}
 .practical-step-copy,.practical-step>.practical-detail{grid-column:1/-1}
 .practical-program .practical-phase{font-size:10px;letter-spacing:0;gap:6px;align-items:start}
 .practical-phase>span{flex-basis:21px;height:21px;font-size:12px}
 .hw-gold .practical-step h3{font-size:19px;line-height:1.4;overflow-wrap:break-word}
 .practical-step h3 br{display:none}
 .practical-program .practical-step-copy p,.practical-program .practical-detail p{font-size:15px}
 .practical-detail>summary{font-size:13px}
 .practical-consultation{margin-top:24px;padding-top:24px}
 .practical-consultation .practical-cta{font-size:15px;padding:14px 16px;width:100%}
}
@media(max-width:380px){
 .practical-program .practical-facts{gap:8px}
 .practical-facts strong{font-size:16px}
 .practical-step{grid-template-columns:72px minmax(0,1fr);gap:13px 10px}
 .practical-program .practical-art{width:72px;height:100px}
 .hw-gold .practical-step h3{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.practical-consultation .practical-cta{transition:none;transform:none}}