/* Responsive article management and public CMS layouts */
html:has(body.cms-public),body.cms-public{min-width:0;overflow-x:clip}
body.cms-public .pub-header-in{min-width:0;flex-wrap:wrap}
body.cms-public .pub-brand{min-width:0;flex:0 1 auto}
body.cms-public .pub-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.cms-public .pub-container{min-width:0;width:100%;padding-inline:clamp(14px,3vw,32px)}
body.cms-public img,body.cms-public video,body.cms-public iframe{max-width:100%}
body.cms-public .cms-article-content{min-width:0;overflow-wrap:anywhere;word-break:normal}
body.cms-public .cms-article-content img,body.cms-public .cms-article-content video,body.cms-public .cms-article-content iframe{max-width:100%!important;height:auto}
body.cms-public .cms-article-content pre,body.cms-public .cms-article-content table{display:block;max-width:100%;overflow-x:auto}
body.cms-public .cms-article-content pre{white-space:pre;overscroll-behavior-inline:contain}
body.cms-public .cms-article-content table{white-space:normal}
body.cms-public .cms-article-content td,body.cms-public .cms-article-content th{overflow-wrap:anywhere}
body.cms-public input,body.cms-public textarea,body.cms-public select{max-width:100%}
body.cms-admin .su-content-canvas{min-width:0;overflow-x:clip}
body.cms-admin .su-content-canvas>*{min-width:0;max-width:100%}
body.cms-admin .su-content-canvas .card{min-width:0}
body.cms-admin .su-content-canvas input:not([type=checkbox]):not([type=radio]),body.cms-admin .su-content-canvas textarea,body.cms-admin .su-content-canvas select{max-width:100%;min-width:0}
body.cms-admin .su-content-canvas img,body.cms-admin .su-content-canvas video{max-width:100%;height:auto}
body.cms-admin .su-content-canvas table{max-width:100%;}
body.cms-admin #post-form{min-width:0}
body.cms-admin #post-form>div[style*="grid-template-columns"]{min-width:0}
body.cms-admin #post-form .card{min-width:0}
body.cms-admin #post-form #editor-toolbar{max-width:100%}
body.cms-admin #post-form textarea{max-width:100%;min-width:0}
body.cms-admin #post-form input,body.cms-admin #post-form select{max-width:100%;min-width:0}
@media(max-width:860px){
 body.cms-public .pub-header{padding:10px 14px}
 body.cms-public .pub-header-in{gap:10px}
 body.cms-public .pub-brand img{width:32px;height:32px}
 body.cms-public .pub-nav{display:flex;order:3;flex:1 0 100%;max-width:100%;overflow-x:auto;gap:16px;padding:3px 0;white-space:nowrap;scrollbar-width:thin}
 body.cms-public .pub-search-box{display:flex;order:4;flex:1 0 100%;width:auto;min-width:0;height:38px}
 body.cms-public .pub-actions{margin-inline-start:auto;gap:6px}
 body.cms-public .btn-pub{padding:7px 12px;font-size:12px}
 body.cms-public .pub-container{padding-top:22px;padding-bottom:52px}
 body.cms-public .cms-article-layout{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 body.cms-public .cms-article-layout>article{padding:clamp(16px,4vw,28px)!important;min-width:0}
 body.cms-public .cms-article-aside{position:static!important;width:auto!important}
 body.cms-public .pub-featured-card{grid-template-columns:minmax(0,1fr)!important}
 body.cms-public .pub-featured-card>div:first-child{height:auto!important;min-height:0!important;aspect-ratio:16/9}
 body.cms-public .pub-featured-card>div:first-child img{height:100%!important;object-fit:cover}
 body.cms-public .pub-article-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))!important;gap:16px!important}
 body.cms-public .pub-article-grid>article{min-width:0}
 body.cms-public .cms-comment-fields{grid-template-columns:minmax(0,1fr)!important}
 body.cms-public .cms-comment-fields>div{min-width:0}
 body.cms-public .cms-share-bar{padding:12px!important}
 body.cms-public .cms-share-bar>div{flex-wrap:wrap}
}
@media(max-width:540px){
 body.cms-public .pub-header-in{column-gap:8px}
 body.cms-public .pub-brand{font-size:16px;gap:6px}
 body.cms-public .pub-actions .btn-pub{padding:7px 9px;font-size:11px}
 body.cms-public .pub-footer{padding:32px 16px 24px}
 body.cms-public .pub-footer-in{grid-template-columns:minmax(0,1fr);gap:22px}
 body.cms-public .cms-article-content{font-size:14px!important;line-height:2!important}
 body.cms-public .cms-article-content h1{font-size:1.55em}
 body.cms-public .cms-article-content h2{font-size:1.35em}
 body.cms-public .cms-article-content h3{font-size:1.15em}
 body.cms-public .cms-comment-form{padding:16px!important}
 body.cms-public .cms-article-title{font-size:23px!important}
 body.cms-admin .su-content-canvas{padding:14px 12px!important}
 body.cms-admin .su-content-canvas .card{padding:16px!important}
 body.cms-admin .su-app-bar{padding-inline:12px;gap:8px}
 body.cms-admin .page-header-title{font-size:14px;white-space:normal}
 body.cms-admin #post-form>div[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
 body.cms-admin #post-form .card{padding:16px!important}
 body.cms-admin #post-form #editor-toolbar{justify-content:flex-start}
 body.cms-admin #post-form>div:first-of-type{align-items:flex-start!important}
 body.cms-admin #post-form>div:first-of-type h2{font-size:17px!important;overflow-wrap:anywhere}
 body.cms-admin .su-content-canvas table{display:block;overflow-x:auto;white-space:nowrap}
 body.cms-admin .su-content-canvas form[style*="display:flex"]{max-width:100%}
}
@media(max-width:860px){
 body.cms-admin #post-form>div[style*="grid-template-columns:1fr 340px"]{grid-template-columns:minmax(0,1fr)!important}
 body.cms-admin #post-form .media-sidebar,body.cms-admin #post-form aside{position:static!important;width:auto!important}
}
body.cms-public .cms-callout{padding:16px 20px;border-radius:12px;margin:24px 0;font-size:14.5px;line-height:1.8}
body.cms-public .cms-callout.alert-note{background:#eff6ff;border-right:4px solid #2563eb;color:#1e3a8a}
body.cms-public .cms-callout.alert-warning{background:#fffbeb;border-right:4px solid #f59e0b;color:#92400e}
body.cms-public .cms-faq-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px 22px;margin:24px 0}
body.cms-public .cms-faq-block h3{margin:0 0 8px;font-size:16px;font-weight:800;color:#0f172a}
body.cms-public .cms-faq-block p{margin:0;font-size:14px;color:#334155}