/* Craft on KC | Guided Learning Paths | static, local-first */
.path-hero{background:radial-gradient(circle at 88% 5%,#f5e0c9 0,transparent 32%),#fbf7ef;padding:75px 0 87px}
.path-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(36px,6vw,90px);align-items:center}
.path-eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:700;color:#ad694e;display:block;margin-bottom:19px}
.path-hero h1{font-size:clamp(3.4rem,6.5vw,6.1rem);margin-bottom:23px}
.path-hero p{font-size:1.1rem;color:#627368;max-width:620px}
.path-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:29px}
.path-hero-actions .link{font-weight:700;color:#2e6852;border-bottom:1px solid;padding:5px 0}
.path-visual{position:relative;min-height:385px;display:grid;place-items:center}
.path-visual:before{content:"";position:absolute;inset:7%;background:#e7eddf;border-radius:46% 54% 55% 45%/52% 45% 55% 48%;transform:rotate(-11deg)}
.path-visual .big{z-index:2;font-size:8rem;filter:drop-shadow(0 16px 12px #445f4933);transform:rotate(-12deg)}
.path-visual .tag{position:absolute;z-index:3;bottom:5%;right:2%;border-radius:100px;background:#fffaf1;padding:15px 19px;transform:rotate(9deg);color:#a66d55;font:italic 1.2rem "DM Serif Display",Georgia,serif;border:1px solid #e8d6c0;box-shadow:0 8px 18px #68503622}
.path-visual .spark{position:absolute;z-index:2;top:0;right:6%;color:#b57658;font-size:3.4rem}
.path-catalog{background:#fffdf8;padding:85px 0 70px}
.path-header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
.path-header h2{margin:0}
.path-header p{color:#66766b;max-width:325px;margin:0}
.path-select-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.path-select-card{display:flex;flex-direction:column;min-height:250px;border:1px solid #e2e5db;border-radius:20px;background:#e5efe5;padding:25px;transition:transform .2s}
.path-select-card:nth-child(2){background:#eae7f3}
.path-select-card:nth-child(3){background:#f5e7db}
.path-select-card:nth-child(4){background:#f3ecd7}
.path-select-card:hover{transform:translateY(-4px)}
.path-select-emoji{font-size:2.8rem;line-height:1;display:block}
.path-select-card h3{font:normal 1.7rem/1.15 "DM Serif Display",Georgia,serif;margin:24px 0 8px}
.path-select-card p{color:#647368;font-size:.85rem;line-height:1.6;margin:0}
.path-select-card .status{font-size:.77rem;font-weight:700;color:#426852;margin-top:auto;padding-top:22px}
.path-block{padding:85px 0;scroll-margin-top:25px;background:#fbf7ef}
.path-block:nth-child(even){background:#f2f4ea}
.path-block-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:30px}
.path-block-head h2{font-size:clamp(2.35rem,4vw,3.7rem);margin:0 0 13px}
.path-block-head p{font-size:.96rem;color:#627165;max-width:700px;margin:0}
.path-progress{min-width:215px;background:#fffdf8;border:1px solid #e0e5da;border-radius:18px;padding:18px 21px}
.path-progress strong{font:normal 2.1rem "DM Serif Display",Georgia,serif;color:#2e634f;display:block}
.path-progress span{font-size:.79rem;color:#5e6d62;font-weight:700}
.path-progress-track{background:#e1e9df;height:9px;overflow:hidden;border-radius:100px;margin-top:10px}
.path-progress-track span{display:block;height:100%;background:#326952;width:0;transition:width .2s}
.path-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.path-step{display:flex;flex-direction:column;background:#fffdf8;border:1px solid #e7e5d9;border-radius:20px;overflow:hidden;min-height:392px}
.path-step-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 22px;background:#eaf0e8}
.path-step-number{letter-spacing:.14em;text-transform:uppercase;color:#9a624e;font-size:.73rem;font-weight:700}
.path-step-kind{color:#416653;font-size:.72rem;font-weight:700}
.path-step-img{position:relative;aspect-ratio:16/9;background:#dfecdf;overflow:hidden}
.path-step-img img{width:100%;height:100%;object-fit:cover;display:block}
.path-step-img .play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:2.5rem;text-shadow:0 3px 12px #21382b}
.path-step-img .play span{background:#2c654dc9;border-radius:50%;width:62px;height:62px;display:grid;place-items:center}
.path-step-img.guide-img{display:grid;place-items:center;font-size:5rem;background:#f3e9da}
.path-step-main{padding:23px;display:flex;flex-direction:column;flex:1}
.path-step-maker{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#b36d50;font-weight:700}
.path-step-main h3{font:normal 1.7rem/1.16 "DM Serif Display",Georgia,serif;margin:8px 0 10px}
.path-step-main p{font-size:.88rem;line-height:1.65;color:#607168;margin:0 0 17px}
.path-step-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:auto;padding-top:12px}
.path-step-links a{font-weight:700;color:#306751;font-size:.81rem;text-decoration:underline;text-underline-offset:3px}
.path-step-bottom{padding:17px 22px;border-top:1px solid #eae7df;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.path-check{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:700;cursor:pointer;color:#355947}
.path-check input{width:19px;height:19px;accent-color:#326951;cursor:pointer}
.path-save{border:1px solid #b9ccbc;border-radius:99px;background:#fffdf8;color:#2c6550;font-size:.76rem;font-weight:700;padding:8px 11px;cursor:pointer}
.path-save[aria-pressed=true]{color:#fff;background:#315f4d}
.path-prompt{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px dashed #d4c7b2;border-radius:17px;background:#fffaf0;padding:21px 25px}
.path-prompt p{color:#5f6d61;font-size:.89rem;margin:0}
.path-prompt a{color:#30654d;font-weight:700;white-space:nowrap;font-size:.87rem}
.path-cta{background:#2e634f;color:#fffaf1;padding:60px 0}
.path-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:28px}
.path-cta h2{margin:0 0 7px;font-size:clamp(1.9rem,3vw,2.8rem)}
.path-cta p{margin:0;color:#dfebe1}
.path-cta .button{background:#f7e8d3;color:#315b4a;white-space:nowrap}
.path-note{background:#fffdf8;border-top:1px solid #e9e5d7;padding:30px 0;color:#6c766c;font-size:.82rem}
@media(max-width:1080px){.path-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.path-hero-grid{grid-template-columns:1fr .8fr}}
@media(max-width:740px){.path-hero{padding:56px 0}.path-hero-grid{grid-template-columns:1fr}.path-visual{min-height:280px;max-width:380px;width:100%;margin:auto}.path-visual .big{font-size:6rem}.path-catalog,.path-block{padding:60px 0}.path-header{display:block}.path-header p{margin-top:14px}.path-block-head{grid-template-columns:1fr}.path-progress{max-width:300px}.path-cta .shell,.path-prompt{flex-direction:column;align-items:flex-start}.path-cta .button,.path-prompt a{white-space:normal}}
@media(max-width:510px){.path-select-grid,.path-steps{grid-template-columns:1fr}.path-select-card{min-height:205px}.path-step{min-height:0}}
@media(prefers-reduced-motion:reduce){.path-select-card,.path-progress-track span{transition:none}}