/* สไตล์หน้าเนื้อหาของ economic (ใช้ร่วมทั้ง template 1/2/3) — โหลดหลัง styles.css
   หน้า: statistic, law, chapter, news, management/business/work, journal, campaign, agencies,
         about, contact, search, staff ; ใช้ token (--bma, --ink, --line ...) จาก styles.css */

/* ---------- พื้นฐานของหน้าเนื้อหา ---------- */
.law-page,.chapter-page,.news-page,.journal-page,.campaign-page,.search-page,.about-wrap,.contact-wrap,.staff-page{padding-top:36px;padding-bottom:72px}
.stat-tabs{margin-top:28px}
button.work-nav-item,button.analysis-nav-btn,button.stat-tab-btn,button.agency-tab-btn,button.work-item,button.chapter-card{font:inherit;color:inherit;text-align:left;cursor:pointer}

/* ---------- หัวข้อส่วน ---------- */
.section-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 22px;padding-left:14px;border-left:5px solid var(--bma)}
.section-header__label{font-size:clamp(20px,2.2vw,26px);font-weight:800;color:var(--ink);line-height:1.3}
.section-header__sub{font-size:14px;font-weight:500;color:var(--muted)}
.section-header__tag{margin-left:auto;padding:3px 12px;border-radius:999px;background:var(--bma-soft);color:var(--bma-dark);font-size:12px;font-weight:800;letter-spacing:.04em}
.news-section{margin-top:56px}

