/* Content spacing verified November 2026. */
main .application-example{padding:clamp(24px,3vw,40px);margin-block:32px;border:1px solid #d8e1da;border-radius:16px}
main .application-example>h3{margin-top:28px;margin-bottom:14px;line-height:1.35}
main .application-example>p{margin-bottom:18px}
main .application-example .application-label{margin-top:0}
main .cg-grid+h2,main .cg-grid+h3,main .cards+h2,main .cards+h3,main .grid+h2,main .grid+h3{margin-top:36px}
main .cg-section>h3:not(:first-child){margin-top:28px}
main .cg-section{padding-block:36px}
main .cg-card{padding:26px}
main .cg-card h3{margin-bottom:16px}
main .cg-actions{gap:14px;margin-top:26px}
main .cg-closing{margin-block:32px}
.depth-check{box-sizing:border-box;width:min(1100px,calc(100% - 40px));margin:36px auto;padding:clamp(24px,3vw,36px);border:1px solid #d8e1da;border-radius:16px;background:#f6f8f4;color:#173e3b;font:17px/1.75 Arial,Helvetica,sans-serif;clear:both}
.application-example .depth-check{width:100%;margin:26px 0;padding:24px;background:#f6f8f4}
.depth-check *{box-sizing:border-box;min-width:0}
.depth-check h2{font-size:clamp(23px,2.8vw,32px);line-height:1.3;margin:0 0 20px}
.depth-check h3{font-size:21px;line-height:1.4;margin:24px 0 12px}
.depth-check p{max-width:76ch;margin:0 0 18px}
.depth-check ul,.depth-check ol{padding-left:24px;margin:18px 0 24px}
.depth-check li{margin:10px 0}
.depth-check a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.depth-check .depth-cta{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:8px;background:#173e3b;color:#fff;text-decoration:none;min-height:48px;margin-top:12px;white-space:normal}
.depth-check a:focus-visible{outline:3px solid #b58232;outline-offset:4px}
.depth-check h2,.depth-check h3{word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
.depth-check .depth-note{font-size:14px;line-height:1.6;margin-top:16px}
@media(max-width:800px){main .cg-grid{grid-template-columns:1fr}.depth-check{width:calc(100% - 32px)}}
@media(max-width:480px){main .application-example{padding:22px 18px}.application-example .depth-check{padding:20px 16px}.depth-check{font-size:16px;padding:24px 20px}.depth-check h3{font-size:20px}main .cg-grid+h3,main .cg-grid+h2{margin-top:28px}}

/* Whole words and room between consecutive content groups. */
main h1,main h2,main h3,main h4{word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
main .pc-tiles+h2,main .pc-tiles+h3,main .cards+h2,main .cards+h3,main .grid+h2,main .grid+h3{margin-top:36px}
.depth-check+.depth-check{margin-top:36px}
.depth-check .depth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.depth-grid article{border-top:2px solid #cbd8cc;padding-top:20px;min-width:0}
.depth-grid h3{font-size:20px;margin:0 0 16px;line-height:1.4}
.depth-grid p{font-size:16px;line-height:1.7;margin-bottom:16px}
.article-copy>.depth-check,.pc-reading>.depth-check{width:100%}
@media(max-width:1000px){.depth-check .depth-grid{grid-template-columns:1fr}.depth-grid article+article{margin-top:8px}}
@media(max-width:800px){main .pc-hero{grid-template-columns:1fr}main h1{font-size:clamp(25px,5vw,36px)}}
@media(max-width:480px){main h2{font-size:clamp(22px,5.6vw,28px)}main h3{font-size:20px}.depth-grid h3{font-size:19px}}

.depth-check{font-family:inherit;color:var(--ink,#173e3b);background:var(--paper,#f6f8f4);border-color:var(--line,#d8e1da)}
.depth-check .depth-cta{background:var(--dark,var(--navy,#173e3b));color:#fff}
.application-example .depth-check{background:var(--paper,#f6f8f4)}

main .depth-check a.depth-cta,main .depth-check a.depth-cta:hover,main .depth-check a.depth-cta:visited{color:#fff;text-decoration:none}