/* HiSoServer premium article library. CSS is scoped so it never changes FAQ. */
.hiso-article-gallery{position:relative;padding:65px 0 74px;background:radial-gradient(circle at 15% 5%,rgba(219,169,65,.14),transparent 36%),radial-gradient(circle at 80% 90%,rgba(116,58,26,.12),transparent 32%),#0d0907;color:#f6edda;overflow:hidden}
.hiso-article-gallery *{box-sizing:border-box}
.hiso-ag-inner{width:min(1180px,calc(100% - 28px));margin:0 auto}
.hiso-ag-overline{display:flex;align-items:center;gap:10px;color:#d6bc87;font:700 11px/1.4 Tahoma,Arial,sans-serif;letter-spacing:.15em}.hiso-ag-overline span{color:#ac8c56}.hiso-ag-overline .hiso-ag-star{color:#f4d28b;font-size:18px}
.hiso-ag-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:19px 0 29px}.hiso-ag-header>div{max-width:780px}.hiso-ag-header h2{margin:0 0 13px;font-size:clamp(32px,4.2vw,51px);line-height:1.15;color:#fff5df;letter-spacing:-.02em;font-weight:900}.hiso-ag-header h2 em{font-style:normal;background:linear-gradient(100deg,#f6d68d,#c99433,#ffe8b3);color:transparent;-webkit-background-clip:text;background-clip:text}.hiso-ag-header p{font-size:16px;line-height:1.8;color:#ccbea5;margin:0}
.hiso-ag-view-all{color:#f8e0a1;text-decoration:none;font-size:14px;font-weight:900;white-space:nowrap;border:1px solid rgba(242,193,96,.34);background:rgba(243,191,89,.08);border-radius:12px;padding:12px 18px;transition:background .2s}.hiso-ag-view-all:hover{background:rgba(243,191,89,.18)}
.hiso-ag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.hiso-ag-card{display:flex;flex-direction:column;min-width:0;text-decoration:none!important;color:#f5eddb!important;overflow:hidden;border:1px solid rgba(242,196,105,.24);border-radius:20px;background:linear-gradient(145deg,#211912,#120f0d);box-shadow:0 14px 32px rgba(0,0,0,.26);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.hiso-ag-card:hover{transform:translateY(-4px);border-color:rgba(244,202,117,.65);box-shadow:0 24px 46px rgba(0,0,0,.35)}.hiso-ag-card:focus-visible{outline:3px solid #ffd888;outline-offset:3px}
.hiso-ag-image{aspect-ratio:2/1;position:relative;background:#100c09;overflow:hidden}.hiso-ag-image img{width:100%;height:100%;object-fit:contain;display:block;max-width:100%}.hiso-ag-numeral{position:absolute;left:10px;top:10px;border-radius:8px;padding:5px 8px;color:#fff2c7;background:rgba(10,8,6,.8);border:1px solid rgba(245,200,114,.3);font:900 11px Tahoma,sans-serif}
.hiso-ag-body{padding:17px 16px 15px;display:flex;flex:1;flex-direction:column}.hiso-ag-label{color:#d5ad61;font:700 10px/1.45 Tahoma,sans-serif;letter-spacing:.11em}.hiso-ag-label span{padding:0 3px;opacity:.5}.hiso-ag-body h3{font-size:17px;line-height:1.48;font-weight:850;color:#fff2d4;margin:10px 0 18px;overflow-wrap:anywhere;min-height:3em}.hiso-ag-bottom{margin-top:auto;border-top:1px solid rgba(232,186,106,.15);padding-top:13px;display:flex;align-items:center;justify-content:space-between;color:#cbbb9d;font-size:12px;font-weight:700}.hiso-ag-bottom b{display:grid;place-items:center;width:32px;height:32px;color:#211608;background:linear-gradient(130deg,#fbe4ad,#c9953c);border-radius:10px;font-size:17px}
.hiso-ag-footnote{text-align:center;margin:24px auto 0;color:#ac9b83;font-size:12px;line-height:1.8}.hiso-ag-footnote span{color:#f4d28b;margin-right:6px}
@media(max-width:1060px){.hiso-ag-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hiso-ag-header{align-items:flex-start}}@media(max-width:760px){.hiso-article-gallery{padding:44px 0 50px}.hiso-ag-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hiso-ag-header{display:block}.hiso-ag-view-all{display:inline-flex;margin-top:16px}.hiso-ag-body{padding:14px}.hiso-ag-body h3{font-size:15px}.hiso-ag-header p{font-size:14px}}
@media(max-width:420px){.hiso-ag-grid{grid-template-columns:1fr}.hiso-ag-inner{width:calc(100% - 20px)}.hiso-ag-body h3{min-height:0;font-size:17px}.hiso-ag-header h2{font-size:30px}.hiso-ag-card{border-radius:18px}}
/* Article pages */
.hiso-post-page{margin:0;min-height:100vh;color:#f2e7d3;background:radial-gradient(circle at 20% 0,rgba(174,113,49,.18),transparent 33%),linear-gradient(180deg,#0b0806,#16100b 35%,#080604);font:16px/1.8 Tahoma,"Noto Sans Thai",sans-serif;overflow-x:hidden}.hiso-post-page *{box-sizing:border-box}.hiso-post-page a{text-decoration:none}.hiso-post-page button{font:inherit;cursor:pointer}.hiso-post-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(244,197,106,.21);backdrop-filter:blur(18px);background:rgba(11,9,7,.91)}.hiso-post-header-inner{margin:auto;width:min(1180px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 0}.hiso-post-brand{display:flex;align-items:center;gap:13px;color:#ffe3a5;font-size:22px;font-weight:950}.hiso-post-brand img{width:54px;height:54px;object-fit:contain}.hiso-post-header nav{display:flex;flex-wrap:wrap;gap:14px}.hiso-post-header nav a{color:#e5d2ab;font-weight:700}.hiso-post-main{width:min(1180px,calc(100% - 28px));margin:auto;padding:40px 0 30px}.hiso-post-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#bba783;font-size:12px}.hiso-post-breadcrumb a{color:#eccc86}.hiso-post-overline{letter-spacing:.13em;font-size:11px;font-weight:800;color:#ecc684}.hiso-post-intro{text-align:center;padding:28px 24px 31px}.hiso-post-intro h1,.hiso-post-directory h1{font-size:clamp(34px,5.3vw,65px);line-height:1.18;color:#fff2d5;margin:16px auto;max-width:960px;letter-spacing:-.025em}.hiso-post-intro>p{font-size:clamp(16px,2vw,20px);color:#ddcba8;max-width:850px;margin:0 auto 16px}.hiso-post-byline{display:flex;justify-content:center;gap:10px 22px;flex-wrap:wrap;font-size:12px;color:#b6a58c}.hiso-post-byline span:first-child{color:#f2ce8f;font-weight:bold}.hiso-post-featured{border:1px solid rgba(236,191,103,.3);background:#0d0a08;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px #0006;aspect-ratio:2/1}.hiso-post-featured img{display:block;width:100%;height:100%;object-fit:contain}.hiso-post-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.68fr);gap:25px;align-items:start;padding:34px 0 35px}.hiso-post-prose{background:linear-gradient(155deg,rgba(38,29,19,.89),rgba(17,13,10,.92));border:1px solid rgba(236,191,103,.2);padding:clamp(22px,3.5vw,40px);border-radius:25px;min-width:0}.hiso-post-prose h2{font-size:clamp(24px,2.6vw,33px);color:#ffe0a1;line-height:1.4;margin:0 0 14px}.hiso-post-section+section{border-top:1px solid rgba(237,193,105,.13);margin-top:28px;padding-top:26px}.hiso-post-prose p{color:#e8decb;font-size:16px;line-height:2;margin:0 0 17px}.hiso-post-takeaways{margin-top:30px;padding:23px 25px;background:rgba(240,193,101,.08);border:1px solid rgba(240,193,101,.26);border-radius:20px}.hiso-post-takeaways ul{color:#eee1c8;line-height:1.9;margin:0;padding-left:22px}.hiso-post-aside-box{position:sticky;top:95px;border-radius:23px;padding:25px;background:linear-gradient(155deg,#292014,#12100b);border:1px solid rgba(236,191,103,.31);box-shadow:0 15px 35px #0005}.hiso-post-aside-box h2{color:#ffe1a1;font-size:24px;line-height:1.4}.hiso-post-aside-box p{color:#d7c9ae}.hiso-post-aside-box a{display:block;border-radius:12px;padding:12px 16px;text-align:center;font-weight:900;margin:10px 0}.hiso-post-contact-line{background:linear-gradient(110deg,#07a63c,#1dc05a);color:#fff}.hiso-post-contact-phone{background:linear-gradient(100deg,#f3d28d,#d8a946);color:#231707}.hiso-post-aside-box small{color:#9f927f}.hiso-post-share{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid rgba(237,193,105,.28);padding:22px;margin-top:24px;border-radius:22px;background:rgba(244,190,85,.055)}.hiso-post-share b{color:#ffe5b1;font-size:17px}.hiso-post-share p{margin:4px 0 0;color:#bda989;font-size:12px}.hiso-post-share-buttons{display:flex;gap:7px;flex-wrap:wrap}.hiso-post-share-buttons a,.hiso-post-share-buttons button{border-radius:10px;padding:10px 13px;background:#2c2319;border:1px solid #776044;color:#f5db9e;font-weight:800;font-size:12px;cursor:pointer}.hiso-post-share-buttons a:hover,.hiso-post-share-buttons button:hover{background:#40311e}.hiso-post-directory{text-align:center;padding:62px 10px 38px}.hiso-post-directory h1 em{color:#f4d18a;font-style:normal}.hiso-post-directory p{max-width:700px;margin:auto;color:#d6c5a7}
@media(max-width:870px){.hiso-post-layout{grid-template-columns:1fr}.hiso-post-aside-box{position:static}.hiso-post-header nav{gap:10px}}@media(max-width:540px){.hiso-post-header nav a:not(:nth-child(3)){display:none}.hiso-post-brand{font-size:18px}.hiso-post-brand img{width:44px;height:44px}.hiso-post-featured{border-radius:16px}.hiso-post-intro{padding:23px 4px}.hiso-post-layout{padding-top:19px;gap:16px}.hiso-post-prose{padding:22px 17px}.hiso-post-share{padding:18px 14px}.hiso-post-share-buttons{width:100%}}
@media(prefers-reduced-motion:reduce){.hiso-ag-card{transition:none}.hiso-ag-card:hover{transform:none}}

/* ==========================================================
   Editorial Finish V2 — refined article body, sharing and
   contextual inline links. Featured image rules remain intact.
   ========================================================== */
.hiso-post-page .hiso-post-article{min-width:0}
.hiso-post-page .hiso-post-prose{
  position:relative; overflow:hidden;
  background:linear-gradient(145deg,rgba(35,26,18,.95),rgba(18,14,11,.98));
  border:1px solid rgba(236,197,127,.27);
  box-shadow:0 26px 70px rgba(0,0,0,.24),inset 0 1px rgba(255,246,225,.045);
}
.hiso-post-page .hiso-post-prose::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#bc9254,#ffe0a4,#a1773c,transparent);opacity:.72;pointer-events:none}
.hiso-post-page .hiso-post-section{position:relative;min-width:0}
.hiso-post-page .hiso-post-section + .hiso-post-section{border-top:1px solid rgba(233,194,118,.17);margin-top:32px;padding-top:30px}
.hiso-post-page .hiso-post-section-kicker{display:flex;align-items:center;gap:9px;color:#b8a17c;font-size:10px;font-weight:900;letter-spacing:.19em;margin:0 0 13px}
.hiso-post-page .hiso-post-section-kicker span{color:#7c6748}
.hiso-post-page .hiso-post-prose h2{color:#f9dfa5;font-size:clamp(24px,2.45vw,33px);line-height:1.5;letter-spacing:-.012em;text-wrap:pretty;margin:0 0 17px}
.hiso-post-page .hiso-post-prose p{color:#e9decb;font-size:16px;line-height:2;letter-spacing:.002em;overflow-wrap:break-word;margin:0 0 18px}
.hiso-post-page .hiso-post-context{padding:2px 0;color:#e8d8b9 !important}
.hiso-post-page a.hiso-post-keyword-link{color:#ffdea0 !important;font-weight:900;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:rgba(240,193,104,.58);border-radius:3px;transition:color .2s ease,text-decoration-color .2s ease}
.hiso-post-page a.hiso-post-keyword-link strong{font-weight:900}
.hiso-post-page a.hiso-post-keyword-link:hover{color:#fff6d9 !important;text-decoration-color:#f9dca4}
.hiso-post-page a.hiso-post-keyword-link:focus-visible{outline:2px solid #ffe1a1;outline-offset:3px}
.hiso-post-page .hiso-post-takeaways{position:relative;padding:clamp(21px,3vw,31px);margin-top:36px;background:linear-gradient(145deg,rgba(213,165,80,.135),rgba(28,23,17,.6));border:1px solid rgba(244,200,119,.36);border-radius:22px}
.hiso-post-page .hiso-post-takeaways .hiso-post-overline{font-size:11px;color:#e6c17c;margin:0 0 5px;font-weight:900;line-height:1.6}
.hiso-post-page .hiso-post-takeaways h2{margin:0 0 13px;font-size:clamp(23px,2.5vw,30px)}
.hiso-post-page .hiso-post-takeaways ul{display:grid;gap:12px;list-style:none;padding:0;margin:0}
.hiso-post-page .hiso-post-takeaways li{position:relative;margin:0;padding:11px 13px 11px 38px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(243,203,128,.12);color:#e9dbc3;line-height:1.7;font-size:15px}
.hiso-post-page .hiso-post-takeaways li::before{content:"✓";position:absolute;left:13px;top:10px;color:#f4d48f;font-weight:900}
.hiso-post-page .hiso-post-share{background:linear-gradient(140deg,rgba(38,31,23,.97),rgba(20,17,14,.98));border:1px solid rgba(236,191,107,.32);box-shadow:0 18px 42px rgba(0,0,0,.18);padding:clamp(20px,3vw,27px);gap:22px}
.hiso-post-page .hiso-post-share b{font-size:19px;color:#ffe6b3}
.hiso-post-page .hiso-post-share p{font-size:13px;line-height:1.7;color:#c6b9a4}
.hiso-post-page .hiso-post-share-buttons{gap:9px}
.hiso-post-page .hiso-post-share-buttons a,.hiso-post-page .hiso-post-share-buttons button{display:inline-flex;justify-content:center;align-items:center;min-height:43px;border:1px solid rgba(245,208,138,.32);background:rgba(245,208,138,.09);border-radius:12px;color:#fbe0a7;font-size:13px;font-weight:800;padding:10px 15px;transition:background .2s,border-color .2s,transform .2s}
.hiso-post-page .hiso-post-share-buttons a:hover,.hiso-post-page .hiso-post-share-buttons button:hover{background:rgba(245,208,138,.16);border-color:rgba(245,208,138,.55);transform:translateY(-1px)}
.hiso-post-page .hiso-post-copy{background:linear-gradient(115deg,#f6dd9e,#d5a65b) !important;color:#281a0c !important;border-color:#eac77e !important}
.hiso-post-page .hiso-post-aside-box{background:linear-gradient(145deg,#2a2119,#14110e);border:1px solid rgba(243,198,115,.32);box-shadow:0 24px 50px rgba(0,0,0,.24),inset 0 1px rgba(255,248,231,.055)}
.hiso-post-page .hiso-post-aside-box h2{margin:11px 0 12px;color:#f5dda5;line-height:1.35}
.hiso-post-page .hiso-post-aside-box p{line-height:1.8}
.hiso-post-page .hiso-post-aside-box a{min-height:46px;display:flex;align-items:center;justify-content:center}
/* The contact panel is shared with the main site. Its actual styling is
   supplied by site-premium.css, loaded before article-public.css. */
.hiso-post-page .hiso-contact-panel svg{width:22px;height:22px;max-width:100%}
@media(max-width:760px){.hiso-post-page .hiso-post-prose{border-radius:19px}.hiso-post-page .hiso-post-prose p{font-size:15.5px;line-height:1.92}.hiso-post-page .hiso-post-section+.hiso-post-section{margin-top:26px;padding-top:25px}.hiso-post-page .hiso-post-share-buttons a,.hiso-post-page .hiso-post-share-buttons button{flex:1 1 auto}}
@media(max-width:440px){.hiso-post-page .hiso-post-prose{padding:22px 17px}.hiso-post-page .hiso-post-share-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hiso-post-page .hiso-post-share-buttons button,.hiso-post-page .hiso-post-share-buttons a{white-space:normal;min-width:0;text-align:center;padding:10px}.hiso-post-page .hiso-post-takeaways{padding:18px}}