/* ---------- แท็บแนวตั้ง: analysis (law/chapter/news) + work (management/business/work) ---------- */
.analysis-layout,.work-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}
.analysis-sidebar,.work-sidebar{position:sticky;top:96px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}
.analysis-sidebar__head,.work-sidebar__title{padding:14px 18px;background:var(--bma);color:#fff;font-size:15px;font-weight:800}
.analysis-nav,.work-nav-list{list-style:none;margin:0;padding:8px;display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow-y:auto}
.analysis-nav-btn,.work-nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border:0;border-radius:8px;background:transparent;font-size:14px;font-weight:600;line-height:1.35;transition:background .12s,color .12s}
.analysis-nav-btn>span:first-child,.work-nav-item>span:nth-child(2){flex:1;min-width:0}
.analysis-nav-btn:hover,.work-nav-item:hover{background:var(--bma-soft);color:var(--bma-dark)}
.analysis-nav-btn.is-active,.work-nav-item.is-active{background:var(--bma);color:#fff}
.analysis-nav-btn__count,.work-nav-item__count{flex:none;min-width:24px;padding:1px 8px;border-radius:999px;background:var(--paper-soft);border:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:700;text-align:center}
.is-active>.analysis-nav-btn__count,.is-active .work-nav-item__count,.analysis-nav-btn.is-active .analysis-nav-btn__count,.work-nav-item.is-active .work-nav-item__count{background:rgba(255,255,255,.2);border-color:transparent;color:#fff}
.work-nav-item__icon{flex:none;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:var(--paper-soft)}
.work-nav-item__icon:empty{display:none}
.work-nav-item__icon img{width:22px;height:22px;object-fit:contain}
.work-nav-item.is-active .work-nav-item__icon{background:rgba(255,255,255,.92)}

.analysis-panels,.work-content{min-width:0}
.analysis-panel,.work-panel,.stat-tab-panel,.agency-tab-panel{display:none}
.analysis-panel.is-active,.work-panel.is-active,.stat-tab-panel.is-active,.agency-tab-panel.is-active{display:block}
.analysis-panel__head,.work-panel__head{margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--bma-soft)}
.analysis-panel__head h3,.work-panel__head h2{margin:0;font-size:clamp(18px,2vw,22px);font-weight:800;color:var(--ink);line-height:1.4}

/* ---------- รายการเอกสาร (doc-item) ---------- */
.doc-list{display:flex;flex-direction:column;gap:10px}
.doc-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--paper);border:1px solid var(--line);border-radius:10px;color:var(--ink);transition:border-color .12s,box-shadow .12s,transform .12s}
a.doc-item:hover{border-color:var(--bma);box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.doc-item__icon{flex:none;width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--bma-soft);font-size:20px;line-height:1}
.doc-item__icon svg{width:22px;height:22px;fill:var(--bma)}
.doc-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.doc-item__title{font-size:15px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.doc-item__meta,.doc-item__snippet{font-size:13px;font-weight:500;color:var(--muted);line-height:1.5}
.doc-item__snippet{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.doc-item__category{align-self:flex-start;padding:1px 10px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:700}
.doc-item__btn{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;background:var(--bma);color:#fff;font-size:13px;font-weight:700;white-space:nowrap;transition:background .12s}
.doc-item__btn svg{width:14px;height:14px;fill:currentColor}
a.doc-item:hover .doc-item__btn{background:var(--bma-dark)}

/* ---------- การ์ดบทความ (chapter-grid) ---------- */
.chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.chapter-card{display:flex;flex-direction:column;padding:0;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s,border-color .15s}
.chapter-card:hover{border-color:var(--bma);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.chapter-card__thumb{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--paper-soft)}
.chapter-card__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px}
.chapter-card__title{font-size:15px;font-weight:700;line-height:1.45;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.chapter-card__meta{font-size:12.5px;font-weight:600;color:var(--bma)}

/* ---------- รายการ work (management/business/work) ---------- */
.work-items{display:flex;flex-direction:column;gap:10px}
.work-item{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;background:var(--paper);border:1px solid var(--line);border-radius:10px;color:var(--ink);transition:border-color .12s,box-shadow .12s}
.work-item:hover{border-color:var(--bma);box-shadow:var(--shadow-sm)}
.work-item__icon{flex:none;width:64px;height:64px;border-radius:10px;object-fit:cover;background:var(--paper-soft)}
.work-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.work-item__title{font-size:15px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.work-item__meta{font-size:13px;font-weight:500;color:var(--muted);line-height:1.5}
.work-item__btn{flex:none;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;background:var(--bma-soft);color:var(--bma-dark);font-size:13px;font-weight:700;white-space:nowrap;transition:background .12s,color .12s}
.work-item__btn svg{width:14px;height:14px;fill:currentColor}
.work-item:hover .work-item__btn{background:var(--bma);color:#fff}
.work-single-body{padding:22px 26px;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow-x:auto}

/* ---------- ข้อความ rich จากฐานข้อมูล (ใช้ทุกหน้า + modal) ---------- */
.work-single-body,.about-prose,.chapter-detail__body,.detail-modal__body{font-size:15px;line-height:1.85;color:var(--ink)}
.work-single-body img,.about-prose img,.chapter-detail__body img,.contact-wrap img,.detail-modal__body img{max-width:100%;height:auto;border-radius:8px}
.work-single-body p,.about-prose p,.chapter-detail__body p{margin:0 0 12px}
.work-single-body h2,.work-single-body h3,.work-single-body h4,.about-prose h2,.about-prose h3{margin:20px 0 10px;font-weight:800;line-height:1.4}
.work-single-body ul,.work-single-body ol,.about-prose ul,.about-prose ol,.detail-modal__body ul,.detail-modal__body ol{margin:0 0 12px;padding-left:1.4em}
.work-single-body li,.about-prose li,.detail-modal__body li{margin:4px 0}
.work-single-body a,.about-prose a,.detail-modal__body a,.chapter-detail__body a{color:var(--bma);text-decoration:underline}
.work-single-body table,.about-prose table,.detail-modal__body table{width:100%;max-width:100%;border-collapse:collapse;margin:0 0 14px;font-size:14px}
.work-single-body th,.work-single-body td,.about-prose th,.about-prose td,.detail-modal__body th,.detail-modal__body td{padding:8px 10px;border:1px solid var(--line);vertical-align:top}
.work-single-body th,.about-prose th,.detail-modal__body th{background:var(--paper-soft);font-weight:700}
.MsoNormal,.MsoListParagraphCxSpFirst,.MsoListParagraphCxSpMiddle,.MsoListParagraphCxSpLast{margin:0 0 8px}
.chapter-detail__img{display:block;margin:0 auto 16px}
.chapter-detail__file{margin:16px 0 0}
.chapter-detail__file a{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:var(--bma);color:#fff;font-weight:700;text-decoration:none}
.detail-modal__body .chapter-detail__file a:hover{background:var(--bma-dark)}

/* ---------- สถิติ + หน่วยงาน (แท็บแนวนอน) ---------- */
.stat-tabs,.agency-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.stat-tab-btn,.agency-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink-2);font-size:14px;font-weight:700;transition:background .15s,color .15s,border-color .15s}
.stat-tab-btn:hover,.agency-tab-btn:hover{border-color:var(--bma);color:var(--bma)}
.stat-tab-btn.is-active,.agency-tab-btn.is-active{background:var(--bma);border-color:var(--bma);color:#fff}
.agency-tab-btn span{min-width:22px;padding:0 7px;border-radius:999px;background:rgba(0,0,0,.08);font-size:12px;text-align:center}
.agency-tab-btn.is-active span{background:rgba(255,255,255,.22)}
.stat-section .section-head{margin-bottom:6px}
.stat-section .section-head h2{font-size:clamp(18px,2vw,22px);font-weight:800}
.stat-powerbi{border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:40px}
.stat-powerbi iframe{display:block;width:100%;height:min(80vh,760px);min-height:480px;border:0}
.stat-item{list-style:none}
.stat-tab-panel{padding-bottom:56px}

/* ---------- วารสาร ---------- */
.journal-search{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 26px;padding:16px 20px;background:var(--paper-soft);border:1px solid var(--line);border-radius:12px}
.journal-search__label{font-size:15px;font-weight:800}
.journal-search__field{flex:1;min-width:260px;display:flex;gap:8px}
.journal-search__field input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px}
.journal-search__field input:focus,.search-page__form input:focus,.staff-field__input input:focus{outline:2px solid rgba(0,106,61,.35);border-color:var(--bma)}
.journal-search__field button,.search-page__form button{padding:10px 20px;border:0;border-radius:8px;background:var(--bma);color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.journal-search__field button:hover,.search-page__form button:hover{background:var(--bma-dark)}
.journal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.journal-card{display:flex;flex-direction:column;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .15s}
.journal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.journal-card__cover{display:block;aspect-ratio:3/4;background:var(--paper-soft) center/cover;overflow:hidden}
.journal-card__cover img{width:100%;height:100%;object-fit:cover}
.journal-card__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 16px 16px}
.journal-card__title{font-size:15px;font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.journal-card__date{font-size:12.5px;font-weight:600;color:var(--muted)}
.journal-card__btn{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:8px;background:var(--bma);color:#fff;font-size:13px;font-weight:700}
.journal-card__btn svg{width:14px;height:14px;fill:currentColor}
.journal-card__btn:hover{background:var(--bma-dark)}
.journal-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:32px}
.journal-pager a,.journal-pager span{min-width:38px;height:38px;padding:0 12px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:700}
.journal-pager a:hover{border-color:var(--bma);color:var(--bma)}
.journal-pager .is-active{background:var(--bma);border-color:var(--bma);color:#fff}
.journal-pager .is-disabled{opacity:.4;pointer-events:none}

/* ---------- ค้นหา ---------- */
.search-page__form{display:flex;gap:8px;max-width:720px;margin:0 0 18px}
.search-page__form input{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:15px}
.search-page__summary{margin:0 0 18px;color:var(--muted);font-size:14px}
.search-page__summary b{color:var(--ink)}

/* ---------- เกี่ยวกับเรา / ติดต่อเรา ---------- */
.about-grid,.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
.about-prose{padding:28px 32px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm)}
.about-prose h1{margin:6px 0 18px;font-size:clamp(22px,2.6vw,30px);font-weight:900;line-height:1.35}
.about-section-label,.contact-section-label{display:inline-block;margin:0 0 12px;padding:3px 12px;border-radius:999px;background:var(--bma-soft);color:var(--bma-dark);font-size:13px;font-weight:800}
.contact-section-label{display:block;width:max-content;margin-top:26px}
.contact-section-label:first-child{margin-top:0}
.about-sidebar,.contact-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:96px}
.info-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}
.info-card__head{padding:18px 20px;background:linear-gradient(135deg,#004d2d,#006a3d);color:#fff}
.info-card__head h3{margin:0 0 4px;font-size:17px;font-weight:800}
.info-card__head p{margin:0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.85)}
.info-card__body{padding:8px 20px 14px}
.info-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-soft)}
.info-row:last-child{border-bottom:0}
.info-row__icon,.fact-card__icon,.social-btn__icon{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--bma-soft)}
.info-row__icon svg,.fact-card__icon svg,.social-btn__icon svg{width:20px;height:20px;fill:var(--bma)}
.info-row__body{min-width:0}
.info-row__label,.fact-card__label{font-size:12px;font-weight:700;color:var(--muted)}
.info-row__val,.fact-card__val{font-size:14px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}
.info-row__val a{color:var(--bma);text-decoration:underline}
.contact-facts{display:flex;flex-direction:column;gap:12px}
.fact-card{display:flex;gap:14px;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm)}
.contact-map{overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm)}
.contact-map iframe{display:block;width:100%;height:360px;border:0}
.contact-map__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 16px;font-size:13px;color:var(--muted)}
.contact-map__foot a{display:inline-flex;align-items:center;gap:6px;color:var(--bma);font-weight:700}
.contact-map__foot svg{width:16px;height:16px;fill:currentColor}
.contact-social{display:flex;flex-wrap:wrap;gap:12px}
.social-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 18px;background:var(--paper);border:1px solid var(--line);border-radius:12px;font-weight:800;transition:border-color .12s,box-shadow .12s}
.social-btn:hover{border-color:var(--bma);box-shadow:var(--shadow-sm)}
.social-btn small{display:block;font-size:12px;font-weight:500;color:var(--muted)}

