.template-modal { width:min(760px,calc(100% - 30px)); }
.template-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:18px 0; }
.template-option { position:relative; display:grid; grid-template-columns:42px 1fr; align-items:start; gap:12px; margin:0; padding:15px; border:1px solid #dce4ec; border-radius:9px; cursor:pointer; font-weight:400; }
.template-option:hover { border-color:#7ca3c7; background:#f7fbff; }
.template-option:has(input:checked) { border-color:#255e91; background:#eef6fd; box-shadow:0 0 0 2px #cde3f7; }
.template-option input { position:absolute; top:10px; right:10px; width:auto; margin:0; accent-color:#255e91; }
.template-icon { display:grid; place-items:center; width:40px; height:40px; border-radius:8px; background:#183f64; color:#fff; font-size:18px; font-weight:800; }
.template-option strong,.template-option small,.template-option em { display:block; padding-right:15px; }
.template-option strong { color:#1b3047; font-size:13px; }
.template-option small { color:#6c7c8e; line-height:1.4; margin-top:4px; }
.template-option em { color:#2c668f; font-size:10px; font-style:normal; font-weight:800; margin-top:7px; text-transform:uppercase; }
@media(max-width:650px){.template-grid{grid-template-columns:1fr}}