/* MiKO News index — refined editorial listing */
body.page-id-23871{margin:0!important;overflow-x:hidden!important;background:#f5f8fc!important;color:#10213a!important}
body.page-id-23871 .options_layout_wrapper,body.page-id-23871 .options_layout_container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important;background:transparent!important}
body.page-id-23871 .jlc-hmain-w,body.page-id-23871 .jlc-stick-main-w,body.page-id-23871 .jl_mobile_nav_wrapper,body.page-id-23871 .mobile_menu_wrapper,body.page-id-23871 #footer-container,body.page-id-23871 #jl-footer-custpl,body.page-id-23871 #go-top{display:none!important}
.miko-news-index{--navy:#10213a;--blue:#0d66f6;--red:#ef233c;--muted:#6d7c91;--line:#dfe7f1;--card:#fff;--shadow:0 8px 24px rgba(21,47,82,.07);min-height:100vh;font-family:"Noto Sans Thai","Tahoma",sans-serif;background:linear-gradient(180deg,#f7faff 0,#f4f7fb 60%,#f8fafc 100%)}
.miko-news-index *{box-sizing:border-box}.miko-news-index a{text-decoration:none}.miko-news-index svg{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* header */
.mni-header{position:sticky;top:0;z-index:1200;background:rgba(255,255,255,.97);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid #e8edf4;box-shadow:0 8px 24px rgba(20,44,74,.04)}
.mni-head-main,.mni-nav,.mni-shell,.mni-hero-inner,.mni-footer-grid{width:min(1420px,calc(100% - 40px));margin-inline:auto}
.mni-head-main{height:76px;display:grid;grid-template-columns:210px minmax(320px,620px) 1fr;gap:22px;align-items:center}
.mni-logo{display:flex;flex-direction:column;align-items:flex-start;gap:0;color:var(--navy)}.mni-logo img{width:104px;max-height:45px;object-fit:contain}.mni-logo span{font-size:10px;font-weight:800;color:#31445f;margin-top:-2px}
.mni-search{height:44px;display:flex;align-items:center;gap:9px;padding:0 7px 0 14px;border:1px solid #d9e4ef;border-radius:22px;background:#f7f9fc;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.mni-search>svg{width:17px;height:17px;color:#50647e}.mni-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#1c2f4a;font-size:12px;padding:0!important}.mni-search button{width:34px;height:34px;min-height:34px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;cursor:pointer;padding:0;box-shadow:0 5px 14px rgba(13,102,246,.24)}.mni-search button svg{width:16px;height:16px}
.mni-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px}.mni-tool{position:relative;width:40px;height:40px;min-height:40px;padding:0;border:0;background:transparent;color:#18324f;display:grid;place-items:center;border-radius:11px;cursor:pointer}.mni-tool:hover{background:#eef5ff;color:var(--blue)}.mni-tool svg{width:21px;height:21px}.mni-bell span{position:absolute;right:5px;top:3px;width:15px;height:15px;border-radius:50%;background:var(--red);border:2px solid #fff;color:#fff;font:800 8px/11px Arial;text-align:center}
.mni-nav{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:3px;border-top:1px solid #f0f3f7;overflow-x:auto;scrollbar-width:none}.mni-nav::-webkit-scrollbar{display:none}.mni-nav a,.mni-nav-more{position:relative;min-width:max-content;height:48px;display:flex;align-items:center;gap:7px;padding:0 11px;border:0;background:transparent;color:#253a56;font-size:11px;font-weight:800;white-space:nowrap}.mni-nav a svg,.mni-nav-more svg{width:16px;height:16px}.mni-nav a:hover,.mni-nav a.is-active{color:var(--blue)}.mni-nav a.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--blue)}.mni-nav-more{cursor:pointer}

/* hero */
.mni-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#f8fbff 0%,#eef6ff 56%,#e9f4ff 100%);border-bottom:1px solid #dbe7f4}.mni-hero:before{content:"";position:absolute;right:0;top:0;width:48%;height:100%;opacity:.36;background-image:radial-gradient(circle at 15% 22%,#7db7ff 0 1px,transparent 1.4px),radial-gradient(circle at 65% 55%,#7db7ff 0 1px,transparent 1.4px);background-size:10px 10px,14px 14px;mask-image:linear-gradient(90deg,transparent,#000 30%,#000)}.mni-hero:after{content:"";position:absolute;right:13%;top:28px;width:330px;height:160px;border-radius:50%;border:1px solid rgba(77,145,220,.14);box-shadow:80px 18px 0 -1px rgba(90,160,230,.07),160px -22px 0 -1px rgba(90,160,230,.05);transform:rotate(-8deg)}
.mni-hero-inner{position:relative;z-index:2;padding:18px 0 28px}.mni-breadcrumb{display:flex;align-items:center;gap:8px;color:#75879e;font-size:10px;margin-bottom:14px}.mni-breadcrumb a{display:flex;align-items:center;gap:5px;color:#60758e}.mni-breadcrumb svg{width:13px;height:13px}
.mni-hero-copy{display:grid;grid-template-columns:1fr 310px;align-items:end;gap:40px}.mni-hero-copy h1{display:flex;align-items:center;gap:12px;margin:0 0 5px;font-size:46px;line-height:1.1;letter-spacing:-.035em;font-weight:900;color:#102851}.mni-hero-copy h1 i{display:block;width:10px;height:58px;border-radius:8px;background:linear-gradient(180deg,#ff3252,#ed1d38);box-shadow:0 8px 18px rgba(239,35,60,.18)}.mni-hero-copy p{margin:0;color:#586b84;font-size:13px;line-height:1.65;max-width:800px}.mni-hero-copy blockquote{margin:0;padding:4px 0 0;text-align:right;color:#14355d;font-size:18px;line-height:1.35;font-weight:700;font-style:italic}.mni-hero-copy blockquote strong{display:block;margin-top:9px;color:#0e2b51;font-size:16px;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:3px;text-underline-offset:5px}

/* content shell + chips */
.mni-shell{padding:14px 0 28px}.mni-filter-chips{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 0 12px}.mni-filter-chips::-webkit-scrollbar{display:none}.mni-filter-chips a{flex:0 0 auto;height:38px;padding:0 15px;display:flex;align-items:center;gap:7px;border:1px solid #e1e8f1;border-radius:19px;background:#edf3fb;color:#29415f;font-size:10.5px;font-weight:800;box-shadow:0 3px 10px rgba(25,52,88,.035)}.mni-filter-chips a svg{width:15px;height:15px}.mni-filter-chips a:hover{border-color:#bcd4ff;background:#f5f9ff;color:var(--blue)}.mni-filter-chips a.is-active{background:linear-gradient(135deg,#ff3150,#ef1f3b);border-color:#ef2641;color:#fff;box-shadow:0 8px 18px rgba(239,35,60,.18)}
.mni-toolbar{height:48px;margin-bottom:12px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dfe7f0;border-radius:10px;background:#eef4fa}.mni-toolbar>strong{font-size:11px;color:#3b506b}.mni-toolbar>strong span{color:#0c57c7;font-size:12px}.mni-toolbar-right{display:flex;align-items:center;gap:10px}.mni-toolbar label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;color:#53667e}.mni-toolbar select{height:34px;min-width:140px;padding:0 34px 0 11px;border:1px solid #d8e1ec;border-radius:8px;background:#fff;color:#1c314d;font-size:10px;font-weight:700;outline:none}.mni-view-switch{display:flex;gap:4px}.mni-view-switch button{width:34px;height:34px;min-height:34px;padding:0;border:1px solid #d6e1ee;border-radius:8px;background:#fff;color:#58708d;display:grid;place-items:center;cursor:pointer}.mni-view-switch button svg{width:17px;height:17px}.mni-view-switch button.is-active{background:#163e70;color:#fff;border-color:#163e70;box-shadow:0 5px 12px rgba(22,62,112,.17)}

/* cards */
.mni-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mni-card{min-width:0;display:flex;flex-direction:column;border:1px solid #dde5ef;border-radius:13px;background:#fff;overflow:hidden;box-shadow:var(--shadow);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.mni-card-image{position:relative;display:block;height:168px;overflow:hidden;background:#dce7f1}.mni-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.3,1),filter .3s ease}.mni-fallback{display:block;width:100%;height:100%;background:linear-gradient(135deg,#dce7f5,#edf3fa)}.mni-badge{position:absolute;left:10px;top:9px;max-width:calc(100% - 20px);padding:5px 10px;border-radius:14px;background:linear-gradient(135deg,#ff3152,#ee2040);color:#fff;font-size:9px;font-weight:900;box-shadow:0 5px 13px rgba(239,35,60,.18);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mni-card-body{display:flex;flex-direction:column;flex:1;padding:11px 12px 10px}.mni-card h2{margin:0 0 7px;font-size:14px;line-height:1.42;font-weight:900;color:#122748;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.mni-card h2 a{color:inherit}.mni-card p{margin:0 0 9px;color:#728196;font-size:10px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:31px}.mni-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:7px}.mni-meta{min-width:0;display:flex;align-items:center;gap:8px;color:#73849a;font-size:8.8px}.mni-meta span{display:flex;align-items:center;gap:3px;white-space:nowrap}.mni-meta svg{width:11px;height:11px}.mni-card-arrow{width:28px;height:28px;min-width:28px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:var(--blue);transition:.18s}.mni-card-arrow svg{width:14px;height:14px}.mni-card-arrow:hover{background:var(--blue);color:#fff;transform:translateX(2px)}
@media(hover:hover) and (pointer:fine){.mni-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(21,47,82,.12);border-color:#cad9eb}.mni-card:hover .mni-card-image img{transform:scale(1.055);filter:saturate(1.04)}}

/* list mode */
.mni-grid.is-list{grid-template-columns:1fr}.mni-grid.is-list .mni-card{display:grid;grid-template-columns:240px 1fr}.mni-grid.is-list .mni-card-image{height:155px}.mni-grid.is-list .mni-card h2{font-size:17px;min-height:0;-webkit-line-clamp:2}.mni-grid.is-list .mni-card p{-webkit-line-clamp:3;max-width:840px}.mni-grid.is-list .mni-card-body{padding:16px 18px}

/* pagination */
.mni-pagination{display:flex;justify-content:center;align-items:center;gap:7px;margin:24px 0 22px}.mni-pagination .page-numbers{min-width:34px;height:34px;padding:0 8px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#27425f;display:grid;place-items:center;font-size:10px;font-weight:800;box-shadow:0 3px 9px rgba(21,47,82,.04)}.mni-pagination .page-numbers.current{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 14px rgba(13,102,246,.2)}.mni-empty{padding:50px;text-align:center;border:1px solid #dfe7f0;border-radius:14px;background:#fff}.mni-empty h2{margin:0 0 10px}.mni-empty a{color:var(--blue);font-weight:800}

/* newsletter + footer */
.mni-newsletter{display:grid;grid-template-columns:50px 1.1fr minmax(360px,1.5fr) auto;gap:14px;align-items:center;margin-top:18px;padding:13px 18px;border:1px solid #d7e6f6;border-radius:11px;background:linear-gradient(90deg,#eaf4ff,#f7fbff);box-shadow:0 8px 20px rgba(23,52,89,.04)}.mni-newsletter-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0d66f6;color:#fff;box-shadow:0 8px 17px rgba(13,102,246,.18)}.mni-newsletter-icon svg{width:21px;height:21px}.mni-newsletter h2{margin:0;font-size:14px;color:#122b50}.mni-newsletter p{margin:2px 0 0;color:#61748d;font-size:9.5px}.mni-newsletter form{height:38px;display:flex;border:1px solid #d6e2ee;border-radius:8px;background:#fff;overflow:hidden}.mni-newsletter input{flex:1;border:0!important;outline:0!important;padding:0 12px!important;font-size:10px!important;box-shadow:none!important}.mni-newsletter button{min-width:150px;border:0;background:var(--blue);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px}.mni-newsletter button svg{width:13px;height:13px}.mni-social{display:flex;align-items:center;gap:6px;white-space:nowrap}.mni-social>span{font-size:9px;color:#586b84;margin-right:2px}.mni-social a{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#0d66f6;color:#fff;font-size:10px;font-weight:900}.mni-social a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mni-social .social-fb{background:#1877f2}.mni-social .social-x{background:#111}.mni-social .social-ig{background:linear-gradient(135deg,#634bd8,#f03a82,#ff9d2e)}.mni-social .social-tt{background:#111}
.mni-footer{margin-top:0;padding:26px 0 18px;background:linear-gradient(180deg,#10243f,#0c1d34);color:#dfe7f1}.mni-footer-grid{display:grid;grid-template-columns:1.05fr 1.15fr .8fr .8fr;gap:32px}.mni-footer h3{margin:0 0 11px;color:#fff;font-size:12px}.mni-footer img{width:94px;filter:brightness(0) invert(1)}.mni-footer-brand p{margin:6px 0;color:#adbac9;font-size:9.5px;line-height:1.65;max-width:310px}.mni-footer-brand small{display:block;margin-top:16px;color:#8ea0b3;font-size:8px}.mni-footer-grid>div:not(.mni-footer-brand)>a{display:block;margin:7px 0;color:#c3cfdb;font-size:9.5px;line-height:1.35}.mni-footer-grid>div:nth-child(2)>a{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.07)}.mni-footer-grid>div:nth-child(2) small{display:block;color:#7f94aa;font-size:7.5px;margin-top:2px}

/* responsive */
@media(max-width:1180px){.mni-head-main{grid-template-columns:170px minmax(280px,1fr) auto}.mni-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mni-newsletter{grid-template-columns:48px 1fr 1.2fr}.mni-social{grid-column:2/4}.mni-hero-copy{grid-template-columns:1fr 240px}.mni-hero-copy h1{font-size:40px}}
@media(max-width:900px){.mni-head-main,.mni-nav,.mni-shell,.mni-hero-inner,.mni-footer-grid{width:min(100% - 28px,1420px)}.mni-head-main{grid-template-columns:145px 1fr auto;gap:12px}.mni-logo span{display:none}.mni-search{height:42px}.mni-nav{justify-content:flex-start}.mni-hero-copy{grid-template-columns:1fr}.mni-hero-copy blockquote{display:none}.mni-hero-copy h1{font-size:36px}.mni-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mni-newsletter{grid-template-columns:44px 1fr}.mni-newsletter form,.mni-social{grid-column:1/3}.mni-footer-grid{grid-template-columns:1.2fr 1fr 1fr}.mni-footer-grid>div:last-child{display:none}}
@media(max-width:640px){.mni-head-main,.mni-nav,.mni-shell,.mni-hero-inner,.mni-footer-grid{width:100%;padding-left:14px;padding-right:14px}.mni-head-main{height:68px;grid-template-columns:105px 1fr auto;gap:8px}.mni-logo img{width:88px}.mni-search{padding-left:10px}.mni-search>svg{display:none}.mni-search input{font-size:10px}.mni-tools{gap:2px}.mni-tool{width:34px;height:34px;min-height:34px}.mni-tool:first-child{display:none}.mni-nav{min-height:44px}.mni-nav a{height:44px;padding:0 9px;font-size:10px}.mni-nav a svg{width:14px;height:14px}.mni-hero-inner{padding-top:14px;padding-bottom:20px}.mni-breadcrumb{font-size:9px}.mni-hero-copy h1{font-size:31px}.mni-hero-copy h1 i{width:8px;height:42px}.mni-hero-copy p{font-size:11px}.mni-filter-chips{padding-left:0}.mni-toolbar{height:auto;min-height:48px;align-items:flex-start;flex-direction:column;padding:10px 12px}.mni-toolbar-right{width:100%;justify-content:space-between}.mni-toolbar label{flex:1}.mni-toolbar select{min-width:0;width:100%}.mni-grid{grid-template-columns:1fr}.mni-card-image{height:220px}.mni-card h2{font-size:16px;min-height:0}.mni-card p{font-size:10.5px}.mni-grid.is-list .mni-card{grid-template-columns:1fr}.mni-grid.is-list .mni-card-image{height:210px}.mni-newsletter{padding:12px;grid-template-columns:42px 1fr}.mni-newsletter-icon{width:40px;height:40px}.mni-newsletter form{height:auto;display:grid;grid-template-columns:1fr}.mni-newsletter input{height:40px}.mni-newsletter button{height:40px}.mni-social{overflow-x:auto}.mni-footer-grid{grid-template-columns:1fr 1fr;gap:24px}.mni-footer-brand{grid-column:1/3}}
@media(max-width:390px){.mni-search button{display:none}.mni-search{padding-right:10px}.mni-tool.mni-bell{display:none}.mni-hero-copy h1{font-size:27px}.mni-filter-chips a{height:44px;padding:0 12px}.mni-card-image{height:195px}.mni-footer-grid{grid-template-columns:1fr}.mni-footer-brand{grid-column:auto}.mni-footer-grid>div:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){.mni-card,.mni-card-image img,.mni-card-arrow{transition:none!important}.mni-card:hover,.mni-card:hover .mni-card-image img{transform:none!important}}
@media(max-width:640px){.mni-filter-chips a,.mni-pagination .page-numbers,.mni-view-switch button,.mni-card-arrow,.mni-social a{min-width:44px!important;min-height:44px!important;height:44px!important}.mni-card p,.mni-meta,.mni-breadcrumb,.mni-newsletter p,.mni-social>span{color:#52657d!important}.mni-footer-grid>div:not(.mni-footer-brand)>a{padding:6px 0;min-height:44px;display:flex;align-items:center}}

/* header visibility repair — force utility icons to remain visible across theme resets */
.miko-news-index .mni-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:136px!important}
.miko-news-index .mni-tool{position:relative!important;display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;border:1px solid #dce5ef!important;border-radius:11px!important;background:#fff!important;color:#10213a!important;box-shadow:0 3px 10px rgba(22,47,79,.05)!important;opacity:1!important;visibility:visible!important;overflow:visible!important}
.miko-news-index .mni-tool svg{display:block!important;width:20px!important;height:20px!important;stroke:#10213a!important;fill:none!important;stroke-width:2!important;opacity:1!important;visibility:visible!important}
.miko-news-index .mni-tool:hover{background:#edf5ff!important;border-color:#bdd5f4!important;color:#0d66f6!important}
.miko-news-index .mni-tool:hover svg{stroke:#0d66f6!important}
.miko-news-index .mni-bell span{display:grid!important;place-items:center!important;position:absolute!important;right:-3px!important;top:-5px!important;width:17px!important;height:17px!important;border-radius:50%!important;background:#ef233c!important;border:2px solid #fff!important;color:#fff!important;font:800 8px/1 Arial,sans-serif!important;z-index:3!important}
.miko-news-index .mni-search>svg,.miko-news-index .mni-search button svg,.miko-news-index .mni-nav svg{display:block!important;opacity:1!important;visibility:visible!important}

@media(max-width:640px){
  .miko-news-index .mni-tools{min-width:82px!important;gap:6px!important}
  .miko-news-index .mni-tool{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}
  .miko-news-index .mni-tool svg{width:18px!important;height:18px!important}
  .miko-news-index .mni-tool:first-child{display:none!important}
}
@media(max-width:390px){
  .miko-news-index .mni-tool.mni-bell{display:grid!important}
  .miko-news-index .mni-tools{min-width:96px!important}
}

/* Accessibility hardening: WCAG-sized interactive targets + stronger small-text contrast */
@media(max-width:640px){
  .miko-news-index .mni-tools{min-width:96px!important}
  .miko-news-index .mni-tool{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .miko-news-index .mni-nav a,.miko-news-index .mni-nav-more{min-height:44px}
  .miko-news-index .mni-filter-chips a{min-height:44px}
  .miko-news-index .mni-view-switch button{width:44px;height:44px;min-height:44px}
  .miko-news-index .mni-card-arrow{width:44px;height:44px;min-width:44px}
  .miko-news-index .mni-pagination .page-numbers{min-width:44px;height:44px}
  .miko-news-index .mni-social a{width:44px;height:44px}
}
.miko-news-index .mni-card p,.miko-news-index .mni-meta,.miko-news-index .mni-newsletter p,.miko-news-index .mni-social>span{color:#52647b}
.miko-news-index .mni-footer-brand p{color:#c4cfdb}.miko-news-index .mni-footer-brand small{color:#aebdcb}.miko-news-index .mni-footer-grid>div:nth-child(2) small{color:#a9bacb}