/* Scoped additions for three use-case articles and listing. Existing styles stay unchanged. */
body.art-page .uc-list-section + .uc-list-section {margin-top:56px}
body.art-page .uc-list-heading {color:#ead6ae;margin-bottom:24px}
body.art-page .art-main .uc-list-heading h2 {color:#fff1d8;font-size:clamp(1.4rem,2.2vw,1.8rem);margin:0 0 8px}
body.art-page .art-main .uc-list-heading p {margin:0 0 8px;font-size:.95rem}
body.art-page .uc-card {padding:0;overflow:hidden}
body.art-page .uc-card-image {display:block}
body.art-page .uc-card-image img {width:100%;height:auto;aspect-ratio:8/5;object-fit:cover}
body.art-page .uc-card-body {padding:24px;display:flex;flex-direction:column;flex:1}
body.art-page .art-main .uc-category {font-size:.8rem;letter-spacing:.04em;color:#725332;margin:0 0 12px}
body.art-page .uc-card h2 span {display:block;font-size:.8em;margin-top:8px}
body.art-page .uc-card h2 {line-height:1.7;font-size:1.35rem}
body.art-page .uc-card .art-button {margin-top:auto}
body.art-page .uc-article-main {padding-top:2px}
body.art-page .uc-article .art-title-card {margin-bottom:28px}
body.art-page .uc-article h1 {font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.65}
body.art-page .uc-article .art-title-subtitle {font-size:.67em;margin-top:14px}
body.art-page .uc-main-figure {margin:0 0 34px}
body.art-page .uc-main-figure img {aspect-ratio:auto;object-fit:contain;border-radius:5px}
body.art-page .uc-main-figure figcaption {font-size:.82rem;line-height:1.8;margin-top:12px;color:#67513c}
body.art-page .uc-image-type {display:block;color:#6f502d;font-weight:700;margin-bottom:4px}
body.art-page .uc-article .art-lead {font-size:1.05rem;line-height:2}
body.art-page .uc-article .art-toc {margin-top:30px}
body.art-page .uc-section {margin-top:44px;padding-top:26px;border-top:1px solid var(--art-line)}
body.art-page .uc-usage {margin-top:38px;border-left:3px solid #967444;background:#eee3cf;padding:22px 24px}
body.art-page .uc-usage h2 {font-size:1.15rem;margin:0}
body.art-page .uc-related {margin-top:40px}
body.art-page .uc-related h2 {font-size:1.2rem}
body.art-page .uc-related ul {padding-left:1.25em}
body.art-page .uc-related li {margin:12px 0}
body.art-page .uc-experience {border-top:1px solid var(--art-line);padding-top:22px;margin-top:30px;font-size:.875rem}
body.art-page .uc-back {margin-top:30px}
@media(max-width:650px){body.art-page .uc-article h1 {font-size:1.7rem}body.art-page .uc-article .art-title-subtitle {font-size:.7em}body.art-page .uc-main-figure figcaption {font-size:.8rem}body.art-page .uc-card-body{padding:24px 20px}body.art-page .uc-section{margin-top:32px;padding-top:24px}body.art-page .uc-list-section+.uc-list-section {margin-top:40px}}