/* Clean methodology block — independent from legacy principle styles. */
.site-principles{display:block;margin-top:clamp(70px,7vw,112px)}
.site-principles-head{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);align-items:end;gap:clamp(42px,7vw,120px);margin:0 0 34px;padding:0}
.site-principles-heading{min-width:0}
.site-principles-head h3{max-width:780px;margin:0;color:var(--ink);font-family:Apparat,Arial,sans-serif;font-size:clamp(34px,3.4vw,56px);font-weight:300;letter-spacing:-.05em;line-height:.98}
.site-principles-head p{max-width:560px;margin:0 0 2px;justify-self:end;color:#656565;font-size:16px;line-height:1.5}
.site-principles-list,html[data-site-theme="dark"] .site-principles-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:0;overflow:visible;background:transparent;border:0}
.site-principle,.site-principle:nth-child(n),.site-principle:first-child,.site-principle:last-child,html[data-site-theme="dark"] .site-principle,html[data-site-theme="dark"] .site-principle:last-child{position:relative;display:grid;grid-column:auto!important;grid-row:auto!important;grid-template-rows:auto 1fr;width:auto!important;min-width:0;min-height:210px;padding:26px 24px 24px;overflow:hidden;color:var(--ink);background:#f5f5f5;border:0;box-shadow:none}
.site-principle::before,.site-principle::after,.site-principle:hover::before,.site-principle:hover::after,.site-principle:focus-within::before,.site-principle:focus-within::after{display:none!important;width:0!important;height:0!important;content:none!important}
.site-principle:hover,html[data-site-theme="dark"] .site-principle:hover{background:#f5f5f5;border:0;transform:none}
.site-principle-text{display:block;margin:0;color:var(--ink);font-family:Apparat,Arial,sans-serif;font-size:clamp(23px,1.55vw,29px);font-weight:300;letter-spacing:-.035em;line-height:1.05}
.site-principle-detail,html[data-site-theme="dark"] .site-principle-detail{align-self:end;max-width:420px;margin:28px 0 0;padding:0;color:#626262;font-family:Apparat,Arial,sans-serif;font-size:15px;font-weight:300;line-height:1.46}
html[data-site-theme="dark"] .site-principles-head p,html[data-site-theme="dark"] .site-principle-detail{color:#a8a8a8}
html[data-site-theme="dark"] .site-principle,html[data-site-theme="dark"] .site-principle:hover{background:#191a19;box-shadow:none}
@media(max-width:900px){.site-principles-head{grid-template-columns:1fr;align-items:start;gap:20px}.site-principles-head p{max-width:680px;justify-self:start}.site-principles-list,html[data-site-theme="dark"] .site-principles-list{grid-template-columns:1fr;gap:9px}.site-principle,.site-principle:nth-child(n),.site-principle:first-child,.site-principle:last-child,html[data-site-theme="dark"] .site-principle{grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);grid-template-rows:auto;align-items:center;gap:28px;min-height:126px;padding:22px}.site-principle-text,.site-principle-detail,html[data-site-theme="dark"] .site-principle-detail{margin:0}}
@media(max-width:620px){.site-principles{margin-top:64px}.site-principles-head{margin-bottom:26px}.site-principles-head h3{max-width:420px;font-size:clamp(32px,9vw,42px)}.site-principles-head p{font-size:15px}.site-principle,.site-principle:nth-child(n),.site-principle:first-child,.site-principle:last-child,html[data-site-theme="dark"] .site-principle{display:block;min-height:0;padding:21px 17px 22px}.site-principle-text{margin:0;font-size:22px}.site-principle-detail,html[data-site-theme="dark"] .site-principle-detail{margin:18px 0 0;font-size:14px}.site-footer-head h2{font-size:20px}}
.site-footer-head h2{font-size:22px;font-weight:300;letter-spacing:-.025em;line-height:1.2}
.site-process-title{font-size:22px;font-weight:300;letter-spacing:-.025em;line-height:1.2}
.site-principles-head h3{max-width:none;font-size:22px;font-weight:300;letter-spacing:-.025em;line-height:1.2}
@media(max-width:620px){.site-footer-head h2,.site-process-title,.site-principles-head h3{font-size:20px}}
.site-principles{margin-top:44px;padding-top:34px;border-top:1px solid #c8c8c8}
.site-principles-head{align-items:start}
.site-principles-head p{margin-top:0}
html[data-site-theme="dark"] .site-principles{border-top-color:#383838}
@media(max-width:620px){.site-principles{margin-top:36px;padding-top:28px}}
/* Readability tuning for the four learning stages. */
:is(#investigation-process,#learning-results) .site-process-grid>.site-process-card>.site-process-body{font-size:17px;line-height:1.55}
@media(max-width:900px){:is(#investigation-process,#learning-results) .site-process-grid>.site-process-card>.site-process-body{font-size:16px;line-height:1.55}}
@media(max-width:620px){:is(#investigation-process,#learning-results) .site-process-grid>.site-process-card>.site-process-body{font-size:15px;line-height:1.55}}