/* 05 — prose and numbers, composed like a quiet book page. */
.refined-05 > .refined-compute { padding:2.4rem; }
.refined-05 .r5-kicker { font:.65rem/1.5 var(--mono); color:#aaa79f; letter-spacing:.08em; margin:0; }
.refined-05 .r5-heading h2 { font:300 1.45rem/1.25 var(--sans); letter-spacing:-.02em; margin:.9rem 0 2rem; color:#ece9e2; }
.refined-05 .r5-heading h2 em { font-family:var(--serif); font-weight:400; color:#e5d4ad; }
.refined-05 .r5-essay section + section { margin-top:1.5rem; }
.refined-05 .r5-essay p { margin:0 0 .7rem; font:300 clamp(1.3rem,2.05vw,1.8rem)/1.3 var(--sans); letter-spacing:-.02em; color:#d6d4ce; }
.refined-05 .r5-essay strong { font:italic 400 1.32em/1 var(--serif); color:#e5d4ad; letter-spacing:-.025em; white-space:nowrap; }
.refined-05 .r5-essay small { display:block; font:.67rem/1.65 var(--mono); color:#aaa79f; }
.refined-05 > .refined-git { padding:2.4rem clamp(1rem,2.5vw,2.4rem); display:flex; flex-direction:column; }
.refined-05 .r5-git-layout { display:grid; grid-template-columns:192px minmax(0,1fr); gap:clamp(1rem,2.7vw,2.7rem); align-items:center; margin:auto 0; padding:2rem 0; }
.refined-05 .r5-caption { font:italic 1.15rem/1.3 var(--serif); color:#d4cfc3; margin:0 0 1rem; }
.refined-05 .r5-totals p { margin:0; }
.refined-05 .r5-totals p + p { margin-top:2rem; }
.refined-05 .r5-totals strong { display:block; font:italic 400 clamp(2.3rem,4.5vw,4.2rem)/1 var(--serif); color:#e5d4ad; letter-spacing:-.05em; }
.refined-05 .r5-totals em { display:block; font:italic 1.2rem/1.1 var(--serif); color:#cfba87; margin:.2rem 0 .4rem; }
.refined-05 .r5-totals span { display:block; font:.65rem/1.5 var(--mono); color:#bdb9af; margin-top:.55rem; }
.refined-05 .r5-source { padding-top:.5rem; }
@media(min-width:821px) and (max-width:1050px) {
  .refined-05 > .refined-compute { padding:2rem 1.5rem; }
  .refined-05 > .refined-git { padding:2rem 1rem; }
  .refined-05 .r5-git-layout { gap:1rem; }
}
@media(max-width:820px) {
  .refined-05 > .refined-compute { padding:2rem 1.5rem; }
  .refined-05 > .refined-git { padding:2rem 1rem; }
  .refined-05 .r5-git-layout { gap:1rem; }
}
@media(max-width:360px) {
  .refined-05 .r5-git-layout { grid-template-columns:1fr; }
  .refined-05 .r5-totals { display:flex; gap:2rem; }
  .refined-05 .r5-totals p + p { margin-top:0; }
}