/* ServerCheaper SEO Content Studio — Ocean Blue responsive front-end */
:root{--sc-ink:#0e3650;--sc-blue:#086f98;--sc-deep:#063b5a;--sc-aqua:#00aebc;--sc-line:#d9eaf0;--sc-light:#f4fbff;--sc-muted:#4f7082}
.sc-seo-index{background:linear-gradient(160deg,#f2fbff 0%,#fff 60%,#eaf8fc 100%);border-block:1px solid #e0eef5}.sc-seo-index .section-heading p{max-width:800px}.sc-seo-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.sc-seo-category{background:#fff;border:1px solid #d8e9ef;box-shadow:0 16px 40px #0a466a0b;border-radius:24px;padding:28px;min-width:0}.sc-seo-category-head h3{font-size:1.36rem;color:#0c4264;margin:12px 0 8px}.sc-seo-category-head p{font-size:.95rem;line-height:1.75;min-height:55px}.sc-seo-pill{display:inline-flex;background:#e7f9f9;color:#07798a;border:1px solid #c5efee;padding:4px 11px;border-radius:99px;font-size:.77rem;font-weight:700}.sc-seo-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.sc-seo-chip{font-size:.83rem;line-height:1.6;border-radius:11px;padding:8px 12px;border:1px solid #d9e9f1;display:inline-flex;align-items:center;gap:7px;max-width:100%}.sc-seo-chip.ready{color:#096584;background:#f0faff;border-color:#acdce7;font-weight:700;transition:background .18s,transform .18s}.sc-seo-chip.ready:hover{background:#dbf6fb;transform:translateY(-2px);color:#045676}.sc-seo-chip.ready span{color:#008ca0}.sc-seo-chip.pending{color:#8196a2;background:#f5f8fa;border-style:dashed;cursor:default;user-select:text}.sc-seo-index-note{color:#627d8b;font-size:.89rem;margin:24px 0 0}
/* Content page: independent CSS so CMS templates stay isolated. */
body.sc-seo-content-page{margin:0;font-family:'Sarabun',Tahoma,system-ui,sans-serif;font-size:17px;line-height:1.8;background:#f4faff;color:var(--sc-ink);-webkit-font-smoothing:antialiased}body.sc-seo-content-page *{box-sizing:border-box}body.sc-seo-content-page a{text-decoration:none;color:inherit}body.sc-seo-content-page a:focus-visible,body.sc-seo-content-page summary:focus-visible{outline:3px solid #19b2ce;outline-offset:3px}body.sc-seo-content-page h1,body.sc-seo-content-page h2,body.sc-seo-content-page h3{font-family:'Prompt','Sarabun',Tahoma,sans-serif;letter-spacing:-.02em;line-height:1.35;color:var(--sc-ink)}body.sc-seo-content-page img{max-width:100%;height:auto}.sc-seo-wrap{max-width:1190px;margin-inline:auto;padding-inline:24px}.sc-skip{position:absolute;left:8px;top:-90px;background:#06415f;color:white!important;padding:10px;border-radius:10px}.sc-skip:focus{top:10px}.sc-seo-preview{background:#ffe9b5;color:#573e05;text-align:center;padding:8px;font-weight:700}.sc-seo-header{position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(15px);border-bottom:1px solid #d8e9ed;z-index:20}.sc-seo-header-row{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:86px}.sc-seo-brand{display:flex;align-items:center;gap:12px}.sc-seo-brand img{width:62px;height:54px;object-fit:contain}.sc-seo-brand b{font:700 1.04rem 'Prompt',Tahoma,sans-serif;display:block;letter-spacing:-.04em}.sc-seo-brand small{display:block;letter-spacing:.08em;color:#5d8995;font-size:.65rem}.sc-seo-header nav{display:flex;align-items:center;gap:20px;font-weight:700;font-size:.92rem}.sc-seo-header nav a:hover{color:#078aa4}.sc-seo-contact{padding:10px 14px;background:#086588;color:#fff!important;border-radius:12px}.sc-seo-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#678596;font-size:.82rem;margin:35px 0 30px}.sc-seo-breadcrumb a:hover{color:#078caa}.sc-seo-hero{border-radius:26px;padding:clamp(25px,4.5vw,55px);background:radial-gradient(circle at 85% 13%,#b9f1f0,transparent 37%),linear-gradient(130deg,#e3f7fe,#fff 68%);border:1px solid #caebf4;box-shadow:0 14px 40px rgba(0,69,110,.06)}.sc-seo-badge{display:inline-block;color:#04788d;background:#d8f6f7;border:1px solid #afe9e8;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.78rem;letter-spacing:.01em}.sc-seo-hero h1{font-size:clamp(2.0rem,4vw,3.4rem);line-height:1.28;margin:17px 0 18px;max-width:900px}.sc-seo-hero p{font-size:1.11rem;color:#356178;max-width:910px;line-height:1.82;margin:0 0 22px}.sc-seo-meta{display:flex;flex-wrap:wrap;gap:12px 28px;color:#5d7b88;font-size:.82rem}.sc-seo-ctas{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.sc-seo-ctas a,.sc-seo-bottom a{padding:13px 19px;display:inline-block;border-radius:12px;font-weight:700;transition:transform .18s,box-shadow .18s}.sc-seo-ctas a:hover,.sc-seo-bottom a:hover{transform:translateY(-2px)}.sc-seo-primary,.sc-seo-bottom a{color:white!important;background:linear-gradient(110deg,#056c94,#01a6b4);box-shadow:0 9px 24px #07547925}.sc-seo-secondary{background:white;border:1px solid #b5dce9;color:#125a78!important}.sc-seo-figure{background:linear-gradient(135deg,#e6f5fa,#fff);border:1px solid #d3e7ef;border-radius:24px;overflow:hidden;padding:10px;margin:28px 0;box-shadow:0 14px 42px #0945630b}.sc-seo-figure img{display:block;width:100%;max-height:660px;aspect-ratio:2/1;object-fit:contain;background:#e5f6f9;border-radius:15px}.sc-seo-figure figcaption{color:#678491;font-size:.8rem;padding:8px 8px 3px;text-align:center}.sc-seo-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px;align-items:start;margin-top:25px}.sc-seo-article{min-width:0;background:#fff;padding:clamp(23px,3.5vw,48px);border:1px solid #e0edf3;border-radius:22px;box-shadow:0 10px 35px #04426a08}.sc-seo-editorial{font-size:1.06rem;line-height:1.94;color:#274e62;overflow-wrap:anywhere}.sc-seo-editorial h2{font-size:clamp(1.32rem,2.3vw,1.87rem);padding-top:26px;margin:0 0 15px}.sc-seo-editorial h3{font-size:1.2rem;margin-top:25px}.sc-seo-editorial p{margin:0 0 19px}.sc-seo-editorial ul,.sc-seo-editorial ol{padding-left:25px;margin:0 0 23px}.sc-seo-editorial li{margin:7px 0}.sc-seo-editorial blockquote{margin:20px 0;border-left:4px solid #05b6c4;background:#f0fbfd;padding:22px;border-radius:0 16px 16px 0}.sc-seo-editorial strong{color:#083c5c}.sc-seo-editorial a{color:#087a9e!important;text-decoration:underline!important}.sc-seo-editorial table{width:100%;border-collapse:collapse;min-width:420px}.sc-seo-editorial table th,.sc-seo-editorial table td{padding:13px 15px;text-align:left;border:1px solid #d7ebf1;vertical-align:top}.sc-seo-editorial table th{background:#eaf8fc;color:#0c5571}.sc-seo-editorial table tr:nth-child(even){background:#f8fcfe}.sc-seo-editorial:has(table){overflow-x:auto}.sc-seo-aside{display:grid;gap:16px;position:sticky;top:108px}.sc-seo-panel{background:white;border:1px solid #dbeaf0;border-radius:17px;padding:22px;box-shadow:0 9px 28px #0336590a}.sc-seo-panel h2{font-size:1.07rem;margin:0 0 14px}.sc-seo-panel ul{padding-left:19px;color:#567386;font-size:.87rem;line-height:1.9;margin:0}.sc-seo-panel li{padding-block:3px}.sc-seo-panel.dark{background:linear-gradient(140deg,#095077,#052a4a);color:white}.sc-seo-panel.dark h2{color:white}.sc-seo-panel.dark p{color:#c1e8f1;font-size:.92rem}.sc-seo-panel.dark a{color:white;border:1px solid #7bcee4;border-radius:10px;display:inline-block;padding:10px 12px}.sc-seo-faq{margin-top:38px}.sc-seo-faq h2{font-size:clamp(1.3rem,2vw,1.8rem)}.sc-seo-faq details{border:1px solid #d6e8ef;margin-top:10px;border-radius:13px;background:#f9fdff;overflow:hidden}.sc-seo-faq summary{font-weight:700;padding:17px;cursor:pointer;list-style:none;color:#124764}.sc-seo-faq summary::after{content:'+';float:right;color:#0397ae;font-size:1.25rem}.sc-seo-faq details[open] summary::after{content:'−'}.sc-seo-faq details p{padding:2px 18px 19px;margin:0;color:#456a7d}.sc-seo-more{margin:35px 0}.sc-seo-more h2{font-size:1.5rem}.sc-seo-more>div{display:flex;flex-wrap:wrap;gap:10px}.sc-seo-more a{display:inline-block;padding:10px 15px;background:#fff;border:1px solid #b7dce7;border-radius:11px;color:#086b8c!important;font-weight:700;font-size:.9rem}.sc-seo-more a:hover{background:#e8f9fd}.sc-seo-bottom{text-align:center;background:linear-gradient(120deg,#d8f8f7,#eaf7ff);padding:36px 24px;border:1px solid #d2e9ef;border-radius:22px;margin:42px 0 65px}.sc-seo-bottom h2{font-size:1.6rem;margin:0 0 8px}.sc-seo-bottom p{color:#37677e}.sc-seo-footer{background:#062d49;color:#c3dfe9;padding:27px 0;font-size:.82rem}.sc-seo-footer>.sc-seo-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.sc-seo-footer a{color:#91eff0!important;text-decoration:underline!important}
@media(max-width:950px){.sc-seo-article-grid{grid-template-columns:1fr}.sc-seo-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.sc-seo-categories{gap:15px}.sc-seo-category{padding:22px}.sc-seo-header nav{gap:12px;font-size:.83rem}}
@media(max-width:680px){.sc-seo-categories{grid-template-columns:1fr}.sc-seo-category-head p{min-height:0}.sc-seo-chip{font-size:.82rem}.sc-seo-wrap{padding-inline:15px}.sc-seo-header-row{min-height:76px}.sc-seo-header nav a:not(.sc-seo-contact){display:none}.sc-seo-header nav{gap:5px}.sc-seo-brand img{width:47px;height:43px}.sc-seo-brand b{font-size:.92rem}.sc-seo-brand small{font-size:.56rem}.sc-seo-contact{font-size:.77rem;padding:9px 11px}.sc-seo-hero h1{font-size:clamp(1.85rem,8.5vw,2.8rem)}.sc-seo-hero p{font-size:1rem}.sc-seo-breadcrumb{margin:20px 0}.sc-seo-article{padding:22px 17px}.sc-seo-editorial{font-size:1rem}.sc-seo-aside{grid-template-columns:1fr}.sc-seo-figure{padding:6px;border-radius:15px}.sc-seo-figure img{border-radius:11px}.sc-seo-footer>.sc-seo-wrap{display:block}.sc-seo-footer span{display:block;padding-block:4px}}

/* Consent banner also works on article pages, preserving existing first-party opt-in analytics. */
.sc-seo-privacy{text-align:center;font-size:.8rem;background:#062d49;padding:0 20px 24px;margin:0;color:#c3dfe9}.sc-seo-privacy a{color:#a4ecf2!important;text-decoration:underline!important}
.consent-box{position:fixed;left:15px;right:15px;bottom:18px;z-index:9999;max-width:860px;margin:auto;background:white;border:1px solid #bee0ea;box-shadow:0 16px 65px #022f4b69;border-radius:20px;padding:18px 21px;display:flex;align-items:center;gap:20px;color:#143f58}.consent-box strong{display:block}.consent-box p{color:#547587;font-size:.84rem;line-height:1.55;margin:6px 0 0}.consent-actions{display:flex;flex-wrap:wrap;gap:7px;flex-shrink:0}.consent-actions button{padding:10px 13px;border:1px solid #b8dde7;border-radius:10px;background:#eaf8fa;color:#075772;font-weight:700;cursor:pointer}.consent-actions button:last-child{color:white;background:#047b9d}
@media(max-width:680px){.consent-box{flex-direction:column;align-items:stretch;bottom:15px}.consent-actions button{flex:1}}