/* Article Studio public design; all rules isolated in as-* classes. */
.as-public,.as-home-section{--as-ink:#143149;--as-sub:#536e80;--as-teal:#067875;--as-line:#dae6ee;--as-paper:#f4f8fa;font-family:system-ui,-apple-system,'Noto Sans Thai',Tahoma,sans-serif;color:var(--as-ink)}
.as-public *,.as-home-section *{box-sizing:border-box}
.as-public{margin:0;background:#f7f9fc;line-height:1.78;overflow-wrap:break-word}
.as-public a,.as-home-section a{color:inherit;text-decoration:none}
.as-public-shell{max-width:1240px;margin:0 auto;padding-left:clamp(15px,3vw,28px);padding-right:clamp(15px,3vw,28px)}
.as-home-section{padding:64px 0 70px;background:linear-gradient(160deg,#eef7f7,#f5f8fd 58%,#fff);}
.as-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.as-section-heading h2{font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.25;margin:8px 0 8px;color:#102d43;font-weight:850}
.as-section-heading p{margin:0;color:#587183;font-size:1rem;max-width:720px;line-height:1.7}
.as-eyebrow{display:block;font-weight:850;color:#087f7c;letter-spacing:.13em;font-size:.78rem}
.as-all-link{white-space:nowrap;border:1px solid #bddad9;border-radius:13px;color:#087471!important;padding:11px 18px;font-weight:800;background:#fff;transition:background .16s}
.as-all-link:hover{background:#edf7f5}
.as-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.as-card{min-width:0;border:1px solid #e0eaf0;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 12px 24px rgba(20,53,80,.045);display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.as-card:hover{transform:translateY(-3px);box-shadow:0 16px 28px rgba(20,53,80,.10)}
.as-card-media{aspect-ratio:16/9;background:linear-gradient(145deg,#d8f3ec,#c6dbee);display:flex;align-items:center;justify-content:center;overflow:hidden}
.as-card-media img{width:100%;height:100%;object-fit:cover;display:block}
.as-card-placeholder{color:#225968;font-weight:850;letter-spacing:.08em;font-size:.92rem;text-align:center}
.as-card-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1;min-width:0}
.as-card-tag{font-size:.72rem;font-weight:800;line-height:1.4;color:#067b77;letter-spacing:.015em;margin-bottom:8px}
.as-card-body h3{font-size:1.03rem;line-height:1.45;letter-spacing:-.01em;margin:0 0 9px;color:#12344d;overflow-wrap:anywhere}
.as-card-body h3 a:hover{color:#087e7d}
.as-card-body p{color:#617586;font-size:.87rem;line-height:1.7;margin:0 0 18px;flex:1}
.as-card-more{font-weight:800;font-size:.88rem;color:#087b78!important;display:inline-flex;gap:7px;align-items:center}
.as-empty-public{grid-column:1/-1;padding:30px;text-align:center;background:#fff;border:1px dashed #aac4ce;border-radius:14px;color:#607588}
.as-public-nav{background:#102b43;color:#fff;box-shadow:0 2px 14px rgba(8,25,48,.14)}
.as-public-nav .as-public-shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}
.as-public-brand{display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:1.1rem}
.as-brand-mark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#1fa39b;color:#fff;font-weight:900}
.as-public-nav nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px);font-size:.88rem;font-weight:700;flex-wrap:wrap}
.as-public-nav nav a{color:#e6f7f5}
.as-public-nav nav a:hover{text-decoration:underline}
.as-public-footer{background:#102b43;color:#c4d6e0;padding:20px 0;font-size:.84rem}
.as-public-footer .as-public-shell{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.as-public-footer a{color:#95e9df;text-decoration:underline}
.as-archive{padding-top:52px;padding-bottom:72px;min-height:70vh}
.as-archive h1{font-size:clamp(1.8rem,4vw,3rem);margin:9px 0;color:#102f46}
.as-archive-lead{max-width:750px;color:#597184;margin:0 0 32px}
.as-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:34px}
.as-pagination a{min-width:42px;text-align:center;padding:8px 12px;border:1px solid #cddce7;border-radius:10px;background:#fff}
.as-pagination a.active{background:#087e7a;color:#fff;border-color:#087e7a}
.as-article-layout{max-width:1030px;padding-top:30px;padding-bottom:72px}
.as-breadcrumb{font-size:.81rem;color:#557080;margin-bottom:24px;overflow-wrap:anywhere}
.as-breadcrumb a{color:#067c78}
.as-article{background:#fff;border:1px solid #e2eaf1;border-radius:20px;box-shadow:0 14px 45px rgba(15,51,78,.06);overflow:hidden}
.as-article-hero{padding:clamp(22px,5vw,56px) clamp(20px,5vw,62px) 27px}
.as-article-hero h1{font-size:clamp(1.7rem,4.5vw,2.9rem);line-height:1.32;color:#122e43;margin:12px 0 16px;overflow-wrap:anywhere}
.as-lead{font-size:clamp(.98rem,1.6vw,1.16rem);color:#536b7f;line-height:1.8;max-width:830px}
.as-date{font-size:.79rem;color:#8193a2;margin-top:12px}
.as-cover{margin:0;padding:0 clamp(16px,4vw,60px) 12px}
.as-cover img{display:block;width:100%;height:auto;max-height:650px;object-fit:cover;border-radius:13px}
.as-reading-section{padding:4px clamp(20px,5vw,62px) 15px}
.as-reading-section h2{font-size:clamp(1.25rem,2.3vw,1.6rem);line-height:1.4;color:#123955;padding-left:13px;border-left:4px solid #0c8d89;margin:29px 0 17px}
.as-reading-section p{line-height:1.95;margin:12px 0 20px;font-size:1.02rem;color:#374f62}
.as-article-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.as-article-list li{position:relative;padding:11px 15px 11px 37px;border:1px solid #e1ebf0;background:#f8fbfc;border-radius:10px;color:#3b5366}
.as-article-list li:before{content:'✓';position:absolute;left:13px;top:11px;color:#0b8581;font-weight:900}
.as-faq details{border:1px solid #e1e9ef;border-radius:12px;margin-bottom:11px;background:#fcfefe;overflow:hidden}
.as-faq summary{cursor:pointer;padding:14px 19px;font-weight:800;color:#20465d;list-style-position:inside}
.as-faq details p{padding:0 18px 16px;margin:0;color:#597185}
.as-article-cta{margin:30px clamp(20px,5vw,62px);padding:26px;border-radius:16px;background:linear-gradient(135deg,#093d53,#087973);color:#fff}
.as-article-cta h2{margin:0 0 9px;font-size:1.42rem;color:#fff}
.as-article-cta p{color:#e1f6f4;line-height:1.75;margin:0 0 18px}
.as-article-cta a{display:inline-block;padding:10px 19px;background:#fff;border-radius:10px;font-weight:800;color:#086c68}
.as-editor-note{padding:0 clamp(20px,5vw,62px) 30px;color:#768b99;font-size:.82rem}
.as-back-link{display:inline-block;margin-top:24px;color:#087d79!important;font-weight:800}
@media(max-width:1050px){.as-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.as-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.as-section-heading{align-items:start;flex-direction:column}.as-home-section{padding:50px 0 56px}}
@media(max-width:480px){.as-card-grid{grid-template-columns:1fr}.as-card{display:grid;grid-template-columns:34% minmax(0,1fr);border-radius:13px}.as-card-media{aspect-ratio:auto;height:100%;min-height:155px}.as-card-body{padding:12px 13px}.as-card-body h3{font-size:.94rem}.as-card-body p{font-size:.78rem;margin-bottom:8px}.as-card-tag{font-size:.68rem}.as-public-nav .as-public-shell{align-items:start;flex-direction:column;padding-top:13px;padding-bottom:14px;gap:9px}.as-public-nav nav{gap:15px;font-size:.82rem}.as-article-cta{padding:19px}.as-article-hero{padding-bottom:18px}}
@media(max-width:340px){.as-card{grid-template-columns:1fr}.as-card-media{aspect-ratio:16/8;min-height:unset}.as-public-nav nav{gap:9px}}

/* v1.2 – Full-width BUYBACK KNOWLEDGE across legacy pages.
   Match the 1440px containers used by Services/Reviews; do not hide page overflow. */
.as-home-section {
  padding:clamp(34px,4vw,60px) 0 clamp(42px,5vw,70px);
  background:linear-gradient(145deg,#f0f7fb 0%,#eaf5f2 53%,#f8fbfd 100%);
  border-block:1px solid #dce8ed;
  isolation:isolate;
}
.as-home-section > .as-public-shell {
  width:min(1440px,calc(100% - 24px)); max-width:none;
  padding:0; margin-inline:auto; min-width:0;
}
.as-home-section .as-section-heading {
  display:flex; gap:20px; align-items:center; justify-content:space-between;
  padding:clamp(16px,2.5vw,27px) clamp(17px,2.5vw,30px);
  border-radius:20px 20px 14px 14px;
  border:1px solid #d8e5ed;
  background:linear-gradient(115deg,#fff 0%,#f5fbfc 70%,#eaf6f5 100%);
  box-shadow:0 8px 26px rgba(15,50,76,.045);
  margin-bottom:13px;
}
.as-home-section .as-section-heading-copy {min-width:0;max-width:930px}
.as-home-section .as-section-heading h2 {
  font-size:clamp(1.5rem,2.3vw,2.25rem); line-height:1.3;
  margin:6px 0 7px; color:#14324a; font-weight:850;
}
.as-home-section .as-section-heading p {
  color:#587383;max-width:900px;margin:0;font-size:clamp(.84rem,1vw,.98rem);line-height:1.55;
}
.as-home-section .as-eyebrow {color:#0e7776;font-size:.73rem;letter-spacing:.13em}
.as-home-section .as-section-actions {
  display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 auto;
}
.as-home-section .as-section-count {
  color:#65808b;font-size:.76rem;font-weight:700;white-space:nowrap;
}
.as-home-section .as-section-count strong {color:#087773;font-size:.95rem}
.as-home-section .as-all-link {
  border-radius:11px; background:#096e72; color:#fff!important;
  border:1px solid #096e72; padding:10px 15px; font-size:.87rem;
  box-shadow:0 8px 16px rgba(9,110,114,.14);white-space:nowrap;
}
.as-home-section .as-all-link:hover,
.as-home-section .as-all-link:focus-visible {background:#07595d;color:#fff!important}
.as-home-section .as-card-grid {
  grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:stretch;
}
.as-home-section .as-card {
  min-width:0; border:1px solid #dce7ec; border-radius:15px;
  box-shadow:0 5px 16px rgba(20,53,80,.04);
}
.as-home-section .as-card-media {aspect-ratio:16/8.6; flex:0 0 auto}
.as-home-section .as-card-body {padding:15px 16px 16px}
.as-home-section .as-card-tag {
  font-size:.7rem;line-height:1.4;margin-bottom:8px;letter-spacing:.025em;
}
.as-home-section .as-card-body h3 {
  font-size:clamp(.93rem,1.12vw,1.05rem);line-height:1.5;
  min-height:3em;display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:0 0 9px;
}
.as-home-section .as-card-body p {
  display:-webkit-box;-webkit-box-orient:vertical;
  -webkit-line-clamp:3;line-clamp:3;overflow:hidden;
  line-height:1.65;font-size:.83rem;margin:0 0 13px;
}
.as-home-section .as-card-more {
  width:max-content;min-height:30px;padding:5px 10px 5px 0;
  font-size:.84rem;align-self:flex-start;
}
.as-home-section .as-empty-public {background:#fff;padding:clamp(20px,3vw,35px);margin-top:10px}
.as-home-section .as-empty-public a {color:#0a7378!important;text-decoration:underline}

/* Article footer: mirrors the site's brand, service nav, LINE and Powered by. */
.as-public-footer {background:linear-gradient(145deg,#102e49,#071e36);color:#d8e8f4;padding:0;font-size:.89rem}
.as-footer-shell {width:min(1440px,calc(100% - 24px));margin-inline:auto;padding:clamp(35px,5vw,58px) 0 17px}
.as-footer-grid {display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(19px,3vw,45px)}
.as-footer-brand {display:inline-flex;gap:15px;align-items:center;color:#fff!important;font-size:1.13rem;font-weight:900;margin-bottom:13px}
.as-footer-brand img {width:66px;height:66px;object-fit:contain;border-radius:15px;background:rgba(255,255,255,.09);padding:5px}
.as-footer-brand strong {display:block;color:#fff;letter-spacing:.01em;font-size:1.35rem}
.as-footer-brand small {display:block;font-size:.67rem;color:#85e6dd;letter-spacing:.14em}
.as-footer-about p,.as-footer-tip {color:#bbccdb;font-size:.85rem;line-height:1.8;margin:0 0 17px}
.as-footer-line {display:inline-flex;align-items:center;gap:10px;padding:11px 17px;background:#129448;color:#fff!important;border-radius:12px;font-weight:800;font-size:.85rem}
.as-footer-line:hover,.as-footer-line:focus-visible {background:#0a7b3c;text-decoration:none!important}
.as-footer-col h2 {color:#fff;font-size:1.01rem;line-height:1.4;font-weight:900;margin:10px 0 15px}
.as-footer-col ul {margin:0;padding:0;list-style:none;display:grid;gap:11px}
.as-footer-col li {margin:0}
.as-footer-col li a {color:#d4e3ee!important;font-size:.88rem;text-decoration:none;overflow-wrap:anywhere}
.as-footer-col li a:hover,.as-footer-col li a:focus-visible {color:#75e3da!important;text-decoration:underline}
.as-footer-tip {font-size:.77rem;margin-top:20px}
.as-footer-bottom {display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;align-items:center;border-top:1px solid rgba(255,255,255,.15);padding:20px 0 5px;margin-top:34px;color:#b0c7d8;font-size:.78rem}
.as-footer-bottom a {color:#89e5db;text-decoration:underline}

/* Native/share shortcuts live below the article, never interrupt reading. */
.as-share-panel {
  margin:22px 0 6px;padding:clamp(17px,2.8vw,27px);
  border:1px solid #dbe7ef;border-radius:19px;
  background:linear-gradient(135deg,#ffffff 10%,#f2f9fa 100%);
  box-shadow:0 9px 27px rgba(13,48,75,.045);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  gap:16px 20px;align-items:center;
}
.as-share-title {min-width:0}
.as-share-kicker {display:block;font-size:.66rem;letter-spacing:.15em;font-weight:900;color:#087977}
.as-share-title h2 {font-size:clamp(1rem,1.55vw,1.24rem);line-height:1.42;color:#153953;margin:5px 0 5px;font-weight:850}
.as-share-title p {color:#687d8d;margin:0;font-size:.78rem;line-height:1.65}
.as-share-controls {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.as-share-button {
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:43px;border:1px solid #d9e6ee;border-radius:11px;padding:8px 12px;
  background:#fff;color:#29495b!important;font:800 .79rem/1.35 system-ui,-apple-system,'Noto Sans Thai',Tahoma,sans-serif;
  cursor:pointer;text-decoration:none!important;white-space:nowrap;
  transition:transform .15s,box-shadow .15s,border-color .15s;
}
.as-share-button:hover,.as-share-button:focus-visible {transform:translateY(-2px);box-shadow:0 7px 16px rgba(12,56,81,.09);border-color:#93c4d2}
.as-share-button:focus-visible {outline:3px solid rgba(8,139,151,.3);outline-offset:2px}
.as-share-button:disabled {opacity:.55;cursor:wait}
.as-share-button[hidden] {display:none!important}
.as-share-symbol {display:inline-grid;place-items:center;width:24px;height:24px;min-width:24px;border-radius:7px;background:#e5eff3;color:#215469;font-size:.92rem;line-height:1}
.as-share-copy {background:#087d78;color:#fff!important;border-color:#087d78}
.as-share-copy .as-share-symbol {background:rgba(255,255,255,.17);color:#fff}
.as-share-facebook .as-share-symbol {background:#e8f0ff;color:#1877f2;font-weight:900;font-family:Arial,sans-serif}
.as-share-x .as-share-symbol {background:#e8edf0;color:#111}
.as-share-line .as-share-symbol {background:#e6f9ec;color:#05a745;font-size:.55rem;font-weight:900}
.as-share-linkedin .as-share-symbol {background:#e6f3fc;color:#0a66c2;font-weight:900}
.as-share-feedback {grid-column:1/-1;margin:0;color:#087773;font-size:.82rem;font-weight:750;min-height:0}
.as-share-feedback:empty {display:none}

@media (max-width:1080px) {
  .as-home-section .as-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .as-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:780px) {
  .as-home-section .as-section-heading{align-items:flex-start;flex-direction:column;gap:14px}
  .as-home-section .as-section-actions{flex-direction:row;align-items:center;flex-wrap:wrap;width:100%;justify-content:space-between}
  .as-home-section .as-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .as-share-panel{grid-template-columns:1fr}
  .as-share-controls{justify-content:flex-start}
}
@media (max-width:560px) {
  .as-home-section > .as-public-shell,.as-footer-shell{width:min(1440px,calc(100% - 16px))}
  .as-home-section .as-section-heading{padding:18px 15px;border-radius:16px}
  .as-home-section .as-card-grid{grid-template-columns:1fr;gap:10px}
  .as-home-section .as-card{display:grid;grid-template-columns:minmax(105px,33%) minmax(0,1fr);border-radius:14px}
  .as-home-section .as-card-media{aspect-ratio:auto;height:100%;min-height:146px}
  .as-home-section .as-card-body{padding:11px 13px}
  .as-home-section .as-card-body h3{min-height:0;margin-bottom:7px}
  .as-home-section .as-card-body p{font-size:.75rem;-webkit-line-clamp:2;line-clamp:2;margin-bottom:7px}
  .as-home-section .as-card-more{padding:2px 0}
  .as-footer-grid{grid-template-columns:1fr 1fr;gap:23px 16px}
  .as-footer-about{grid-column:1/-1}
  .as-share-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .as-share-button{white-space:normal;text-align:center;padding-inline:7px}
}
@media (max-width:360px) {
  .as-home-section .as-card{grid-template-columns:1fr}
  .as-home-section .as-card-media{min-height:unset;aspect-ratio:16/8}
  .as-footer-grid{grid-template-columns:1fr}
  .as-footer-about{grid-column:auto}
}
@media (prefers-reduced-motion:reduce) {
  .as-share-button,.as-home-section .as-card{transition:none}
}