/*
 * Gaya isi artikel dari editor visual (.rte-content).
 *
 * Dipakai di dua tempat: area editor di CMS dan halaman artikel publik,
 * supaya yang terlihat saat menulis sama dengan yang tampil di situs.
 * Warna memakai variabel tema bila ada, dengan nilai cadangan.
 *
 * Ikon (.rte-icon-*) digambar dengan CSS mask sehingga mengikuti warna teks
 * di sekitarnya. Daftar ikon harus sama dengan App\Support\RichText::ICONS.
 */
.rte-content{font-size:17px;line-height:1.75;color:var(--fg,var(--text,#15202b));overflow-wrap:anywhere}
.rte-content>*+*{margin-top:1em}
.rte-content h2{font-size:1.65em;line-height:1.2;font-weight:800;margin-top:1.6em}
.rte-content h3{font-size:1.3em;line-height:1.25;font-weight:700;margin-top:1.4em}
.rte-content p{margin:0}
.rte-content p+p{margin-top:1em}
.rte-content a{color:var(--blue,var(--primary,#2f6ba6));text-decoration:underline;text-underline-offset:2px}
.rte-content ul,.rte-content ol{padding-left:1.4em;margin-left:0}
.rte-content ul{list-style:disc}.rte-content ol{list-style:decimal}
.rte-content li+li{margin-top:.35em}
.rte-content blockquote{margin-left:0;padding:.2em 0 .2em 1.1em;border-left:4px solid var(--red,var(--danger,#de2f2f));color:var(--fg-muted,var(--text-body,#5b6673));font-style:italic}
.rte-content hr{border:0;border-top:1px solid var(--border,#e3e7ed);margin:1.6em 0}
.rte-content img{display:block;max-width:100%;height:auto;border-radius:6px}
.rte-content img.rte-align-center{margin-inline:auto}
.rte-content img.rte-align-right{margin-left:auto}
.rte-content img.rte-align-left{margin-right:auto}
.rte-content img.rte-w-25{width:25%}.rte-content img.rte-w-50{width:50%}.rte-content img.rte-w-75{width:75%}.rte-content img.rte-w-100{width:100%}
.rte-content .rte-cols{display:grid;gap:24px;align-items:start}
.rte-content .rte-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.rte-content .rte-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rte-content .rte-col{min-width:0}
.rte-content .rte-col>*+*{margin-top:1em}
.rte-content .rte-callout{padding:16px 18px;border-radius:8px;border:1px solid;border-left-width:4px}
.rte-content .rte-callout>*+*{margin-top:.6em}
.rte-content .rte-callout-info{background:#eef5fb;border-color:#2f6ba6;color:#12304d}
.rte-content .rte-callout-warn{background:#fff6e5;border-color:#d98a00;color:#5a3a00}
.rte-content .rte-callout-success{background:#eaf7ee;border-color:#2f9e55;color:#134d28}
.rte-icon{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.2em;background-color:currentColor;-webkit-mask:var(--rte-i) center/contain no-repeat;mask:var(--rte-i) center/contain no-repeat}
@media (max-width:640px){.rte-content .rte-cols-2,.rte-content .rte-cols-3{grid-template-columns:1fr}.rte-content img.rte-w-25,.rte-content img.rte-w-50{width:60%}}

.rte-icon-shield{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203l7%203v6c0%204-3%207-7%209-4-2-7-5-7-9V6z'/%3E%3C/svg%3E")}
.rte-icon-shield-check{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203l7%203v6c0%204-3%207-7%209-4-2-7-5-7-9V6z'/%3E%3Cpath%20d='M9%2012l2%202%204-4'/%3E%3C/svg%3E")}
.rte-icon-check{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M20%206L9%2017l-5-5'/%3E%3C/svg%3E")}
.rte-icon-truck{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%207h11v8H3zM14%2010h4l3%203v2h-7z'/%3E%3Ccircle%20cx='7'%20cy='17'%20r='1.6'/%3E%3Ccircle%20cx='17'%20cy='17'%20r='1.6'/%3E%3C/svg%3E")}
.rte-icon-user{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='8'%20r='3.2'/%3E%3Cpath%20d='M5%2021c0-4%203.5-6%207-6s7%202%207%206'/%3E%3C/svg%3E")}
.rte-icon-calculator{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='5'%20y='3'%20width='14'%20height='18'%20rx='2'/%3E%3Cpath%20d='M8%207h8M8%2011h3M8%2015h3M15%2011v6'/%3E%3C/svg%3E")}
.rte-icon-file{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%203h7l4%204v14H7z'/%3E%3Cpath%20d='M14%203v4h4M9%2013h6M9%2017h6'/%3E%3C/svg%3E")}
.rte-icon-phone{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%204h4l2%205-2.5%201.5a11%2011%200%200%200%205%205L15%2013l5%202v4a2%202%200%200%201-2%202A16%2016%200%200%201%203%206a2%202%200%200%201%202-2z'/%3E%3C/svg%3E")}
.rte-icon-mail{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='3'%20y='5'%20width='18'%20height='14'%20rx='2'/%3E%3Cpath%20d='M3%207l9%206%209-6'/%3E%3C/svg%3E")}
.rte-icon-map-pin{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%2021s-7-6.2-7-11a7%207%200%200%201%2014%200c0%204.8-7%2011-7%2011z'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='2.5'/%3E%3C/svg%3E")}
.rte-icon-star{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M12%203l2.7%205.6%206.1.9-4.4%204.3%201%206.1L12%2017l-5.4%202.9%201-6.1L3.2%209.5l6.1-.9z'/%3E%3C/svg%3E")}
.rte-icon-clock{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='9'/%3E%3Cpath%20d='M12%207v5l3%202'/%3E%3C/svg%3E")}
.rte-icon-building{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M4%2021V5l8-2%208%202v16'/%3E%3Cpath%20d='M9%209h2M13%209h2M9%2013h2M13%2013h2M10%2021v-4h4v4'/%3E%3C/svg%3E")}
.rte-icon-ruler{--rte-i:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%2017L17%203l4%204L7%2021z'/%3E%3Cpath%20d='M7%2013l2%202M10%2010l2%202M13%207l2%202'/%3E%3C/svg%3E")}