@import url("./programs.css?v=program-experience-20261021");
.guided-heading{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(180px,1fr);gap:clamp(1rem,4vw,4rem);align-items:center;margin:1.8rem 0 2.8rem}.guided-heading h1{font-size:clamp(2.1rem,4.6vw,4.4rem);line-height:1.08;max-width:17ch}.guided-heading img,.guided-cards img{width:100%;height:auto;max-height:330px;object-fit:cover}.guided-options,.guided-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;margin:2rem 0}.guided-options h2,.guided-cards h2{font-size:1.5rem;line-height:1.3}.guided-options .actions,.guided-cards .actions{align-items:stretch}.guided-options .panel,.guided-cards .panel{padding:clamp(1.2rem,3vw,2.3rem)}.guided-program>.actions{margin:1.5rem 0}.guided-teaching{max-width:850px;border-bottom:1px solid #c7bdab;padding:1rem 0 3rem;margin-bottom:3rem}.guided-teaching h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.18}.guided-parts{padding-left:1.4rem;display:grid;gap:.8rem}.guided-parts button{width:100%;text-align:left}.guided-help{background:#f4efe6;color:#171d17;border:1px solid #8c917d;border-radius:8px;max-width:850px;width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);overflow:auto;padding:clamp(1.1rem,4vw,2.4rem)}.guided-help::backdrop{background:#1c211bc9}.guided-help h1{font-size:clamp(1.9rem,4vw,2.7rem)}.guided-help h2{font-size:1.7rem}.guided-help-choices{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.5rem 0}.guided-help-choices button[aria-pressed=true]{background:#39432c;color:#fff}.guided-help article{border-top:1px solid #b8b7a8;padding-top:1.5rem}.guided-help textarea{width:100%;min-height:130px}.guided-help .actions{display:flex;flex-wrap:wrap;gap:.6rem}.guided-help details{margin:1.2rem 0}.guided-help p{line-height:1.65}.support-rows{display:grid;gap:.8rem;margin:1.5rem 0}.support-rows button,.support-rows a{display:flex;flex-direction:column;text-align:left;align-items:flex-start;gap:.4rem;padding:1.1rem}.support-rows span{font-weight:400}.guided-footer{border-top:1px solid #c7bdab;padding-top:1.5rem;margin-top:3rem!important}#guided-save label,#guided-plan label{display:block;margin-top:1rem}#guided-save textarea,#guided-save select,#guided-save input:not([type=checkbox]),#guided-plan select,#guided-plan input{width:100%;max-width:100%;box-sizing:border-box}.guided-program dd{margin:0 0 1rem}.guided-program dd small{display:block;margin-top:.25rem;color:#4b5346}.guided-program dt{font-weight:700;text-transform:capitalize}.guided-program [role=alert]:empty{display:none}.guided-room #guided-practice{scroll-margin-top:1rem}.guided-room .room-navigation{margin-bottom:1rem}
@media(max-width:650px){.guided-heading{grid-template-columns:1fr;gap:1rem}.guided-heading picture,.guided-heading figure{max-width:100%;margin:0}.guided-heading img{max-height:210px}.guided-heading h1{max-width:none}.guided-options,.guided-cards{grid-template-columns:1fr}.guided-program .actions>*{max-width:100%;white-space:normal}.guided-help{margin:1rem auto}.guided-help-choices{display:grid}.guided-teaching{padding-bottom:1.5rem}.guided-help .actions button{white-space:normal}}
@media(prefers-reduced-motion:reduce){.guided-program *, .guided-help *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#main .guided-heading{margin-top:.7rem;margin-bottom:1.4rem}#main .guided-heading h1{font-size:clamp(2rem,3.6vw,3.5rem)}#main .guided-heading img{max-height:250px}.guided-program>.source-copy{max-width:850px}

.guided-help>.actions:first-child{position:sticky;top:0;background:#f4efe6;z-index:2;padding:.5rem 0;border-bottom:1px solid #c7bdab}.guided-help article{scroll-margin-top:8rem}

/* Start Here introduces two routes. The technique galleries belong to their destinations. */
#main .guided-start .guided-heading{display:block;margin-bottom:1rem}
#main .guided-start .guided-heading h1{max-width:24ch}
.start-introduction{max-width:76ch;margin-bottom:1.5rem}
.start-walkthrough{margin:0 0 1.8rem}
.start-walkthrough>video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#171b16;border-radius:12px}
.start-walkthrough .walkthrough-player{max-width:960px;margin:0 0 1rem}
.start-walkthrough-caption{max-width:82ch}
#main .start-walkthrough h2{font-family:Archivo,sans-serif;font-size:clamp(1.2rem,2vw,1.6rem);margin:1rem 0 .6rem}
.start-walkthrough p{margin:.5rem 0}
.start-walkthrough .actions{margin:1rem 0}
.start-help{margin:0 0 2.2rem;padding:clamp(1.1rem,2.5vw,2rem)}
#main .start-help h2{font-family:Archivo,sans-serif;font-size:clamp(1.15rem,2vw,1.4rem);margin:0 0 .7rem}
.start-help .actions{margin:.75rem 0}
.start-help p{margin:.7rem 0 0;max-width:86ch}
@media print{.start-walkthrough{display:none}}
.start-practices{margin:1.8rem 0 2.5rem}
.start-practices>h2{font-size:clamp(1.4rem,2.3vw,1.9rem);margin-bottom:.6rem}
.start-practices>p{max-width:78ch}
.start-practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1.1rem;margin-top:1.5rem}
.start-practice-card{min-width:0;background:#f8f4ec;border:1px solid #cfc7b7;border-radius:10px;padding:1.15rem;box-shadow:0 2px 8px #333c2e08}
.start-practice-header{display:flex;align-items:center;gap:1rem}
#main .start-practice-card .chapter-art--choice{width:120px;min-width:120px;max-width:120px;aspect-ratio:3/2;margin:0;overflow:hidden;border-radius:6px}
#main .start-practice-card .chapter-art--choice img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.start-practice-card .eyebrow{font-size:.72rem;margin:0 0 .35rem;letter-spacing:.12em}
#main .start-practice-card h3{font-size:1.1rem;line-height:1.35;margin:0;font-family:inherit;font-weight:650;overflow-wrap:normal}
.start-practice-focus{font-size:.96rem;line-height:1.55;margin:1rem 0}
.start-practice-about{border-top:1px solid #d8d0c0;border-bottom:1px solid #d8d0c0;padding:.2rem 0}
.start-practice-about summary,.start-resume summary{min-height:44px;padding:.7rem .2rem;cursor:pointer;font-weight:600;line-height:1.5;list-style:disclosure-closed}
.start-practice-about[open]>summary,.start-resume[open]>summary{list-style:disclosure-open}
.start-practice-about summary:focus-visible,.start-resume summary:focus-visible{outline:2px solid #a44220;outline-offset:3px;border-radius:2px}
.start-practice-about p{font-size:.96rem;line-height:1.65}
.start-practice-card .actions{margin:.85rem 0 0}
.start-practice-card .actions>*{width:100%;min-height:44px;white-space:normal;text-align:center;justify-content:center}
.start-resume{border:1px solid #c5c7b5;background:#ececE2;padding:.25rem 1rem;border-radius:7px;max-width:900px}
.start-resume-body{padding:.3rem 0 .75rem}.start-resume-body>p:first-child{margin-top:0}
/* Start Here uses the approved display face for section and practice titles. */
#main .guided-start h2,
#main .guided-start .start-resume h2,
#main .guided-start .start-practice-card h3{font-family:CutGallery,Archivo,sans-serif;font-weight:400;font-synthesis:none}
#main .guided-start .start-practice-card h3{font-size:1.2rem;line-height:1.3}
.start-practice-header>div{min-width:0}
@media(max-width:1150px){.start-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.start-practice-grid{grid-template-columns:1fr}.start-practice-card{padding:1rem}}
@media(max-width:650px){#main .start-practice-card .chapter-art--choice{width:96px;min-width:96px;max-width:96px}.start-practice-header{gap:.85rem}}

#main .guided-start .start-welcome{display:block;margin-bottom:2rem;padding-bottom:2rem;}
#main .guided-start .start-walkthrough .walkthrough-player{margin-inline:auto;}
.start-route-introduction,.start-route-shared{max-width:76ch;}
.start-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-block:1.5rem;}
.start-route-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(1.25rem,3vw,2.25rem);background:#e9ecdf;border:1px solid #b9c1a9;border-radius:12px;box-shadow:0 12px 28px -24px #25321e66;}
.start-route-card:nth-child(2){background:#f0e6d8;border-color:#cdbda6;}
#main .start-route-card h2{font-size:clamp(1.5rem,2.5vw,2rem);margin:0;line-height:1.22;}
.start-route-card .eyebrow{font-size:.72rem;color:#4a563f;margin:0 0 .8rem;}
.start-route-card>p:not(.eyebrow){line-height:1.65;}
.start-route-card>.button{margin-top:auto;white-space:normal;max-width:100%;}
.start-route-card>.small{margin-bottom:0;color:#4a5142;font-size:.9rem;}
.start-route-card :is(h2,p,a){overflow-wrap:anywhere;}
.start-saved{margin-block:2.5rem;padding-block:1.5rem;border-top:1px solid #c7bdab;}
.start-saved .start-resume{max-width:none;margin-block:1rem;padding:1.25rem;}
.start-saved-tools{margin-top:1.5rem;}
#start-route-title{scroll-margin-top:1.5rem;}
@media(max-width:700px){.start-route-grid{grid-template-columns:minmax(0,1fr);gap:1rem;}.start-route-card>.button{width:100%;justify-content:center;}#main .guided-start .guided-heading h1{font-size:clamp(1.8rem,7vw,2.7rem);}}

/* Returning readers choose their next action before the introductory walkthrough. */
.start-return-panel{padding:clamp(1.25rem,3vw,2.25rem);background:linear-gradient(120deg,#e9ecdf,#f4efe6);border:1px solid #b9c1a9;border-radius:14px;box-shadow:0 14px 32px -25px #25321e55;margin:1.5rem 0;}
#main .start-return-panel h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:.5rem 0 1rem;line-height:1.25;}
.start-return-panel .eyebrow{color:#4a563f;font-size:.75rem;margin:0;}
.start-return-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin:1.25rem 0;}
.start-return-actions>*{white-space:normal;max-width:100%;min-height:48px;}
.start-return-opportunity{max-width:70ch;overflow-wrap:anywhere;}
#start-new-choice{padding-block:1rem;}
#start-new-title,#start-saved-title{scroll-margin-top:1.5rem;}
.guided-start--returning>.start-saved{margin-block:1.25rem;padding-block:1rem;}
.start-return-walkthrough{margin:1.25rem 0;border-block:1px solid #c7bdab;padding-block:1rem;}
#main .start-return-walkthrough .start-welcome{margin:0;padding:0;border:0;}
#main .guided-start .start-walkthrough>h2{margin:0 0 1rem;}
@media(max-width:700px){.start-return-actions{display:grid;grid-template-columns:minmax(0,1fr);}.start-return-actions>*{width:100%;justify-content:center;}.start-return-panel{margin-top:1rem;}}
