.briefs-page{max-width:980px;margin:28px auto 60px}.brief-banner{padding:55px 30px;margin-bottom:28px;background:linear-gradient(125deg,#240e24,#60120d 65%,#941d10);color:#fff}.brief-banner h1{font-size:32px;margin:0;line-height:1.5}.brief-card{border:1px solid #e1e3e6;border-radius:10px;background:#fff;padding:28px;margin-bottom:24px;box-shadow:0 2px 5px #16233308;scroll-margin-top:30px}.brief-card h2{font-size:32px;line-height:1.45;margin:0 0 16px;color:#303238;overflow-wrap:anywhere}.brief-card time{font-size:17px;color:#7c8189}.brief-summary{font-size:25px;line-height:1.8;margin:26px 0;white-space:pre-line;overflow-wrap:anywhere}.brief-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px}.brief-actions a,.brief-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;border:1px solid #e0e3e8;border-radius:50%;background:#fff;color:#52606b;box-shadow:0 2px 4px #00000008;padding:10px;text-decoration:none;cursor:pointer}.brief-actions .brief-read{border-radius:7px;padding:8px 15px;font-size:17px}.brief-actions svg{width:22px;height:22px}.brief-actions img{width:20px;height:20px}.brief-feedback{font-size:16px;color:#8f1a00;margin:8px 0 0}.brief-pagination{display:flex;justify-content:center;gap:24px;padding:20px}.brief-empty{padding:32px;text-align:center;color:#717781}.brief-dialog{width:min(94vw,630px);max-height:94vh;border:0;border-radius:12px;padding:20px;overflow:auto}.brief-dialog::backdrop{background:#0009}.brief-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.brief-dialog h2{margin:0;font-size:24px}.brief-dialog button{padding:9px 15px;background:#8f1a00;color:#fff;border:0;border-radius:6px;cursor:pointer}.brief-dialog canvas,#brief-preview canvas{width:100%;height:auto;display:block}.brief-dialog button:disabled{opacity:.5}.brief-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}.brief-editor-grid details,.brief-preview-panel{min-width:0}.brief-fields fieldset{border:1px solid #e2e5e9;border-radius:8px;margin:14px 0;padding:14px}.brief-fields legend{font-weight:700;padding:0 8px}.brief-fields label{margin:10px 0}.brief-fields input[type=color]{height:42px;padding:4px}.brief-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.brief-toolbar label{width:100%;margin:0}.brief-preview-panel{align-self:start;position:sticky;top:20px}#brief-status{margin:12px 0;font-size:15px;color:#8f1a00}.brief-editor textarea{resize:vertical}.header-nav-band a[aria-current=page][href='/songkhep/']{color:#8f1a00!important;border-bottom:3px solid #8f1a00}.brief-editor button:disabled{opacity:.5}
@media(max-width:700px){.briefs-page{margin-top:20px}.brief-banner{padding:38px 20px;margin-bottom:20px}.brief-banner h1{font-size:25px}.brief-card{padding:20px 16px}.brief-card h2{font-size:27px}.brief-summary{font-size:23px;line-height:1.75;margin:22px 0}.brief-actions{gap:8px}.brief-actions .brief-read{font-size:16px;padding:8px 10px}.brief-editor-grid{grid-template-columns:1fr}.brief-preview-panel{position:static}.brief-dialog{padding:12px}}
.header-nav-band a[aria-current=page][href='/songkhep/']{color:#fff!important;background:#ffffff22!important;border-bottom-color:#fff!important}
@media(max-width:700px){.brief-actions{gap:6px}.brief-actions a,.brief-actions button{min-width:40px;min-height:40px;padding:8px}.brief-actions .brief-read{font-size:15px;padding:8px;gap:4px}}

/* Match the multi-card desktop layout of today's statements. */
.briefs-page{max-width:1320px}.brief-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.brief-grid .brief-card{min-width:0;margin:0;display:flex;flex-direction:column;border:1px solid #e0e3e8;border-radius:0;box-shadow:0 1px 3px #0001;padding:20px;gap:16px}.brief-grid .brief-card h2{font-size:24px;line-height:1.5;margin:0}.brief-grid .brief-card time{align-self:flex-start;background:#f4f5f6;padding:4px 9px;border-radius:5px;font-size:14px;color:#48515d}.brief-grid .brief-summary{font-size:22px;line-height:1.7;margin:6px 0 20px}.brief-grid .brief-actions{margin-top:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.brief-grid .brief-actions .brief-read{grid-column:1/-1;border-radius:7px}.brief-grid .brief-actions a,.brief-grid .brief-actions button{box-sizing:border-box;height:40px;min-width:0;min-height:40px;padding:8px}.brief-feedback:empty{display:none}.brief-grid-single{grid-template-columns:minmax(0,850px);justify-content:center}
@media(max-width:1200px){.brief-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brief-grid-single{grid-template-columns:minmax(0,850px)}}
@media(max-width:1000px){.brief-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.brief-grid-single{grid-template-columns:minmax(0,850px)}}
@media(max-width:600px){.brief-grid{grid-template-columns:minmax(0,1fr);gap:24px}.brief-grid .brief-card{padding:20px 16px;border-radius:10px}.brief-grid .brief-card h2{font-size:27px}.brief-grid .brief-summary{font-size:23px;margin:6px 0}.brief-grid .brief-actions{display:flex;flex-wrap:nowrap;gap:6px}.brief-grid .brief-actions .brief-read{flex:1;white-space:nowrap;font-size:14px;padding:8px 4px;gap:3px}.brief-grid .brief-actions a:not(.brief-read),.brief-grid .brief-actions button{flex:0 0 36px;width:36px;height:40px;padding:7px}.brief-grid .brief-actions svg{width:20px;height:20px}}

/* Fixed circular action targets on every screen size. */
.brief-grid .brief-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.brief-grid .brief-actions .brief-read{flex:0 0 100%;height:40px;white-space:nowrap;gap:8px}
.brief-grid .brief-actions a:not(.brief-read),.brief-grid .brief-actions button{flex:0 0 40px;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;padding:9px;border-radius:50%;aspect-ratio:1;box-sizing:border-box}
.brief-grid .brief-actions svg,.brief-grid .brief-actions img{width:20px;height:20px;flex:0 0 20px;display:block}
.header-nav-band a[aria-current=page][href='/kotha/']{color:#fff!important;background:#ffffff22!important;border-bottom:3px solid #fff!important}
/* Editorial preview dialog. */
html.brief-modal-open{overflow:hidden}
#brief-dialog{box-sizing:border-box;width:min(660px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #ffffffaa;border-radius:22px;background:#fff;color:#242831;box-shadow:0 32px 100px #13182055;font-family:Shurjo,serif;overflow:auto;overscroll-behavior:contain}
#brief-dialog[open]{display:flex;flex-direction:column;animation:brief-reveal .2s ease-out}
#brief-dialog::backdrop{background:#12151bc2;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
#brief-dialog .brief-modal-header{flex-shrink:0;display:flex;align-items:center;gap:13px;margin:0;padding:20px 24px;border-bottom:1px solid #eceef0;background:#fff}
#brief-dialog .brief-modal-brand{display:grid;place-items:center;width:44px;height:48px;flex-shrink:0;border:1px solid #ead8d2;border-radius:12px;background:#faf1ed;color:#971d0a}
#brief-dialog .brief-modal-brand svg{width:25px;height:25px}
#brief-dialog .brief-modal-heading{min-width:0}#brief-dialog .brief-modal-heading>span{display:block;font-size:13px;color:#7f7773;letter-spacing:.2px}
#brief-dialog h2{font-size:26px;line-height:1.35;margin:2px 0 0;font-weight:700;color:#252a32}
#brief-dialog [data-close]{display:grid;place-items:center;margin-left:auto;flex:0 0 38px;width:38px;height:38px;padding:9px;border:1px solid #e7e9ed;border-radius:50%;background:#f5f6f8;color:#606773;box-shadow:none}
#brief-dialog [data-close] svg{width:18px;height:18px}
#brief-dialog .brief-modal-stage{min-height:0;overflow:auto;padding:16px 30px 26px;background:radial-gradient(ellipse at top,#f8f6f2,#eef0f3);overscroll-behavior:contain}
#brief-dialog .brief-modal-meta{display:flex;align-items:center;justify-content:space-between;max-width:510px;margin:0 auto 12px;color:#85858b;font-size:13px}
#brief-dialog .brief-modal-meta>span:first-child{display:flex;align-items:center;gap:7px;color:#656b73}#brief-dialog .brief-modal-meta i{width:6px;height:6px;background:#a34532;border-radius:50%}
#brief-dialog [data-canvas]{width:100%;max-width:min(510px,calc(100dvh - 290px));margin:auto;box-shadow:0 12px 32px #27324422,0 2px 6px #27324412;line-height:0}
#brief-dialog canvas{display:block;width:100%;height:auto}
#brief-dialog .brief-modal-footer{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:20px 24px;background:#fff;border-top:1px solid #e8eaee}
#brief-dialog .brief-modal-caption{flex:1}#brief-dialog .brief-modal-caption strong{display:block;font-size:17px;font-weight:400;color:#3e434c}#brief-dialog .brief-modal-caption span{display:block;margin-top:2px;font-size:13px;color:#8b8f96}
#brief-dialog [data-download]{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 20px;border:1px solid #8f1a00;border-radius:11px;background:linear-gradient(135deg,#a82912,#811801);color:#fff;font:700 17px/1.4 Shurjo,serif;box-shadow:0 4px 10px #8f1a0022;transition:background .15s,box-shadow .15s}
#brief-dialog [data-download] svg{width:20px;height:20px;flex-shrink:0}#brief-dialog [data-download]:hover{background:#771702;box-shadow:0 5px 14px #8f1a0033}#brief-dialog [data-close]:hover{background:#e9ecf0;color:#232833}#brief-dialog button:focus-visible{outline:2px solid #ab4936;outline-offset:3px}#brief-dialog button:focus:not(:focus-visible){outline:none}#brief-dialog button:disabled{opacity:.55;cursor:wait}
#brief-dialog [role=status]{flex:0 0 100%;margin:0;color:#8f1a00;font-size:14px;line-height:1.5}#brief-dialog [role=status]:empty{display:none}
@keyframes brief-reveal{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:600px){#brief-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px}#brief-dialog .brief-modal-header{padding:15px 16px;gap:10px}#brief-dialog h2{font-size:23px}#brief-dialog .brief-modal-heading>span{font-size:12px}#brief-dialog .brief-modal-brand{width:38px;height:43px;border-radius:10px}#brief-dialog .brief-modal-stage{padding:12px 16px 18px}#brief-dialog [data-canvas]{max-width:100%}#brief-dialog .brief-modal-footer{padding:15px 16px max(16px,env(safe-area-inset-bottom));gap:12px}#brief-dialog .brief-modal-caption{flex:0 0 100%;text-align:center}#brief-dialog .brief-modal-caption strong{font-size:16px}#brief-dialog .brief-modal-caption span{font-size:12px}#brief-dialog [data-download]{width:100%;min-height:48px}#brief-dialog .brief-modal-meta{font-size:12px}}
@media(prefers-reduced-motion:reduce){#brief-dialog[open]{animation:none}#brief-dialog button{transition:none}}

.brief-mobile-banner{display:none}
@media(max-width:600px){.brief-mobile-banner{display:block}.brief-desktop-heading{display:none}}

/* Nagar Post logo palette, shared with the downloadable brief card. */
.brief-mobile-banner{background:linear-gradient(135deg,#821313 0%,#521b1d 48%,#292929 100%)}