@font-face{font-family:WorklogThai;src:url('monthly-font/Sarabun-Regular.ttf') format('truetype');font-display:swap}
@font-face{font-family:WorklogThai;src:url('monthly-font/Sarabun-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--report-bg:#f4f6fc;--report-card:#fff;--report-ink:#17243b;--report-muted:#475569;--report-line:#dce3ee;--report-blue:#2454a6;--report-soft:#edf3fc;--report-radius:18px}
*{box-sizing:border-box}.monthly-public{margin:0;background:var(--report-bg);color:var(--report-ink);font:16px/1.65 WorklogThai,system-ui,sans-serif}.monthly-shell{max-width:1120px;margin:auto;padding:24px}/* Shared IST identity for archive, report and error pages. */
.monthly-brand{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--report-line);padding:4px 0 24px}
.monthly-identity{display:flex;align-items:center;gap:18px;min-width:0;color:var(--report-ink);text-decoration:none;border-radius:8px}
.monthly-logo{display:block;flex:none;width:94px;height:auto;object-fit:contain}
.monthly-brand-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.monthly-brand-copy strong{font-size:19px;line-height:1.5;font-weight:700}
.monthly-brand-copy>span{font-size:14px;color:var(--report-muted)}
.monthly-brand-copy small{font-size:12px;letter-spacing:.01em;color:var(--report-blue)}
.monthly-brand-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.monthly-brand-nav a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 14px;border-radius:9px;font-size:14px;text-decoration:none}
.monthly-home{color:var(--report-blue);background:var(--report-soft);font-weight:700}
.monthly-ist-link{border:1px solid var(--report-line);color:var(--report-muted);background:var(--report-card)}
.monthly-brand-nav a:hover{background:#e2ebf8;text-decoration:none}.monthly-brand-nav a:active{background:#d6e2f5}
a{color:var(--report-blue);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--report-blue);outline-offset:4px}.archive-hero{padding:40px 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font:600 12px/1.5 system-ui,sans-serif;color:var(--report-blue)}h1{font-size:clamp(26px,4vw,36px);line-height:1.4;margin:8px 0 12px;overflow-wrap:anywhere}h2{font-size:21px;line-height:1.5;margin:0 0 12px}.archive-hero>p:last-child{color:var(--report-muted)}.monthly-filters{background:var(--report-card);padding:20px;display:flex;align-items:end;gap:16px;flex-wrap:wrap;border:1px solid var(--report-line);border-radius:var(--report-radius);margin-bottom:24px}.monthly-filters label{display:grid;gap:6px;flex:1 1 190px}.monthly-filters label:first-child{flex:2 1 300px}.monthly-filters select,.monthly-filters input{width:100%;min-width:0;border:1px solid #aab8cd;background:#fff;border-radius:9px;padding:10px;min-height:46px}.monthly-button{border:0;border-radius:9px;background:var(--report-blue);color:#fff;min-height:46px;padding:11px 20px;cursor:pointer;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:background .18s ease}.monthly-button:hover{background:#163d80;color:#fff}.monthly-button:disabled{background:#dce5f3;color:#344c71;cursor:wait}.archive-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.archive-card,.monthly-card{background:var(--report-card);border:1px solid var(--report-line);border-radius:var(--report-radius);padding:28px}.archive-card h2{margin:16px 0 8px}.archive-card h2 a{color:var(--report-ink);text-decoration:none}.report-tag{background:var(--report-soft);color:#244b88;padding:5px 10px;border-radius:6px;font-size:14px}.archive-month,.report-period{font-size:22px;font-weight:700;margin:0 0 8px}.meta{font-size:14px;color:var(--report-muted)}.read-report{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-weight:600}.monthly-breadcrumb,.archive-pagination{display:flex;gap:16px;align-items:center;padding:20px 0;flex-wrap:wrap}.monthly-breadcrumb a,.archive-pagination a{min-height:44px;display:inline-flex;align-items:center}.report-summary{background:var(--report-soft);border-left:4px solid var(--report-blue);padding:20px 24px;border-radius:0 12px 12px 0;margin:26px 0}.report-summary p{margin:0}.report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:32px}.metric{border:1px solid var(--report-line);padding:18px;border-radius:12px;display:flex;flex-direction:column;align-items:start;min-width:0}.metric span{font-size:15px;color:var(--report-muted)}.metric strong{font:700 32px/1.5 system-ui,sans-serif;font-variant-numeric:tabular-nums}.metric small{color:var(--report-muted)}.report-section{margin:28px 0}.report-table{overflow:auto;border:1px solid var(--report-line);border-radius:10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--report-line)}th{background:#f1f5fa;color:#334155}tbody tr:last-child td{border:0}.report-notes{border-top:1px solid var(--report-line);padding-top:24px;color:var(--report-muted);font-size:14px}.report-notes li{margin-bottom:8px}.pdf-panel{margin-top:28px;border-radius:12px;background:var(--report-soft);padding:24px}.pdf-panel>div>p{color:var(--report-muted);margin:0 0 16px}.pdf-progress{display:flex;gap:16px;align-items:center;margin-top:20px;padding:20px;background:white;border:1px solid var(--report-line);border-radius:12px}.pdf-progress p{font-size:14px;color:var(--report-muted);margin:5px 0 0}.pdf-spinner{width:32px;height:32px;border:3px solid #dce5f3;border-top-color:var(--report-blue);border-radius:50%;animation:pdf-spin 1s linear infinite;flex:none}.pdf-dots{display:flex;gap:4px;margin-left:auto}.pdf-dots i{width:5px;height:5px;background:var(--report-blue);border-radius:50%;animation:pdf-pulse 1.2s ease-in-out infinite}.pdf-dots i:nth-child(2){animation-delay:.2s}.pdf-dots i:nth-child(3){animation-delay:.4s}.monthly-footer{text-align:center;color:var(--report-muted);padding:32px 0;font-size:13px}[hidden]{display:none!important}@keyframes pdf-spin{to{transform:rotate(360deg)}}@keyframes pdf-pulse{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.pdf-spinner{border-style:dotted}}@media(max-width:640px){.monthly-shell{padding:16px}.monthly-brand{gap:18px;padding-bottom:20px}.monthly-identity{gap:12px;width:100%}.monthly-logo{width:72px}.monthly-brand-copy strong{font-size:16px}.monthly-brand-copy>span{font-size:12px}.monthly-brand-copy small{font-size:12px}.monthly-brand-nav{width:100%;justify-content:space-between}.monthly-brand-nav a{font-size:14px;padding-inline:12px}.archive-hero{padding-top:28px}.archive-list{grid-template-columns:1fr}.monthly-card,.archive-card{padding:20px}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:14px}.metric strong{font-size:28px}.report-summary{padding:16px}.pdf-panel{padding:18px}.pdf-progress{padding:14px;gap:12px}.pdf-dots{display:none}.monthly-filters{padding:16px}.monthly-filters .monthly-button{flex:1}.report-table th,.report-table td{padding:10px}.report-period{font-size:21px}}