.seo-intro{padding:44px 0;background:#fffaf6;border-top:1px solid #f1e5db;border-bottom:1px solid #f1e5db}
.seo-intro h2{font-size:clamp(24px,3.5vw,36px);line-height:1.45;margin:0 0 14px}
.seo-intro p{max-width:880px;line-height:1.9}
.seo-links{display:flex;gap:14px 28px;flex-wrap:wrap;margin-top:20px}.seo-links a{font-weight:600;color:#aa3616;text-underline-offset:4px}
body.seo-page{margin:0;background:#fffaf6;color:#26231f;font:17px/1.85 "IBM Plex Sans Thai",Tahoma,sans-serif}
.seo-page *{box-sizing:border-box}.seo-page a{color:#a63415;text-underline-offset:4px}
.seo-shell{width:min(1080px,calc(100% - 40px));margin:auto}
.seo-top{background:#fff;border-bottom:1px solid #efdfd3}.seo-top .seo-shell{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;flex-wrap:wrap}
.seo-brand{font-weight:800;font-size:28px;text-decoration:none;letter-spacing:-1px}.seo-brand span{font-size:16px;font-weight:500;letter-spacing:0;color:#64584e;margin-left:10px}
.seo-nav{display:flex;gap:12px 22px;flex-wrap:wrap;font-size:15px}.seo-nav a[aria-current=page]{font-weight:700}
.seo-main{padding:26px 0 56px}.seo-crumb{font-size:14px;color:#695c51;margin:0 0 24px}
.seo-hero{padding:clamp(24px,5vw,54px);border:1px solid #f0dccc;border-radius:26px;background:#ffefe3}
.seo-kicker{color:#9b3215;font-weight:700;letter-spacing:1px;font-size:14px;margin:0 0 10px}
.seo-page h1{font-size:clamp(29px,5vw,46px);line-height:1.35;margin:0 0 20px;letter-spacing:-.5px}
.seo-page h2{font-size:clamp(23px,3.5vw,30px);line-height:1.5;margin:0 0 14px}
.seo-page h3{font-size:20px;line-height:1.6;margin:0 0 8px}.seo-page p{margin:0 0 16px}
.seo-page .seo-action{display:inline-block;background:#a63415;color:#fff;padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:600;margin-top:8px}
.seo-block{padding:34px 0;border-bottom:1px solid #eaded4}.seo-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.seo-card{background:#fff;padding:24px;border:1px solid #eaded4;border-radius:18px}.seo-card p:last-child{margin-bottom:0}
.seo-note{background:#fff1df;border-left:4px solid #bd4d24;padding:16px 20px;border-radius:8px;margin:20px 0}
.seo-page li{padding:4px 0}.seo-page ol,.seo-page ul{padding-left:26px}.seo-page details{background:#fff;border:1px solid #eaded4;padding:18px 22px;border-radius:14px;margin:12px 0}.seo-page summary{font-weight:600;cursor:pointer}.seo-page details p{margin:14px 0 0}
.seo-footer{padding:26px 0;background:#fff;border-top:1px solid #eaded4;color:#65584c;font-size:14px}.seo-skip{position:absolute;top:-100px;left:10px}.seo-skip:focus{top:10px;background:#fff;padding:10px;z-index:10}
@media(max-width:650px){.seo-shell{width:calc(100% - 28px)}.seo-brand span{display:none}.seo-cards{grid-template-columns:1fr}.seo-hero{border-radius:18px}.seo-nav{gap:10px 16px}.seo-intro{padding:30px 0}}