/* Scoped to the controlled practical-resource additions. */
.practical-article h1{font-size:clamp(34px,4vw,56px);line-height:1.12}
.practical-article .article-meta{font-size:15px}
.practical-article figure{max-width:940px;margin:30px auto 40px}
.practical-article figure img{object-fit:contain;max-height:none;height:auto}
.resource-note,.resource-download{padding:24px 28px;background:#e9e4d8;border-radius:20px;box-shadow:6px 7px 14px #a9a39544,-5px -5px 12px #ffffffbd;margin:28px 0}
.resource-download h2{margin:10px 0 18px}.resource-download a{display:inline-block;font-weight:650;padding:12px 18px;background:#263b4b;color:#fff;border-radius:20px;line-height:1.5}
.comparison-scroll{overflow-x:auto;max-width:100%;margin:28px 0;border-radius:20px}.comparison-scroll table{border-collapse:collapse;min-width:590px;font-size:16px;line-height:1.6;width:100%}.comparison-scroll th,.comparison-scroll td{padding:14px;border:1px solid #c9c3b8;text-align:left;vertical-align:top}.comparison-scroll thead{background:#263b4b;color:#fff}.comparison-scroll caption{text-align:left;font-weight:650;margin-bottom:12px}.practical-article a:focus-visible{outline:3px solid #8d6a32;outline-offset:4px}
@media(max-width:600px){.resource-note,.resource-download{padding:20px}.practical-article h1{font-size:34px}.practical-article figure{margin-block:25px}}