.download-page{max-width:1180px;margin:0 auto;padding:42px 32px 88px;position:relative}.download-back{font-size:13px;color:#99adbd;text-decoration:none}.download-back:hover{color:#edca85}.download-heading{text-align:center;margin:32px 0 38px}.download-heading .eyebrow{font-size:10px;letter-spacing:4px;color:#d8ae65;margin-bottom:18px}.download-heading h1{font-family:'Noto Sans Thai',sans-serif;font-size:clamp(28px,4vw,46px);line-height:1.4;margin:0 0 16px;font-weight:600}.download-heading h1>span{display:block}.download-heading em{font-family:Cinzel,serif;color:#e3c58c;font-style:normal}.download-heading>p:last-child{font-size:14px;color:#9fb0bf;line-height:1.8}.client-card{display:grid;grid-template-columns:43% 57%;border:1px solid #76613c80;background:#101a23;box-shadow:0 24px 80px #0005;border-radius:12px;overflow:hidden}.client-art{min-height:470px;position:relative;background:linear-gradient(180deg,#07101d08 25%,#050b14ef 100%),url('hero.png') 58% center/cover}.client-art-caption{position:absolute;bottom:35px;left:24px;right:24px;text-align:center}.client-art-caption>span{font-size:9px;color:#e9cc90;letter-spacing:4px}.client-art-caption img{display:block;width:100%;height:auto;margin:12px auto;max-width:320px}.client-art-caption p{font-size:8px;color:#9db4c8;letter-spacing:3px}.client-content{padding:36px 38px;background:radial-gradient(ellipse at top right,#29405555,transparent 65%)}.client-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.client-topline .eyebrow{font-size:9px;letter-spacing:2px;color:#dfb975}.client-status{font-size:10px;color:#e1c898;background:#b08a3312;border:1px solid #ac8b4d40;border-radius:20px;padding:6px 10px}.client-status i{display:inline-block;width:5px;height:5px;background:#ddba76;border-radius:50%;margin-right:5px}.client-content h2{font-size:28px;color:#f2eee4;margin:24px 0 8px}.client-intro{color:#a9b9c6;font-size:13px;line-height:1.9;margin:0}.client-details{margin:24px 0}.client-details>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #aac6dc15}.client-details dt{font-size:12px;color:#91a7b9}.client-details dd{margin:0;font-size:13px;color:#e3e8e9}.client-details dd span{color:#d7b87a;font-size:10px;margin-left:6px}.client-download{width:100%;display:flex;gap:13px;align-items:center;justify-content:center;padding:16px 12px;background:linear-gradient(120deg,#dfc38d,#ae874a);border:1px solid #efd8a4;border-radius:5px;color:#201b13;font:700 15px 'Noto Sans Thai',sans-serif;opacity:1;cursor:not-allowed}.client-download>span{font-size:23px;line-height:1}.client-download small{font-size:10px;font-weight:500;border-left:1px solid #71562270;padding-left:13px}.client-note{font-size:10px;line-height:1.8;text-align:center;color:#8fa4b6;margin:12px 0 22px}.client-register{border-top:1px solid #aac6dc20;padding-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px;color:#91a7b9}.client-register a{color:#d9bb82;text-decoration:none;font-weight:600}.client-register a:hover{color:#fff0bd}.client-register a span{margin-left:14px}@media(max-width:760px){.download-page{padding:26px 18px 52px}.download-heading{margin:28px 0}.client-card{grid-template-columns:1fr}.client-art{min-height:260px;background-position:58% 35%}.client-art-caption{bottom:16px}.client-art-caption img{max-width:240px}.client-content{padding:26px 24px}.download-heading>p:last-child{font-size:12px}}@media(max-width:380px){.client-content{padding:22px 16px}.client-topline{gap:8px}.client-download{font-size:13px}}

a.client-download{cursor:pointer;text-decoration:none;transition:filter .2s,box-shadow .2s}a.client-download:hover{filter:brightness(1.12);box-shadow:0 0 24px #d6af5440}a.client-download:focus-visible{outline:3px solid #fff0bc;outline-offset:4px}

/* ===== SOFT THEME (2026-09-19) ===== */
.download-back{color:#4f4636}
.download-back:hover{color:#6d4a0d}
.download-heading .eyebrow{color:#6f4a0d}
.download-heading em{color:#6f4a0d}
.download-heading>p:last-child{color:#433b2e}
.client-card{border:1px solid #d1c3a7;background:#f4ecdb;box-shadow:0 22px 60px rgba(78,60,34,.14)}
.client-art{background:linear-gradient(180deg,#ebe4d310 25%,#ebe4d3e0 100%),url('hero.png') 58% center/cover}
.client-art-caption>span{color:#6f4a0d}
.client-art-caption p{color:#4f4636}
.client-content{background:radial-gradient(ellipse at top right,#e9dabb,transparent 65%)}
.client-topline .eyebrow{color:#6f4a0d}
.client-status{background:#f2e7cc;color:#5e4314!important;border:1px solid #cbb283}
.client-status i{background:#ae8c46}
.client-content h2{color:#241f18}
.client-intro{color:#433b2e}
.client-details>div{border-bottom:1px solid #d8ccb6}
.client-details dt{color:#4f4636}
.client-details dd{color:#241f18}
.client-details dd span{color:#6f4a0d}
.client-note{color:#4f4636}
.client-register{border-top:1px solid #d8ccb6;color:#4f4636}
.client-register a{color:#6d4a0d}
.client-register a:hover{color:#6d4a0f}