:root{--local-ink:#0a0d13;--local-panel:#10151f;--local-panel-2:#151c28;--local-gold:#d8ae62;--local-gold-soft:#f1d69b;--local-line:rgba(216,174,98,.22);--local-white:#f7f8fb;--local-muted:#aab2c1}
.local-seo-panel,.local-directory-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.local-seo-panel{position:relative;isolation:isolate;background:radial-gradient(circle at 80% 0,rgba(216,174,98,.12),transparent 34%),linear-gradient(180deg,#0b0f16,#10151f);color:var(--local-white);padding:88px 24px;overflow:hidden;border-top:1px solid var(--local-line);border-bottom:1px solid var(--local-line)}
.local-seo-panel:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.local-seo-wrap{width:min(1180px,100%);margin:auto}.local-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13px;color:var(--local-muted);margin:0 0 34px}.local-breadcrumb a{color:var(--local-gold-soft);text-decoration:none}.local-breadcrumb strong{font-weight:600;color:#fff}.local-seo-kicker,.local-section-head>div>span,.local-directory-title>span,.local-directory-note span{display:block;color:var(--local-gold);font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px}.local-seo-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:54px;align-items:end}.local-seo-hero-grid h2{font-size:clamp(34px,5vw,68px);line-height:1.08;letter-spacing:-.04em;margin:0 0 24px;color:#fff;max-width:900px}.local-seo-lead{font-size:17px;line-height:1.9;color:#c3cad6;margin:0;max-width:860px}.local-seo-score{border:1px solid var(--local-line);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));padding:26px;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.26)}.local-seo-score>span{display:block;color:var(--local-muted);font-size:10px;font-weight:800;letter-spacing:.15em}.local-seo-score strong{display:block;color:var(--local-gold-soft);font-size:60px;line-height:1;margin:13px 0}.local-seo-score strong small{font-size:16px;color:var(--local-muted)}.local-seo-score p{margin:0;color:var(--local-muted);font-size:13px;line-height:1.6}.local-seo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:60px 0 22px}.local-seo-steps article{padding:30px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035)}.local-seo-steps b{color:var(--local-gold);font-size:12px;letter-spacing:.16em}.local-seo-steps h3{font-size:21px;margin:28px 0 10px;color:#fff}.local-seo-steps p{font-size:14px;line-height:1.8;color:var(--local-muted);margin:0}.local-seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.local-seo-columns>div{padding:34px;border-radius:18px;background:var(--local-panel-2);border:1px solid rgba(255,255,255,.07)}.local-seo-columns h3,.local-model-directory h3,.local-related h3,.local-faq h3{font-size:25px;margin:0 0 14px;color:#fff}.local-seo-columns p,.local-seo-columns li{font-size:14px;line-height:1.8;color:var(--local-muted)}.local-seo-columns ul{padding-left:20px;margin:0}.local-area-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.local-area-chips span{border:1px solid var(--local-line);color:var(--local-gold-soft);background:rgba(216,174,98,.06);padding:9px 13px;border-radius:999px;font-size:12px}.local-seo-trust{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start;padding:25px 30px;border-radius:16px;background:rgba(216,174,98,.08);border:1px solid var(--local-line)}.local-seo-trust strong{color:var(--local-gold-soft)}.local-seo-trust p{margin:0;color:#c6cbd5;line-height:1.8;font-size:14px}.local-model-directory,.local-related,.local-faq{margin-top:70px}.local-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.local-section-head h3{margin:0}.local-section-head small,.local-section-head>a{color:var(--local-muted);font-size:13px}.local-section-head>a{color:var(--local-gold-soft);text-decoration:none}.local-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}.local-model-grid a{min-height:104px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;color:#fff;text-decoration:none;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);transition:.2s}.local-model-grid a:hover{background:rgba(216,174,98,.1);transform:translateY(-2px)}.local-model-grid span{font-size:14px;line-height:1.5}.local-model-grid b{font-size:11px;letter-spacing:.08em;color:var(--local-gold)}.local-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.local-related-grid a{display:flex;justify-content:space-between;gap:12px;padding:18px 20px;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:#eceff5;text-decoration:none;background:rgba(255,255,255,.025);font-size:14px}.local-related-grid a:hover{border-color:var(--local-gold);color:var(--local-gold-soft)}.local-faq details{border-top:1px solid rgba(255,255,255,.1);padding:20px 0}.local-faq details:last-child{border-bottom:1px solid rgba(255,255,255,.1)}.local-faq summary{cursor:pointer;color:#fff;font-weight:650;list-style:none}.local-faq summary::-webkit-details-marker{display:none}.local-faq summary:after{content:"+";float:right;color:var(--local-gold)}.local-faq details[open] summary:after{content:"−"}.local-faq p{color:var(--local-muted);line-height:1.8;max-width:900px;margin:14px 0 0;font-size:14px}.local-seo-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:70px;padding:38px;border:1px solid var(--local-line);border-radius:20px;background:linear-gradient(135deg,rgba(216,174,98,.12),rgba(255,255,255,.025))}.local-seo-cta span{font-size:11px;letter-spacing:.16em;color:var(--local-gold)}.local-seo-cta h3{font-size:28px;margin:8px 0}.local-seo-cta p{margin:0;color:var(--local-muted)}.local-seo-cta>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.local-seo-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;text-decoration:none;font-weight:700;font-size:13px}.local-seo-cta a.local-primary{background:var(--local-gold);color:#111;border-color:var(--local-gold)}
.local-directory-page{margin:0;background:#0a0d13;color:#fff}.local-directory-header{width:min(1240px,calc(100% - 48px));margin:auto;min-height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09)}.local-directory-header>a:first-child{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.local-directory-header img{object-fit:contain}.local-directory-header span{display:flex;flex-direction:column}.local-directory-header small{color:var(--local-gold);font-size:9px;letter-spacing:.18em}.local-directory-header strong{font-size:16px}.local-directory-header>a:last-child{color:#bec5d1;text-decoration:none;font-size:13px}.local-directory-page main{width:min(1240px,calc(100% - 48px));margin:auto}.local-directory-hero{display:grid;grid-template-columns:1fr 280px;gap:70px;padding:100px 0 80px}.local-directory-hero>div>span{color:var(--local-gold);letter-spacing:.2em;font-size:11px;font-weight:800}.local-directory-hero h1{font-size:clamp(46px,7vw,92px);line-height:1.02;letter-spacing:-.055em;margin:22px 0 28px;max-width:980px}.local-directory-hero p{max-width:760px;color:#b6becb;line-height:1.9;font-size:17px}.local-directory-hero>div>div{display:flex;gap:10px;margin-top:35px}.local-directory-hero a{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:10px;background:var(--local-gold);color:#111;text-decoration:none;font-weight:800;font-size:13px}.local-directory-hero a+a{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.local-directory-hero aside{align-self:end;border:1px solid var(--local-line);border-radius:22px;padding:28px;background:linear-gradient(145deg,rgba(216,174,98,.1),rgba(255,255,255,.02));display:grid;grid-template-columns:1fr auto;gap:5px 15px}.local-directory-hero aside span{color:#b6becb;font-size:12px}.local-directory-hero aside strong{font-size:38px;color:var(--local-gold-soft);text-align:right}.local-directory-hero aside small{grid-column:1/-1;color:#7f8999;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:17px;margin-bottom:17px}.local-directory-hero aside small:last-child{border:0;padding:0;margin:0}.local-directory-principles{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden}.local-directory-principles article{padding:32px;border-right:1px solid rgba(255,255,255,.1)}.local-directory-principles article:last-child{border:0}.local-directory-principles b{color:var(--local-gold);font-size:11px}.local-directory-principles h2{font-size:22px;margin:26px 0 10px}.local-directory-principles p{color:#9ea7b5;line-height:1.75;margin:0;font-size:14px}.local-province-section{padding:110px 0}.local-directory-title{max-width:700px;margin-bottom:60px}.local-directory-title h2,.local-directory-note h2{font-size:clamp(34px,5vw,60px);letter-spacing:-.04em;margin:0 0 18px}.local-directory-title p{color:#aab2c0;line-height:1.8}.local-region{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:36px 0;border-top:1px solid rgba(255,255,255,.1)}.local-region>div:first-child>span{color:var(--local-gold);font-size:11px}.local-region h3{font-size:21px;margin:8px 0}.local-region small{color:#7e8796}.local-province-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.local-province-grid a{display:flex;min-height:108px;flex-direction:column;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:13px;color:#fff;text-decoration:none;background:rgba(255,255,255,.025)}.local-province-grid a:hover{border-color:var(--local-gold);background:rgba(216,174,98,.08)}.local-province-grid strong{font-size:16px}.local-province-grid span{font-size:11px;color:#8993a2;margin:8px 0 auto;line-height:1.5}.local-province-grid b{font-size:11px;color:var(--local-gold);margin-top:14px}.local-directory-note{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px;border:1px solid var(--local-line);border-radius:22px;margin-bottom:110px;background:radial-gradient(circle at 0 0,rgba(216,174,98,.11),transparent 45%)}.local-directory-note p{color:#b0b8c5;line-height:1.9;font-size:16px;margin:0}
@media(max-width:900px){.local-seo-hero-grid,.local-directory-hero{grid-template-columns:1fr}.local-seo-score{max-width:320px}.local-seo-steps{grid-template-columns:1fr}.local-seo-columns,.local-directory-note{grid-template-columns:1fr}.local-seo-trust{grid-template-columns:1fr}.local-model-grid,.local-province-grid{grid-template-columns:repeat(2,1fr)}.local-directory-principles{grid-template-columns:1fr}.local-directory-principles article{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.local-region{grid-template-columns:1fr}.local-directory-hero aside{max-width:420px}}
@media(max-width:600px){.local-seo-panel{padding:58px 18px}.local-seo-hero-grid{gap:30px}.local-seo-hero-grid h2{font-size:36px}.local-seo-steps article,.local-seo-columns>div{padding:24px}.local-model-grid,.local-province-grid,.local-related-grid{grid-template-columns:1fr}.local-seo-cta{align-items:flex-start;flex-direction:column;padding:26px}.local-seo-cta>div:last-child,.local-seo-cta a{width:100%;box-sizing:border-box}.local-directory-header,.local-directory-page main{width:min(100% - 32px,1240px)}.local-directory-header small{display:none}.local-directory-hero{padding:70px 0 50px;gap:35px}.local-directory-hero h1{font-size:44px}.local-directory-hero>div>div{flex-direction:column}.local-directory-hero a{width:100%;box-sizing:border-box}.local-province-section{padding:75px 0}.local-directory-note{padding:28px;margin-bottom:70px}.local-seo-trust{padding:24px}.local-section-head{align-items:flex-start;flex-direction:column}.local-directory-header>a:last-child{font-size:0}.local-directory-header>a:last-child:after{content:"หน้าแรก →";font-size:12px}}
