/* Scoped additions; retain the existing Vision page and shared site styling. */
.developer-philosophy-preview{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.developer-philosophy-preview>.eyebrow{color:#837057}
.developer-philosophy-preview-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:10%;margin-top:40px}
.developer-philosophy-preview-grid h2{font-size:clamp(3.5rem,5.5vw,6rem)}
.developer-philosophy-preview-grid>div>p{max-width:490px;font-size:17px;line-height:1.8;color:#66665e}
.developer-philosophy-preview-grid .text-link{margin-top:30px;gap:35px}
.philosophy-opening{padding-top:55px;padding-bottom:70px;border-bottom:1px solid var(--line)}
.philosophy-back{display:inline-flex;border-bottom:1px solid var(--line);padding-bottom:9px;font-size:12px;margin-bottom:48px}
.philosophy-opening>.eyebrow{color:#837057}
.philosophy-opening h1{font-size:clamp(4rem,8vw,8.5rem);line-height:1;letter-spacing:-.045em;margin:30px 0 40px}
.philosophy-opening-belief{max-width:860px;color:#62645b;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.8}
.philosophy-reading-layout{display:grid;grid-template-columns:210px minmax(0,780px);justify-content:space-between;gap:9%;align-items:start}
.philosophy-contents{position:sticky;top:35px;border-top:1px solid var(--line);padding-top:22px}
.philosophy-contents>.eyebrow{color:#837057;font-size:10px;margin-bottom:22px}
.philosophy-contents>a{display:flex;gap:16px;align-items:baseline;padding:11px 0;font-size:12px;line-height:1.6;color:#64665c}
.philosophy-contents>a span{font-size:10px;color:#978266;flex:0 0 18px}
.philosophy-contents>a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.philosophy-article{min-width:0}
.philosophy-article header{padding-bottom:50px}
.philosophy-article header>.eyebrow{font-size:10px;color:#837057;margin-bottom:25px}
.philosophy-article header>h2{font-size:clamp(2.3rem,3.6vw,3.7rem);line-height:1.12;letter-spacing:-.03em;margin-bottom:35px;max-width:700px}
.philosophy-article p{font-size:17px;line-height:1.95;color:#5e6158;max-width:760px}
.philosophy-article p+p{margin-top:24px}
.philosophy-chapter{border-top:1px solid var(--line);padding:48px 0 52px;scroll-margin-top:30px}
.philosophy-chapter>h2{font:400 clamp(2.1rem,3vw,3rem)/1.16 var(--serif);letter-spacing:-.02em;max-width:700px;margin:0 0 28px}
.philosophy-phase{margin:30px 0;padding-left:25px;border-left:1px solid #c7b18e}
.philosophy-phase h3{font:500 16px/1.7 var(--sans);letter-spacing:0;margin:0 0 12px}
.philosophy-phase p{font-size:16px}
.philosophy-article .philosophy-final-statement{font:400 clamp(1.8rem,2.7vw,2.6rem)/1.4 var(--serif);color:var(--ink);margin-top:42px;padding-top:35px;border-top:1px solid var(--line)}
.philosophy-return{background:var(--paper);padding-top:45px;padding-bottom:45px;border-top:1px solid var(--line)}
.philosophy-return .text-link{margin-top:18px}
@media(max-width:1000px){.philosophy-reading-layout{grid-template-columns:170px minmax(0,1fr);gap:7%}.philosophy-article p{font-size:16px}.philosophy-contents>a{font-size:11px;gap:10px}}
@media(max-width:800px){
 .developer-philosophy-preview-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}
 .developer-philosophy-preview-grid h2{font-size:clamp(3.2rem,10vw,4.7rem)}
 .developer-philosophy-preview-grid>div>p{max-width:none;font-size:16px}
 .developer-philosophy-preview-grid .text-link{margin-top:24px;gap:25px;font-size:11px}
 .philosophy-opening{padding-top:35px;padding-bottom:50px}
 .philosophy-back{margin-bottom:35px}
 .philosophy-opening h1{font-size:clamp(3.4rem,11vw,5.4rem);margin:25px 0 30px}
 .philosophy-opening-belief{font-size:17px}
 .philosophy-reading-layout{grid-template-columns:1fr;gap:45px;padding-top:45px}
 .philosophy-contents{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;padding-top:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}
 .philosophy-contents>.eyebrow{grid-column:1/-1;margin-bottom:12px}
 .philosophy-contents>a{font-size:12px;padding:10px 0}
 .philosophy-article header{padding-bottom:35px}
 .philosophy-article header>h2{font-size:clamp(2.4rem,7vw,3rem);margin-bottom:28px}
 .philosophy-article p{font-size:16px;line-height:1.9}
 .philosophy-chapter{padding:35px 0 40px}
 .philosophy-chapter>h2{font-size:clamp(2rem,6.5vw,2.7rem);margin-bottom:25px}
 .philosophy-phase{padding-left:18px}
 .philosophy-phase h3{font-size:15px}
 .philosophy-phase p{font-size:15px}
 .philosophy-article .philosophy-final-statement{font-size:1.9rem;margin-top:35px;padding-top:28px}
}
