[hidden]{display:none!important}.rich-wrapper{margin:20px 0}.rich-toolbar{display:flex;flex-wrap:wrap;gap:7px;padding:12px;background:var(--pale);border:1px solid var(--line);border-radius:12px 12px 0 0}.rich-toolbar button{font-size:.8rem;padding:8px 12px;min-height:40px}.rich-toolbar select{width:auto;max-width:100%;margin:0}#rich-editor{min-height:390px;padding:22px;border:1px solid var(--line);border-radius:0 0 12px 12px;background:white;overflow-wrap:anywhere}#rich-editor:focus{outline:2px solid var(--teal);outline-offset:1px}#rich-editor h2{margin:1.4em 0 .5em}#rich-editor img,.read-content img{max-width:100%;height:auto;border-radius:12px}#rich-editor figure,.read-content figure{margin:20px 0}#rich-editor table,.read-content table{border-collapse:collapse;max-width:100%;table-layout:fixed;width:100%;margin:18px 0}#rich-editor td,#rich-editor th,.read-content td,.read-content th{border:1px solid var(--line);padding:10px;overflow-wrap:anywhere}#rich-editor blockquote,.read-content blockquote{margin:20px 0;padding:16px 20px;border-left:4px solid var(--teal);background:var(--pale)}.read-content a,#rich-editor a{text-decoration:underline;color:var(--teal)}.read-content figcaption,#rich-editor figcaption{font-size:.82em;color:var(--muted);margin-top:8px}.editor-grid>*,.media-grid>*,.filter-panel label{min-width:0}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.media-card>img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--bg);border-radius:12px}.media-card small{display:block;margin:12px 0}.media-card form+form{margin-top:12px}.media-card input,.media-card textarea{max-width:100%}#cover-preview img{max-width:100%;height:auto;border-radius:12px}#cover-preview{margin:12px 0}.card-cover{display:block;margin:-28px -28px 20px;overflow:hidden;border-radius:16px 16px 0 0}.card-cover img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.article-cover{margin:25px 0}.article-cover img{display:block;max-width:100%;max-height:650px;object-fit:contain;border-radius:16px}.article-cover figcaption{font-size:.85rem;color:var(--muted);margin-top:10px}.topic-chips{display:flex;gap:10px;flex-wrap:wrap}.topic-chip{padding:12px 18px;border:1px solid var(--line);background:var(--pale);border-radius:30px}.topic-chip b{margin-left:8px;color:var(--teal)}dialog{border:1px solid var(--line);border-radius:20px;width:min(850px,calc(100% - 28px));max-height:85vh;padding:24px;color:var(--ink)}dialog::backdrop{background:#153b3ab0}.picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.media-choice{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:10px}.media-choice img{width:100%;aspect-ratio:4/3;object-fit:contain}.media-choice span{font-size:.78rem;overflow-wrap:anywhere}.search-box,.filter-panel label{position:relative}.search-suggestions{position:absolute;z-index:30;top:100%;left:0;right:0;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;text-align:left;color:var(--ink)}.search-suggestions a{display:block;padding:12px 16px;font-size:.9rem;border-bottom:1px solid var(--line)}.search-suggestions a:hover,.search-suggestions a.active{background:var(--pale)}.search-suggestions small{display:block;color:var(--muted);font-size:.75rem}.article-toc a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-size:.85rem}.filter-panel{flex-wrap:wrap}.filter-panel label{flex:1 1 160px}.filter-panel label:first-of-type{flex:2 1 230px}.pagination{flex-wrap:wrap}#media-query{min-width:0}.media-upload input[type=file]{max-width:100%;font-size:.85rem}
@media(max-width:1000px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rich-toolbar{gap:5px}.rich-toolbar button{padding:8px 9px}}
@media(max-width:560px){.media-grid{grid-template-columns:1fr}.picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}dialog{padding:16px}.rich-toolbar button{font-size:.72rem}.rich-toolbar{padding:8px}#rich-editor{padding:14px;min-height:320px}.card-cover{margin:-22px -22px 16px}.filter-panel label:first-of-type,.filter-panel label{flex-basis:100%}.article-aside{display:block}.article-layout{gap:20px}#media-dialog .button-row{flex-direction:row;flex-wrap:wrap}.media-card{overflow:hidden}}

