.practical-example{margin-block:28px;padding:24px 26px;background:#f6f8f7;border:1px solid #d9e4de;border-inline-start:4px solid #08756d;border-radius:8px;color:#172b3a;min-width:0}
.practical-example .example-kind{font-size:12px;letter-spacing:.05em;font-weight:700;color:#52645e;margin:0 0 10px;text-transform:uppercase}
.practical-example h2,.practical-example h3{font-size:clamp(21px,2.4vw,27px);line-height:1.3;margin:0 0 14px;max-width:38ch}
.practical-example p{max-width:76ch;line-height:1.7;margin:12px 0;overflow-wrap:anywhere}
.example-question{padding-block:12px;border-block:1px solid #d9e4de;font-weight:650}
.example-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;margin:20px 0}
.example-detail div{min-width:0}.example-detail dt{font-weight:700;margin-bottom:6px}.example-detail dd{margin:0;line-height:1.7;overflow-wrap:anywhere}
.example-snippet{margin:18px 0;padding:16px 18px;background:#fff;border:1px solid #d9e4de;border-radius:6px;font-size:15px;line-height:1.7}
.example-snippet p{margin:8px 0}.example-snippet .example-snippet-label{font-weight:700;font-size:13px;color:#52645e}
.example-case-link{display:inline-flex;align-items:center;min-height:44px;gap:7px;line-height:1.5;text-underline-offset:4px}
.example-case-link:focus-visible{outline:3px solid #a7192d;outline-offset:4px}
.example-disclosure{font-size:13px;color:#52645e}.example-compact .example-detail{grid-template-columns:1fr}.example-compact .example-snippet{margin-bottom:8px}
.example-table-wrap{overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid #d9e4de;border-radius:6px;margin:18px 0;max-width:100%}
.example-table-wrap:focus-visible{outline:3px solid #08756d;outline-offset:3px}
.example-table-wrap table{border-collapse:collapse;width:100%;min-width:560px;margin:0;background:#fff}
.example-table-wrap caption{text-align:start;padding:14px 16px;font-weight:700;background:#eef4f0}
.example-table-wrap th,.example-table-wrap td{text-align:start;vertical-align:top;padding:13px 16px;border-bottom:1px solid #d9e4de;line-height:1.6}
.example-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 26px;padding:0;list-style:none}
.example-index a{display:flex;align-items:center;min-height:44px;text-underline-offset:4px}.example-reading-list{padding-inline-start:24px}
.example-page .content-section{padding-block:32px}.example-page .practical-example{margin-block:0}
@media(max-width:767px){.practical-example{padding:20px;margin-block:22px}.example-detail,.example-index{grid-template-columns:1fr}.example-snippet{padding:14px 16px}.example-page .content-section{padding-block:22px}}
@media print{.practical-example{background:#fff;border-color:#777;break-inside:avoid}.example-table-wrap{overflow:visible}.example-table-wrap table{min-width:0}.example-disclosure{color:#333}}