/* RUBCHUE SAKCOM · Premium Related Searches & Editorial Articles v1.3 */
.rh-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 94% 2%,rgba(72,117,159,.14),transparent 43%),radial-gradient(ellipse at -12% 110%,rgba(38,100,89,.09),transparent 42%),#edf3f9;padding:clamp(62px,8vw,108px) 0;color:#10243b}
.rh-section:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #cbd8e822;border-radius:50%;top:-360px;right:-140px;pointer-events:none}
.rh-shell{border:1px solid #d8e3ef;border-radius:28px;background:linear-gradient(170deg,#fff 0%,#fcfdff 40%,#f8fafd 100%);box-shadow:0 29px 80px rgba(16,47,76,.075);overflow:hidden}
.rh-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#091e35;color:#9dc0db;padding:14px clamp(20px,4vw,42px);font:700 .72rem/1.6 'Prompt',sans-serif;letter-spacing:.085em}
.rh-overline{display:flex;align-items:center;gap:11px;color:#e5f5ff}.rh-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#97e979;box-shadow:0 0 0 4px #92e96b27}.rh-count{white-space:nowrap;color:#a9d2c0}
.rh-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:39px clamp(20px,4vw,42px) 23px}.rh-heading h2{font:750 clamp(1.8rem,3.2vw,2.8rem)/1.35 'Prompt','Sarabun',sans-serif;color:#09233e;letter-spacing:-.045em;margin:0 0 11px}.rh-heading h2 span{color:#2775a3;margin-left:7px}.rh-heading p{max-width:730px;font-size:1rem;line-height:1.9;color:#546e87;margin:0}.rh-badge{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:none;min-width:140px;min-height:112px;background:#eef7f2;border:1px solid #cdebd9;border-radius:17px}.rh-badge b{font:800 2.3rem/1 'Prompt',sans-serif;color:#153f3d}.rh-badge small{color:#5b8679;font:650 .75rem 'Prompt',sans-serif;margin-top:9px}
.rh-controls{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,42px) 29px;border-bottom:1px solid #e6edf5}.rh-search{display:flex;align-items:center;flex:1;min-width:180px;max-width:570px;gap:13px;background:#f4f7fb;border:1px solid #d8e3ef;border-radius:13px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.rh-search:focus-within{border-color:#6da0c4;box-shadow:0 0 0 3px #4e9bca20}.rh-search>span{font:800 1.6rem/1 sans-serif;color:#5683a5}.rh-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;width:100%;font-size:.88rem;color:#14304f}.rh-search input::placeholder{color:#8295a8}.rh-search kbd{border-left:1px solid #d0dfe9;padding-left:12px;color:#90a6b7;font:.69rem 'Prompt',sans-serif}.rh-filters{display:flex;flex-wrap:wrap;gap:6px}.rh-filters button{border-radius:9px;background:#fff;border:1px solid #dbe5f0;color:#53738d;padding:9px 12px;font:650 .76rem 'Prompt',sans-serif;transition:.2s}.rh-filters button:hover,.rh-filters button[aria-pressed="true"]{color:#fff;background:#112d49;border-color:#112d49}.rh-filters b{font-size:.74rem;margin-left:4px;color:inherit}
.rh-group{margin:0;border-bottom:1px solid #e5ecf3}.rh-group:last-of-type{border-bottom:0}.rh-group summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:21px clamp(20px,4vw,42px);transition:background .2s}.rh-group summary::-webkit-details-marker{display:none}.rh-group summary:hover,.rh-group[open] summary{background:#f6f9fc}.rh-group-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border:1px solid #c9dded;background:#eaf3fa;border-radius:10px;font:750 .83rem 'Prompt',sans-serif;color:#31698a}.rh-group-heading{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:12px}.rh-group-heading strong{font:700 .99rem/1.55 'Prompt',sans-serif;color:#1d3753}.rh-group-heading small{font:.78rem/1.6 'Sarabun',sans-serif;color:#7a91a6;white-space:nowrap}.rh-group-toggle{font:400 1.5rem/1 'Prompt',sans-serif;color:#547d9b;transition:transform .2s}.rh-group[open] .rh-group-toggle{transform:rotate(45deg)}
.rh-items{display:flex;flex-wrap:wrap;gap:9px;padding:8px clamp(20px,4vw,42px) 27px}.rh-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:9px;min-height:36px;border-radius:9px;padding:8px 11px;font:600 .82rem/1.5 'Sarabun',sans-serif;max-width:100%;overflow-wrap:anywhere;transition:transform .18s,background .18s,box-shadow .18s}.rh-pill[hidden]{display:none!important}.rh-live{color:#174d66;background:linear-gradient(145deg,#eff9ff,#e6f1f8);border:1px solid #bbd7e9}.rh-live:hover{transform:translateY(-2px);background:#e1f3fb;border-color:#71abc5;box-shadow:0 6px 18px #15395512}.rh-locked{color:#8d9cab;background:#f4f6f9;border:1px dashed #dce5ee;cursor:default}.rh-symbol{font:700 .85rem/1 sans-serif;color:#3a8b81;flex:none}.rh-locked .rh-symbol{color:#a8b7c4}.rh-none{margin:22px clamp(20px,4vw,42px)!important;color:#777;padding:16px;background:#f5f8fb;border-radius:10px}.rh-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px clamp(20px,4vw,42px);background:#0c2944;color:#e3f5ff}.rh-footer>div{display:flex;align-items:center;gap:12px;font-size:.84rem;line-height:1.6}.rh-footer small{color:#9fb8cb;font-size:.74rem}.rh-check{flex:none;display:grid;place-items:center;width:39px;height:39px;border:1px solid #92dba754;background:#70cf7330;color:#acff9d;border-radius:50%;font-weight:900}.rh-footer a{display:inline-flex;align-items:center;gap:10px;flex:none;background:#b1ef9f;color:#0e312d;padding:11px 17px;border-radius:10px;font:800 .83rem 'Prompt',sans-serif}.rh-footer a:hover{background:#d0ffbe}
.cms-unpublished-link{cursor:default;opacity:.49}.pf-column .cms-unpublished-link,.pf-explore .cms-unpublished-link{display:inline-flex;padding:6px 0;color:#7790a5;font-size:.82rem}.pf-column li .cms-unpublished-link::before{content:"◦";display:inline-block;color:#8a9aaa;padding-right:10px}.pf-explore .cms-unpublished-link{border:1px solid #44566b55;border-radius:100px;padding:7px 12px}.service-card .cms-unpublished-link{font-weight:650;color:#7e91a3}.small-collection .cms-unpublished-link{display:inline-flex;padding:8px 14px;border:1px dashed #d3dfea;border-radius:100px;background:#f6f8fa;color:#8899aa;font-size:.85rem}
@media(max-width:950px){.rh-controls{display:grid}.rh-search{max-width:none}.rh-heading{padding-top:32px}.rh-group-heading{display:block}.rh-group-heading small{display:block;margin-top:2px}}
@media(max-width:600px){.rh-section{padding:46px 0}.rh-shell{border-radius:17px}.rh-topline{padding:12px 17px;font-size:.61rem}.rh-count{font-size:.58rem}.rh-heading{align-items:start;padding:25px 18px 20px}.rh-heading h2{font-size:1.65rem}.rh-heading h2 span{margin-left:0}.rh-heading p{font-size:.89rem}.rh-badge{min-width:76px;min-height:82px;border-radius:12px}.rh-badge b{font-size:1.42rem}.rh-badge small{font-size:.59rem;text-align:center}.rh-controls{padding:0 18px 21px;gap:13px}.rh-search kbd{display:none}.rh-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.rh-filters button{white-space:nowrap;font-size:.72rem;padding:8px 10px}.rh-group summary{padding:16px 18px;gap:9px}.rh-group-heading strong{font-size:.86rem}.rh-group-heading small{font-size:.71rem;white-space:normal}.rh-group-icon{width:32px;height:32px;font-size:.7rem}.rh-group-toggle{font-size:1.2rem}.rh-items{padding:3px 18px 21px;gap:7px}.rh-pill{font-size:.77rem;padding:7px 9px;min-height:34px}.rh-footer{display:block;padding:20px 18px}.rh-footer a{margin-top:18px;display:flex;justify-content:center;font-size:.76rem}.rh-none{margin:14px 18px!important}}
/* Editorial content detail page — navy/white, human readable, variable image dimensions. */
.cp-page{background:#f3f7fb;color:#1a3046}.cp-page .wrap{width:min(1230px,calc(100% - 48px))}.cp-topline{background:#071525;color:#b1c6da;font:.71rem/1.7 'Prompt',sans-serif;letter-spacing:.1em}.cp-topline .wrap{display:flex;justify-content:space-between;align-items:center;min-height:33px}.cp-topline a{color:#b5f69c;letter-spacing:0}.cp-header{position:relative;z-index:10;background:#0b2440;color:#fff;border-bottom:1px solid #ffffff15}.cp-header>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.cp-brand{display:flex;align-items:center;gap:16px;font:750 1.08rem/1.35 'Prompt',sans-serif;color:#fff}.cp-brand img{display:block;object-fit:contain;width:102px;height:63px}.cp-brand small{display:block;color:#a8c2da;font:400 .69rem/1.7 'Sarabun',sans-serif}.cp-header nav{display:flex;gap:29px;align-items:center;font:600 .84rem 'Prompt',sans-serif}.cp-header nav>a{color:#dce7f2}.cp-header nav>a:hover{color:#b9f9a2}.cp-header nav>.cp-nav-cta{background:#a9ec8e;color:#0c332d;border-radius:9px;padding:11px 17px;font-weight:750}
.cp-hero{background:radial-gradient(ellipse at 100% 0%,#244b69 0%,transparent 40%),linear-gradient(120deg,#0b2542,#112f4a);padding:48px 0 78px;color:#fff}.cp-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#a8c5df;font-size:.78rem;margin-bottom:37px}.cp-breadcrumb a{color:#dce8f5}.cp-breadcrumb a:hover{text-decoration:underline}.cp-eyebrow{display:block;font:700 .74rem/1.5 'Prompt',sans-serif;letter-spacing:.12em;color:#339b85}.cp-hero .cp-eyebrow{color:#c7e9a1}.cp-hero .cp-eyebrow b{color:#7d9eb4}.cp-hero h1{font:750 clamp(2.1rem,4.6vw,3.8rem)/1.3 'Prompt','Sarabun',sans-serif;max-width:1040px;letter-spacing:-.044em;margin:16px 0 20px}.cp-hero p{font-size:clamp(1rem,1.6vw,1.13rem);line-height:1.9;color:#d0e1ed;max-width:855px}.cp-hero-meta{display:flex;flex-wrap:wrap;gap:10px 20px;color:#bbd0e0;font-size:.79rem}.cp-hero-meta span{border-left:2px solid #a8e99c;padding-left:10px}.cp-main{margin-top:-45px!important;position:relative;z-index:2;padding-bottom:75px}.cp-cover,.cp-second{margin:0;background:#e9f0f8;border:7px solid white;border-radius:23px;box-shadow:0 16px 65px #06233b20;overflow:hidden}.cp-cover img,.cp-second img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.cp-cover figcaption,.cp-second figcaption{background:white;color:#657d92;font-size:.79rem;padding:11px 20px;line-height:1.7}.cp-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start;margin-top:28px}.cp-article{min-width:0;background:white;border:1px solid #e3ebf3;border-radius:21px;box-shadow:0 10px 38px #15304b09;padding:clamp(22px,4vw,44px)}.cp-article-intro{padding-bottom:26px;border-bottom:1px solid #e4edf4;margin-bottom:26px}.cp-article-intro h2{font:700 clamp(1.4rem,2.5vw,1.95rem)/1.4 'Prompt',sans-serif;margin:13px 0 0;color:#173858}.cp-prose{font-size:1.045rem;line-height:2;color:#344b62;overflow-wrap:anywhere}.cp-prose h2{font:750 clamp(1.35rem,2.3vw,1.95rem)/1.48 'Prompt',sans-serif;color:#173b5d;margin:38px 0 15px}.cp-prose h3{font:700 1.2rem/1.6 'Prompt',sans-serif;color:#194b65;margin:28px 0 12px}.cp-prose h4{color:#294a65;margin:25px 0 10px}.cp-prose p{color:#3f5369;line-height:2;margin-bottom:20px}.cp-prose ul,.cp-prose ol{padding-left:23px}.cp-prose li{margin:8px 0;line-height:1.9}.cp-prose blockquote{margin:26px 0;background:#edf7f2;border-left:4px solid #3eaa83;padding:23px 24px;border-radius:0 14px 14px 0;color:#20545a}.cp-prose a{color:#0b6689;text-decoration:underline;text-underline-offset:3px}.cp-prose table{min-width:550px}.cp-prose pre{white-space:pre-wrap;word-break:break-word;overflow:auto;border:1px solid #e3edf4;background:#f4f7fa;padding:19px;border-radius:10px}.cp-prose figure{margin:20px 0}.cp-prose div{max-width:100%}.cp-second{border-radius:16px;margin-top:35px;border-width:5px;box-shadow:none}.cp-aside{display:grid;gap:15px;position:sticky;top:30px}.cp-aside-card{background:white;border:1px solid #dce6ef;border-radius:18px;padding:24px;box-shadow:0 7px 20px #14395407}.cp-aside-card h2{font:700 1.08rem/1.4 'Prompt',sans-serif;margin:11px 0 16px;color:#1c3d59}.cp-aside-card>b{display:block;color:#173c60;font-size:.95rem;margin-bottom:15px}.cp-aside-card p{font-size:.82rem;line-height:1.85;color:#6b8094;margin:14px 0 0}.cp-tags{display:flex;flex-wrap:wrap;gap:7px}.cp-tags span{font-size:.76rem;line-height:1.5;border:1px solid #d9e7f0;border-radius:8px;padding:6px 9px;background:#f2f7fa;color:#315b75}.cp-aside-contact{display:block;margin-top:9px;background:#0c2b45;color:#eafff2;border-radius:9px;padding:12px 13px;font-weight:750;font-size:.85rem}.cp-aside-contact:hover{background:#175473}.cp-cta{background:linear-gradient(130deg,#0c2c47,#0c4b4a);border-radius:17px;margin-top:35px;padding:29px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cp-cta span{font:.73rem 'Prompt',sans-serif;color:#b7ef9d}.cp-cta h2{color:#fff;font:700 1.35rem/1.5 'Prompt',sans-serif;margin:8px 0}.cp-cta p{color:#b6d6d6;font-size:.88rem;line-height:1.8;margin:0}.cp-cta a{display:inline-block;white-space:nowrap;padding:13px 17px;border-radius:10px;font-weight:750;background:#b3f199;color:#10392f}.cp-related{margin-top:50px;padding:32px;border:1px solid #dfebf3;background:white;border-radius:19px}.cp-related h2{font:700 1.5rem 'Prompt',sans-serif;margin:10px 0 18px}.cp-related-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.cp-related-links a{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px;border:1px solid #dfe9f1;border-radius:10px;background:#f9fbfc;font-size:.84rem;color:#294d6b}.cp-related-links a span{color:#4b9c7e}.cp-related-links a:hover{background:#eaf5fb;border-color:#bad7e8}
@media(max-width:1020px){.cp-layout{grid-template-columns:1fr}.cp-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.cp-related-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cp-page .wrap{width:calc(100% - 28px)}.cp-topline .wrap{min-height:30px}.cp-header>.wrap{min-height:73px}.cp-brand{font-size:.94rem;gap:8px}.cp-brand img{width:79px;height:52px}.cp-brand small{font-size:.63rem}.cp-header nav{gap:10px}.cp-header nav>a:not(.cp-nav-cta){display:none}.cp-header nav>.cp-nav-cta{font-size:.72rem;padding:10px}.cp-hero{padding:36px 0 65px}.cp-breadcrumb{margin-bottom:25px}.cp-hero h1{font-size:1.85rem}.cp-hero p{font-size:.95rem}.cp-main{margin-top:-30px!important;padding-bottom:45px}.cp-cover,.cp-second{border-width:4px;border-radius:14px}.cp-layout{margin-top:18px;gap:17px}.cp-article{border-radius:15px;padding:19px}.cp-prose{font-size:.99rem}.cp-prose h2{font-size:1.32rem}.cp-aside{grid-template-columns:1fr}.cp-cta{padding:22px;display:block}.cp-cta a{display:block;margin-top:19px;text-align:center}.cp-related{padding:20px}.cp-related-links{grid-template-columns:1fr}.cp-hero-meta{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){.rh-section *{transition:none!important}}
