/* Scoped examples only. Existing editor and baseline styles remain unchanged. */
.practical-examples{margin:44px 0 38px;padding-top:30px;border-top:1px solid #dce4f1;scroll-margin-top:28px}.practical-examples>h2{max-width:900px;margin-bottom:14px}.practical-intro{max-width:900px;line-height:1.7;color:#586781}.practical-license-note{font-size:.82rem;line-height:1.6;color:#687994;max-width:940px;margin:12px 0 22px}
.practical-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}.practical-jumps a{border:1px solid #dce4f1;border-radius:999px;padding:8px 13px;font-size:.8rem;line-height:1.4;color:#2458bf;text-decoration:none;background:#f6f9ff}.practical-jumps a:hover{border-color:#2463eb;background:#edf3ff}.practical-examples a:focus-visible{outline:3px solid #2463eb;outline-offset:4px}
.practical-example{padding:25px;margin:0 0 23px;border:1px solid #dce4f1;border-radius:21px;background:#fff;scroll-margin-top:28px;box-shadow:0 7px 24px rgba(20,33,61,.025)}.practical-example-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.practical-example-number{flex:0 0 35px;display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#eaf1ff;color:#2463eb;font-size:.78rem;font-weight:800}.practical-example-heading>div{min-width:0;overflow-wrap:anywhere}.practical-example-heading h3{margin:1px 0 8px;font-size:1.16rem;line-height:1.45;letter-spacing:-.025em}.practical-effect{display:inline-block;font-size:.74rem;font-weight:700;line-height:1.4;color:#526782;background:#f0f4fa;border-radius:6px;padding:4px 8px}.practical-description{font-size:.9rem;line-height:1.7;color:#586781;margin:0 0 20px}
.practical-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.practical-comparison.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.practical-comparison figure{min-width:0;margin:0;border:1px solid #e2e8f2;border-radius:14px;overflow:hidden;background:#f3f6fa}.practical-comparison figcaption{padding:10px 13px;font-size:.78rem;font-weight:800;line-height:1.4;background:#f8faff;color:#384d6b;border-bottom:1px solid #e2e8f2}.practical-comparison figure:not(:first-child) figcaption{background:#eaf1ff;color:#2458bf}.practical-comparison img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#edf1f6}
.practical-example-method{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;margin-top:20px}.practical-example-method h4{font-size:.82rem;margin:3px 0;line-height:1.6;color:#14213d}.practical-example-method ol{margin:0;padding-left:20px;color:#586781;font-size:.88rem;line-height:1.7}.practical-example-method li+li{margin-top:6px}.practical-settings{display:flex;flex-wrap:wrap;gap:10px 22px;padding:15px 0 0;margin:15px 0 0;border-top:1px solid #e7edf5}.practical-settings div{min-width:120px;flex:1 1 160px}.practical-settings dt{font-size:.72rem;line-height:1.5;color:#687994}.practical-settings dd{font-size:.82rem;line-height:1.6;color:#243c5a;font-weight:700;margin:3px 0 0}.practical-result{font-size:.84rem;line-height:1.7;color:#2458bf;margin:18px 0 0}.practical-credit{font-size:.73rem;line-height:1.6;color:#687994;margin:15px 0 0;overflow-wrap:anywhere}.practical-credit a{color:#48668f;text-underline-offset:3px}.practical-review{padding:17px 19px;border-radius:14px;background:#f1f5fc;color:#526782;font-size:.86rem;line-height:1.7;margin:22px 0}.practical-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.practical-actions .btn{max-width:100%;white-space:normal;text-align:center;line-height:1.4}
@media(max-width:800px){.practical-comparison.three-up{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.practical-example{padding:19px;border-radius:17px}.practical-example-heading>div{min-width:0;overflow-wrap:anywhere}.practical-example-heading h3{font-size:1.04rem}.practical-example-method{grid-template-columns:1fr;gap:7px}.practical-example-method h4{margin:0}.practical-comparison{gap:10px}.practical-license-note{font-size:.78rem}}@media(max-width:520px){.practical-comparison,.practical-comparison.three-up{grid-template-columns:1fr}.practical-example{padding:15px}.practical-jumps a{font-size:.76rem;padding:7px 11px}.practical-example-heading{gap:10px}.practical-example-number{flex-basis:31px;width:31px;height:31px}.practical-example-method ol{font-size:.84rem}.practical-review{padding:15px}}