/* News Studio public UI — isolated namespace for Srikrung V2, PHP 8.4 */
.skn-section{background:linear-gradient(165deg,#f4faf5 0%,#fff 55%,#f7fbf8 100%);position:relative;overflow:hidden}
.skn-section::before{content:"";position:absolute;width:480px;height:480px;right:-210px;top:-220px;border-radius:50%;background:radial-gradient(circle,#d7f9d9 0%,rgba(215,249,217,0) 72%);pointer-events:none}
.skn-section .wrap{position:relative;z-index:1}
.skn-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 30px}
.skn-heading .skn-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#087847;font-size:12px;font-weight:800;letter-spacing:.13em}
.skn-heading .skn-eyebrow::before{content:"";height:7px;width:7px;background:#edbd3b;border-radius:50%}
.skn-heading h2{font-size:clamp(28px,3.4vw,45px);line-height:1.3;letter-spacing:-.04em;margin:10px 0 8px;color:#123d30;font-weight:800}
.skn-heading h2 span{color:#098b52}
.skn-heading p{color:#6c7971;margin:0;font-size:15px;line-height:1.8}
.skn-more-all{display:inline-flex;align-items:center;gap:12px;color:#08794b;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap;padding:11px 0}
.skn-more-all i{font-style:normal;border:1px solid #c9e5d5;background:white;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;transition:.2s}
.skn-more-all:hover i{background:#07844b;border-color:#07844b;color:#fff;transform:translateX(3px)}
.skn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.skn-card{display:flex;flex-direction:column;min-width:0;background:white;border-radius:22px;overflow:hidden;text-decoration:none!important;border:1px solid #e6f0e9;box-shadow:0 8px 28px rgba(9,58,35,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;color:#193c30}
.skn-card:hover,.skn-card:focus-visible{transform:translateY(-6px);box-shadow:0 20px 45px rgba(9,58,35,.14);border-color:#b4dfc1;outline:none}
.skn-cover{position:relative;display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#075d3a,#118a56 55%,#d6c25b);overflow:hidden}
.skn-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.skn-card:hover .skn-cover img{transform:scale(1.055)}
.skn-cover-empty{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#d7f6e2;gap:8px;font-size:14px;font-weight:700}
.skn-cover-empty span{font-size:50px;line-height:1}
.skn-category{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.97);color:#08794b;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.10);max-width:calc(100% - 32px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.skn-card-body{padding:22px 22px 20px;display:flex;flex-direction:column;flex:1;min-width:0}
.skn-date{color:#89978e;font-size:12px;display:flex;align-items:center;gap:6px;margin:0 0 10px}
.skn-date svg{width:15px;height:15px;flex:none}
.skn-card-title{font-size:clamp(16px,1.5vw,19px);line-height:1.6;font-weight:800;color:#173e2e;margin:0 0 9px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:3.2em}
.skn-card-excerpt{color:#78877d;font-size:13.5px;line-height:1.8;margin:0 0 18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.skn-card-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef3ef;padding-top:15px;font-size:13px;font-weight:800;color:#07844b}
.skn-card-action span:last-child{height:30px;width:30px;display:grid;place-items:center;border-radius:50%;color:#08794b;background:#e8f8ee;transition:.2s}
.skn-card:hover .skn-card-action span:last-child{background:#07844b;color:white}
.skn-empty{border:1px dashed #bfd9c7;background:#fff;border-radius:22px;padding:45px 20px;color:#567363;text-align:center;grid-column:1/-1}
.skn-empty strong{display:block;color:#164331;font-size:19px;margin-bottom:5px}
.skn-empty p{margin:0}
.skn-section-bottom{text-align:center;margin-top:28px}
.skn-section-bottom a{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:#07844b;border:1px solid #07844b;color:white!important;padding:13px 24px;border-radius:999px;text-decoration:none!important;font-size:14px;font-weight:700;box-shadow:0 7px 20px rgba(6,121,67,.16);transition:.2s}
.skn-section-bottom a:hover{background:#045d39;transform:translateY(-2px)}
/* independent public reading pages */
body.skn-page{font-family:Prompt,system-ui,sans-serif;background:#f5f9f6;color:#173e2e;margin:0;line-height:1.7}
.skn-page *, .skn-page *::before,.skn-page *::after{box-sizing:border-box}
.skn-page a{color:inherit}
.skn-page .skn-container{width:min(1140px,calc(100% - 36px));margin-inline:auto}
.skn-page-header{background:#fff;border-bottom:1px solid #e6efe8;position:sticky;top:0;z-index:15;box-shadow:0 2px 16px rgba(0,0,0,.03)}
.skn-page-header .skn-container{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.skn-brand{display:flex;align-items:center;gap:11px;color:#0b6f45!important;font-size:18px;font-weight:800;text-decoration:none!important}
.skn-brand-mark{background:#0d804d;width:39px;height:39px;border-radius:13px;color:white;display:grid;place-items:center;font-size:23px}
.skn-header-back{color:#136c47!important;text-decoration:none!important;background:#eff9f2;border:1px solid #ddeddf;padding:9px 17px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}
.skn-hero{background:linear-gradient(130deg,#073c2d,#0a7e4c);padding:65px 0 76px;color:white;position:relative;overflow:hidden}
.skn-hero::after{content:"";position:absolute;right:-140px;top:-230px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(239,225,99,.22),transparent 67%);pointer-events:none}
.skn-hero .skn-container{position:relative;z-index:1}
.skn-hero small{color:#bce8cd;letter-spacing:.15em;font-weight:700;font-size:11px}
.skn-hero h1{font-size:clamp(27px,4vw,46px);line-height:1.38;margin:11px 0 12px;letter-spacing:-.03em}
.skn-hero p{color:#d4e9dc;margin:0;max-width:760px}
.skn-main{padding:40px 0 72px}
.skn-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.skn-search{display:flex;gap:10px;margin:0 0 28px;max-width:640px}
.skn-search input{font:inherit;flex:1;min-width:0;border:1px solid #d9e7dc;border-radius:13px;padding:13px 16px;background:white;outline:none}
.skn-search input:focus{border-color:#0a9255;box-shadow:0 0 0 3px rgba(6,138,79,.1)}
.skn-search button{font:inherit;color:#fff;background:#0b8451;border:0;border-radius:13px;padding:12px 23px;cursor:pointer;font-weight:700}
.skn-results{font-size:13px;color:#748b7d;margin:0 0 18px}
.skn-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:34px}
.skn-pagination a,.skn-pagination strong{width:38px;height:38px;display:grid;place-items:center;border:1px solid #deebdf;background:#fff;text-decoration:none;border-radius:11px;font-size:13px}
.skn-pagination strong{background:#087e4a;color:#fff;border-color:#087e4a}
.skn-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#6a8a79;font-size:12px;margin:0 0 25px}
.skn-breadcrumb a{text-decoration:none;color:#07824d}
.skn-article-shell{width:min(850px,100%);margin:auto}
.skn-detail-paper{border-radius:23px;border:1px solid #e3efe5;background:white;box-shadow:0 12px 45px rgba(14,60,37,.07);overflow:hidden}
.skn-detail-banner{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#e9f7ed}
.skn-detail-inner{padding:38px clamp(22px,5vw,52px) 50px}
.skn-detail-tag{font-size:12px;display:inline-block;background:#e5f7ea;color:#077446;border-radius:999px;padding:7px 13px;font-weight:700;margin-bottom:15px}
.skn-detail-inner h1{font-size:clamp(25px,3.5vw,38px);line-height:1.45;letter-spacing:-.03em;margin:0 0 15px;color:#153d2d}
.skn-detail-meta{display:flex;gap:13px;flex-wrap:wrap;color:#879588;font-size:12px;border-bottom:1px solid #eaf0eb;padding-bottom:22px;margin-bottom:25px}
.skn-detail-lead{font-size:16px;line-height:1.9;color:#587063;background:#f6fbf7;border-left:3px solid #14965d;border-radius:0 12px 12px 0;padding:15px 19px;margin:0 0 30px}
.skn-prose{font-size:15.5px;color:#3f5749;line-height:2;overflow-wrap:anywhere}
.skn-prose p{margin:0 0 1.2em}
.skn-prose h2,.skn-prose h3,.skn-prose h4{color:#0c5e3a;line-height:1.45;margin:1.7em 0 .7em}
.skn-prose h2{font-size:24px}.skn-prose h3{font-size:20px}
.skn-prose img{max-width:100%;height:auto;border-radius:14px;display:block;margin:24px auto}
.skn-prose figure{margin:22px 0}.skn-prose figcaption{text-align:center;color:#889b8e;font-size:12px}
.skn-prose ul,.skn-prose ol{padding-left:24px;margin:0 0 20px}
.skn-prose a{color:#067e4c;text-decoration:underline}
.skn-prose blockquote{background:#eff8f1;border-left:4px solid #0b874f;padding:16px 20px;margin:25px 0;border-radius:0 12px 12px 0}
.skn-prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:24px 0}
.skn-prose th,.skn-prose td{padding:10px 14px;border:1px solid #dfebe1;min-width:80px}
.skn-prose th{background:#eef8f0}
.skn-detail-footer{border-top:1px solid #e8f0e9;padding-top:23px;margin-top:45px;display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.skn-detail-footer a{color:#0a7e4c;font-size:13px;font-weight:700;text-decoration:none}
.skn-related{margin:48px 0 0}
.skn-related h2{font-size:23px;margin-bottom:20px}
.skn-public-footer{padding:24px;text-align:center;color:#7d9483;font-size:12px;border-top:1px solid #e8f1e8;background:#fff}
@media(max-width:960px){.skn-grid,.skn-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .skn-section .wrap{width:min(100% - 30px,540px)}
 .skn-heading{align-items:flex-start;gap:10px;flex-direction:column;margin-bottom:24px}
 .skn-heading h2{font-size:30px}
 .skn-heading p{font-size:13px}
 .skn-more-all{font-size:13px;padding:3px 0}
 .skn-grid,.skn-archive-grid{grid-template-columns:1fr;gap:17px}
 .skn-card{border-radius:18px}
 .skn-cover{aspect-ratio:16/9}
 .skn-card-body{padding:19px}
 .skn-card-title{min-height:0;font-size:18px}
 .skn-card-excerpt{font-size:13px}
 .skn-section-bottom{margin-top:25px}
 .skn-hero{padding:45px 0 55px}
 .skn-page-header .skn-container{min-height:65px}
 .skn-brand{font-size:14px}.skn-brand-mark{height:34px;width:34px;border-radius:10px}
 .skn-header-back{padding:8px 11px;font-size:11px}
 .skn-main{padding:22px 0 50px}
 .skn-detail-paper{border-radius:16px}
 .skn-detail-inner{padding:24px 19px 35px}
 .skn-detail-inner h1{font-size:26px}
 .skn-prose{font-size:15px}
 .skn-search input{width:100%;font-size:14px}.skn-search button{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.skn-card,.skn-cover img,.skn-more-all i,.skn-section-bottom a{transition:none}}