/* DSR overview only. The two workshop pages keep their own presentation. */
body.dsr-refined{background:#faf9f5}
body.dsr-refined .page-crumb{max-width:1180px;padding:108px 40px 20px}
body.dsr-refined .dr-story{max-width:1180px;margin:0 auto;padding:28px 40px 64px;color:#293d31}
body.dsr-refined .dr-story :is(h1,h2,p,small){word-break:keep-all;overflow-wrap:anywhere}
body.dsr-refined .dr-story p{text-wrap:pretty}
body.dsr-refined .dr-opening{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.95fr);align-items:end;gap:64px}
body.dsr-refined .dr-chapter{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:#79633c;font-size:13px;font-weight:500;letter-spacing:.1em}
body.dsr-refined .dr-chapter span:first-child{font-size:17px;letter-spacing:0;font-variant-numeric:tabular-nums}
body.dsr-refined .dr-chapter span+span{border-left:1px solid #c4b898;padding-left:14px}
body.dsr-refined #dsr-title{margin:0;color:#293d31;font-size:clamp(38px,4.1vw,55px);font-weight:560!important;line-height:1.34;letter-spacing:-.05em}
body.dsr-refined .dr-title-phrase{display:inline-block}
body.dsr-refined .dr-intro{margin:0 0 5px;padding-left:24px;border-left:2px solid #c8bb9b;color:#52624f;font-size:18px;line-height:1.95}
body.dsr-refined .dr-framework{margin-top:44px;padding:30px 32px 28px;background:#eeeee5;border-radius:8px}
body.dsr-refined .dr-quote{margin:0 0 26px;color:#304a35;font-size:25px;font-weight:450;line-height:1.75;letter-spacing:-.035em}
body.dsr-refined .dr-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
body.dsr-refined .dr-pillar{min-width:0;padding-top:24px;border-top:1px solid #cfd4c5}
body.dsr-refined .dr-letter{display:block;margin-bottom:24px;color:#79633c;font-size:60px;font-weight:450;line-height:1;letter-spacing:-.04em}
body.dsr-refined .dr-pillar small{display:block;color:#79633c;font-size:13px;font-weight:500;line-height:1.7;letter-spacing:.055em}
body.dsr-refined .dr-pillar h2{margin:9px 0 8px;color:#293d31;font-size:26px;font-weight:580!important;line-height:1.45;letter-spacing:-.03em}
body.dsr-refined .dr-pillar p{margin:0;color:#52624f;font-size:16px;line-height:1.85}
body.dsr-refined .dr-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
body.dsr-refined .dr-tool{display:flex;flex-direction:column;min-width:0;min-height:250px;padding:28px 30px;border:1px solid #d5dace;border-radius:8px;background:#fffefa;color:#293d31;text-decoration:none;transition:background-color .18s,border-color .18s}
body.dsr-refined .dr-tool>small{display:block;color:#79633c;font-size:12px;font-weight:500;line-height:1.8;letter-spacing:.045em}
body.dsr-refined .dr-tool h2{margin:17px 0 12px;color:#293d31;font-size:27px;font-weight:580!important;line-height:1.4;letter-spacing:-.025em}
body.dsr-refined .dr-tool h2>span{display:inline-block}
body.dsr-refined .dr-tool>p{margin:0 0 26px;color:#52624f;font-size:16px;line-height:1.85}
body.dsr-refined .dr-tool>.dr-action{margin-top:auto;color:#3d5a3b;font-size:15px;font-weight:500;line-height:1.6}
body.dsr-refined .dr-tool:hover{background:#f2f3e9;border-color:#98aa8c}
body.dsr-refined .dr-tool:hover>.dr-action{text-decoration:underline;text-underline-offset:5px}
body.dsr-refined .dr-reflect{background:#304b37;border-color:#304b37;color:#fff}
body.dsr-refined .dr-reflect>small{color:#e1d1a8}
body.dsr-refined .dr-reflect h2,body.dsr-refined .dr-reflect>.dr-action{color:#fff}
body.dsr-refined .dr-reflect>p{color:#e8eee3}
body.dsr-refined .dr-reflect:hover{background:#263f2d;border-color:#263f2d}
body.dsr-refined .dr-organization{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 180px;column-gap:30px;min-height:0;padding:25px 30px;background:#f3f0e7;border-color:#ddd8c9}
body.dsr-refined .dr-organization>small,body.dsr-refined .dr-organization>h2,body.dsr-refined .dr-organization>p{grid-column:1}
body.dsr-refined .dr-organization h2{margin:10px 0 9px;font-size:25px}
body.dsr-refined .dr-organization>p{margin:0}
body.dsr-refined .dr-organization>.dr-action{grid-column:2;grid-row:1/4;align-self:center;justify-self:end;margin:0}
body.dsr-refined .dr-tool:focus-visible{outline:3px solid #9b7b3d;outline-offset:4px}
body.dsr-refined .dr-next{display:flex;justify-content:center;margin-top:32px;padding-top:28px;border-top:1px solid #d9dbd0}
body.dsr-refined .dr-next .button{min-height:50px;padding:13px 22px;background:#856a3c;border:1px solid #856a3c;border-radius:6px;color:#fff;font-size:15px;letter-spacing:0;line-height:1.5}
body.dsr-refined .dr-next .button:hover{background:#745c34;border-color:#745c34;transform:none}
body.dsr-refined .dr-next .button:focus-visible{outline:3px solid #3c5d42;outline-offset:4px}
@media(max-width:1020px){
 body.dsr-refined .dr-opening{grid-template-columns:1fr;gap:28px}
 body.dsr-refined .dr-intro{max-width:660px;margin:0;font-size:17px}
 body.dsr-refined .dr-framework{margin-top:34px;padding-inline:28px}
 body.dsr-refined .dr-pillars{gap:22px}
 body.dsr-refined .dr-pillar h2{font-size:24px}
 body.dsr-refined .dr-tool{padding:26px 25px}
 body.dsr-refined .dr-tool h2{font-size:25px}
 body.dsr-refined .dr-organization{grid-template-columns:minmax(0,1fr) 164px;column-gap:24px}
}
@media(max-width:700px){
 body.dsr-refined .page-crumb{padding:100px 24px 18px}
 body.dsr-refined .dr-story{padding:18px 24px 44px}
 body.dsr-refined .dr-chapter{margin-bottom:20px;font-size:12px}
 body.dsr-refined #dsr-title{font-size:clamp(32px,8.8vw,42px);line-height:1.4;letter-spacing:-.04em}
 body.dsr-refined .dr-opening{gap:25px}
 body.dsr-refined .dr-intro{padding-left:18px;font-size:16px;line-height:1.9}
 body.dsr-refined .dr-framework{margin-top:30px;padding:24px 22px 4px;border-radius:6px}
 body.dsr-refined .dr-quote{margin-bottom:22px;font-size:21px;line-height:1.8;letter-spacing:-.025em}
 body.dsr-refined .dr-pillars{grid-template-columns:1fr;gap:0}
 body.dsr-refined .dr-pillar{display:grid;grid-template-columns:42px minmax(0,1fr);gap:18px;padding:23px 0}
 body.dsr-refined .dr-letter{margin:0;padding-top:5px;font-size:46px}
 body.dsr-refined .dr-pillar small{font-size:12px;letter-spacing:.025em}
 body.dsr-refined .dr-pillar h2{margin:7px 0;font-size:24px}
 body.dsr-refined .dr-pillar p{font-size:16px}
 body.dsr-refined .dr-tools{grid-template-columns:1fr;gap:16px;margin-top:28px}
 body.dsr-refined .dr-tool{display:flex;min-height:0;padding:25px 22px;border-radius:6px}
 body.dsr-refined .dr-tool h2{margin:12px 0 10px;font-size:25px}
 body.dsr-refined .dr-tool>p{margin:0 0 22px}
 body.dsr-refined .dr-tool>.dr-action{align-self:flex-start;font-size:15px}
 body.dsr-refined .dr-next{margin-top:28px;padding-top:24px}
 body.dsr-refined .dr-next .button{width:100%;min-height:52px}
}
@media(prefers-reduced-motion:reduce){body.dsr-refined :is(.dr-tool,.dr-next .button){transition:none}}