/* Learning journal: shared public resource and lesson design. */
.journal{font-size:16px}.journal-wrap{width:min(1320px,calc(100% - 112px));margin:auto}.journal-header{border-bottom:1px solid var(--line);background:#fff}.journal-bar{display:flex;align-items:center;gap:24px;min-height:80px}.journal-bar .brand{font-size:23px;white-space:nowrap}.journal-caption{border-left:1px solid #999;padding-left:24px;font-size:14px;color:#51545c}.journal-bar nav{display:flex;align-items:center;gap:32px;margin-left:auto}.journal-bar nav>a:not(.button){font-weight:600;font-size:15px;padding:8px 0}.journal-bar a[aria-current]{color:var(--purple);text-decoration:underline;text-underline-offset:9px}.journal .button{font-size:15px;min-height:50px;padding:14px 24px;gap:16px}.journal-toggle{display:none}.journal-hero{background:#e5efeb url('/assets/learning-hero.webp') center/cover no-repeat;padding:38px 0 34px}.journal-hero .eyebrow{font-size:13px;color:#2e4340;font-weight:800;margin-bottom:22px}.journal-hero h1{font-size:clamp(36px,4.45vw,64px);font-weight:800;letter-spacing:-.045em;line-height:1.14;max-width:1000px}.journal-hero p:not(.eyebrow){font-size:20px;color:#3e4950;max-width:800px;line-height:1.6;margin-top:22px}.journal-actions{display:flex;align-items:center;gap:32px;margin-top:30px;flex-wrap:wrap}.journal-actions:empty{display:none}.journal-text-link{display:inline-flex;align-items:center;gap:16px;font-weight:750}.journal-text-link:hover{color:var(--purple)}.journal-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,1fr);gap:52px;padding-block:48px 70px}.journal .section-heading{display:block;font-size:clamp(28px,3.3vw,48px);letter-spacing:-.04em;font-weight:800;line-height:1.16;margin:0 0 30px}.lesson-row{display:grid;grid-template-columns:64px 240px minmax(0,1fr) 24px;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.lesson-row:last-child{border-bottom:0}.lesson-number{font-size:38px;font-weight:800;color:var(--purple);letter-spacing:-.04em}.lesson-thumb{position:relative;display:block}.lesson-thumb img{width:100%;height:auto;aspect-ratio:2.2/1;object-fit:cover;border-radius:9px}.play-mark{position:absolute;inset:0;display:grid;place-items:center}.play-mark svg{background:#fff;color:var(--purple);width:34px;height:34px;padding:9px;border-radius:50%}.lesson-row h3{font-size:23px;line-height:1.4;letter-spacing:-.02em}.lesson-time{display:flex;align-items:center;gap:8px;color:#767782;font-size:18px;margin-top:8px}.lesson-time svg{width:17px;height:17px}.lesson-row:hover h3{color:var(--purple)}.quiz-invite{background:#241d32;border-radius:14px;padding:34px;color:#fff}.quiz-invite h2{font-size:36px;line-height:1.14;letter-spacing:-.035em;color:#fff}.quiz-invite h2 span{color:#b29aff}.quiz-invite p{color:#e6e2ed;font-size:18px;line-height:1.6;margin:20px 0 28px}.button-light{background:#fff;color:#201b29}.button-light:hover{background:#eee9ff}.download-link{display:inline-flex;align-items:center;gap:12px;color:var(--purple);text-decoration:underline;text-underline-offset:4px;font-weight:650;line-height:1.6}.quiz-aside>.download-link{margin-top:26px}.fine-print{font-size:13px!important;line-height:1.65!important;margin-top:12px;color:#62666d}.journal-footer{background:#f5f7f6;border-top:1px solid var(--line);padding:42px 0 28px}.journal-footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:32px}.journal-footer-top p{margin-top:12px}.journal-footer nav{display:flex;flex-wrap:wrap;gap:22px}.journal-footer .fine-print{max-width:760px;margin-top:32px}.footer-legal{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.footer-legal span{margin-right:auto}.footer-legal button,[data-analytics-settings]{background:none;border:0;text-decoration:underline;padding:0;color:inherit;font:inherit;cursor:pointer}.crumbs{display:flex;gap:12px;align-items:center;color:#62666d;font-size:13px;padding:26px 0}.crumbs svg{width:14px;height:14px}.crumbs a{color:var(--purple)}.lesson-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(260px,1fr);gap:64px;padding:20px 0 70px}.lesson-article h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;line-height:1.14;margin:14px 0 18px}.article-intro{font-size:18px;line-height:1.7;max-width:70ch}.video-stage{margin-top:28px;aspect-ratio:16/9;background:var(--mint);border-radius:12px;overflow:hidden}.video-stage iframe{width:100%;height:100%;border:0;display:block}.video-launch{position:relative;width:100%;height:100%;border:0;padding:0;display:block;text-align:left;background:#e5f1eb}.video-launch>img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.video-title{position:absolute;left:30px;top:26px;right:30px;color:#fff;font-size:30px;line-height:1.2;font-weight:800;max-width:75%}.video-play{position:absolute;inset:0;display:grid;place-items:center}.video-play svg{width:64px;height:64px;background:var(--purple);color:#fff;padding:21px;border-radius:50%}.video-length{position:absolute;bottom:18px;right:18px;padding:4px 9px;border-radius:5px;background:#18171b;color:#fff;font-size:14px}.video-note a{text-decoration:underline}.learning-outcomes{background:#eff5f1;padding:28px 32px;margin:30px 0 40px;border-radius:10px}.learning-outcomes h2{font-size:24px;letter-spacing:-.025em}.learning-outcomes ul{padding-left:22px;margin-bottom:0}.learning-outcomes li{margin-top:10px}.article-prose{max-width:72ch}.article-prose section{margin-bottom:34px;scroll-margin-top:28px}.article-prose h2{font-size:27px;letter-spacing:-.025em;line-height:1.25;margin-bottom:16px}.article-prose p,.article-prose li{font-size:16px;line-height:1.85;color:#465057}.article-prose p+p{margin-top:16px}.article-prose li{margin-bottom:14px}.article-prose a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.article-prose ul,.article-prose ol{padding-left:24px}.takeaway{border-left:4px solid var(--purple);background:#f6f3ff;padding:24px;margin:36px 0}.takeaway strong{color:var(--purple)}.takeaway p{margin-top:8px}.lesson-next{border-top:1px solid var(--line);padding-top:28px;margin-top:32px}.lesson-sidebar nav{margin:14px 0 32px;display:grid}.lesson-sidebar nav a{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-weight:650;font-size:15px}.lesson-sidebar nav span{color:var(--purple)}.lesson-sidebar nav a[aria-current]{color:var(--purple)}.lesson-sidebar .quiz-invite{padding:28px}.lesson-sidebar .quiz-invite h2{font-size:27px}.lesson-sidebar .quiz-invite p{font-size:15px}.resource-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:72px;padding-block:52px}.resource-book{display:flex;gap:24px;align-items:center;background:#f0f5f2;padding:24px;border-radius:12px}.resource-book>img{width:90px;height:auto;max-height:150px;object-fit:contain;border-radius:4px}.resource-book h2{font-size:22px;line-height:1.25;margin:12px 0}.resource-book a{font-size:13px}.contents{margin:30px 0;display:grid;gap:16px}.contents a{font-size:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}.related-learning{border-top:1px solid var(--line)}.quiz-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:64px;padding-block:48px 70px}.quiz-panel{border:1px solid var(--line);border-radius:14px;padding:36px;align-self:start;min-width:0}.quiz-panel h2{font-size:28px;letter-spacing:-.03em;line-height:1.3;margin:12px 0 18px}.quiz-panel p{margin-bottom:20px}.quiz-panel .button{margin-top:12px}.quiz-topics h2{font-size:29px;margin:14px 0 20px;letter-spacing:-.03em}.quiz-topics nav{display:grid;margin-bottom:28px}.quiz-topics nav a{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:14px}.quiz-topics nav span{color:var(--purple)}.quiz-topics nav svg{margin-left:auto}.quiz-progress{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:var(--purple);font-weight:750}.quiz-panel progress{width:100%;height:6px;accent-color:var(--purple);margin:18px 0}.quiz-panel fieldset{padding:0;margin:0;border:0}.quiz-panel legend{font-size:25px;font-weight:750;line-height:1.4;margin-bottom:24px}.quiz-choice{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid #d8dce0;border-radius:8px;margin-bottom:12px;cursor:pointer}.quiz-choice:has(input:checked){background:#f3f0ff;border-color:var(--purple)}.quiz-choice input{width:18px;height:18px;min-height:0;padding:0;flex:none;margin:4px 0 0;accent-color:var(--purple)}.quiz-choice:has(input:disabled){cursor:default}.quiz-feedback{padding:22px;background:#eef5f0;border-left:4px solid #387755;margin-top:24px}.quiz-feedback.is-incorrect{background:#fff6e6;border-color:#9b6915}.quiz-feedback h3{font-size:20px;margin-bottom:10px}.quiz-feedback p{margin-bottom:10px}.quiz-feedback a{color:var(--purple);text-decoration:underline}.quiz-score{font-size:52px;font-weight:800;color:var(--purple);margin-bottom:12px}.answer-review{margin-top:30px}.answer-review details{border-top:1px solid var(--line);padding:16px 0}.answer-review summary{cursor:pointer;font-weight:650}.answer-review p{margin-top:12px;font-size:14px}.quiz-panel button:disabled{cursor:not-allowed}.quiz-panel :focus-visible{outline-offset:4px}.quiz-status{font-size:14px;color:#9a3e20!important;min-height:1.4em}.quiz-revisit{display:grid;gap:12px;margin:20px 0}.quiz-revisit a{color:var(--purple);text-decoration:underline}
@media(min-width:1550px){.journal-hero{padding-block:65px}.journal-wrap{width:min(1440px,calc(100% - 128px))}.journal-hero h1{font-size:68px}}
@media(max-width:1150px){.journal-wrap{width:calc(100% - 64px)}.journal-caption{display:none}.journal-bar nav{gap:24px}.journal-grid{gap:32px;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.lesson-row{grid-template-columns:32px 125px minmax(0,1fr) 20px;gap:15px}.lesson-row h3{font-size:17px}.journal .section-heading{display:block;font-size:33px}.quiz-invite{padding:28px}.quiz-invite h2{font-size:29px}.lesson-layout,.resource-layout,.quiz-layout{gap:38px}.journal-hero h1{max-width:800px}.journal-hero p:not(.eyebrow){max-width:680px}}
@media(max-width:800px){.journal-wrap{width:calc(100% - 40px)}.journal-bar{min-height:72px;position:relative}.journal-bar .brand{font-size:20px}.journal-toggle{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;background:#fff;border:1px solid var(--line);border-radius:7px}.journal-bar nav{display:none;position:absolute;top:72px;left:-20px;right:-20px;z-index:10;background:#fff;padding:20px;box-shadow:0 14px 20px #191c2110;align-items:stretch;gap:10px}.journal-bar nav.is-open{display:flex;flex-direction:column}.journal-bar nav>a{padding:12px!important}.journal-hero{padding:36px 0;background-position:65% center}.journal-hero h1{font-size:42px;max-width:95%;text-shadow:0 1px #fff}.journal-hero p:not(.eyebrow){font-size:16px;max-width:85%}.journal-actions{gap:22px}.journal-grid,.lesson-layout,.resource-layout,.quiz-layout{grid-template-columns:1fr;gap:34px;padding-block:34px 45px}.journal .section-heading{display:block;font-size:30px;margin-bottom:18px}.lesson-row{grid-template-columns:32px 130px minmax(0,1fr) 20px;gap:14px;padding:18px 0}.lesson-row h3{font-size:17px}.lesson-number{font-size:25px}.quiz-invite h2{font-size:36px}.quiz-aside>.fine-print{margin-top:10px}.lesson-sidebar{border-top:1px solid var(--line);padding-top:30px}.lesson-article h1{font-size:39px}.resource-sidebar{order:-1}.resource-sidebar .contents{display:none}.resource-sidebar>.journal-text-link{margin-top:20px}.article-prose h2{font-size:25px}.journal-footer-top{flex-direction:column}.journal-footer nav{gap:15px 24px}.journal .button{white-space:normal}.quiz-panel{padding:26px}.quiz-panel legend{font-size:23px}.video-title{font-size:25px}.journal-hero h1 br{display:none}}
@media(max-width:480px){.journal-hero{background-image:none;background-color:#e5efeb}.journal-hero h1{font-size:38px;max-width:100%}.journal-hero p:not(.eyebrow){max-width:100%}.journal-hero .eyebrow{margin-bottom:16px;font-size:12px}.journal .button{font-size:14px;padding:13px 20px}.journal-actions{gap:20px}.lesson-row{grid-template-columns:25px 90px minmax(0,1fr);gap:12px}.lesson-row>svg{display:none}.lesson-row h3{font-size:15px}.lesson-time{font-size:12px;margin-top:4px}.lesson-number{font-size:23px}.lesson-row img{border-radius:6px}.journal .section-heading{display:block;font-size:29px}.quiz-invite h2{font-size:30px}.quiz-invite{padding:26px}.quiz-invite p{font-size:16px}.lesson-article h1{font-size:33px}.learning-outcomes{padding:24px}.quiz-panel{padding:22px}.quiz-panel legend{font-size:21px}.quiz-choice{font-size:15px;padding:14px}.video-title{font-size:20px;top:18px;left:20px}.video-play svg{width:52px;height:52px;padding:17px}.video-length{bottom:12px;right:12px;font-size:12px}.resource-book{padding:20px}.journal-footer .brand{font-size:20px}}
