/* 90 English /program: large explanatory visual, then material beside concise detail.
   Shabelish typography, logo and brick-red palette; all teaching content is Shabelish. */
.study-finished{--ink:#242323;--accent:#b33c35;--soft:#f3f1ef;--line:#d9d4d0;--muted:#706a66;background:#fff;color:var(--ink)}
.study-finished main .c-container{width:calc(100% - 80px);max-width:1080px}
.study-finished main :is(p,li,dd){word-break:normal;text-wrap:pretty;line-break:strict}
.study-finished main :is(h1,h2,h3){word-break:normal;line-break:strict;text-wrap:balance}
.study-finished main>.c-hero{background:var(--soft);padding-bottom:64px}
.study-finished .c-hero__title{font-size:42px;line-height:1.65;max-width:860px;letter-spacing:.025em}
.study-finished .c-hero__sub{max-width:none;font-size:15px;line-height:2}
.study-finished main section#how{background:#fff;padding:72px 0}
.study-finished .c-heading,.ref-section-heading{margin:0 0 40px;padding-top:24px;border-top:1px solid var(--line)}
.ref-kicker{font-family:'Reem Kufi',sans-serif;font-size:14px;letter-spacing:.06em;color:var(--accent);margin:0 0 12px;font-weight:500}
.study-finished .c-heading h2,.ref-section-heading h2{font-size:32px;line-height:1.6;letter-spacing:.025em;margin:0;font-weight:700}
.study-finished .c-heading>p:last-child:not(.ref-kicker),.ref-section-heading>p:last-child:not(.ref-kicker){font-size:15px;line-height:1.9;margin:16px 0 0;color:#5b5653}
.program-visual{max-width:880px;margin:0 auto;background:#ece7e3;padding:32px 32px 18px}
.program-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.program-step{background:#fff;position:relative;min-width:0}
.program-step+.program-step:before{content:'→';position:absolute;left:-23px;top:49%;z-index:1;font-size:24px;font-family:Arial;color:var(--accent)}
.program-top{background:var(--accent);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:14px}
.program-top span{font:14px Arial;opacity:.7}.program-top strong{font-size:17px;letter-spacing:.06em}
.program-art{height:172px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px 10px}
.program-step>p{text-align:center;font-size:13px;font-weight:700;border-top:1px solid #eee8e4;margin:0 16px;padding:14px 0;line-height:1.8}
.sound-word{font:44px Georgia,serif;letter-spacing:.02em}.sound-word>span{color:var(--accent)}
.sound-bars{height:30px;display:flex;gap:5px;align-items:center;margin:10px 0}.sound-bars i{display:block;background:#c9b3aa;width:3px;height:10px}.sound-bars i:nth-child(2n){height:18px}.sound-bars i:nth-child(3n){height:26px}.sound-bars i:nth-child(5){height:32px;background:var(--accent)}
.program-art small{font-size:10px;color:var(--muted);letter-spacing:.04em}
.mini-paper{width:142px;border:1px solid #e8e0db;padding:10px 14px;box-shadow:5px 5px 0 #f4efeb;background:#fff;transform:rotate(-3deg)}.mini-paper small{font:9px Arial;color:#a38b80;display:block;margin-bottom:8px}.mini-paper>span{font:17px/1.5 Georgia,serif}.mini-paper em{font-style:normal;text-decoration:underline;text-decoration-color:#b33c35;text-underline-offset:4px}
.dialog-label,.dialog-answer{font-size:13px;line-height:1.8;padding:8px 12px;border:1px solid #d9ccc5;background:#faf7f5}.dialog-answer{color:var(--accent);border-color:var(--accent);font-weight:700}.dialog-line{font-size:22px;color:#a59b95;margin:6px 0}
.program-support{display:flex;justify-content:center;align-items:center;gap:22px;padding:24px 0 14px;font-size:14px;color:#725d52;font-weight:700}.program-support>span:nth-child(2){font:28px Arial;color:var(--accent)}
.program-visual figcaption{font-size:10px;text-align:center;color:#80746d;line-height:1.8}
.reference-overview{max-width:880px;margin:24px auto 0}.reference-overview>summary{font-size:13px;color:#6c615a;cursor:pointer;padding:12px 0}.reference-overview .c-case-approach{margin:16px 0 0;gap:24px}.reference-overview .c-case-approach__item{padding:16px 0;border-top:1px solid var(--line)}.study-finished .reference-overview .c-case-approach__label{font-size:16px}.study-finished .reference-overview .c-case-approach__item p{font-size:13px;line-height:1.9}
.study-finished #learning-example{background:var(--soft);padding:72px 0;scroll-margin-top:85px}
.ref-material-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:72px;align-items:center}
.study-paper{padding:32px 30px 20px;background:#fff;border:1px solid #e3ddd8;box-shadow:8px 8px 0 #e9e3de;position:relative}.study-paper:before{content:'';position:absolute;width:38px;height:5px;background:var(--accent);left:30px;top:-1px}
.study-step{font-size:12px;color:#8c7c72;margin:0 0 28px;font-weight:500}.study-paper .c-case-sample{margin:0;padding:0;background:none;border:0}.study-paper .c-case-sample__en{font:500 29px/1.85 Arial,sans-serif;color:var(--ink);word-break:normal;overflow-wrap:normal;text-wrap:wrap}.study-paper .mk-s{color:var(--accent);border-bottom:2px solid var(--accent)}.study-paper .mk-l{color:#355b6d;border-bottom:2px solid #355b6d}.study-paper .c-case-sample__ja{font-size:13px;line-height:1.9;margin:24px 0 0;color:#6d6762}
.study-paper .c-case-legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;border-top:1px solid #e6e0dc;padding:18px 0 0;margin:22px 0 0;font-size:11px;color:#716862}.study-paper .c-case-legend li{display:flex;gap:5px;align-items:baseline}
.ref-profile{font-size:12px;color:#7c7069;margin:0 0 16px}.ref-material-copy h3{font-size:29px;line-height:1.7;color:var(--accent);letter-spacing:.015em;margin:0 0 24px}
.study-method ol{list-style:none;padding:0;margin:0;counter-reset:method}.study-method li{padding:19px 0 19px 30px;border-top:1px solid #d8cfc8;position:relative;counter-increment:method}.study-method li:before{content:'0' counter(method);position:absolute;left:0;top:22px;font:12px Arial;color:#a4968c}.study-method summary{position:relative;font-size:14px;line-height:1.8;list-style:none;cursor:pointer;padding-right:22px}.study-method summary:after{content:'+';position:absolute;right:0;top:0;font-weight:400;font-size:19px;color:#9c8c82}.study-method details[open] summary:after{content:'−'}.study-method li p{font-size:13px;line-height:1.9;color:#756b64;margin:10px 0 0}
.reference-details,.study-mark-details{border-top:1px solid #e6e0dc;margin-top:16px;padding-top:12px}.reference-details summary,.study-mark-details summary{font-size:11px;line-height:1.8;color:#82746b;cursor:pointer}.study-caption{font-size:11px;line-height:1.9;color:#756b64;margin:14px 0 0}
.study-diagram{margin:20px 0 0}.study-diagram-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.study-diagram svg{width:100%;height:auto}.study-diagram figcaption{font-size:10px;color:#82746b;margin-top:12px}
.study-finished .ref-voice-section{background:#fff;padding:72px 0}.study-audio{max-width:880px;margin:auto}.study-audio-note{font-size:12px;color:#777;margin:0 0 22px;line-height:1.9}.study-audio .c-voice-ba__rows{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0}.study-audio .c-voice-ba__row{display:block;border:0;background:var(--soft);padding:28px 32px}.study-audio .c-voice-ba__row--after{background:#f5e9e5}.voice-period{font:12px 'Reem Kufi',sans-serif;color:#918279;letter-spacing:.12em;display:block;margin-bottom:16px}.study-audio .c-voice-ba__row--after .voice-period{color:var(--accent)}.study-audio .c-voice-ba__row>b{font-size:24px;line-height:1.5;display:block}.voice-kind{font-size:13px;color:#82746b;margin:8px 0 24px}.study-audio .c-player{padding-top:20px;border-top:1px solid #dcd2ca;gap:16px}.study-audio .c-player__btn{width:46px;height:46px;flex-basis:46px}.study-audio .c-player__bar{background:#d8cfc8}.study-audio .c-player__time{font-size:11px;flex-basis:76px}.study-audio>.reference-details{margin-top:20px;border:0;padding:0}.study-bridge{font-size:12px;color:#777;max-width:740px;line-height:1.9}.study-bridge>span{display:none}.study-bridge a{display:inline-block;color:var(--accent);margin-top:12px}
.study-finished #cases{background:var(--soft);padding:72px 0}.study-finished #cases .c-scene-cards{max-width:880px;margin:auto}.study-finished #cases .c-voice-ba{display:grid;grid-template-columns:.85fr 1.15fr;background:#fff;border:0;padding:0;overflow:hidden}.story-cover{background:#c2a596;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:32px;min-height:310px;position:relative}.story-cover:before{content:'';width:95px;height:95px;border:1px solid #ffffff38;border-radius:50%;position:absolute;right:20px;bottom:32px}.story-cover span{font:10px/1.5 'Reem Kufi',sans-serif;letter-spacing:.12em;position:relative}.story-cover strong{font-size:30px;line-height:1.7;font-weight:500;letter-spacing:.06em;position:relative}.study-finished #cases .c-voice-ba__body{padding:32px}.study-finished #cases .c-voice-ba__title{font-size:21px;line-height:1.7;margin:0 0 12px}.study-finished #cases .c-voice-ba__who{font-size:12px;margin-bottom:24px}.study-finished #cases .c-voice-ba__sum{grid-template-columns:86px 1fr;gap:12px;font-size:13px;min-height:0;margin:0}.study-finished #cases .c-voice-ba__more{margin-top:24px;align-self:flex-start;font-size:13px}
.study-finished main #counseling{background:#fff;color:#222;border-bottom:1px solid #eee;padding:72px 0}.study-finished #counseling .c-cta__title{color:#222;font-size:30px}.study-finished #counseling .c-cta__lead{color:#777}.study-finished #counseling .c-cta__points{color:#777}.study-finished #counseling .c-btn{padding:22px 38px;min-width:320px}.study-finished #counseling .c-cta__action{margin-top:28px}
@media(max-width:767px){
.study-finished main .c-container{width:calc(100% - 40px)}.study-finished .c-hero__title{font-size:29px;line-height:1.65;letter-spacing:0}.study-finished .c-hero__sub{font-size:14px}.study-finished main>.c-hero{padding-bottom:40px}.study-finished main section#how,.study-finished #learning-example,.study-finished .ref-voice-section,.study-finished #cases,.study-finished main #counseling{padding:44px 0}.study-finished .c-heading,.ref-section-heading{padding-top:18px;margin-bottom:28px}.study-finished .c-heading h2,.ref-section-heading h2{font-size:26px}.study-finished .c-heading>p:last-child:not(.ref-kicker),.ref-section-heading>p:last-child:not(.ref-kicker){font-size:13px}.ref-kicker{font-size:12px}
.program-visual{padding:16px 12px 12px}.program-steps{grid-template-columns:1fr;gap:14px}.program-step{display:grid;grid-template-columns:92px 1fr;align-items:center}.program-top{padding:16px 10px;align-self:stretch;flex-direction:column;justify-content:center;gap:10px}.program-top strong{font-size:15px;white-space:nowrap}.program-art{height:136px;padding:12px}.program-step>p{grid-column:1/-1;padding:10px 0;font-size:12px}.program-step+.program-step:before{content:'↓';top:-22px;left:47%;font-size:22px}.sound-word{font-size:32px}.sound-bars{height:22px;margin:6px 0}.mini-paper{width:126px;padding:8px 12px}.mini-paper>span{font-size:14px;line-height:1.4}.mini-paper small{margin-bottom:4px}.program-support{gap:10px;font-size:11px;padding-top:18px}.program-visual figcaption{text-align:left;font-size:10px}
.ref-material-grid{grid-template-columns:1fr;gap:36px}.study-paper{padding:26px 22px 18px;box-shadow:5px 5px 0 #e9e3de}.study-paper .c-case-sample__en{font-size:25px;line-height:1.85}.study-paper .c-case-legend{gap:9px 14px}.ref-material-copy h3{font-size:25px}.study-method li{padding-top:17px;padding-bottom:17px}.study-method summary{font-size:14px}.study-diagram-panels{grid-template-columns:1fr}.study-diagram svg{max-height:180px}
.study-audio .c-voice-ba__rows{grid-template-columns:1fr;gap:16px}.study-audio .c-voice-ba__row{padding:24px}.study-audio .c-voice-ba__row>b{font-size:23px}.voice-period{margin-bottom:10px}.voice-kind{margin-bottom:16px}
.study-finished #cases .c-voice-ba{grid-template-columns:1fr}.story-cover{min-height:215px;padding:24px}.story-cover strong{font-size:28px}.study-finished #cases .c-voice-ba__body{padding:24px}.study-finished #cases .c-voice-ba__sum{grid-template-columns:80px 1fr;font-size:13px}.study-finished #counseling .c-cta__title{font-size:25px}.study-finished #counseling .c-btn{min-width:0;width:100%;padding:20px 12px;font-size:14px}
}

.study-finished .title-phrase{display:inline-block;white-space:nowrap}
/* Study-specific purpose layer; preserve the approved material/voice design. */
.study-finished .study-situations{background:#fff;padding:64px 0}.study-situation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.study-situation-grid article{padding:0 24px 0 0;border-right:1px solid var(--line)}.study-situation-grid article:last-child{border:0;padding-right:0}.situation-label{font-size:12px;color:var(--accent);margin:0 0 18px;font-weight:700}.study-situation-grid h3{font-size:23px;line-height:1.75;margin:0 0 24px;font-weight:700;letter-spacing:.015em}.situation-action{font-size:15px;line-height:1.9;margin:0}.situation-action span{display:block;font-size:11px;color:#8a8079;margin-bottom:6px;font-weight:400}.study-finished main section#how{background:var(--soft)}.study-finished #learning-example{background:#fff}.study-finished .ref-voice-section{background:var(--soft)}.study-finished #cases{background:#fff}.study-finished #cases .c-voice-ba{border:1px solid #e5ded9}.study-finished main #counseling{background:var(--soft)}.study-purpose-note{font-size:14px;line-height:1.95;color:#655d57;margin:0 0 24px}.story-evidence-note{font-size:11px;line-height:1.9;color:#8b8078;margin:20px 0 0}.study-finished .program-top strong{font-size:16px}
@media(max-width:767px){.study-finished .study-situations{padding:44px 0}.study-situation-grid{grid-template-columns:1fr;gap:24px}.study-situation-grid article{border-right:0;border-bottom:1px solid var(--line);padding:0 0 24px}.study-situation-grid article:last-child{padding:0}.study-situation-grid h3{font-size:23px;margin-bottom:16px}.situation-label{margin-bottom:12px}.study-purpose-note{font-size:13px}.study-finished .program-top strong{white-space:normal;font-size:14px;text-align:center;line-height:1.7}.study-finished .title-phrase{white-space:normal}}

/* Study-abroad storyboard: explanatory examples, not learner records. */
.abroad-sequence{margin:36px 0 24px}
.sequence-slides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sequence-slide{background:#fff;min-width:0;position:relative;padding:24px 20px 18px;border-top:3px solid #a74337}
.sequence-slide:not(:last-child)::after{content:'→';position:absolute;right:-19px;top:50%;font-size:20px;color:#a74337;z-index:1}
.sequence-slide header>span{font-size:11px;letter-spacing:.14em;color:#9b4c42;font-weight:700}
.sequence-slide h3{font-size:19px;line-height:1.7;margin:12px 0 20px;letter-spacing:0}
.sequence-picture{height:240px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.sequence-picture span,.sequence-picture small{font-size:11px;color:#69635e;display:block}
.teacher-line{border-left:2px solid #b6a294;padding-left:12px}
.teacher-line strong{display:block;font-size:19px;margin-top:7px;font-family:Arial,sans-serif}
.thought-line{margin-left:24px;border-bottom:1px solid #ddd3cc;padding:8px 0 14px}
.thought-line strong{font-size:18px;line-height:1.6;display:block;margin-top:7px}
.sequence-gap{font-size:12px;color:#a74337;text-align:right}
.sentence-sheet{border:1px solid #d8cec5;padding:20px 14px;box-shadow:5px 5px 0 #eee9e4}
.sentence-sheet strong{display:block;font:24px/1.65 Georgia,serif;white-space:nowrap}
.sentence-sheet i{color:#a74337;font-style:normal}
.sheet-caption{display:flex;gap:18px;margin-top:12px;border-top:1px solid #e6e0da;padding-top:10px}
.reading-guide,.practice-loop{display:flex;align-items:center;justify-content:center;gap:14px}
.reading-guide b,.practice-loop b{color:#a74337;font-weight:400;font-size:23px}
.turn-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #d8cec5;padding:14px 0}
.turn-row strong{font:30px Georgia,serif}
.answer-row{margin-left:24px;color:#a74337}
.sequence-slide>p{font-size:12px;line-height:1.8;margin:22px 0 0;padding-top:14px;border-top:1px solid #e6e0da}
.sequence-support{display:flex;justify-content:center;align-items:center;gap:22px;padding:18px;font-size:13px;color:#736157}
.sequence-support b{font-size:25px;font-weight:400}
.abroad-sequence figcaption{font-size:11px;line-height:1.8;color:#777;text-align:center}
@media(max-width:767px){
.sequence-slides{grid-template-columns:1fr;gap:30px}
.sequence-slide{padding:24px}
.sequence-slide:not(:last-child)::after{content:'↓';top:auto;bottom:-29px;right:50%}
.sequence-picture{height:220px;max-width:300px;margin:auto}
.sequence-slide h3{font-size:22px}
.sequence-slide>p{text-align:center;font-size:13px}
.sequence-support{gap:12px;font-size:12px}
}

/* One learner journey: material and recordings share a single chapter. */
.student-journey{background:#fff;padding:68px 0}
.journey-intro h2{font-size:34px;line-height:1.65;margin:16px 0}
.journey-person{font-size:13px;color:#777}
.journey-route{display:grid;grid-template-columns:1fr 40px 1.4fr;align-items:center;gap:20px;padding:30px 0;border-bottom:1px solid #ddd5ce}
.journey-route small{display:block;color:#9b4c42;font-size:12px;margin-bottom:12px}
.journey-route strong{font-size:21px;line-height:1.8}
.journey-route>span{color:#a74337;font-size:25px}
.student-journey #learning-example,.student-journey #voice{background:white;padding:44px 0 12px}
.student-journey .ref-section-heading{border-top:0;padding-top:0}
.student-journey #learning-example h2,.student-journey #voice h2{font-size:25px}
.journey-end{padding-top:24px}
.journey-end .c-voice-ba__more{max-width:100%;padding:20px 0}
.study-hero-photo{margin:28px 0 0}
.study-hero-photo img{width:100%;height:350px;object-fit:cover;display:block}
.study-hero-photo figcaption{font-size:10px;color:#777;text-align:right;margin-top:5px}
@media(max-width:767px){.journey-intro h2{font-size:27px}.journey-route{grid-template-columns:1fr;gap:16px}.journey-route>span{transform:rotate(90deg);width:20px}.journey-route strong{font-size:19px}.study-hero-photo img{height:240px}.student-journey{padding:44px 0}}
.study-finished .study-hero-photo,.study-hero-photo{width:100%;max-width:none!important;margin:28px 0 0!important;grid-column:1/-1}
.study-hero-photo img{max-width:none!important}

.practice-drawing{display:block;width:100%;height:240px;overflow:visible}.sequence-slide .sequence-picture:has(.practice-drawing){gap:0}

/* Consistent screen-based teaching visuals, referencing program-page composition. */
.sequence-slide{padding:22px 16px 18px}
.sequence-slide .sequence-picture{height:300px;display:block}
.learning-screen{height:100%;background:#faf8f5;border:1px solid #cfc4bb;border-radius:8px;overflow:hidden;box-shadow:0 8px 0 #e8e1da}
.screen-toolbar{height:34px;display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:1px solid #ded5cd;background:#eee7e0}
.screen-toolbar>span{height:4px;width:4px;border-radius:50%;background:#b8a99c}
.screen-toolbar b{margin-left:auto;font-size:10px;font-weight:500;color:#716359}
.screen-sheet{padding:22px 16px}
.screen-small{font-size:10px!important;letter-spacing:.14em;color:#917b6a!important}
.screen-sheet p{font-family:Georgia,serif;font-size:24px;line-height:1.65;margin:14px 0;color:#37302b}
.screen-sheet em{font-style:normal;color:#a74337}
.screen-rule{height:1px;background:#ddd3c9;margin:20px 0 12px}
.screen-sheet small{font-size:10px;color:#88796e}
.screen-record{padding-top:18px}
.record-panel{display:flex;align-items:center;gap:8px;border-top:1px solid #d9cec5;padding-top:20px;margin-top:22px}
.record-dot{width:9px;height:9px;background:#a74337;border-radius:50%;flex-shrink:0}
.record-panel strong{font-size:11px;font-weight:500;white-space:nowrap}
.record-bars{display:flex;gap:3px;align-items:center;height:30px;margin-left:auto}
.record-bars i{width:2px;height:10px;background:#b88f80}
.record-bars i:nth-child(2n){height:24px}.record-bars i:nth-child(3n){height:17px}
.screen-chat{padding:16px 12px}
.chat-turn small{font-size:10px;color:#817268;display:block;margin:0 0 5px}
.chat-turn p{font:17px/1.4 Georgia,serif;padding:10px;background:#eee6de;display:inline-block;margin:0;border-radius:0 8px 8px 8px}
.chat-turn{margin-bottom:12px}
.chat-self{text-align:right}
.chat-self p{background:#a74337;color:white;border-radius:8px 0 8px 8px;text-align:left;font-size:16px}
@media(max-width:767px){.sequence-slide{padding:24px}.sequence-slide .sequence-picture{height:300px;max-width:300px}.screen-sheet{padding-left:24px;padding-right:24px}}

/* Reference composition: one large teaching visual and adjacent explanation. */
.reference-program-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center;margin:38px 0 24px}
.reference-program-visual{background:#e8e0d8;padding:30px 36px}
.demo-label{text-align:center;font-size:12px;letter-spacing:.12em;color:#766252;margin-bottom:20px}
.demo-stage .learning-screen{height:auto;border-radius:5px;box-shadow:0 6px 0 #d9cec4}
.demo-stage .screen-sheet{padding:22px}
.demo-stage .screen-sheet p{font-size:27px;margin:14px 0;line-height:1.5}
.demo-stage .screen-rule,.demo-stage .screen-sheet>small{display:none}
.demo-transition{text-align:center;font-size:27px;color:#9d7e6a;padding:12px 0}
.demo-dialog small{font-size:10px;color:#756353;display:block;margin-bottom:6px}
.demo-dialog p{font:19px/1.5 Georgia,serif;background:#fff;padding:12px 15px;margin:0;display:inline-block;border-radius:0 9px 9px 9px}
.demo-reply{text-align:right;margin-top:14px}
.demo-reply p{background:#a74337;color:#fff;text-align:left;border-radius:9px 0 9px 9px}
.reference-program-copy>div{padding:24px 0;border-bottom:1px solid #d8d0c9}
.reference-program-copy>div:first-child{padding-top:0}
.reference-program-copy>div:last-child{border-bottom:0;padding-bottom:0}
.reference-program-copy>div>span{font-size:11px;color:#9c8070;letter-spacing:.12em}
.reference-program-copy h3{font-size:22px;line-height:1.7;color:#a74337;margin:9px 0 13px}
.reference-program-copy p{font-size:14px;line-height:2;margin:0}
.abroad-sequence figcaption{text-align:left;margin-top:20px}
@media(max-width:767px){.reference-program-layout{grid-template-columns:1fr;gap:28px;margin:28px 0}.reference-program-visual{padding:24px}.reference-program-copy h3{font-size:20px}.reference-program-copy>div{padding:20px 0}}

/* Viewport-entry learning sequence; no audio autoplay. */
.demo-recording{display:flex;align-items:center;justify-content:center;height:30px;gap:4px;margin-top:10px}
.demo-recording i{width:3px;height:8px;background:#a74337;border-radius:2px}
.demo-recording span{font-size:10px;color:#8c6550;margin-left:8px}
.reference-program-layout .demo-stage,.reference-program-layout .demo-dialog>div,.reference-program-layout .demo-transition,.reference-program-layout .demo-recording{transition:opacity .6s,transform .6s}
.reference-program-layout[data-phase="0"] .demo-stage{opacity:.15}
.reference-program-layout[data-phase="0"] .demo-dialog>div,
.reference-program-layout[data-phase="1"] .demo-dialog>div,
.reference-program-layout[data-phase="2"] .demo-dialog>div,
.reference-program-layout[data-phase="3"] .demo-reply{opacity:0;transform:translateY(9px)}
.reference-program-layout[data-phase="0"] .demo-transition,
.reference-program-layout[data-phase="1"] .demo-transition,
.reference-program-layout[data-phase="2"] .demo-transition{opacity:0}
.reference-program-layout:not([data-phase="2"]) .demo-recording{opacity:0}
.reference-program-layout[data-phase="2"] .demo-recording i{animation:reading-bars .65s ease-in-out infinite alternate}
.demo-recording i:nth-child(2n){animation-delay:.2s!important}.demo-recording i:nth-child(3n){animation-delay:.4s!important}
.reference-program-layout[data-phase="2"] .screen-sheet p{color:#a74337;transition:color .6s}
@keyframes reading-bars{to{height:24px}}
@media(prefers-reduced-motion:reduce){.reference-program-layout *{animation:none!important;transition:none!important}}

/* Full-card entry to the learner story. */
.study-story-link{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:36px 40px;background:#fff;border:1px solid #d8d0c9;color:#292522;text-decoration:none;transition:border-color .2s,background .2s}
.study-story-link__copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.study-story-link__copy strong{font-size:24px;line-height:1.65;font-weight:600;letter-spacing:.02em}
.study-story-link__description{font-size:14px;line-height:1.9;color:#66605b}
.study-story-link__label{margin-top:10px;color:#a74337;font-size:14px;font-weight:600;line-height:1.7}
.study-story-link__arrow{display:grid;place-items:center;flex:0 0 60px;width:60px;height:60px;border-radius:50%;background:#a74337;color:#fff;font-size:27px;transition:transform .2s}
.study-story-link:hover{border-color:#a74337;background:#fdfaf8}
.study-story-link:hover .study-story-link__arrow{transform:translateX(4px)}
.study-story-link:focus-visible{outline:3px solid #a74337;outline-offset:5px}
@media(max-width:767px){.study-story-link{padding:24px 20px;gap:16px}.study-story-link__copy strong{font-size:20px}.study-story-link__description{font-size:13px}.study-story-link__label{font-size:13px}.study-story-link__arrow{flex-basis:42px;width:42px;height:42px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.study-story-link,.study-story-link__arrow{transition:none}}

/* Equal spacing above and below the hero description. */
.study-finished .c-hero__in{row-gap:0}
.study-finished .c-hero__title{margin-bottom:0}
.study-finished .c-hero__sub{margin:28px 0;padding:0}
.study-finished .c-hero__in>.study-hero-photo{margin:0!important}
@media(max-width:767px){.study-finished .c-hero__sub{margin:24px 0}}

/* Align the learner overview and material example on the same columns. */
.study-finished .journey-route{position:relative;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:72px;align-items:start;padding:24px 0 32px}
.study-finished .journey-route>span{position:absolute;left:calc((100% - 72px)*1.15/2.15 + 24px);top:58px;font-size:20px;line-height:1}
.study-finished .journey-route small{color:#756c66;margin-bottom:10px;font-size:12px}
.study-finished .journey-route strong{display:block;font-size:18px;line-height:1.9;font-weight:500}
.study-finished .ref-material-grid{align-items:start}
.study-finished .ref-material-copy{padding-top:0}
.study-finished .ref-material-copy h3{font-size:22px;line-height:1.8;color:#292522;font-weight:600;margin:0 0 24px}
.study-finished .student-journey #learning-example{padding-top:36px}
.study-finished .student-journey #learning-example .ref-section-heading{margin-bottom:28px}
@media(max-width:767px){
 .study-finished .journey-route{grid-template-columns:1fr;gap:24px;padding:20px 0 28px}
 .study-finished .journey-route>span{display:none}
 .study-finished .journey-route strong{font-size:17px}
 .study-finished .ref-material-copy h3{font-size:21px}
}

/* Separate listening from the invitation to read the full story. */
.study-finished .student-journey .journey-end{padding-top:40px}
@media(max-width:767px){.study-finished .student-journey .journey-end{padding-top:24px}}

@media(max-width:767px){.study-pc-break{display:none}}

/* Keep one learner's profile, concern and practice together. */
.study-finished .journey-summary{display:grid;gap:14px;margin:22px 0 0;padding:0 0 32px;border-bottom:1px solid #ddd5ce}
.study-finished .journey-summary>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:baseline}
.study-finished .journey-summary dt{font-size:12px;font-weight:400;line-height:1.9;color:#756c66}
.study-finished .journey-summary dd{margin:0;font-size:16px;font-weight:400;line-height:1.9;color:#292522}
@media(max-width:767px){.study-finished .journey-summary{gap:18px;padding-bottom:28px}.study-finished .journey-summary>div{grid-template-columns:1fr;gap:4px}.study-finished .journey-summary dd{font-size:15px}}