/* ---------- เข้าสู่ระบบเจ้าหน้าที่ ---------- */
.staff-card{width:min(100%,440px);margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden}
.staff-card__head{padding:28px 28px 22px;text-align:center;background:linear-gradient(135deg,#004d2d,#006a3d 60%,#008a50);color:#fff}
.staff-card__head h1{margin:12px 0 4px;font-size:22px;font-weight:900}
.staff-card__head p{margin:0;font-size:12.5px;color:rgba(255,255,255,.85)}
.staff-card__icon{width:60px;height:60px;margin:0 auto;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18)}
.staff-card__icon svg{width:30px;height:30px;fill:#fff}
.staff-card__body{padding:26px 28px 24px}
.staff-field{margin-bottom:16px}
.staff-field label{display:block;margin-bottom:6px;font-size:13.5px;font-weight:700}
.staff-field__input{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.staff-field__input:focus-within{border-color:var(--bma);box-shadow:0 0 0 3px rgba(0,106,61,.15)}
.staff-field__input svg{flex:none;width:18px;height:18px;fill:var(--muted)}
.staff-field__input input{flex:1;min-width:0;padding:12px 0;border:0;background:transparent;font-size:15px}
.staff-field__input input:focus{outline:0}
.staff-toggle-pw{flex:none;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:8px;background:transparent;cursor:pointer}
.staff-toggle-pw:hover{background:var(--paper-soft)}
.staff-error{display:none;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;border-radius:10px;background:#fff1ee;border:1px solid #ffd3cb;color:var(--red-dark);font-size:13.5px;font-weight:600}
.staff-error.is-visible{display:flex}
.staff-error svg{flex:none;width:18px;height:18px;fill:currentColor}
.staff-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:0;border-radius:10px;background:var(--bma);color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:background .12s}
.staff-submit:hover{background:var(--bma-dark)}
.staff-submit svg{width:18px;height:18px;fill:currentColor}
.staff-submit:disabled{opacity:.6;cursor:wait}
.staff-back{display:block;margin-top:18px;text-align:center;font-size:13.5px;font-weight:700;color:var(--bma)}
.staff-back:hover{text-decoration:underline}

/* ---------- จอเล็ก ---------- */
@media(max-width:1000px){
  .about-grid,.contact-grid{grid-template-columns:1fr}
  .about-sidebar,.contact-sidebar{position:static}
}
@media(max-width:860px){
  .analysis-layout,.work-layout{grid-template-columns:1fr;gap:18px}
  .analysis-sidebar,.work-sidebar{position:static}
  .analysis-nav,.work-nav-list{max-height:260px}
}
@media(max-width:600px){
  .law-page,.chapter-page,.news-page,.journal-page,.campaign-page,.search-page,.about-wrap,.contact-wrap,.staff-page{padding-top:24px;padding-bottom:48px}
  .doc-item,.work-item{flex-wrap:wrap}
  .doc-item__btn,.work-item__btn{width:100%;justify-content:center}
  .about-prose{padding:20px 18px}
  .section-header__tag{margin-left:0}
  .search-page__form{flex-wrap:wrap}
  .contact-map iframe{height:260px}
}

/* ระยะห่างใต้ hero ของหน้าที่เป็นเลย์เอาต์แท็บ */
.work-layout{margin-top:36px;margin-bottom:72px}

/* หน้า "เกี่ยวกับ": hero แบบข้อความล้วน ให้กะทัดรัดและโทนเดียวกับ page-hero หน้าอื่น */
.hero-slider:has(.slide__inner--text-only){background:linear-gradient(135deg,#004d2d 0%,#006a3d 60%,#008a50 100%)}
.hero-slider:has(.slide__inner--text-only) .slide{min-height:0}
.hero-slider:has(.slide__inner--text-only) .slide__inner{padding:44px 0 40px}