.template-example-figure{margin:24px 0;background:#fff;border:1px solid #e6dce2;border-radius:12px;overflow:hidden}.template-example-figure>div{padding:18px 20px;border-bottom:1px solid #eee5e9}.template-example-figure>div>span{display:block;color:#a64d69;font-size:10px;font-weight:750;letter-spacing:1.2px;margin-bottom:7px}.template-example-figure strong{font-size:14px;line-height:1.6}.template-example-figure img{display:block;width:100%;height:auto;aspect-ratio:760/360;max-width:100%;background:#fcfafb}.template-example-figure figcaption{padding:16px 20px;font-size:12px;line-height:1.8;color:#756b72;border-top:1px solid #eee5e9}.template-learning-method{border-top:1px solid #e6dce2;padding-top:25px;margin-top:28px}.template-learning-method h3{font-size:20px;margin:0 0 18px}.template-learning-method li{font-size:14px;line-height:1.9;margin:12px 0;padding-left:5px}.template-learning-method p{font-size:13px;line-height:1.9;color:#756b72}.template-learning-method .btn{white-space:normal;text-align:left;margin-top:10px;font-size:13px}.template-fill-guide ol{padding-left:24px}.template-fill-guide li{line-height:1.9;margin:12px 0}@media(max-width:600px){.template-example-figure>div,.template-example-figure figcaption{padding:14px}.template-example-figure{margin:18px 0}.template-learning-method li{font-size:13px}.template-example-figure img{min-height:0}}

.template-example-figure .template-image-scroll{overflow-x:auto;max-width:100%;padding:0;border:0}.template-example-figure .template-image-scroll img{min-width:600px}.template-example-figure .template-image-scroll:focus-visible{outline:2px solid #a64d69;outline-offset:-3px}
.template-detail>div{min-width:0;max-width:100%}.template-example-figure{min-width:0;max-width:100%}.template-image-scroll{min-width:0;width:100%}@media(max-width:760px){.template-detail{grid-template-columns:minmax(0,1fr)}.template-detail>.panel,.template-detail>div>.panel{width:100%;max-width:100%}.template-example-figure figcaption::before{content:'Vuốt ngang trong hình để xem đầy đủ. ';font-weight:650;color:#9c4661}}

.template-example-figure picture{display:block}@media(max-width:600px){.template-example-figure .template-image-scroll img{min-width:0;aspect-ratio:auto}.template-example-figure figcaption::before{content:none}}