#cover-preview img{width:100%;max-height:240px;object-fit:contain;background:var(--bg)}#rich-editor{max-height:800px;overflow:auto}#rich-editor img{max-height:420px;width:auto;object-fit:contain}.workspace-shortcuts{margin-bottom:24px}
/* Summernote Lite toolbar: standard controls with the site's Thai font. */
.rich-wrapper .note-editor{border:1px solid #cbded6;border-radius:12px;overflow:visible;background:white;max-width:100%}.rich-wrapper .note-toolbar{background:#f1f6f4;border-radius:12px 12px 0 0;padding:10px;border-bottom:1px solid #dce8e2;display:flex;flex-wrap:wrap;gap:4px}.note-toolbar .note-btn-group{margin:0 3px 4px 0;display:inline-flex}.note-btn{font-family:inherit;min-height:34px;padding:6px 9px;border-radius:4px;font-size:13px;line-height:1.4;color:#263e3c;background:white;border:1px solid #cddbd5;font-weight:400}.note-btn:hover,.note-btn.active{background:#e3f2ec;color:#126f65}.note-btn:focus{outline:2px solid #127d73}.note-editor .note-editable{font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif;font-size:16px;line-height:1.8;padding:22px!important;overflow-wrap:anywhere;min-width:0}.note-editable img{max-width:100%;height:auto}.note-editable figure{margin:18px 0}.note-editable figcaption{color:#657979;font-size:.85em;margin-top:8px}.note-editable table{border-collapse:collapse;width:100%;max-width:100%;table-layout:fixed}.note-editable td,.note-editable th{border:1px solid #cbded6;padding:10px;overflow-wrap:anywhere}.note-dropdown-menu{max-width:calc(100vw - 44px);box-shadow:0 8px 28px #193c3920}.note-dropdown-item{white-space:normal;font-size:14px}.note-editor .note-statusbar{border-radius:0 0 12px 12px}.note-modal input,.note-modal select{max-width:100%}.note-modal input[type=checkbox]{width:auto;display:inline-block}.note-modal-footer{height:auto;min-height:64px;padding:15px}.note-modal-content{border-radius:14px;font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif}.note-popover .popover-content{padding:8px}.note-editor.fullscreen{z-index:2000;border-radius:0}.note-modal{z-index:3001}.note-modal-backdrop{z-index:3000}.upload-error{color:#b23b3b;font-weight:600}.read-content div,.read-content p{max-width:100%;overflow-wrap:anywhere}.read-content sup,.read-content sub{font-size:.8em}.read-content:after{content:"";display:block;clear:both}#upload-dialog input[type=file]{max-width:100%;font-size:.85rem}.note-toolbar .note-color .note-dropdown-menu{min-width:0;width:350px;max-width:calc(100vw - 44px)}
@media(max-width:560px){.note-toolbar{padding:7px!important;gap:2px!important}.note-btn{font-size:12px;padding:7px;min-height:35px}.note-editor .note-editable{padding:14px!important}.note-editor .note-editing-area{min-width:0}.note-modal .note-modal-content{width:calc(100vw - 28px);max-width:calc(100vw - 28px);margin:16px auto}.note-modal-body{padding:16px}.note-btn-group .note-current-fontname{max-width:88px;overflow:hidden;display:inline-block;text-overflow:ellipsis;vertical-align:middle}.note-color-palette{float:none!important;display:inline-block}.note-popover{max-width:calc(100vw - 28px)}.note-popover .popover-content{display:flex;flex-wrap:wrap}}
.note-toolbar>.note-btn-group{max-width:100%;flex-wrap:wrap}
.rich-wrapper .note-editor,.rich-wrapper .note-btn,.note-dropdown-menu,.note-tooltip,.note-popover{font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif}

/* Website page CMS */
.editor-form .two-cols label{overflow-wrap:anywhere;min-width:0}
.editor-form .two-cols textarea{width:100%;box-sizing:border-box}
.site-header #site-nav{flex-wrap:wrap}
.prose table{display:block;max-width:100%;overflow:auto}
.prose img{max-width:100%;height:auto}