.ux-study{max-width:1120px;margin:auto}.ux-study>section{padding-block:28px;border-bottom:1px solid #d6e2e8;scroll-margin-top:24px}.ux-study h2{font-size:27px;margin:0 0 18px}.ux-study h3{margin:22px 0 10px}.ux-study p,.ux-study li{line-height:1.8}.ux-study .en{font-size:14px}.ux-study-actions,.ux-study-sections{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ux-study-sections a{padding:10px 14px;border:1px solid #c8d9e2;border-radius:7px;text-decoration:none;font-size:14px;background:#f6f9fa}.ux-evidence-label{padding:18px;border-inline-start:4px solid #2e735f;background:#edf5f0;margin:24px 0}.ux-flow{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px}.ux-flow li{display:flex;align-items:start;gap:14px;padding:18px;border:1px solid #d3e1e7;border-radius:10px}.ux-flow li>span{display:grid;place-items:center;background:#163c4f;color:#fff;border-radius:50%;flex:0 0 32px;height:32px}.ux-flow p{margin:0}.ux-branches{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin:22px 0}.ux-branches article{border-top:3px solid #2d7b63;padding-top:12px}.ux-branches h3{margin:0}.ux-study .tablewrap table{min-width:650px}.ux-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ux-swatches>div>span{display:block;height:70px;border:1px solid #c5d4dd;border-radius:8px;margin-bottom:10px}.ux-swatches strong,.ux-swatches small{display:block}.ux-study-link{font-size:14px;margin-top:28px}
@media(max-width:700px){.ux-study h2{font-size:23px}.ux-flow,.ux-branches{grid-template-columns:1fr}.ux-swatches{grid-template-columns:1fr 1fr}.ux-study>section{padding-block:22px}.ux-study .btn{width:100%}}
@media print{.ux-study>section{break-before:page}.ux-study>section:first-of-type{break-before:auto}.ux-study .tablewrap{overflow:visible}.ux-study table{min-width:0!important;font-size:10pt}.ux-study th,.ux-study td{padding:8px}.ux-study .ux-flow li{break-inside:avoid}}