/* Reference-inspired editorial theme: low-interest-personal-loans.online
   Presentation layer only — application logic and admin workflow remain unchanged. */
:root{--theme-primary:#bd6900;--theme-primary-2:#d88916;--theme-primary-dark:#914b00;--theme-primary-deep:#21160e;--theme-bg:#fff8f0;--theme-surface:#fffdf9;--theme-surface-soft:#f8f1e8;--theme-text:#251b16;--theme-muted:#71675f;--theme-border:#eadfd3;--theme-rgb:189,105,0;--theme-radius:18px}
*{box-sizing:border-box}html{background:var(--theme-bg);scroll-behavior:smooth}body{background:var(--theme-bg)!important;color:var(--theme-text)!important;font-family:'Sarabun',Arial,sans-serif}a{color:var(--theme-primary);text-decoration:none}a:hover{color:var(--theme-primary-dark)}
/* Header / navigation */
.nav{background:#eef7fd!important;border-bottom:1px solid #d8e4ec!important;box-shadow:none!important}.nav-inner{max-width:1160px!important;height:76px!important}.nav-logo{color:#211b17!important;font-size:18px!important;font-weight:800!important}.nav-logo *{color:inherit!important}.nav-logo-dot{background:var(--theme-primary)!important;box-shadow:none!important}.nav-links{gap:28px!important}.nav-links a{color:#211b17!important;font-size:14px!important}.nav-links a:hover{color:var(--theme-primary)!important}.nav-btn-login{background:transparent!important;border:1px solid var(--theme-primary)!important;color:var(--theme-primary-dark)!important}.nav-btn-register{background:var(--theme-primary)!important;color:#fff!important;border:0!important;box-shadow:none!important}.nav-btn-register:hover{background:var(--theme-primary-dark)!important}
/* Hero / homepage */
.hero{background:linear-gradient(135deg,#ffe9d8 0%,#fff1e4 52%,#e4f5e6 100%)!important;border:0!important;padding:96px 24px 82px!important}.hero-inner{max-width:1050px!important;text-align:center!important}.hero::before{display:none!important}.hero::after{color:rgba(189,105,0,.06)!important}.hero-badge{border:0!important;color:#6d625b!important;background:none!important;box-shadow:none!important;letter-spacing:.16em!important}.hero-title{color:#211b17!important;-webkit-text-fill-color:#211b17!important;background:none!important;filter:none!important;text-shadow:none!important;font-size:clamp(34px,6vw,72px)!important;line-height:1.08!important;letter-spacing:-1.6px!important;max-width:100%!important;margin:18px auto 24px!important}.hero-sub,.hero-intro-p{color:#554a43!important;max-width:700px!important;margin-left:auto!important;margin-right:auto!important}.hero-cta-btn{background:var(--theme-primary)!important;color:#fff!important;border-radius:12px!important;box-shadow:none!important}.hero-cta-btn:hover{background:var(--theme-primary-dark)!important}.section{max-width:1160px!important;padding:72px 24px!important}.section-title{color:#211b17!important;font-size:clamp(24px,3vw,38px)!important;padding-left:0!important}.section-title::before{display:none!important}.section-header{border-bottom:1px solid var(--theme-border)!important;padding-bottom:16px}.section-link{color:var(--theme-primary)!important}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:22px!important}.art-card{background:#fff!important;border:1px solid var(--theme-border)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(48,35,25,.08)!important;aspect-ratio:auto!important;min-height:0!important;overflow:hidden}.art-card:hover{transform:translateY(-3px)!important;border-color:#d9a56b!important;box-shadow:0 14px 32px rgba(48,35,25,.14)!important}.art-card-thumb{position:static!important;height:180px!important;border-radius:0!important}.art-card-body{position:static!important;background:#fff!important;padding:20px!important}.art-card-title{color:#211b17!important;font-size:20px!important}.art-card-meta{color:#81766e!important}.art-card-tag{color:var(--theme-primary)!important}.art-card-kw,.kw-chip,.kw-focus{background:#fff0df!important;color:var(--theme-primary-dark)!important;border:1px solid #f0d0aa!important}
.hero-slides::after{background:linear-gradient(90deg,rgba(255,241,228,.92),rgba(255,241,228,.62))!important}.hero{padding:64px 24px 58px!important}.hero-title{font-size:clamp(30px,5vw,58px)!important}
.hero-summary{max-width:760px!important;margin:0 auto 26px!important}.hero-intro-block{display:none!important}
/* Article pages */
.art-header,.static-header{background:linear-gradient(135deg,#ffe9d8,#fff8f0)!important;border-bottom:1px solid var(--theme-border)!important}.art-header-inner{max-width:960px!important}.art-tag{background:#fff0df!important;border:0!important;border-left:3px solid var(--theme-primary)!important;color:var(--theme-primary-dark)!important}.art-h1,.static-h1{color:#211b17!important}.art-meta-bar,.breadcrumb{color:#81766e!important}.content-wrap{max-width:1100px!important;background:var(--theme-bg)!important}.art-p,.art-ul li,.art-ol li,.static-content p,.static-content li{color:#4e443d!important}.art-h2,.art-h3,.static-content h2{color:#211b17!important;border-bottom-color:var(--theme-border)!important}.art-intro{background:#fff!important;color:#4e443d!important;border-left-color:var(--theme-primary)!important;box-shadow:0 4px 18px rgba(48,35,25,.06)}.toc-box,.sidebar-card,.tool-card,.author-box,.related-box,.comment-item{background:#fff!important;border-color:var(--theme-border)!important}.toc-box li,.toc-box a{color:var(--theme-primary-dark)!important}.art-table th,.hk-table th,.tool-stat.big{background:var(--theme-primary)!important;color:#fff!important}.art-table td,.hk-table td{border-color:var(--theme-border)!important}.faq-q{background:#fff3e8!important;color:#211b17!important}.faq-a p{color:#4e443d!important}.related-list li a{background:#fff!important;color:#4e443d!important;border-color:var(--theme-border)!important}.internal-link{color:var(--theme-primary-dark)!important;border-bottom-color:#d9a56b!important}
/* Footer */
.site-footer{background:#211b17!important;border-top:0!important;color:#f5eadf!important}.footer-logo,.footer-col-title{color:#fff!important}.footer-desc,.footer-links a,.footer-bottom-links a,.footer-copy,.footer-badge{color:#d7c8ba!important}.footer-links a:hover,.footer-bottom-links a:hover{color:#fff!important}.footer-logo-dot,.footer-badge-dot{background:var(--theme-primary)!important;box-shadow:none!important}.footer-badge{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important}
/* Admin remains dark, but uses the same accent color. */
body:has(.admin-wrap){background:#0b1422!important;color:#e5edf7!important}.admin-wrap{max-width:1180px!important}.admin-card{background:linear-gradient(180deg,#18263b,#101b2d)!important;border-color:#2a405d!important}.admin-card-title,.admin-title{color:#f1f5f9!important}.form-label{color:#a9bfd8!important}.admin-tab.active,.admin-card .btn-primary{background:var(--theme-primary)!important;color:#fff!important}.list-toolbar{border-color:#2a405d!important}.select-all-label,.list-search{color:#cbd5e1!important}.list-search{background:#0f1b2d!important;border-color:#385573!important}.list-search input{color:#e5edf7!important}.slug-table th{color:#a9bfd8!important;border-color:#2a405d!important}.slug-table td{color:#dbe7f3!important;border-color:#1d3048!important}.btn-ghost{color:#c9e5ff!important;background:#122238!important;border-color:#385573!important}
input:focus,textarea:focus,select:focus{border-color:var(--theme-primary)!important;box-shadow:0 0 0 3px rgba(var(--theme-rgb),.16)!important}.list-search:focus-within{border-color:var(--theme-primary)!important}
/* Keep selectable accent variants functional from admin settings. */
[data-theme="purple"]{--theme-primary:#7c3aed;--theme-primary-2:#a78bfa;--theme-primary-dark:#5b21b6;--theme-rgb:124,58,237}[data-theme="green"]{--theme-primary:#059669;--theme-primary-2:#34d399;--theme-primary-dark:#047857;--theme-rgb:5,150,105}[data-theme="red"]{--theme-primary:#e11d48;--theme-primary-2:#fb7185;--theme-primary-dark:#9f1239;--theme-rgb:225,29,72}[data-theme="gold"]{--theme-primary:#bd6900;--theme-primary-2:#d88916;--theme-primary-dark:#914b00;--theme-rgb:189,105,0}
@media(max-width:800px){.nav-inner{height:64px!important}.nav-links{display:none!important}.hero{padding:68px 20px 58px!important}.hero-title{font-size:clamp(32px,10vw,52px)!important}.section{padding:48px 20px!important}.content-wrap{padding:28px 20px!important}.art-card-thumb{height:160px!important}}
@media(max-width:600px){.nav-btn-login{display:none!important}.hero-sub{font-size:16px!important}.articles-grid{grid-template-columns:1fr!important}}
.article-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:34px}.article-pagination a,.article-pagination span{min-width:38px;padding:8px 12px;border:1px solid #e6d4c1;border-radius:9px;text-align:center;font-size:14px;color:var(--theme-primary-dark);background:#fff}.article-pagination a:hover{background:#fff0df;border-color:var(--theme-primary)}.article-pagination .current{background:var(--theme-primary);border-color:var(--theme-primary);color:#fff;font-weight:700}