/* Columbia Springs — translated from Figma 27:166 and 27:167. */
.columbia-study{--paper:#fff;--ink:#20232b;--muted:#59606c;--line:#d9dde4;--accent:#264bc4;background:var(--paper);line-height:1.5}
.columbia-study .shell{max-width:1280px;padding:36px 60px 48px}
.columbia-study .case-nav{align-items:center;font-size:14px;line-height:1.5}
.columbia-study .case-nav .brand{font-size:20px}
.columbia-study main{padding-top:104px}
.columbia-title{display:grid;gap:20px;margin-bottom:104px}
.columbia-title .eyebrow{font-size:12px;letter-spacing:0}
.columbia-title h1{font-size:56px;font-weight:400;line-height:1.15;letter-spacing:0;max-width:none}
.columbia-title .subtitle{font-size:24px;color:var(--muted)}
.columbia-overview{border-top:1px solid var(--line);margin-bottom:104px}
.columbia-study .project-overview{grid-template-columns:1fr 1fr;gap:64px;padding:32px 0}
.columbia-study .project-overview h2{font-size:28px;line-height:1.5;letter-spacing:0;font-weight:400;margin-bottom:20px}
.columbia-study .project-overview p{font-size:18px;line-height:1.5}
.columbia-study .scope-facts{display:grid;gap:20px;align-content:start}
.columbia-study .scope-facts>div{grid-template-columns:110px minmax(0,1fr);gap:20px;padding:0;border:0}
.columbia-study .scope-facts dt{letter-spacing:0}
.columbia-study .scope-facts dd{font-size:16px;line-height:1.5}
.columbia-sections{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;border-top:1px solid var(--line);padding-top:24px;font-size:14px;color:var(--accent)}
.columbia-sections a{padding:8px 0}
.columbia-study a:hover{text-decoration:underline;text-underline-offset:4px}
.columbia-section{margin-bottom:152px;scroll-margin-top:32px}
.columbia-section h2{font-size:34px;line-height:1.5;letter-spacing:0;font-weight:400;margin-bottom:32px}
.columbia-section h3{font-size:21px;line-height:1.5;letter-spacing:0;font-weight:500;margin:0}
.columbia-section p{font-size:18px;line-height:1.5}
.columbia-section .section-intro{max-width:850px;margin:0 0 32px}
.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.two-columns h3{margin-bottom:20px}
.objectives{padding-left:22px;margin:0;display:grid;gap:14px;font-size:17px}
.task-list{display:grid;gap:64px}
.task-row{display:grid;grid-template-columns:minmax(0,540fr) minmax(0,556fr);gap:64px;align-items:start}
.task-copy{display:grid;gap:14px;align-content:start}
.task-copy p,.finding-copy p,.compact-finding p{font-size:17px;margin:0}
.columbia-study .task-prompt{font-size:14px;color:var(--muted);margin:0}
.task-finding .task-prompt{margin-top:14px}
.participant-quote blockquote{font-size:23px;font-weight:500;line-height:1.5}
.participant-quote figcaption,.artifact figcaption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:14px}
.artifact{min-width:0}
.artifact>a{display:block}
.artifact img{width:100%;height:auto}
.artifact-frame{border:1px solid #dde4f5;border-radius:8px;background:#f2f4fb;padding:14px}
.columbia-study .section-link{display:inline-block;font-size:16px;color:var(--accent);line-height:1.5}
.task-list+.section-link{margin-top:32px}
.compact-finding{display:grid;grid-template-columns:minmax(0,290fr) minmax(0,822fr);gap:48px;padding-top:20px;border-top:1px solid var(--line);align-items:start}
.compact-finding.task-finding{grid-template-columns:minmax(0,280fr) minmax(0,816fr);gap:64px;border:0;padding:0}
.task-route{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;margin:0 0 32px}
.task-route h3{font-size:17px;margin-bottom:12px}
.task-route p{font-size:14px;color:var(--muted)}
.highlighted-findings{display:grid;gap:80px}
.evidence-row{display:grid;grid-template-columns:minmax(0,520fr) minmax(0,560fr);gap:80px;align-items:center}
.finding-copy{display:grid;gap:22px}
.finding-copy h3{font-size:29px;font-weight:400}
.finding-copy .suggested-label{font-size:14px;color:var(--accent)}
.destination-evidence{display:grid;gap:14px}
.destination-evidence .destination-arrow{font-size:14px;color:var(--accent);text-align:center;margin:0}
.destination-evidence figcaption{margin:0}
.additional-findings{display:grid;gap:32px;padding-top:64px}
.accessibility-evidence{grid-template-columns:minmax(0,450fr) minmax(0,630fr);align-items:start}
.accessibility-evidence .finding-copy{gap:20px}
.accessibility-evidence h3{font-size:21px;font-weight:500}
.finding-copy .contrast-ratio{font-size:42px;line-height:1.15}
.accessibility-findings{padding-top:64px}
.concept-list{display:grid;gap:112px}
.concept-row{align-items:start;scroll-margin-top:32px}
.concept-row h3{font-size:30px}
.concept-row p{font-size:18px}
/* Keep a focused preview; its link opens the complete 2x Figma export. */
.concept-preview{aspect-ratio:8/9;overflow:hidden}
.concept-preview img{display:block;width:100%;height:auto}
.artifact-frame img{display:block}
.next-steps{border-top:1px solid var(--line);padding-top:32px;margin-bottom:32px}
.next-steps h2{font-size:21px;font-weight:500}
.next-steps .section-intro{margin:0}
.columbia-footer{margin:0;display:flex;justify-content:space-between;gap:24px;font-size:14px;line-height:1.5}
.columbia-study :is(#overview,#usability,#flow,#heuristics,#accessibility,#concepts,#reflection){scroll-margin-top:32px}
@media(max-width:1000px){.columbia-study .shell{padding-left:40px;padding-right:40px}.columbia-study .project-overview,.two-columns,.task-row,.evidence-row{gap:40px}.columbia-title h1{font-size:48px}.compact-finding,.compact-finding.task-finding{gap:32px;grid-template-columns:1fr 2fr}.columbia-study .scope-facts>div{grid-template-columns:82px minmax(0,1fr);gap:16px}}
@media(max-width:760px){.columbia-study .shell{padding:28px 24px 48px}.columbia-study main{padding-top:72px}.columbia-title,.columbia-overview{margin-bottom:72px}.columbia-section{margin-bottom:104px}.columbia-title h1{font-size:40px}.columbia-title .subtitle{font-size:21px}.columbia-study .project-overview{grid-template-columns:1fr;gap:32px}.columbia-study .scope-facts>div{grid-template-columns:88px minmax(0,1fr);gap:16px}.columbia-sections{justify-content:flex-start;gap:4px 20px}.columbia-section h2{font-size:30px}.two-columns,.task-row,.evidence-row,.compact-finding,.compact-finding.task-finding{grid-template-columns:1fr;gap:24px}.task-list{gap:40px}.task-copy,.compact-finding.task-finding{gap:16px}.two-columns{gap:32px}.highlighted-findings,.concept-list{gap:64px}.finding-copy h3,.concept-row h3{font-size:25px}.accessibility-evidence h3{font-size:21px}.task-route{grid-template-columns:1fr;gap:22px}.task-route h3 span{display:inline-block;transform:rotate(90deg)}.additional-findings{padding-top:40px}.next-steps{margin-bottom:32px}.columbia-footer{flex-wrap:wrap}}

.research-question{margin-top:28px}