/* SmartChecklistGuide — clean Visual Journey tool v27 */
.scg-tool-page{background:#f4f9fc;padding:24px 0 38px;min-height:calc(100vh - 88px)}
.scg-tool-wrap{width:min(1240px,calc(100% - 34px));margin:auto}
.scg-tool-breadcrumb{display:flex;gap:9px;align-items:center;color:#7890a2;font-size:12px;margin:0 0 18px}
.scg-tool-breadcrumb a{color:#1476d4}
.scg-tool-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(380px,1.05fr);gap:28px;align-items:center;background:linear-gradient(115deg,#edf8ff,#f2fbf6);border:1px solid #d5e6ef;border-radius:28px;padding:30px 38px;box-shadow:0 18px 45px rgba(16,57,80,.07);overflow:hidden}
.scg-tool-copy{min-width:0}.scg-tool-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d5e6ef;color:#17618f;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800}
.scg-tool-copy h1{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:46px;line-height:1.06;letter-spacing:-2px;color:#0d3557;margin:16px 0 12px}
.scg-tool-copy>p{font-size:16px;line-height:1.6;color:#5f788d;max-width:650px;margin:0 0 20px}
.scg-tool-meta{display:flex;flex-wrap:wrap;gap:9px}.scg-tool-meta span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.78);border:1px solid #d8e8ef;color:#557187;font-size:11px;font-weight:700}.scg-tool-meta b{color:#0d3557}
.scg-tool-hero-art{height:285px;display:flex;justify-content:center;align-items:center}.scg-tool-hero-art img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 18px 22px rgba(12,56,83,.14))}
.scg-tool-how-item strong{font-size:11px;color:#123b5d}.scg-tool-how-item small{font-size:9px;color:#7a8e9d;margin-top:2px}
.scg-tool-layout{display:grid;grid-template-columns:220px minmax(0,1.25fr) 275px;gap:16px;align-items:start;margin-top:14px}
.scg-tool-journey{position:relative}.scg-tool-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:900;color:#1476d4;text-transform:uppercase}.scg-tool-journey h2{font-size:16px;margin:5px 0 13px;color:#123b5d}
.scg-tool-steps{position:relative}.scg-tool-steps:before{content:"";position:absolute;left:18px;top:18px;bottom:18px;width:2px;background:#d6e4ec}
.scg-tool-step{position:relative;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;border:0;background:transparent;text-align:left;padding:9px 6px;border-radius:14px;cursor:pointer;color:#34566e}
.scg-tool-step:hover{background:#fff}.scg-tool-step.active{background:#fff;box-shadow:0 8px 22px rgba(16,57,80,.07)}
.scg-tool-step .dot{position:relative;z-index:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef4f7;border:3px solid #f4f9fc;color:#72899a;font-size:12px;font-weight:900}
.scg-tool-step.active .dot{background:#1476d4;color:#fff;box-shadow:0 6px 14px rgba(20,118,212,.24)}.scg-tool-step.done .dot{background:#16a66a;color:#fff}
.scg-tool-step strong{display:block;font-size:11px;line-height:1.35}.scg-tool-step small{display:block;color:#8b9daa;font-size:9px;margin-top:3px}.scg-tool-step small b{color:#16a66a}
.scg-tool-save{display:flex;gap:9px;margin-top:14px;padding:12px;border-radius:14px;background:#eaf8f1;border:1px solid #c8e9d8}.scg-tool-save span{width:25px;height:25px;border-radius:8px;background:#16a66a;color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.scg-tool-save strong,.scg-tool-save small{display:block}.scg-tool-save strong{font-size:10px;color:#176246}.scg-tool-save small{font-size:8px;color:#678276;line-height:1.4;margin-top:2px}
.scg-tool-side-feature{margin-top:14px;background:linear-gradient(145deg,#eef9f4,#eef7ff);border:1px solid #d5e8e5;border-radius:18px;box-shadow:0 8px 22px rgba(18,62,86,.04);overflow:hidden}
.scg-tool-side-copy{padding:15px 15px 16px}.scg-tool-side-label{font-size:7px;letter-spacing:1.5px;font-weight:900;color:#1476d4}.scg-tool-side-copy h3{font-family:'Plus Jakarta Sans';font-size:15px;color:#0d3557;margin:5px 0 9px}.scg-tool-side-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}.scg-tool-side-copy li{position:relative;padding-left:17px;font-size:10px;line-height:1.4;color:#657d8d}.scg-tool-side-copy li:before{content:"✓";position:absolute;left:0;top:0;width:12px;height:12px;border-radius:4px;background:#16a66a;color:#fff;font-size:8px;font-weight:900;display:grid;place-items:center}
.scg-tool-main{min-width:0}.scg-tool-stage-head{display:flex;justify-content:space-between;align-items:center;background:#0d3557;color:#fff;border-radius:18px 18px 0 0;padding:14px 18px}.scg-tool-stage-head .kicker{display:block;font-size:8px;letter-spacing:1.7px;color:#75d8b1;font-weight:900}.scg-tool-stage-head strong{display:block;font-family:'Plus Jakarta Sans';font-size:17px;margin-top:3px}.scg-tool-stage-count{font-size:11px;color:#b8d0de}.scg-tool-stage-count b{color:#fff}
.scg-tool-stage{background:#fff;border:1px solid #dce8ef;border-top:0;border-radius:0 0 20px 20px;padding:18px;box-shadow:0 14px 35px rgba(17,65,91,.07);min-height:0}
.scg-tool-section{display:none}.scg-tool-section.active{display:block;animation:scgIn .25s ease-out}@keyframes scgIn{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
.scg-tool-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.scg-tool-section-title{display:flex;gap:12px;align-items:flex-start}.scg-tool-section-number{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#1476d4,#16a66a);color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 38px}.scg-tool-section-title h2{font-family:'Plus Jakarta Sans';font-size:22px;color:#0d3557;margin:0}.scg-tool-section-title p{font-size:11px;color:#73899a;margin:4px 0 0}.scg-tool-section-stat{font-size:10px;color:#718696;white-space:nowrap;padding-top:6px}
.scg-tool-tasks{display:grid;gap:8px}.scg-tool-task{appearance:none;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:11px;min-height:62px;padding:9px 12px;border:1px solid #dfeaf0;border-radius:15px;background:#fbfdfe;cursor:pointer;text-align:left;color:inherit;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}
.scg-tool-task:hover{transform:translateY(-2px);background:#fff;border-color:#bdd8e8;box-shadow:0 9px 20px rgba(17,65,91,.07)}.scg-tool-task.done{background:linear-gradient(90deg,#ecf9f2,#fbfefc);border-color:#b9e2ce}
.scg-tool-check{width:34px;height:34px;border-radius:11px;border:2px solid #c2d3dd;background:#fff;display:grid;place-items:center;color:transparent;transition:.18s}.scg-tool-check span{font-size:18px;transform:scale(0);transition:.18s}
.scg-tool-task.done .scg-tool-check{background:#16a66a;border-color:#16a66a;color:#fff;box-shadow:0 5px 13px rgba(22,166,106,.22)}.scg-tool-task.done .scg-tool-check span{transform:scale(1)}
.scg-tool-task-copy{font-size:13px;line-height:1.5;color:#294b63}.scg-tool-task.done .scg-tool-task-copy{text-decoration:line-through;color:#7a9185}.scg-tool-task-arrow{font-size:18px;color:#a5b7c2;transition:.16s}.scg-tool-task:hover .scg-tool-task-arrow{color:#1476d4;transform:translateX(3px)}
.scg-tool-next{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.scg-tool-next button{border:1px solid #d7e4eb;background:#fff;color:#214761;border-radius:11px;padding:10px 14px;font-weight:800;font-size:11px;cursor:pointer}.scg-tool-next button.primary{background:#1476d4;border-color:#1476d4;color:#fff}
.scg-tool-next button:disabled{opacity:.35;cursor:not-allowed}
.scg-tool-finish{display:none;align-items:center;gap:12px;margin-top:14px;padding:14px;border-radius:14px;background:#eaf8f1;border:1px solid #c5e7d4}.scg-tool-finish.show{display:flex}.scg-tool-finish .medal{width:40px;height:40px;border-radius:12px;background:#16a66a;color:#fff;display:grid;place-items:center;font-size:20px}.scg-tool-finish strong,.scg-tool-finish small{display:block}.scg-tool-finish strong{font-size:12px;color:#0d3557}.scg-tool-finish small{font-size:10px;color:#668174;margin-top:2px}
.scg-tool-rail{position:sticky;top:18px;align-self:start;display:flex;flex-direction:column;gap:12px;min-width:0}
.scg-tool-progress{background:#fff;border:1px solid #dce8ef;border-radius:20px;padding:17px;box-shadow:0 12px 30px rgba(18,62,86,.07);position:relative}
.progress-heading{display:flex;justify-content:space-between;align-items:flex-start}.progress-kicker{display:block;font-size:8px;letter-spacing:1.4px;color:#1476d4;font-weight:900}.scg-tool-progress h2{font-family:'Plus Jakarta Sans';font-size:18px;color:#0d3557;margin:3px 0 0}.progress-spark{width:29px;height:29px;border-radius:9px;background:#edf8f3;color:#16a66a;display:grid;place-items:center;font-weight:900}
.scg-tool-ring{--p:0deg;width:112px;height:112px;margin:14px auto;border-radius:50%;background:conic-gradient(#16a66a var(--p),#e3edf1 0);display:grid;place-items:center;position:relative}.scg-tool-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.scg-tool-ring>div{position:relative;text-align:center;line-height:1}.scg-tool-ring strong{display:block;font-family:'Plus Jakarta Sans';font-size:25px;color:#0d3557}.scg-tool-ring small{display:block;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#8798a4;margin-top:5px}
.scg-tool-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.scg-tool-counts div{background:#f5f9fb;border-radius:10px;padding:8px 4px;text-align:center}.scg-tool-counts b{display:block;color:#0d3557;font-size:16px}.scg-tool-counts span{font-size:7px;text-transform:uppercase;letter-spacing:.5px;color:#8296a4}
.scg-tool-progressbar{height:8px;border-radius:99px;background:#e8eff2;overflow:hidden;margin:12px 0}.scg-tool-progressbar i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#1476d4,#16a66a);transition:width .3s}
.scg-tool-complete{width:100%;border:0;border-radius:11px;background:#16a66a;color:#fff;padding:11px;font-size:11px;font-weight:900;cursor:pointer}.scg-tool-rail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.scg-tool-rail-actions button{border:1px solid #dbe7ed;background:#f8fbfd;border-radius:10px;padding:9px;font-size:10px;font-weight:800;color:#36576d;cursor:pointer}
.scg-tool-tip-card,.scg-tool-related-card{background:#fff;border:1px solid #dce8ef;border-radius:18px;padding:14px;display:flex;gap:10px;box-shadow:0 8px 22px rgba(18,62,86,.04)}
.rail-card-icon{width:31px;height:31px;border-radius:9px;background:#eaf8f1;color:#16a66a;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.scg-tool-tip-card h3{font-size:12px;color:#0d3557;margin:1px 0 5px}.scg-tool-tip-card p{font-size:10px;line-height:1.5;color:#6c8191;margin:0}
.scg-tool-related-card{display:block}.related-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.related-heading h3{font-size:12px;color:#0d3557;margin:0}.related-heading a{font-size:9px;color:#1476d4;font-weight:800}.scg-tool-related-item{display:flex;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #edf2f5}.scg-tool-related-item:first-of-type{border-top:0}.scg-tool-related-item .mini{width:34px;height:34px;border-radius:9px;background:#eef7fb;display:grid;place-items:center;overflow:hidden;flex:0 0 34px}.scg-tool-related-item img{width:27px;height:27px;object-fit:contain}.scg-tool-related-item strong,.scg-tool-related-item small{display:block}.scg-tool-related-item strong{font-size:9px;color:#2d4e64;line-height:1.35}.scg-tool-related-item small{font-size:8px;color:#1476d4;margin-top:2px}
.scg-tool-source{display:none!important}.scg-tool-empty{min-height:260px;display:grid;place-items:center;text-align:center;gap:6px;color:#718696}.scg-tool-empty strong{display:block;color:#0d3557}.scg-tool-empty span{font-size:12px}
@media(max-width:1080px){.scg-tool-layout{grid-template-columns:190px minmax(0,1.25fr) 250px}.scg-tool-hero{grid-template-columns:1fr 360px}}
@media(max-width:900px){.scg-tool-layout{grid-template-columns:190px minmax(0,1fr)}.scg-tool-rail{grid-column:1/-1;position:relative;top:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.scg-tool-progress{position:relative;top:auto}.scg-tool-related-card{grid-column:1/-1}.scg-tool-how{grid-template-columns:1fr}.scg-tool-how-item{padding:10px 12px}}
@media(max-width:800px){.scg-tool-wrap{width:min(100% - 24px,1240px)}.scg-tool-hero{grid-template-columns:1fr;padding:24px}.scg-tool-hero-art{height:220px;order:-1}.scg-tool-copy h1{font-size:37px}.scg-tool-layout{grid-template-columns:1fr}.scg-tool-journey{display:none}.scg-tool-rail{grid-column:auto;display:block}.scg-tool-progress{position:relative;top:auto}.scg-tool-tip-card,.scg-tool-related-card{margin-top:12px}.scg-tool-stage{min-height:0}}
@media(max-width:520px){.scg-tool-page{padding-top:15px}.scg-tool-hero{border-radius:20px;padding:20px}.scg-tool-hero-art{height:175px}.scg-tool-copy h1{font-size:31px;letter-spacing:-1px}.scg-tool-copy>p{font-size:14px}.scg-tool-meta span{font-size:9px}.scg-tool-stage-head{border-radius:15px 15px 0 0}.scg-tool-stage{padding:12px}.scg-tool-section-title h2{font-size:19px}.scg-tool-task{grid-template-columns:34px minmax(0,1fr) 17px;padding:8px 9px}.scg-tool-check{width:30px;height:30px;border-radius:9px}.scg-tool-task-copy{font-size:12px}.scg-tool-next{display:grid;grid-template-columns:1fr 1fr}.scg-tool-rail-actions{grid-template-columns:1fr 1fr}}
@media print{.scg-header,.scg-footer,.scg-tool-breadcrumb,.scg-tool-hero-art,.scg-tool-journey,.scg-tool-rail,.scg-tool-how,.scg-tool-stage-head,.scg-tool-source{display:none!important}.scg-tool-page{background:#fff;padding:0}.scg-tool-layout{display:block}.scg-tool-section{display:block!important}.scg-tool-task{break-inside:avoid;box-shadow:none!important}.scg-tool-stage{border:0;box-shadow:none}}