.sample-topic-art{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:290px;padding:20px 10px;box-sizing:border-box;background:#eee0df;color:#704756;border:1px solid #d9c4c5;border-radius:3px;text-align:center}
#sample .sample-topic-picker{width:100%;max-width:none;box-sizing:border-box}
#sample .topic-preview-tabs{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
#sample .topic-preview-tab{justify-content:flex-start!important;min-width:0;width:100%;box-sizing:border-box}
@media(max-width:760px){#sample .topic-preview-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sample-topic-art svg{width:150px;height:112px;margin:12px 0 10px}
.sample-topic-art strong{font:400 26px/1.15 var(--serif);letter-spacing:-.025em}
.sample-art-label{font:600 8px/1.4 var(--sans);letter-spacing:.15em}
.sample-art-line{font:400 12px/1.5 var(--sans);margin-top:9px;max-width:190px}
[data-preview-topic=compatibility] .sample-topic-art{background:#e8e1ed;color:#685175;border-color:#d2c4dd}
[data-preview-topic=career] .sample-topic-art{background:#e1e7dd;color:#52674e;border-color:#c2ceba}
[data-preview-topic=life] .sample-topic-art{background:#e2e6ed;color:#51617a;border-color:#c3cede}
.sample .topic-preview-tab:hover .sample-topic-art svg{transform:translateY(-3px);transition:transform .2s}
@media(max-width:760px){.sample-topic-art{min-height:210px;padding:14px 6px}.sample-topic-art svg{width:110px;height:90px}.sample-topic-art strong{font-size:22px}.sample-art-line{font-size:11px}.sample-art-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.sample .topic-preview-tab:hover .sample-topic-art svg{transform:none}}