.oc-guide-page{color:var(--ash);background:#f0eee5}.oc-guide-page h1,.oc-guide-page h2,.oc-guide-page h3,.oc-guide-page h4{letter-spacing:-.045em}.oc-guide-page h1 em,.oc-guide-page h2 em{color:#d8df9b}.oc-guide-hero{min-height:650px;color:var(--mist);background:#12352e;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);display:grid;overflow:hidden}.oc-guide-hero__copy{z-index:1;padding:78px clamp(22px,8vw,132px);position:relative}.oc-guide-breadcrumb{font:11px var(--mono);letter-spacing:.06em;flex-wrap:wrap;gap:9px;margin-bottom:58px;display:flex}.oc-guide-breadcrumb a{color:inherit}.oc-guide-hero h1{max-width:690px;font:600 clamp(56px,6.3vw,91px)/.87 var(--serif);margin:0}.oc-guide-hero h1 em{display:block}.oc-guide-hero__copy>p:not(.eyebrow){color:#cbd9d0;max-width:600px;margin:29px 0 0;font-size:17px;line-height:1.68}.oc-guide-hero__actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.oc-guide-hero__actions a,.oc-guide-cta__button{color:var(--mist);font:600 13px var(--sans);border:1px solid #dce7df80;padding:13px 16px;text-decoration:none}.oc-guide-hero__actions>a{background:var(--amber);border-color:var(--amber);color:var(--pine)}.oc-guide-hero__actions span,.oc-guide-cta__button span{margin-left:16px}.oc-guide-hero__scene{background:linear-gradient(145deg,#1c4539,#102923);position:relative;overflow:hidden}.oc-guide-hero__scene:before{content:"";background:repeating-linear-gradient(122deg,#0000 0 50px,#dce7df0f 51px 52px,#0000 53px 105px);position:absolute;inset:0}.oc-guide-hero__moon{aspect-ratio:1;background:radial-gradient(circle at 34% 31%,#f5edc7,#d2d09c 56%,#8ba491);border-radius:50%;width:min(24vw,245px);position:absolute;top:11%;left:18%;box-shadow:0 0 80px #e0e8be1f}.oc-guide-hero__scene i{clip-path:polygon(50% 0,100% 100%,0 100%);background:#0b261f;display:block;position:absolute;bottom:-5%}.oc-guide-hero__scene i:first-of-type{width:320px;height:510px;left:-17%}.oc-guide-hero__scene i:nth-of-type(2){width:400px;height:620px;right:-25%}.oc-guide-hero__scene i:nth-of-type(3){width:210px;height:360px;bottom:-10%;right:23%}.oc-guide-hero__scene b{font:500 10px/1.6 var(--mono);letter-spacing:.1em;color:#dbe7d5;text-align:right;position:absolute;bottom:10%;right:10%}.oc-checklist{background:#d8decf;grid-template-columns:.8fr 1.2fr;gap:55px;padding:50px clamp(22px,8vw,128px);display:grid}.oc-checklist h2,.oc-steps h2,.oc-example h2,.oc-template h2,.oc-mistakes h2,.oc-guide-cta h2,.oc-guide-faq h2{font:600 clamp(43px,5vw,66px)/.9 var(--serif);margin:0}.oc-checklist h2 em{color:var(--moss)}.oc-checklist ul{border-top:1px solid #2434473b;border-left:1px solid #2434473b;grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.oc-checklist li{border-bottom:1px solid #2434473b;border-right:1px solid #2434473b;min-height:130px;padding:18px 14px}.oc-checklist b{font:600 22px/1 var(--serif);display:block}.oc-checklist span{margin-top:12px;font-size:12px;line-height:1.45;display:block}.oc-steps{padding:105px clamp(22px,8vw,128px)}.oc-steps>header{max-width:790px;margin-bottom:58px}.oc-steps>header>p:last-child{max-width:630px;margin:23px 0 0;line-height:1.65}.oc-steps article{border-top:1px solid #24344740;grid-template-columns:105px minmax(0,1fr);gap:28px;padding:38px 0;display:grid}.step-number{color:var(--moss);font:500 12px var(--mono);letter-spacing:.1em}.oc-steps h3{font:600 clamp(34px,4vw,52px)/.9 var(--serif);margin:0}.oc-steps article>div>p{max-width:750px;margin:21px 0 0;line-height:1.7}.oc-steps a{color:var(--moss);text-underline-offset:3px;font-weight:700}.oc-steps aside{border-left:3px solid var(--amber);background:#e2e4d8;max-width:750px;margin-top:22px;padding:16px 18px;line-height:1.6}.clan-mini-grid{border-top:1px solid #24344738;border-left:1px solid #24344738;grid-template-columns:repeat(5,1fr);margin-top:26px;display:grid}.clan-mini-grid a{min-height:145px;color:var(--ash);border-bottom:1px solid #24344738;border-right:1px solid #24344738;padding:15px 13px;text-decoration:none}.clan-mini-grid a:hover{background:#e1e4d5}.clan-mini-grid b{font:600 21px/1 var(--serif);display:block}.clan-mini-grid span{margin-top:11px;font-size:12px;line-height:1.45;display:block}.example-line{color:var(--mist);font:500 21px/1.45 var(--serif);background:#173b31;padding:17px 20px}.example-line b{color:#d8df9b;font:600 11px var(--mono);letter-spacing:.09em;text-transform:uppercase}.name-line{font:600 clamp(28px,4vw,46px)/1 var(--serif);color:var(--moss)}.name-line span{color:var(--amber);padding:0 9px}.trait-table{border-top:1px solid #24344740;border-left:1px solid #24344740;margin-top:25px}.trait-table>div{grid-template-columns:.7fr .7fr 1.6fr;display:grid}.trait-table>*{border-bottom:1px solid #24344740}.trait-table>*>*{border-right:1px solid #24344740;padding:12px;line-height:1.45}.trait-table>div:first-child{font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#d8ded0}.oc-steps blockquote{border-left:2px solid var(--amber);max-width:760px;font:500 24px/1.4 var(--serif);margin:23px 0 0;padding:4px 0 4px 25px}.backstory-fill{background:#e2e4d8;gap:8px;max-width:760px;margin-top:23px;padding:18px;display:grid}.backstory-fill>b{font:600 10px var(--mono);letter-spacing:.1em;color:var(--moss)}.backstory-fill span{line-height:1.55}.backstory-fill strong{font:600 16px var(--serif)}.relationship-grid{border-top:1px solid #24344738;border-left:1px solid #24344738;grid-template-columns:repeat(2,1fr);gap:0;margin-top:25px;display:grid}.relationship-grid p{border-bottom:1px solid #24344738;border-right:1px solid #24344738;min-height:94px;padding:15px;margin:0!important;line-height:1.55!important}.relationship-grid b{font:600 18px var(--serif);color:var(--moss);margin-bottom:6px;display:block}.finished-card{max-width:740px;color:var(--mist);background:#14372e;margin-top:26px;padding:27px 30px;box-shadow:12px 12px #24344726}.finished-card h4{font:600 52px/.9 var(--serif);margin:0}.finished-card>p:not(.eyebrow){color:#c5d8cc;margin:8px 0 26px}.finished-card dl{margin:0}.finished-card dl>div{border-top:1px solid #dce7df36;grid-template-columns:150px 1fr;gap:12px;padding:11px 0;display:grid}.finished-card dt{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#d8df9b}.finished-card dd{margin:0;line-height:1.5}.oc-example{background:#e1e5d9;grid-template-columns:.8fr 1.2fr;gap:65px;padding:92px clamp(22px,8vw,128px);display:grid}.oc-example h2 em{color:var(--moss)}.oc-example>div>p:not(.eyebrow){max-width:490px;line-height:1.65}.oc-example dl{max-width:520px;margin:27px 0 0}.oc-example dl>div{border-top:1px solid #24344742;grid-template-columns:112px 1fr;gap:12px;padding:11px 0;display:grid}.oc-example dt{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--moss)}.oc-example dd{margin:0;line-height:1.5}.oc-example__hook{border-top:1px solid #2434474d;border-bottom:1px solid #2434474d;align-self:end;padding:25px 0}.oc-example__hook>p:last-child{max-width:730px;font:500 25px/1.45 var(--serif);margin:0}.oc-template{background:#d6d1bd;grid-template-columns:.85fr 1.15fr;gap:65px;padding:92px clamp(22px,8vw,128px);display:grid}.oc-template h2 em{color:var(--moss)}.oc-template>div>p:not(.eyebrow){max-width:440px;line-height:1.65}.oc-template pre{color:#375149;font:13px/1.75 var(--mono);white-space:pre-wrap;background:#f4f1e7;margin:0;padding:30px;overflow:auto;box-shadow:10px 10px #24344721}.oc-template-actions{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.oc-template-actions button{border:1px solid var(--ash);color:var(--ash);font:700 11px var(--mono);cursor:pointer;background:0 0;padding:11px 13px}.oc-template-actions button:first-child{background:var(--moss);border-color:var(--moss);color:var(--mist)}.oc-mistakes{background:#eff0e7;grid-template-columns:.8fr 1.2fr;gap:65px;padding:98px clamp(22px,8vw,128px);display:grid}.oc-mistakes h2 em{color:var(--moss)}.mistake-list{border-top:1px solid #24344740}.mistake-list p{border-bottom:1px solid #24344740;grid-template-columns:.85fr 1.15fr;gap:24px;margin:0;padding:17px 0;line-height:1.55;display:grid}.mistake-list b{font:600 21px/1.05 var(--serif)}.oc-mistakes__note{grid-column:2;max-width:700px;margin:0;font-size:14px;line-height:1.6}.oc-guide-cta{color:var(--mist);text-align:center;background:#183b32;padding:105px clamp(22px,8vw,128px)}.oc-guide-cta h2 em{color:#d8df9b}.oc-guide-cta>p:not(.eyebrow){color:#c8d8cf;max-width:520px;margin:23px auto 35px;line-height:1.65}.oc-guide-cta__button{background:var(--amber);border-color:var(--amber);color:var(--pine);display:inline-block}.oc-guide-faq{background:#dce1d5;padding:92px clamp(22px,8vw,128px)}.oc-guide-faq h2{color:var(--ash)}.oc-guide-faq h2 em{color:var(--moss)}.oc-guide-faq>div{border-top:1px solid #24344745;margin-top:37px}.oc-guide-faq details{border-bottom:1px solid #24344745;padding:21px 0}.oc-guide-faq summary{cursor:pointer;font:600 25px/1 var(--serif)}.oc-guide-faq details p{max-width:780px;margin:14px 0 0;line-height:1.65}.oc-guide-faq a{color:var(--moss);font-weight:700}.oc-guide-note{background:#d6d1bd;justify-content:space-between;gap:40px;padding:42px clamp(22px,8vw,128px);display:flex}.oc-guide-note p{max-width:670px;margin:0;font-size:13px;line-height:1.65}.oc-guide-note p:last-child{white-space:nowrap;font:11px/1.6 var(--mono)}.oc-guide-footer{background:var(--pine)}.oc-guide-page button:focus-visible,.oc-guide-page a:focus-visible,.oc-guide-page summary:focus-visible{outline:3px solid var(--amber);outline-offset:3px}@media (max-width:900px){.oc-guide-hero{grid-template-columns:1fr}.oc-guide-hero__scene{min-height:250px}.oc-checklist,.oc-example,.oc-template,.oc-mistakes{grid-template-columns:1fr}.oc-checklist ul{grid-template-columns:repeat(3,1fr)}.oc-mistakes__note{grid-column:auto}.clan-mini-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.oc-guide-hero__copy{padding:31px 22px 58px}.oc-guide-breadcrumb{margin-bottom:36px}.oc-guide-hero h1{font-size:52px}.oc-guide-hero__copy>p:not(.eyebrow){font-size:15px}.oc-guide-hero__scene{min-height:185px}.oc-guide-hero__scene b{bottom:20px;right:22px}.oc-checklist,.oc-steps,.oc-example,.oc-template,.oc-mistakes,.oc-guide-cta,.oc-guide-faq{padding:65px 22px}.oc-checklist{gap:28px}.oc-checklist ul,.clan-mini-grid{grid-template-columns:repeat(2,1fr)}.oc-checklist li{min-height:105px}.oc-steps>header{margin-bottom:36px}.oc-steps article{grid-template-columns:1fr;gap:12px;padding:29px 0}.oc-steps h3{font-size:39px}.trait-table{overflow:auto}.trait-table>div{min-width:560px}.relationship-grid{grid-template-columns:1fr}.finished-card{padding:23px 20px}.finished-card h4{font-size:44px}.finished-card dl>div,.oc-example dl>div,.mistake-list p{grid-template-columns:1fr;gap:5px}.oc-example{gap:28px}.oc-example__hook>p:last-child{font-size:22px}.oc-template{gap:35px}.oc-template pre{padding:23px 18px;font-size:12px}.oc-mistakes{gap:36px}.oc-guide-note{padding:30px 22px;display:block}.oc-guide-note p:last-child{white-space:normal;margin-top:15px}.oc-guide-faq summary{font-size:23px}}@media (prefers-reduced-motion:reduce){.oc-guide-page *{scroll-behavior:auto!important;transition:none!important}}.oc-guide-breadcrumb .oc-breadcrumb-item{align-items:center;gap:9px;display:inline-flex}.oc-quick-start,.oc-character-depth,.oc-guide-sources{padding:clamp(62px,8vw,110px) clamp(22px,8vw,128px)}.oc-quick-start{background:#e7e9da;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,6vw,88px);display:grid}.oc-quick-start h2,.oc-rank-guide h2,.oc-appearance-ideas h2,.oc-character-depth h2,.oc-guide-sources h2{font:600 clamp(38px,4.8vw,65px)/.98 var(--serif);letter-spacing:-.045em;margin:0}.oc-quick-start h2 em,.oc-rank-guide h2 em,.oc-appearance-ideas h2 em,.oc-character-depth h2 em,.oc-guide-sources h2 em{color:var(--moss)}.oc-quick-start__intro>p:not(.eyebrow),.oc-rank-guide>p:not(.eyebrow),.oc-appearance-ideas>p:not(.eyebrow),.oc-character-depth>p:not(.eyebrow),.oc-guide-sources>p:not(.eyebrow){max-width:820px;font-size:16px;line-height:1.75}.oc-quick-start__intro>a{color:#f4f2e7;font:700 13px var(--sans);background:#214f3f;margin-top:12px;padding:13px 16px;text-decoration:none;display:inline-block}.oc-quick-start__steps{background:#f7f6eb;border:1px solid #bcc7b9;align-self:start;padding:25px}.oc-quick-start__steps ol{counter-reset:oc-step;margin:16px 0 0;padding:0;list-style:none}.oc-quick-start__steps li{border-top:1px solid #c9d1c5}.oc-quick-start__steps li a{color:#254b3a;font:600 14px/1.4 var(--sans);justify-content:space-between;align-items:center;gap:12px;padding:13px 0;text-decoration:none;display:flex}.oc-quick-start__steps li a:before{counter-increment:oc-step;content:counter(oc-step,decimal-leading-zero);font:600 11px var(--mono);color:#67856d;margin-right:7px}.oc-quick-start__steps li a span{color:#8b6e3d;margin-left:auto}.oc-quick-start__steps li a:hover{text-underline-offset:3px;text-decoration:underline}.oc-steps .oc-rank-guide,.oc-steps .oc-appearance-ideas{border-left:4px solid var(--moss);background:#e2e8dc;margin:25px 0 44px;padding:40px clamp(18px,4vw,48px)}.oc-steps .oc-appearance-ideas{background:#edf0e5}.oc-steps .oc-rank-guide h2,.oc-steps .oc-appearance-ideas h2{max-width:850px}.oc-scroll-table{max-width:100%;margin:28px 0 17px;overflow-x:auto}.oc-scroll-table table{border-collapse:collapse;text-align:left;width:100%;min-width:690px}.oc-scroll-table th,.oc-scroll-table td{vertical-align:top;font:400 14px/1.55 var(--sans);border-bottom:1px solid #bac7ba;padding:15px 16px 15px 0}.oc-scroll-table thead th{font:700 12px/1.45 var(--mono);color:#38614b}.oc-scroll-table tbody th{font:700 16px/1.45 var(--serif);color:#224637}.oc-small-note{color:#4a6556;max-width:870px;margin:18px 0 0;font-size:13px!important;line-height:1.65!important}.oc-rank-guide a,.oc-appearance-ideas a,.oc-character-depth a,.oc-guide-sources a{color:var(--moss);text-underline-offset:3px;font-weight:700}.oc-appearance-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:27px;display:grid}.oc-appearance-gallery figure{background:#f6f6ee;border:1px solid #c1ccbd;min-width:0;margin:0}.oc-appearance-gallery figure:last-child{grid-column:1/-1}.oc-appearance-gallery img{width:100%;height:auto;display:block}.oc-appearance-gallery figcaption{font:400 13px/1.5 var(--sans);color:#4d6555;gap:5px;padding:15px 17px;display:grid}.oc-appearance-gallery figcaption strong{font:700 19px/1.2 var(--serif);color:var(--ash)}.oc-inline-links{font-size:14px;margin-top:15px!important}.clan-mini-grid>div{border-bottom:1px solid #24344738;border-right:1px solid #24344738;min-height:145px;padding:15px 13px}.clan-mini-grid>div b{font:600 21px/1 var(--serif);display:block}.clan-mini-grid>div span{margin-top:11px;font-size:12px;line-height:1.45;display:block}.oc-character-depth{background:#e9ebdf}.oc-character-depth h3{font:600 clamp(27px,3.7vw,42px)/1.08 var(--serif);margin:48px 0 22px}.oc-backstory-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.oc-backstory-cards article{background:#f7f6ee;border:1px solid #c2ccbc;padding:22px}.oc-backstory-cards h4{font:600 29px/1.08 var(--serif);margin:0 0 18px}.oc-backstory-cards p{font:400 14px/1.6 var(--sans);margin:10px 0}.oc-backstory-cards strong{color:#28543d}.oc-template a{color:var(--moss);text-underline-offset:3px;font-weight:700}.oc-template-panel{min-width:0}.oc-template-tabs{flex-wrap:wrap;gap:7px;margin:0 0 13px;display:flex}.oc-template-tabs button{color:#294a3b;cursor:pointer;min-height:43px;font:700 12px/1.3 var(--sans);background:#f4f1e7;border:1px solid #758f7f;flex:175px;padding:10px 13px}.oc-template-tabs button.selected,.oc-template-tabs button[aria-pressed=true]{color:#f3f4e9;background:#264e3e;border-color:#264e3e}.oc-template-description{font:400 14px/1.55 var(--sans);margin:0}.oc-template-panel .oc-template-actions{margin:17px 0 6px}.oc-template-panel .oc-template-actions button{font:700 12px/1.3 var(--sans);min-height:44px}.oc-template-feedback{font:400 12px/1.6 var(--sans);color:#425c4e;margin:7px 0 16px}.oc-template-panel pre{max-height:560px;overflow:auto}.oc-guide-sources{background:#d8dfd4}.oc-guide-sources ul{max-width:850px;margin:22px 0 0;padding-left:22px}.oc-guide-sources li{padding:7px 0;line-height:1.6}.oc-guide-page .oc-quick-start a:focus-visible,.oc-guide-page .oc-template-panel button:focus-visible{outline-offset:3px;outline:3px solid #bf862b}@media (max-width:900px){.oc-quick-start{grid-template-columns:1fr;gap:30px}.oc-backstory-cards,.oc-appearance-gallery{grid-template-columns:1fr}.oc-appearance-gallery figure:last-child{grid-column:auto}}@media (max-width:600px){.oc-quick-start,.oc-character-depth,.oc-guide-sources{padding:60px 22px}.oc-quick-start__steps{padding:18px}.oc-steps .oc-rank-guide,.oc-steps .oc-appearance-ideas{margin:18px 0 32px;padding:32px 16px}.oc-appearance-gallery{gap:10px}.oc-appearance-gallery figcaption{padding:12px}.oc-backstory-cards article{padding:18px}.oc-template-tabs button{flex:120px}.oc-scroll-table th,.oc-scroll-table td{padding:12px 12px 12px 0}}