#sm-corsi .smc-visual-lesson{margin:10px 0 30px;border-top:1px solid #d8cfbf;padding:35px 0!important}#sm-corsi .smc-lesson-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:end;margin-bottom:30px}#sm-corsi .smc-lesson-heading h2{font-size:clamp(36px,4.8vw,60px);margin-top:14px}#sm-corsi .smc-lesson-heading>p{font-size:15px;color:#625b50}#sm-corsi .smc-step-controls[hidden],#sm-corsi .smc-step-footer[hidden],#sm-corsi .smc-step[hidden]{display:none!important}#sm-corsi .smc-step-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #d9cdb8}#sm-corsi .smc-step-buttons button{display:flex;align-items:center;gap:10px;justify-content:flex-start;text-align:left;cursor:pointer;background:transparent;border:0;color:#746a5c;font:12px/1.5 Arial,sans-serif;padding:16px 12px;margin:0}#sm-corsi .smc-step-buttons button span{font-size:14px}#sm-corsi .smc-step-buttons button[aria-pressed=true]{color:#241d13;background:#eee4d4}#sm-corsi .smc-progress{height:2px;background:#e8e0d4;position:relative}#sm-corsi .smc-progress span{display:block;height:100%;width:33.333%;background:#997344;transition:width .35s ease}#sm-corsi .smc-step{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:#efe6d8;margin-top:18px}#sm-corsi .smc-step-photo{overflow:hidden}#sm-corsi .smc-step-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .7s ease}#sm-corsi .smc-step-copy{padding:clamp(25px,4vw,55px);align-self:center}#sm-corsi .smc-step-copy h3{font-size:clamp(32px,3.2vw,43px);margin:20px 0}#sm-corsi .smc-step-copy>p{font-size:16px;line-height:1.8;color:#51493e}#sm-corsi .smc-detail-tip{margin-top:30px;padding-top:20px;border-top:1px solid #cdbb9e}#sm-corsi .smc-detail-tip>span{font:600 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em}#sm-corsi .smc-detail-tip p{font:italic 20px/1.5 Georgia,serif;margin-top:12px}#sm-corsi .smc-step-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #dfd2bd;gap:15px}#sm-corsi .smc-step-footer p{font-size:12px;color:#635846}#sm-corsi .smc-step-footer>div{display:flex;gap:10px}#sm-corsi .smc-step-footer button{font:12px/1.5 Arial,sans-serif;padding:11px 16px;margin:0;border:1px solid #756347;background:transparent;color:#211e19;cursor:pointer}#sm-corsi .smc-step-footer button:disabled{opacity:.4;cursor:default}#sm-corsi .smc-step-footer .smc-next{background:#211e19;color:#fff;border-color:#211e19}#sm-corsi .smc-mirror{padding:36px 0;max-width:760px}#sm-corsi .smc-mirror h3{font-size:35px;margin:12px 0 16px}#sm-corsi .smc-mirror p{font-size:15px;color:#625747}#sm-corsi .smc-depth-copy{font-size:14px;padding:10px 0 25px;max-width:800px}#sm-corsi .smc-depth-copy p{margin-bottom:15px}#sm-corsi .smc-depth-copy ol{font-size:14px}#sm-corsi .smc-depth-copy li{margin-bottom:14px}#sm-corsi .smc-depth-copy h4{font:600 13px Arial,sans-serif;margin:20px 0 10px}#sm-corsi .smc-visual-lesson button:focus-visible{outline:3px solid #94703d;outline-offset:3px}@media(hover:hover){#sm-corsi .smc-step-photo:hover img{transform:scale(1.025)}}@media(max-width:600px){#sm-corsi .smc-lesson-heading{grid-template-columns:1fr;gap:18px}#sm-corsi .smc-step{grid-template-columns:1fr}#sm-corsi .smc-step-photo img{aspect-ratio:1/1;object-position:center 38%}#sm-corsi .smc-step-copy{padding:26px 22px}#sm-corsi .smc-step-buttons button{flex-direction:column;align-items:flex-start;gap:5px;padding:12px 8px}#sm-corsi .smc-step-buttons button span{font-size:12px}#sm-corsi .smc-step-footer{align-items:start;flex-direction:column}#sm-corsi .smc-step-footer>div{width:100%}#sm-corsi .smc-step-footer button{flex:1}}@media(prefers-reduced-motion:reduce){#sm-corsi .smc-progress span,#sm-corsi .smc-step-photo img{transition:none!important;transform:none!important}}
/* Prima lezione: navigazione fotografica e pratica guidata. */
#sm-corsi .smc-step-buttons{gap:14px;border:0;margin-bottom:20px}
#sm-corsi .smc-step-buttons button{position:relative;display:block;padding:0;overflow:hidden;border:1px solid transparent;background:#eee4d4;transition:border-color .25s,box-shadow .25s}
#sm-corsi .smc-step-buttons button>img{display:block;width:100%;height:170px;object-fit:cover;object-position:center 38%;transition:transform .6s}
#sm-corsi .smc-card-label{display:flex;flex-direction:column;gap:5px;padding:18px 16px 20px}
#sm-corsi .smc-card-label small{font-size:9px;letter-spacing:.12em}
#sm-corsi .smc-card-label strong{font:26px/1.15 Georgia,serif;font-weight:400;color:#241d13}
#sm-corsi .smc-card-label>span{font-size:11px;color:#625747}
#sm-corsi .smc-step-buttons button[aria-pressed=true]{border-color:#93713f;box-shadow:inset 0 -3px #93713f}
#sm-corsi .smc-card-arrow{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:28px;height:28px;background:#fff9;backdrop-filter:blur(4px);border-radius:50%;color:#241d13}
#sm-corsi .smc-mirror{display:grid;grid-template-columns:.75fr 1fr;max-width:none;padding:0;margin:40px 0;background:#25251f;color:#f6f0e5}
#sm-corsi .smc-mirror-photo{overflow:hidden;min-height:100%}
#sm-corsi .smc-mirror-photo img{display:block;width:100%;height:100%;object-fit:cover;max-height:650px}
#sm-corsi .smc-mirror-content{padding:38px}
#sm-corsi .smc-mirror .sm-eyebrow{color:#dbbd90}
#sm-corsi .smc-mirror h3{color:#f6f0e5}
#sm-corsi .smc-mirror p{color:#dfd6c8}
#sm-corsi .smc-checklist{display:grid;gap:0;margin:24px 0 18px}
#sm-corsi .smc-checklist label{display:flex;gap:12px;align-items:center;min-height:48px;padding:10px 0;border-bottom:1px solid #ffffff26;cursor:pointer;font:13px/1.5 Arial,sans-serif}
#sm-corsi .smc-checklist input{width:19px;height:19px;flex-shrink:0;accent-color:#d8b982}
#sm-corsi .smc-checklist input:focus-visible{outline:2px solid #efdbb3;outline-offset:4px}
#sm-corsi .smc-mirror .smc-check-status{font:11px/1.5 Arial,sans-serif;letter-spacing:.05em;color:#dbbd90}
#sm-corsi .smc-mirror .smc-practice-tip{font:italic 17px/1.6 Georgia,serif;margin-top:22px}
@media(hover:hover){#sm-corsi .smc-step-buttons button:hover>img{transform:scale(1.035)}}
@media(max-width:600px){#sm-corsi .smc-step-buttons{gap:7px}#sm-corsi .smc-step-buttons button>img{height:105px}#sm-corsi .smc-card-label{padding:12px 8px;min-height:90px}#sm-corsi .smc-card-label strong{font-size:19px}#sm-corsi .smc-card-label small{font-size:8px}#sm-corsi .smc-card-label>span{font-size:10px}#sm-corsi .smc-card-arrow{width:23px;height:23px;right:6px;top:6px}#sm-corsi .smc-mirror{grid-template-columns:1fr}#sm-corsi .smc-mirror-photo img{height:280px;object-position:center 40%}#sm-corsi .smc-mirror-content{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){#sm-corsi .smc-step-buttons button,#sm-corsi .smc-step-buttons button>img{transition:none;transform:none!important}}

#sm-corsi .smc-strip-photo,#sm-corsi .smc-strip-thumb{background-size:300% 100%;background-repeat:no-repeat;background-color:#e6d8c1}
#sm-corsi .smc-step>.smc-strip-photo{aspect-ratio:1/1;min-width:0}
#sm-corsi .smc-strip-thumb{display:block;width:100%;height:170px}
#sm-corsi .smc-mirror>.smc-strip-photo{min-width:0;min-height:360px;background-size:cover;background-size:300% 100%}
@media(max-width:600px){#sm-corsi .smc-strip-thumb{height:105px}#sm-corsi .smc-mirror>.smc-strip-photo{min-height:0;aspect-ratio:1/1}}

#sm-corsi .smc-strip-thumb{background-size:300% auto}

/* v1.7.1: contain photo geometry inside its own grid track. */
#sm-corsi .smc-step{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%}
#sm-corsi .smc-step>.smc-step-photo{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;align-self:start;overflow:hidden;position:relative}
#sm-corsi .smc-step>.smc-step-copy,#sm-corsi .smc-mirror>.smc-mirror-content{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;position:relative;overflow-wrap:anywhere}
#sm-corsi .smc-step>.smc-step-copy{padding:clamp(25px,4vw,55px)!important}
#sm-corsi .smc-step-photo img{width:100%!important;max-width:100%!important;display:block}
#sm-corsi .smc-mirror{grid-template-columns:minmax(0,.75fr) minmax(0,1fr);min-width:0;width:100%}
#sm-corsi .smc-mirror>.smc-mirror-photo{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;overflow:hidden;position:relative;aspect-ratio:auto}
#sm-corsi .smc-mirror>.smc-mirror-content{padding:38px!important}
#sm-corsi .smc-mirror-photo img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none;object-fit:cover}
@media(max-width:760px){#sm-corsi .smc-step,#sm-corsi .smc-mirror{grid-template-columns:minmax(0,1fr)}#sm-corsi .smc-step>.smc-step-copy,#sm-corsi .smc-mirror>.smc-mirror-content{padding:28px 22px!important}#sm-corsi .smc-mirror>.smc-mirror-photo{aspect-ratio:1/1}#sm-corsi .smc-step>.smc-step-photo{aspect-ratio:1/1}}
