/* User-approved concluding copy; reused Yixu contact sits to the right. */
body.natural-case #end{--accent:#B5502F;--muted:#b9ae9e;--line:#ffffff40}
body.natural-case #end .end-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:54px;align-items:start}
body.natural-case #end .big{color:#fff}
body.natural-case #end .big em{color:#B5502F;font-style:normal}
body.natural-case #end .body{margin-bottom:0;font-size:14px;line-height:1.8}
body.natural-case #end .report-contact{margin:0;padding:0;border:0}
/* The caption is inside the .4-scale card; compensate to match the unscaled handle. */
body.natural-case #end .report-contact{--footer-signature-size:11px;--footer-signature-color:#9295a0}
body.natural-case #end .signature-handle,
body.natural-case #end .contact-caption{font-family:var(--sans);font-weight:400;color:var(--footer-signature-color);line-height:1.7;letter-spacing:0}
body.natural-case #end .signature-handle{font-size:var(--footer-signature-size)}
body.natural-case #end .contact-caption{font-size:calc(var(--footer-signature-size) * 2.5);margin-top:20px}
body.natural-case #end .signature-line{margin-top:9px}
body.natural-case #end .footer-actions a:hover{color:#fff;border-color:#B5502F;background:#B5502F}
@media(max-width:620px){body.natural-case #end .report-contact{--footer-signature-size:10px}}
@media(max-width:760px){
 body.natural-case #end .end-layout{grid-template-columns:minmax(0,1fr);gap:32px}
 body.natural-case #end .report-contact{justify-self:center;width:100%}
}
/* Same title hierarchy as the chapters; keep the user's explicit two lines. */
body.natural-case #end .big{font:900 clamp(26px,3.76vw,41px)/1.3 var(--serif);letter-spacing:normal;max-width:none}
body.natural-case #end .report-contact{transform:translateY(-12px)}
@media(max-width:720px){body.natural-case #end .big{font-size:26px}}
/* Crop only the original image's excess white border: source rect (24,7,884,884).
   No pixels, modules, centre overlay, avatar transform or image file are changed. */
body.natural-case #end .contact-qr{clip-path:inset(0.7795100223% 0 0.7795100223% 2.6431718062%)}
/* Centre the full text width on the cropped QR's visible centre. */
body.natural-case #end .contact-caption{position:relative;left:calc(50% + 2.4845815px);width:max-content;max-width:none;text-align:center;transform:translateX(-50%);margin-inline:0}
body.natural-case #end .body{margin-top:20px}
@media(min-width:1321px){body.natural-case #end .end-copy{transform:translateY(-18px)}}
@media(min-width:761px) and (max-width:1320px){
 body.natural-case #end .end-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 body.natural-case #end .report-contact{justify-self:center;width:100%}
}