/* Companion resources share the established POP palette and typography. */
.companion-page{--companion-rule:#d1d9cc}
.companion-page a:focus-visible{outline:3px solid #b98d48;outline-offset:5px}
.companion-page [id]{scroll-margin-top:110px}
.companion-hero{background:var(--navy);color:var(--cream);padding-bottom:66px}
.companion-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-top:24px;margin-bottom:46px;font-size:11px;color:#bfd0c5}
.companion-breadcrumb a{padding-block:8px;border-bottom:1px solid transparent}
.companion-breadcrumb a:hover{border-color:currentColor;color:#fff}
.companion-breadcrumb>span[aria-hidden]{color:#758d80}
.companion-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:64px}
.companion-opening .eyebrow{font-size:10px;margin-bottom:24px}
.companion-opening h1{font-size:clamp(46px,4.8vw,66px);line-height:1.08;margin-bottom:26px;letter-spacing:-.04em}
.companion-opening h1 em{color:var(--sage)}
.companion-lead{font-family:var(--serif);font-size:23px;line-height:1.4;letter-spacing:-.015em;color:#eff0e4;margin-bottom:16px}
.companion-hero-copy{font-size:15px;line-height:1.8;color:#cfddd3;max-width:470px;margin-bottom:29px}
.companion-materials{font-size:11px;line-height:1.65;color:#b7cdbd;margin:15px 0 0}
.companion-film{margin:0;padding-top:7px}
.companion-film .film-image{border:1px solid #c3d8bf35}
.companion-film figcaption{padding:24px 0 0 21px;border-left:1px solid #b5cfa253;margin-top:24px}
.companion-film .small-label{font-size:9px;margin-bottom:10px}
.companion-film-title{display:inline-block;font:400 23px/1.3 var(--serif);letter-spacing:-.015em;max-width:420px}
.companion-film-title:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.companion-film figcaption>p:last-child{font-size:12px;color:#bbd0c1;margin:14px 0 0}
.companion-orientation{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-block:52px;border-bottom:1px solid var(--line)}
.companion-orientation .eyebrow{margin:4px 0 0;max-width:200px;line-height:1.9}
.companion-intro{font-size:18px;line-height:1.85;max-width:730px;margin:0}
.companion-questions{display:grid;grid-template-columns:.8fr 1.7fr;align-items:start;gap:90px;padding-top:77px;padding-bottom:80px}
.companion-guide{position:sticky;top:116px}
.companion-guide .eyebrow{font-size:10px;margin-bottom:18px}
.companion-guide h2{font-size:39px;line-height:1.13;margin-bottom:23px}
.companion-guide>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:265px;margin-bottom:22px}
.companion-jump-list{list-style:none;padding:0;margin:0 0 25px;border-top:1px solid var(--companion-rule)}
.companion-jump-list li{border-bottom:1px solid var(--companion-rule)}
.companion-jump-list a{display:flex;align-items:center;gap:18px;min-height:50px;font-size:13px;padding:8px 4px;transition:color .18s,background .18s}
.companion-jump-list a:hover{background:#e9eee3;color:#254e3e}
.companion-jump-list span{width:22px;font:21px var(--serif);color:#527849}
.companion-guide>.text-link{font-size:11px;gap:9px}
.companion-question{display:grid;grid-template-columns:58px 1fr;gap:27px;padding-bottom:34px;margin-bottom:36px;border-bottom:1px solid var(--companion-rule)}
.companion-question:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.companion-direction{font:49px/1 var(--serif);color:#526d4b;padding-top:2px}
.companion-question h3{font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:650;color:#587450;margin-bottom:16px}
.companion-question blockquote{margin:0 0 20px;font:27px/1.38 var(--serif);letter-spacing:-.02em;color:#183b31}
.companion-question p{font-size:15px;line-height:1.85;color:var(--muted);margin:0}
.companion-practice{background:#e7ecdf;border-top:1px solid #dce2d4;border-bottom:1px solid #dce2d4}
.companion-practice-grid{display:grid;grid-template-columns:.9fr 1.4fr;gap:90px;padding-block:66px}
.companion-practice-opening h2{font-size:43px;line-height:1.12;margin-bottom:26px}
.companion-practice-opening>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#52644f;max-width:320px;margin-bottom:22px}
.companion-practice-opening .text-link{font-size:12px;gap:10px}
.companion-practice-steps{list-style:none;margin:0;padding:0}
.companion-practice-steps li{display:grid;grid-template-columns:36px 1fr;gap:22px;margin-bottom:27px;padding-bottom:24px;border-bottom:1px solid #bfceba}
.companion-practice-steps li:last-child{border:0;padding-bottom:0;margin-bottom:0}
.practice-number{color:#658258;font:25px/1.15 var(--serif);padding-top:2px}
.companion-practice-steps h3{font-size:17px;font-weight:600;margin-bottom:9px;letter-spacing:-.015em}
.companion-practice-steps p{font-size:14px;line-height:1.85;color:#52644f;margin-bottom:0}
.companion-practice-steps .companion-writing-prompt{font:21px/1.45 var(--serif);color:#244c40;margin-top:15px;padding:15px 0 15px 18px;border-left:2px solid #7a976b}
.companion-example{padding-block:70px}
.companion-example-heading{max-width:700px;margin-bottom:32px}
.companion-example-heading .eyebrow{font-size:10px;margin-bottom:18px}
.companion-example h2{font-size:36px;margin-bottom:22px}
.companion-example-heading>p:not(.eyebrow){font-size:15px;line-height:1.8;color:var(--muted);max-width:630px;margin-bottom:0}
.companion-example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:29px;margin:0;padding:28px 0 31px;border-top:1px solid var(--companion-rule);border-bottom:1px solid var(--companion-rule)}
.companion-example-grid dt{font-size:12px;font-weight:600;line-height:1.5;margin-bottom:13px}
.companion-example-grid dt span{display:block;font:30px var(--serif);color:#68865a;margin-bottom:13px}
.companion-example-grid dd{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.companion-example-action{padding-top:30px;max-width:760px}
.companion-example-action .small-label{font-size:9px;margin-bottom:12px}
.companion-example-action>p:not(.small-label):not(.companion-example-note){font:25px/1.45 var(--serif);letter-spacing:-.015em;color:var(--forest);margin-bottom:18px}
.companion-example-action .companion-example-note{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:0;max-width:650px}
.companion-continue{background:var(--forest);color:var(--cream)}
.companion-continue-grid{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:90px;padding-block:62px}
.companion-continue h2{font-size:39px;line-height:1.16;margin-bottom:22px}
.companion-continue p:not(.eyebrow):not(.small-label){color:#d0ddca;font-size:14px;line-height:1.85;max-width:510px}
.companion-continue .eyebrow{font-size:10px;margin-bottom:20px}
.companion-continue .button{margin-top:5px;font-size:12px}
.companion-next-film{padding-left:35px;border-left:1px solid #b8cdbb55}
.companion-next-film .small-label{font-size:9px;margin-bottom:17px}
.companion-next-film h3{font:26px/1.3 var(--serif);letter-spacing:-.02em;margin-bottom:18px}
.companion-next-film h3 a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.companion-next-film .text-link{font-size:11px;gap:8px}
@media(max-width:1050px){.companion-hero-grid{gap:38px}.companion-questions{gap:50px;grid-template-columns:.8fr 1.6fr}.companion-practice-grid{gap:50px}.companion-continue-grid{gap:50px}.companion-guide h2{font-size:35px}.companion-question{gap:20px;grid-template-columns:45px 1fr}.companion-question blockquote{font-size:25px}.companion-example-grid{gap:22px}.companion-orientation{gap:35px;grid-template-columns:.8fr 2fr}}
@media(max-width:760px){.companion-page [id]{scroll-margin-top:133px}.companion-hero{padding-bottom:42px}.companion-breadcrumb{font-size:10px;gap:10px;padding-top:16px;margin-bottom:30px}.companion-breadcrumb a{min-height:44px;display:inline-flex;align-items:center}.companion-hero-grid{grid-template-columns:1fr;gap:32px}.companion-opening h1{font-size:clamp(42px,8.2vw,60px);max-width:580px}.companion-opening .eyebrow{font-size:9px;margin-bottom:22px}.companion-lead{font-size:22px}.companion-hero-copy{font-size:15px;max-width:550px}.companion-materials{font-size:11px}.companion-film{padding-top:0;max-width:580px}.companion-film figcaption{margin-top:20px;padding-top:0;padding-left:18px}.companion-film-title{font-size:23px;max-width:500px}.companion-orientation{grid-template-columns:1fr;gap:18px;padding-block:36px}.companion-orientation .eyebrow{max-width:none;font-size:9px}.companion-intro{font-size:17px;line-height:1.85}.companion-questions{grid-template-columns:1fr;gap:40px;padding-top:44px;padding-bottom:47px}.companion-guide{position:static}.companion-guide h2{font-size:37px;margin-bottom:20px}.companion-guide h2 br{display:none}.companion-guide h2 br:after{content:' '}.companion-guide>p:not(.eyebrow){max-width:450px;font-size:14px}.companion-jump-list{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px}.companion-jump-list li:nth-child(2n){padding-left:14px}.companion-jump-list a{font-size:12px;gap:12px;min-height:54px}.companion-guide>.text-link{font-size:12px}.companion-question{grid-template-columns:36px 1fr;gap:18px;margin-bottom:28px;padding-bottom:28px}.companion-direction{font-size:38px}.companion-question h3{font-size:9px;margin-bottom:13px}.companion-question blockquote{font-size:25px;line-height:1.42;margin-bottom:17px}.companion-question p{font-size:14px;line-height:1.85}.companion-practice-grid{grid-template-columns:1fr;gap:32px;padding-block:43px}.companion-practice-opening h2{font-size:37px;margin-bottom:22px}.companion-practice-opening>p:not(.eyebrow){max-width:470px}.companion-practice-steps li{grid-template-columns:28px 1fr;gap:18px;margin-bottom:24px;padding-bottom:21px}.practice-number{font-size:23px}.companion-practice-steps .companion-writing-prompt{font-size:21px;padding-left:15px}.companion-example{padding-block:45px}.companion-example h2{font-size:32px}.companion-example-grid{grid-template-columns:1fr 1fr;gap:28px 25px;padding-block:27px}.companion-example-grid dt{font-size:12px}.companion-example-grid dt span{margin-bottom:10px}.companion-example-grid dd{font-size:13px}.companion-example-action>p:not(.small-label):not(.companion-example-note){font-size:23px}.companion-continue-grid{grid-template-columns:1fr;gap:35px;padding-block:45px}.companion-continue h2{font-size:34px}.companion-next-film{padding-left:0;padding-top:30px;border-left:0;border-top:1px solid #b8cdbb55}.companion-next-film h3{max-width:470px}.companion-next-film .text-link{font-size:12px}}
@media(max-width:380px){.companion-opening h1{font-size:40px}.companion-jump-list a{gap:8px;font-size:11px}.companion-jump-list li:nth-child(2n){padding-left:5px}.companion-question{grid-template-columns:28px 1fr;gap:14px}.companion-direction{font-size:32px}.companion-question blockquote{font-size:23px}.companion-example-grid{grid-template-columns:1fr;gap:22px}.companion-example-grid dt span{display:inline-block;margin:0 12px 0 0;font-size:24px}.companion-example-grid dt{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){.companion-page{scroll-behavior:auto}.companion-jump-list a{transition:none}}
@media print{@page{margin:16mm}.companion-page{font-size:11pt;background:#fff;color:#000}.companion-page .page-width{width:100%;max-width:none}.site-header,.skip-link,.companion-breadcrumb,.companion-film,.companion-guide>.text-link,.companion-jump-list,.companion-practice-opening>.text-link,.companion-continue,.companion-page footer,.companion-opening>.button{display:none!important}.companion-hero,.companion-practice{background:#fff;color:#000;padding:0;border:0}.companion-hero-grid,.companion-orientation,.companion-questions,.companion-practice-grid{display:block;padding:0}.companion-opening h1{font-size:30pt;margin:0 0 12pt}.companion-opening h1 em{color:#000}.companion-lead{font-size:15pt}.companion-hero-copy,.companion-materials,.companion-question p,.companion-intro,.companion-practice-steps p,.companion-example-grid dd,.companion-example-action p{color:#222!important;font-size:10.5pt;line-height:1.6;max-width:none}.companion-orientation{margin:18pt 0 22pt}.companion-guide{position:static;margin:0 0 16pt}.companion-guide h2,.companion-practice-opening h2,.companion-example h2{font-size:22pt}.companion-guide h2 br,.companion-practice-opening h2 br{display:none}.companion-question{grid-template-columns:30pt 1fr;gap:15pt;margin-bottom:16pt;padding-bottom:16pt;break-inside:avoid}.companion-direction{font-size:26pt}.companion-question blockquote{font-size:16pt;margin-bottom:10pt}.companion-question h3{color:#333;font-size:8.5pt;margin-bottom:8pt}.companion-practice{margin-top:24pt}.companion-practice-opening{margin-bottom:18pt}.companion-practice-steps li{break-inside:avoid;margin-bottom:13pt;padding-bottom:13pt}.companion-practice-steps h3{font-size:12pt}.companion-practice-steps .companion-writing-prompt{font-size:13pt}.companion-example{padding:22pt 0 0}.companion-example-grid{grid-template-columns:1fr 1fr;gap:16pt}.companion-example-grid>div{break-inside:avoid}.companion-example-action{break-inside:avoid}.eyebrow,.eyebrow.light,.small-label,.small-label.light{color:#444!important}.companion-hero-copy{margin-bottom:10pt}.companion-page .companion-example-action>p:not(.small-label):not(.companion-example-note){font-size:14pt;color:#000}.companion-page .companion-example-action:after{content:'POP Values Compass · power-of-positivity.com/purpose/values-compass/';display:block;font-size:8pt;color:#555;margin-top:22pt;border-top:1px solid #bbb;padding-top:8pt}}
