/*
Theme Name: Truyện Nhà Lá
Theme URI: https://truyennhala.com
Author: Truyện Nhà Lá
Description: Giao diện cổ phong xanh ngọc - kem - vàng, dựng theo bản thiết kế Truyện Nhà Lá cho desktop và mobile. Giữ nguyên chức năng Core.
Version: 4.1.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: truyen-nha-la
*/
:root{
 --green:#0f4a3d;--green2:#174f42;--green3:#255f4e;--cream:#f8f2e5;--paper:#fffaf0;--paper2:#fbf6ea;
 --gold:#c9a96d;--gold2:#e6d2a8;--ink:#183d34;--text:#2c3d38;--muted:#6f7b76;--line:#dfd0af;
 --shadow:0 12px 32px rgba(28,58,47,.08);--radius:18px;--max:1180px;--reader:850px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f2e7;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.tnl-container{width:min(var(--max),calc(100% - 32px));margin:auto}.site-main{min-height:65vh}.admin-bar .site-header{top:32px}

/* HEADER */
.site-header{position:sticky;top:0;z-index:1000;background:linear-gradient(180deg,#124c3f,#0d4237);border-bottom:1px solid #b99c61;box-shadow:0 6px 18px rgba(9,44,35,.16)}
.header-inner{height:76px;display:flex;align-items:center;gap:22px}.site-brand{display:flex;align-items:center;gap:10px;flex:none}.brand-seal{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.18))}.brand-copy{display:flex;flex-direction:column;color:#fff9e7;line-height:1.1}.brand-copy strong{font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:23px;font-weight:700;letter-spacing:.01em}.brand-copy small{margin-top:5px;color:#e7dfc8;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:11px;font-style:italic}.main-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-left:auto}.main-nav a{position:relative;padding:10px 4px;color:#fff9e9;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:15px}.main-nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:1px;height:1px;background:var(--gold);transition:.18s}.main-nav a:hover:after{left:0;right:0}.header-actions{display:flex;align-items:center;gap:10px;margin-left:14px}.header-search{position:relative}.header-search input{width:190px;height:38px;border:1px solid #e3d2ad;border-radius:22px;background:#fffaf0;padding:0 38px 0 14px;outline:none;color:#2c443c}.header-search button{position:absolute;right:4px;top:3px;width:32px;height:32px;border:0;background:transparent;color:var(--green);font-size:20px}.leaf-balance,.account-link{height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;border:1px solid #c9aa6c;border-radius:22px;color:#fff8e6;font-weight:700;font-size:13px}.leaf-balance{background:rgba(255,255,255,.05)}.account-link{background:rgba(229,208,166,.08)}.mobile-toggle,.mobile-back,.mobile-search-toggle{display:none}.mobile-search-wrap{display:none}

/* HOME */
.home-container{padding-top:0;padding-bottom:26px}.home-hero-image{display:block;margin:0 calc((100vw - min(var(--max),calc(100vw - 32px)))/-2);overflow:hidden;border-bottom:1px solid #bea367;background:#f4eddf}.home-hero-image img{width:100%;max-height:420px;object-fit:cover;object-position:center}.section{margin:20px 0 28px}.section-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.section-title-wrap{display:flex;align-items:center;gap:12px;flex:1}.section-icon{font-size:21px}.section-head h2{margin:0;color:var(--ink);font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:26px}.section-head:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#c9aa69 0,#c9aa69 65%,transparent 100%);max-width:48%}.section-head>a{font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px;white-space:nowrap;color:#163e35}
.story-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.story-card{min-width:0}.story-cover{position:relative;display:block;aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:#e8e0ce;border:1px solid #e2d3b4;box-shadow:0 4px 12px rgba(27,49,41,.06)}.story-cover img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.story-card:hover .story-cover img{transform:scale(1.02)}.no-cover{width:100%;height:100%;display:grid;place-items:center;color:var(--green);font-size:34px}.story-access-badge{position:absolute;left:8px;top:8px;z-index:2;padding:4px 8px;border-radius:6px;font-size:12px;line-height:1.1;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.1)}.story-access-badge.is-vip{background:#e9c778;color:#533d17}.story-access-badge.is-free{background:#2c6c59;color:#fff}.story-access-badge.is-complete{background:#2c6c59;color:#fff}.story-info{padding:8px 3px 0}.story-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:42px;color:#173d34;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:16px;font-weight:700;line-height:1.25}.story-genres{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;min-height:23px}.story-genre-tag{display:inline-flex;align-items:center;padding:3px 8px;border-radius:12px;background:#e9efe8;color:#4e655d;font-size:10px;line-height:1.3}.story-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;color:#51625c;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:11px}.story-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-status{color:#d64737;white-space:nowrap}

/* COMMON */
.tnl-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border:1px solid #cbae74;border-radius:7px;background:#fffaf0;color:#173f35;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-weight:700;cursor:pointer}.tnl-btn:hover{background:#f5ecd9}.tnl-btn-primary{background:linear-gradient(#1b5b4a,#12483c);border-color:#15483b;color:#fff8e4;box-shadow:inset 0 0 0 1px rgba(226,200,143,.35)}.badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:14px;background:#e8eee7;color:#496158;font-size:11px;line-height:1.2}.empty-state{padding:40px 22px;text-align:center;border:1px solid var(--line);border-radius:14px;background:#fffaf0;color:var(--muted)}

/* LIBRARY / SEARCH / OWNED */
.archive-page,.owned-page,.search-page{padding:28px 0 36px}.archive-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.archive-kicker{color:#64766f;font-size:12px;text-transform:uppercase;letter-spacing:.16em}.archive-title-row h1{margin:3px 0 0;color:var(--ink);font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:34px}.archive-count{padding:8px 12px;border:1px solid var(--line);border-radius:16px;background:#fffaf0;color:#53675f;font-size:13px}.filter-bar{display:grid;grid-template-columns:1.4fr .85fr .85fr auto;gap:10px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fffaf0;margin-bottom:18px}.filter-bar input,.filter-bar select{height:42px;width:100%;border:1px solid #dbc9a6;border-radius:9px;background:#fffdf8;color:#34453f;padding:0 12px;outline:none}.filter-search{position:relative}.filter-search input{padding-right:34px}.filter-search span{position:absolute;right:12px;top:8px;color:var(--green);font-size:19px}.mobile-filter-pills{display:none}.archive-page .story-grid,.owned-page .story-grid,.search-page .story-grid{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fffaf0}.pagination{display:flex;justify-content:center;gap:7px;margin-top:22px}.pagination .page-numbers{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#fffaf0}.pagination .current{background:var(--green);border-color:var(--green);color:#fff}

/* STORY DETAIL */
.story-page{padding:28px 0 36px}.story-detail{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fffaf0;box-shadow:var(--shadow)}.story-detail-top{display:grid;grid-template-columns:210px minmax(0,1fr);gap:26px;padding:24px;background:linear-gradient(120deg,#124c3f 0,#164f42 56%,#1e5b4a 100%);color:#fffaf0;position:relative}.story-detail-top:after{content:"";position:absolute;right:0;top:0;width:310px;height:100%;opacity:.16;background:radial-gradient(circle at 70% 30%,#f3dfb5 0 3px,transparent 4px),linear-gradient(130deg,transparent 48%,rgba(255,255,255,.18) 49% 50%,transparent 51%);pointer-events:none}.story-detail-cover{position:relative;z-index:1;aspect-ratio:2/3;border:3px solid #e2c78e;border-radius:9px;overflow:hidden;background:#e7dfce;box-shadow:0 10px 20px rgba(0,0,0,.16)}.story-detail-cover img{width:100%;height:100%;object-fit:cover}.story-detail-main{position:relative;z-index:1;align-self:center}.story-mobile-label{display:none}.story-detail h1{margin:0 0 6px;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:36px;line-height:1.2;color:#fff9e9}.story-author{font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:17px;color:#f1e5c8}.story-detail .genre-list{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.story-detail .badge{background:#efe5cc;color:#36564b}.story-access-line{display:flex;align-items:center;gap:10px;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:14px}.story-access-inline{display:inline-flex;padding:4px 10px;border-radius:12px}.story-access-inline.is-vip{background:#eac878;color:#513d1b}.story-access-inline.is-free{background:#e9efe6;color:#245044}.story-stats-row{display:flex;align-items:center;gap:28px;padding:12px 24px;border-bottom:1px solid #e6d7b9;color:#607269;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px}.story-action-core{padding:0 24px}.story-actions{display:flex;gap:12px;padding:14px 24px}.story-actions .tnl-btn{min-width:150px}.story-tabs{display:flex;gap:28px;padding:0 24px;border-top:1px solid #eadfc8;border-bottom:1px solid #eadfc8}.story-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 5px;border:0;background:transparent;color:#52655e;font-family:Cambria,"Times New Roman","Segoe UI",serif;cursor:pointer}.story-tab.active{color:#174b3e;font-weight:700}.story-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#174b3e}.story-tab-panel{display:none;padding:22px 24px}.story-tab-panel.active{display:block}.synopsis{font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:16px;line-height:1.75;color:#31423c}.synopsis p{margin:0 0 1em}.story-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.story-facts>div{padding:12px 14px;border:1px solid #e5d7ba;border-radius:10px;background:#fffdf7}.story-facts strong{display:block;color:#184a3e;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.story-facts span{display:block;margin-top:3px}.toc-box{margin-top:18px;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fffaf0}.toc-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.toc-head h2{margin:0;color:#173f35;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:25px}.toc-search{width:260px;max-width:100%;height:40px;border:1px solid #d8c7a4;border-radius:8px;background:#fffdf8;padding:0 12px}.chapter-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chapter-link{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid #e1d3b5;border-radius:8px;background:#fffdf8;color:#31433d;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px}.chapter-link:hover{background:#f6efdf}.chapter-lock,.chapter-unlocked{flex:none;font-size:11px}.chapter-lock{color:#8a6327}.chapter-unlocked{color:#287055}

/* Core Like / Pin / Share explicit placement */
.story-action-core #tnl-story-actions,.reader-bottom-actions #tnl-story-actions{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;margin:10px 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.story-action-core .tnl-story-action-btn,.reader-bottom-actions .tnl-story-action-btn{min-height:38px!important;padding:7px 12px!important;border:1px solid #d6c39c!important;border-radius:8px!important;background:#fffaf0!important;color:#17493d!important;box-shadow:none!important}.story-action-core .tnl-story-action-btn.is-active,.reader-bottom-actions .tnl-story-action-btn.is-active{background:#174d40!important;color:#fff8e6!important;border-color:#174d40!important}.story-action-core .tnl-story-action-status,.reader-bottom-actions .tnl-story-action-status{font-size:12px!important;color:#6e7c76!important}

/* READER */
.reader-banner{width:100%;border-bottom:1px solid #c7a96d;background:#efe7d5}.reader-banner img{width:100%;max-height:225px;object-fit:cover;object-position:center}.reader-page{padding:16px 0 36px}.reader-story-strip{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 16px;margin-bottom:14px;border:1px solid #e0d0ae;border-radius:10px;background:#fffaf0}.reader-story-thumb{width:90px;height:70px;overflow:hidden;border-radius:6px}.reader-story-thumb img{width:100%;height:100%;object-fit:cover}.reader-story-info strong{display:block;color:#173f35;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:20px}.reader-story-info .genre-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.reader-shell{position:relative}.reader-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:13px 0}.reader-nav .next{text-align:right}.reader-tools{display:flex;justify-content:flex-end;gap:8px;margin:-55px 0 12px}.reader-tools button{height:42px;border:1px solid #d2bd91;border-radius:8px;background:#fffaf0;color:#244b41;padding:0 11px}.reader-content-card{position:relative;border:1px solid #cfb06f;border-radius:8px;background:#fffaf0;box-shadow:0 7px 22px rgba(51,61,52,.05);overflow:hidden}.reader-content-card:before,.reader-content-card:after{content:"";position:absolute;width:46px;height:46px;border-color:#caa866;pointer-events:none}.reader-content-card:before{left:8px;top:8px;border-left:2px solid #caa866;border-top:2px solid #caa866}.reader-content-card:after{right:8px;bottom:8px;border-right:2px solid #caa866;border-bottom:2px solid #caa866}.reader-head{text-align:center;padding:44px 30px 8px}.reader-story{display:block;margin-bottom:6px;color:#698078;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px}.reader-title{margin:0;color:#123f35;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:34px;line-height:1.25}.reader-title-ornament{display:inline-block;margin-top:12px;color:#b89554;font-size:14px}.reader-content{width:min(var(--reader),calc(100% - 54px));margin:0 auto;padding:18px 0 46px;background:transparent;border:0;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:18px;line-height:1.82;color:#303f3b}.reader-content p{margin:0 0 1.2em;text-align:justify}.reader-content.dark{width:100%;padding:26px 7%;background:#23342f;color:#f1f2e9}.reader-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:16px 0}.reader-bottom-actions #tnl-story-actions{margin:0!important}.toc-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:stretch;justify-content:flex-end;background:rgba(17,36,29,.52)}.toc-modal.open{display:flex}.toc-panel{width:min(430px,92vw);height:100%;overflow:auto;padding:20px;background:#fbf4e7;border-left:1px solid #caae74;box-shadow:-10px 0 28px rgba(0,0,0,.13)}.toc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.toc-panel-head h2{margin:0;color:#17483d;font-family:Cambria,"Times New Roman","Segoe UI",serif}.toc-panel-list{display:grid;gap:7px;margin-top:14px}.toc-panel-list a{padding:9px 10px;border:1px solid #e0d1b2;border-radius:8px;background:#fffaf0}.toc-panel-list a.current{background:#174c40;color:#fff8e7}

/* COMMENTS */
.tnl-comments-wrap{margin-top:18px}.tnl-comments{padding:18px 0}.tnl-comments-head{display:flex;align-items:flex-end;gap:12px;margin-bottom:12px}.tnl-comments-head>div{display:flex;align-items:center;gap:10px}.tnl-comments-eyebrow{display:none}.tnl-comments h2{margin:0;color:#16483c;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:25px}.tnl-comment-count{margin-left:auto;color:#60716a;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px}.tnl-comment-list,.tnl-comment-list-aggregate{list-style:none;padding:0;margin:0;display:grid;gap:8px}.tnl-comment-list .comment,.tnl-aggregate-comment{padding:12px 14px;border:1px solid #e5d8bd;border-radius:10px;background:#fffaf0}.comment-body{position:relative;min-height:44px;padding-left:55px}.comment-body .avatar{position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;object-fit:cover}.comment-author{font-weight:800;color:#214b40}.comment-meta,.tnl-comment-source{font-size:11px;color:#7a827f}.comment-content{font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px}.comment-content p:last-child{margin-bottom:0}.tnl-comment-empty,.tnl-comment-aggregate-note,.tnl-comment-login{padding:14px;border:1px solid #e4d6ba;border-radius:10px;background:#fffaf0;color:#68766f}.tnl-comment-aggregate-note{margin-top:8px}.tnl-comment-form-wrap{margin-top:14px}.tnl-comment-form-title{margin:0 0 9px;color:#184b3f;font-family:Cambria,"Times New Roman","Segoe UI",serif}.comment-form textarea{width:100%;min-height:120px;border:1px solid #d9c8a5;border-radius:8px;background:#fffdf8;padding:12px}.comment-form label{display:block;margin-bottom:5px;font-weight:700;color:#31564c}.comment-form .submit{min-height:42px;border:1px solid #15493c;border-radius:7px;background:#174f41;color:#fff8e5;padding:0 16px;font-weight:700}.tnl-comment-login{display:flex;align-items:center;gap:12px}.tnl-comment-login-icon{font-size:25px}.tnl-comment-login>div:nth-child(2){flex:1}.tnl-comment-login p{margin:2px 0 0}

/* TOPUP */
.topup-page{padding:28px 0 38px}.page-classic-head{text-align:center;padding:22px 10px 14px}.page-classic-head>span{color:#8d7a56;font-size:12px;text-transform:uppercase;letter-spacing:.18em}.page-classic-head h1{margin:4px 0;color:#17483d;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:34px}.page-classic-head p{margin:0;color:#6e7d77}.topup-surface{max-width:850px;margin:auto;padding:18px;border:1px solid #cfb177;border-radius:13px;background:#fffaf0;box-shadow:var(--shadow)}.tnl-topup-box{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}.tnl-topup-head{display:flex!important;justify-content:space-between!important;gap:16px!important;padding:14px 16px!important;border:1px solid #e4d3b0!important;border-radius:10px!important;background:#fbf4e4!important}.tnl-topup-head h3{margin:2px 0!important;color:#18493d!important;font-family:Cambria,"Times New Roman","Segoe UI",serif!important;font-size:24px!important}.tnl-topup-head p{margin:4px 0 0!important;color:#66766f!important}.tnl-account-code-mini{min-width:150px;padding:10px 12px;border:1px solid #d8c49b;border-radius:9px;background:#fffaf0}.tnl-topup-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:16px!important}.tnl-topup-controls,.tnl-topup-qr{padding:16px!important;border:1px solid #e2d2b3!important;border-radius:10px!important;background:#fffdf8!important}.tnl-topup-controls h4,.tnl-topup-qr h4{color:#184a3e!important;font-family:Cambria,"Times New Roman","Segoe UI",serif!important}.tnl-amount-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.tnl-amount-preset{min-height:58px!important;border:1px solid #cfb47d!important;border-radius:9px!important;background:#fffaf0!important;color:#21493f!important;font-weight:800!important}.tnl-amount-preset.is-active{background:#f3e4c0!important;border-color:#a9803d!important;box-shadow:inset 0 0 0 1px #a9803d!important}.tnl-money-input{display:flex!important;border:1px solid #dcc8a1!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important}.tnl-money-input input{flex:1!important;border:0!important;outline:none!important;padding:10px 12px!important}.tnl-money-input span{padding:10px!important;background:#f2ead9!important}.tnl-leaf-preview,.tnl-bank-info>div{border:1px solid #e3d4b7!important;border-radius:9px!important;background:#fbf5e8!important}.tnl-topup-confirm{margin-top:16px!important;text-align:center!important}.tnl-topup-submit{width:100%!important;min-height:50px!important;font-size:17px!important}.tnl-qr-card img{border-radius:10px!important}.tnl-copy-btn{border:1px solid #d6c099!important;border-radius:7px!important;background:#fffaf0!important;color:#194b3f!important}

/* ACCOUNT */
.account-page{padding:28px 0 38px}.account-profile-head{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid #c9aa6d;border-radius:14px 14px 0 0;background:linear-gradient(135deg,#124c3f,#1a5848);color:#fff8e6;position:relative;overflow:hidden}.account-profile-head:after{content:"";position:absolute;right:-30px;top:-30px;width:170px;height:170px;border:1px solid rgba(229,208,164,.25);border-radius:50%}.account-avatar{width:82px;height:82px;border:3px solid #e8d3a5;border-radius:50%;overflow:hidden;flex:none}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-profile-head span{font-size:12px;color:#e1d8c4}.account-profile-head h1{margin:1px 0 0;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:28px}.account-profile-head p{margin:2px 0 0;color:#e7dfce;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px}.account-surface{border:1px solid #d5bf90;border-top:0;border-radius:0 0 14px 14px;background:#fffaf0;padding:18px}.tnl-account-dashboard{display:grid!important;gap:16px!important}.tnl-account-hero{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:0!important;background:transparent!important;border:0!important}.tnl-account-welcome,.tnl-account-code{padding:14px!important;border:1px solid #e1d2b3!important;border-radius:10px!important;background:#fbf4e6!important}.tnl-account-welcome h2{margin:2px 0!important;color:#184a3d!important;font-family:Cambria,"Times New Roman","Segoe UI",serif!important}.tnl-account-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}.tnl-stat-card{padding:13px 10px!important;border:1px solid #ddccb0!important;border-radius:9px!important;background:#fffdf8!important;text-align:center!important}.tnl-stat-card span{display:block!important;color:#738078!important;font-size:11px!important}.tnl-stat-card strong{display:block!important;margin-top:4px!important;color:#184a3e!important;font-family:Cambria,"Times New Roman","Segoe UI",serif!important;font-size:18px!important}.tnl-account-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.tnl-account-section{padding:16px!important;border:1px solid #e0d0b2!important;border-radius:10px!important;background:#fffdf8!important}.tnl-account-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}.tnl-account-section-head h3{margin:0!important;color:#17493d!important;font-family:Cambria,"Times New Roman","Segoe UI",serif!important;font-size:22px!important}.tnl-account-section-head span{font-size:11px!important;color:#7b857f!important;text-transform:uppercase!important;letter-spacing:.1em!important}.tnl-account-table{width:100%!important;border-collapse:collapse!important}.tnl-account-table th,.tnl-account-table td{padding:10px!important;border-bottom:1px solid #eadfc9!important;text-align:left!important}.tnl-opened-list{display:grid!important;gap:8px!important}.tnl-opened-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:11px!important;border:1px solid #e7dcc7!important;border-radius:9px!important;background:#fffaf0!important}

/* LOGIN + GUIDE */
.tnl-login-page,.tnl-guide-page{padding:34px 0}.tnl-login-card{max-width:620px;margin:auto;padding:28px;text-align:center;border:1px solid #d2b77f;border-radius:14px;background:#fffaf0;box-shadow:var(--shadow)}.tnl-login-mark{font-size:34px}.tnl-login-card h1{margin:5px 0;color:#16483c;font-family:Cambria,"Times New Roman","Segoe UI",serif}.tnl-guide-hero{padding:24px;border:1px solid var(--line);border-radius:13px;background:#fffaf0}.tnl-guide-hero h1{margin:4px 0;color:#17493d;font-family:Cambria,"Times New Roman","Segoe UI",serif}.tnl-guide-layout{display:grid;grid-template-columns:240px 1fr;margin-top:14px;border:1px solid var(--line);border-radius:13px;background:#fffaf0;overflow:hidden}.tnl-guide-toc{padding:20px;background:#f3ead8;border-right:1px solid var(--line)}.tnl-guide-toc nav{display:grid;gap:5px}.tnl-guide-toc a{padding:7px 8px;border-radius:7px}.tnl-guide-content{padding:24px;font-family:Cambria,"Times New Roman","Segoe UI",serif}

/* FOOTER */
.site-footer{margin-top:26px;background:linear-gradient(#124d40,#0d4137);border-top:2px solid #b79756;color:#fff7e6}.footer-grid{display:grid;grid-template-columns:1.15fr .9fr .8fr 1.25fr;gap:26px;align-items:center;padding:24px 0}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:62px;height:62px}.footer-brand strong{display:block;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:22px}.footer-brand small{display:block;color:#dbd5c6;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-style:italic}.footer-links{display:grid;gap:6px;font-size:13px}.footer-links a{color:#f7efdc}.site-footer blockquote{margin:0;padding-left:18px;border-left:1px solid #af945e;color:#ede4cf;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-style:italic;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:10px 0 14px;border-top:1px solid rgba(221,199,151,.3);color:#dbd5c7;font-size:11px}.mobile-bottom-nav{display:none}

/* MOBILE */
@media(max-width:900px){
 .admin-bar .site-header{top:46px}.tnl-container{width:min(var(--max),calc(100% - 18px))}body{padding-bottom:62px}.site-header{position:sticky}.header-inner{height:66px;justify-content:center;gap:10px}.brand-seal{width:42px;height:42px}.brand-copy strong{font-size:18px}.brand-copy small{display:none}.site-brand{position:absolute;left:50%;transform:translateX(-50%);gap:7px}.mobile-toggle,.mobile-back{display:flex;position:absolute;left:10px;align-items:center;justify-content:center;width:38px;height:38px;border:0;background:transparent;color:#fff9e8;font-size:25px}.mobile-back{font-size:38px;line-height:1}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;z-index:20;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px;background:#124a3e;border-top:1px solid rgba(222,200,152,.3)}.main-nav.open{display:flex}.main-nav a{padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.header-actions{position:absolute;right:10px;margin:0}.header-search,.leaf-balance,.account-link{display:none}.mobile-search-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;background:transparent;color:#fff9e7;font-size:25px}.mobile-search-wrap{display:block;max-height:0;overflow:hidden;padding:0 12px;background:#124a3e;transition:max-height .2s,padding .2s}.mobile-search-wrap.open,.home .mobile-search-wrap,.page-id-0 .mobile-search-wrap{max-height:70px;padding:5px 12px 12px}.mobile-search-form{position:relative}.mobile-search-form input{width:100%;height:42px;border:1px solid #d7b97f;border-radius:22px;background:#fffaf0;padding:0 42px 0 14px;outline:none}.mobile-search-form button{position:absolute;right:4px;top:3px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#174c40;font-size:22px}
 .home-container{padding-top:10px}.home-hero-image{margin:0;border:0;border-radius:10px;overflow:hidden}.home-hero-image img{width:100%;max-height:none;aspect-ratio:278/141;object-fit:cover}.section{margin:12px 0 20px}.section-head{gap:8px;margin-bottom:10px}.section-head:after{display:none}.section-title-wrap{gap:7px}.section-icon{display:none}.section-head h2{font-size:19px}.section-head>a{font-size:11px}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.story-cover{border-radius:7px}.story-access-badge{left:6px;top:6px;padding:3px 6px;border-radius:5px;font-size:9px}.story-info{padding:6px 1px 0}.story-title{min-height:34px;font-size:12px;line-height:1.32}.story-genres{gap:4px;margin-top:5px;min-height:19px}.story-genre-tag{padding:2px 6px;font-size:8px}.story-meta{display:none}
 .archive-page,.owned-page,.search-page{padding:14px 0 24px}.archive-title-row{margin:0 0 10px}.archive-kicker{font-size:10px}.archive-title-row h1{font-size:24px}.archive-count{font-size:10px;padding:5px 8px}.filter-bar{display:none}.mobile-filter-pills{display:flex;gap:7px;overflow-x:auto;padding:3px 0 11px;scrollbar-width:none}.mobile-filter-pills::-webkit-scrollbar{display:none}.mobile-filter-pills a{flex:none;padding:7px 12px;border:1px solid #d9c6a0;border-radius:15px;background:#fffaf0;color:#53675f;font-size:10px}.mobile-filter-pills a.active{background:#174e41;color:#fff8e5;border-color:#174e41}.archive-page .story-grid,.owned-page .story-grid,.search-page .story-grid{padding:0;border:0;background:transparent}
 .story-page{padding:0 0 22px}.story-detail{margin:0 calc((100vw - (100vw - 18px))/-2);border-radius:0;border-left:0;border-right:0;box-shadow:none}.story-detail-top{grid-template-columns:108px 1fr;gap:13px;padding:16px 14px 14px}.story-detail-cover{border-width:2px;border-radius:7px}.story-mobile-label{display:block;margin-bottom:5px;color:#decda7;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.story-detail h1{font-size:21px;margin-bottom:4px}.story-author{font-size:12px}.story-detail .genre-list{margin:8px 0;gap:4px}.story-detail .badge{padding:3px 7px;font-size:9px}.story-access-line{font-size:10px;gap:6px}.story-stats-row{justify-content:space-between;gap:6px;padding:10px 14px;font-size:10px;background:#fffaf0}.story-action-core{padding:0 14px}.story-actions{padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.story-actions .tnl-btn{min-width:0;width:100%;min-height:42px;font-size:12px}.story-tabs{justify-content:space-around;gap:0;padding:0 12px}.story-tab{flex:1;min-height:42px;font-size:11px}.story-tab-panel{padding:14px}.synopsis{font-size:13px;line-height:1.7}.story-facts{grid-template-columns:1fr 1fr;gap:7px}.story-facts>div{padding:9px}.story-facts strong{font-size:9px}.story-facts span{font-size:11px}.toc-box{margin:12px 0 0;padding:14px;border-radius:9px}.toc-head{display:block}.toc-head h2{font-size:20px}.toc-search{width:100%;margin-top:8px}.chapter-list{grid-template-columns:1fr;gap:6px}.chapter-link{min-height:43px;font-size:11px}
 .reader-banner,.reader-story-strip{display:none}.reader-page{padding:0 0 22px}.reader-nav-top{display:none}.reader-tools{position:sticky;top:66px;z-index:20;margin:0 calc((100vw - (100vw - 18px))/-2) 12px;padding:7px 10px;justify-content:flex-end;background:#124a3e;border-bottom:1px solid #b79759}.reader-tools button{height:32px;border-color:rgba(230,208,165,.45);background:transparent;color:#fff8e6;font-size:10px}.reader-content-card{border:0;border-radius:0;box-shadow:none;background:#fffaf0;margin:0 calc((100vw - (100vw - 18px))/-2)}.reader-content-card:before,.reader-content-card:after{display:none}.reader-head{padding:18px 16px 7px}.reader-story{display:none}.reader-title{font-size:23px}.reader-title-ornament{margin-top:7px}.reader-content{width:auto;padding:12px 16px 24px;font-size:16px;line-height:1.82}.reader-content p{text-align:left;margin-bottom:1.05em}.reader-bottom-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;padding:10px 0;margin:0}.reader-bottom-actions>.tnl-btn{min-width:0;padding:7px 7px;font-size:10px}.reader-bottom-actions #tnl-story-actions{grid-column:1/-1;justify-content:center!important}.reader-bottom-actions #tnl-open-toc-bottom{grid-column:2}.toc-panel{width:90vw}.tnl-comments-wrap{margin-top:8px}.tnl-comments{padding:10px 0}.tnl-comments h2{font-size:20px}.tnl-comment-count{font-size:10px}.comment-content{font-size:12px}
 .topup-page,.account-page{padding:0 0 22px}.page-classic-head{margin:0 calc((100vw - (100vw - 18px))/-2);padding:14px 12px 16px;background:linear-gradient(#124b3f,#174f42);color:#fff8e6}.page-classic-head>span,.page-classic-head p{color:#e3d8bd}.page-classic-head h1{color:#fff8e6;font-size:24px}.topup-surface{margin:0 calc((100vw - (100vw - 18px))/-2);padding:12px;border-left:0;border-right:0;border-radius:0;box-shadow:none}.tnl-topup-head{display:block!important;padding:11px!important}.tnl-topup-head h3{font-size:20px!important}.tnl-account-code-mini{margin-top:9px}.tnl-topup-grid{grid-template-columns:1fr!important;gap:10px!important}.tnl-topup-controls,.tnl-topup-qr{padding:11px!important}.tnl-amount-preset{min-height:54px!important}.tnl-topup-submit{font-size:14px!important}.account-profile-head{margin:0 calc((100vw - (100vw - 18px))/-2);border-radius:0;border-left:0;border-right:0;padding:13px 14px}.account-avatar{width:66px;height:66px}.account-profile-head h1{font-size:22px}.account-surface{margin:0 calc((100vw - (100vw - 18px))/-2);padding:10px;border-left:0;border-right:0;border-radius:0}.tnl-account-hero{grid-template-columns:1fr!important}.tnl-account-welcome{display:none!important}.tnl-account-stats{grid-template-columns:repeat(3,1fr)!important;gap:5px!important}.tnl-stat-card{padding:9px 5px!important}.tnl-stat-card strong{font-size:15px!important}.tnl-account-actions{display:none!important}.tnl-account-section{padding:11px!important}.tnl-account-section-head h3{font-size:18px!important}.tnl-account-table-wrap{overflow:auto}.tnl-opened-item{align-items:flex-start!important}.tnl-opened-item .tnl-btn{font-size:10px!important;padding:6px 8px!important;min-height:34px!important}
 .tnl-guide-layout{grid-template-columns:1fr}.tnl-guide-toc{border-right:0;border-bottom:1px solid var(--line)}
 .site-footer{display:none}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1200;height:62px;display:grid;grid-template-columns:repeat(5,1fr);background:#fffaf0;border-top:1px solid #d6c39d;box-shadow:0 -4px 15px rgba(32,50,42,.08);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#52645d}.mobile-bottom-nav a span{font-size:18px;line-height:1}.mobile-bottom-nav a small{font-size:8px}.mobile-bottom-nav a.active{color:#0e4b3e;font-weight:800}
}
@media(max-width:520px){.tnl-container{width:calc(100% - 14px)}.home-container{padding-top:8px}.story-grid{gap:9px}.story-title{font-size:11px}.section-head h2{font-size:18px}.brand-copy strong{font-size:17px}.brand-seal{width:40px;height:40px}.story-stats-row span:nth-child(3){display:none}.story-action-core .tnl-story-action-btn{font-size:10px!important;padding:6px 8px!important}.story-facts{grid-template-columns:1fr}.tnl-comment-login{display:block}.tnl-comment-login .tnl-btn{margin-top:9px}.reader-bottom-actions{grid-template-columns:1fr 1fr}.reader-bottom-actions #tnl-open-toc-bottom{grid-column:auto}.tnl-account-stats{grid-template-columns:repeat(3,1fr)!important}}

/* =========================================================
   v4.0.0 — MATCH THE APPROVED DESKTOP + MOBILE MOCKUPS
   The Core owns data; this theme owns the visual system.
========================================================= */
body{background:#f8f3e7}
.site-main{overflow:hidden}

/* Generic ornamental page hero based on the approved visual language */
.page-hero-art{
  position:relative;
  min-height:285px;
  border-bottom:1px solid #c5a86d;
  background:
    linear-gradient(90deg,rgba(249,244,232,.98) 0%,rgba(249,244,232,.95) 38%,rgba(249,244,232,.35) 65%,rgba(249,244,232,.08) 100%),
    url('assets/images/reader-banner.webp') center/cover no-repeat;
}
.page-hero-art:before,.page-hero-art:after{content:"";position:absolute;pointer-events:none}
.page-hero-art:before{inset:0;border-top:1px solid rgba(201,169,109,.45);border-bottom:1px solid rgba(201,169,109,.45)}
.page-hero-art:after{left:0;right:0;bottom:0;height:28px;background:linear-gradient(90deg,transparent 0,#c7a86a 10%,transparent 18%,transparent 82%,#c7a86a 90%,transparent 100%);opacity:.35}
.page-hero-inner{min-height:285px;display:flex;align-items:center}
.page-hero-copy{max-width:670px;padding:24px 24px 28px 62px}
.page-hero-copy>span{display:inline-block;margin-bottom:10px;color:#a95743;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px;letter-spacing:.18em}
.page-hero-copy h1{margin:0;color:#0f4a3d;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:56px;line-height:1.05;font-weight:700}
.page-hero-copy p{max-width:650px;margin:18px 0 0;color:#30554b;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:22px;line-height:1.55}
.tnl-breadcrumb{display:flex;align-items:center;gap:10px;min-height:52px;color:#4c625b;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px;border-bottom:1px solid rgba(201,169,109,.28)}
.tnl-breadcrumb a{color:#174c40}.tnl-breadcrumb strong{font-weight:500;color:#233f37}

/* Home tuned to mockup */
.home-container{width:min(1240px,calc(100% - 44px));padding-bottom:8px}
.home-hero-image{margin-left:calc((100vw - min(1240px,calc(100vw - 44px)))/-2);margin-right:calc((100vw - min(1240px,calc(100vw - 44px)))/-2)}
.home-hero-image img{max-height:none;aspect-ratio:1600/560;object-fit:cover}
.home-container .section{margin:26px 0 34px}
.home-container .section-head h2{font-size:31px}
.home-container .section-head{margin-bottom:16px}
.home-container .story-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.home-container .story-cover{border-radius:10px}
.home-container .story-title{font-size:17px;min-height:43px}
.home-container .story-genre-tag{font-size:10px}

/* Library desktop */
.library-layout-page{width:min(1240px,calc(100% - 44px));padding-top:0;padding-bottom:34px}
.library-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:20px;align-items:start;padding-top:18px}
.library-filter-panel{position:sticky;top:94px;border:1px solid #d6bf8e;border-radius:8px;background:#fffaf0;padding:18px 16px 20px;box-shadow:0 4px 16px rgba(30,55,45,.04)}
.library-filter-panel:before{content:"";position:absolute;inset:8px;border:1px solid rgba(203,174,113,.22);border-radius:6px;pointer-events:none}
.library-filter-title{position:relative;display:flex;gap:8px;align-items:center;margin-bottom:18px;color:#174d40;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:22px}
.library-filter-panel form{position:relative}
.filter-label,.library-filter-panel legend{display:block;margin-bottom:8px;color:#1b4b3f;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:16px;font-weight:700}
.library-filter-panel fieldset{display:grid;gap:7px;margin:18px 0 0;padding:18px 0 0;border:0;border-top:1px solid #e0d1b2}
.library-filter-panel fieldset legend{padding:0;margin:0 0 7px}
.library-filter-panel label{display:flex;align-items:center;gap:8px;color:#40564f;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px}
.library-filter-panel label small{margin-left:auto;color:#87938f}
.library-filter-panel input[type=radio],.library-filter-panel input[type=checkbox]{accent-color:#155443;width:15px;height:15px}
.library-apply,.library-reset{position:relative;width:100%;margin-top:14px}
.library-reset{margin-top:7px;background:transparent}
.library-filter-panel blockquote{position:relative;margin:24px 4px 0;padding:16px 8px 4px;color:#777267;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-style:italic;font-size:12px;line-height:1.8;text-align:center}
.library-results{min-width:0}
.library-quick-pills,.library-genre-pills{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:12px}
.library-quick-pills a,.library-genre-pills a{min-width:104px;display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border:1px solid #d9c9a8;border-radius:999px;background:#eff2eb;color:#385b50;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px}
.library-quick-pills a.active{background:#195341;color:#fff8e5;border-color:#195341;box-shadow:inset 0 0 0 2px rgba(231,206,148,.28)}
.library-quick-pills a.vip{background:#f3dfae}.library-quick-pills a.updating{background:#f7dfd7;color:#c94e42}
.library-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 14px;padding-top:12px;border-top:1px solid #dfd1b4;color:#52645e;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px}
.library-result-toolbar select{height:38px;padding:0 35px 0 12px;border:1px solid #d8c49d;border-radius:8px;background:#fffdf8;color:#354d45}
.library-results .library-story-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0;border:0;background:transparent}
.library-results .story-card{padding:7px 7px 10px;border:1px solid #e4d7bc;border-radius:8px;background:#fffcf5}
.library-results .story-cover{border-radius:7px}
.library-results .story-title{font-size:16px}

/* Story detail desktop */
.story-page-art{position:relative;background:linear-gradient(180deg,#fff9ef 0,#f7f1e4 100%)}
.story-page-art:before{content:"";position:absolute;left:0;right:0;top:0;height:410px;background:url('assets/images/reader-banner.webp') center top/cover no-repeat;opacity:.26;pointer-events:none}
.story-page{position:relative;width:min(1240px,calc(100% - 44px));padding:0 0 40px}
.story-detail-desktop{border:0;background:transparent;box-shadow:none;overflow:visible}
.story-detail-grid{display:grid;grid-template-columns:370px minmax(0,1fr);gap:38px;align-items:start;padding:28px 8px 0}
.story-cover-column{position:relative}
.ornate-cover{aspect-ratio:2/3;border:5px solid #c9aa6e;border-radius:5px;padding:7px;background:#f6ecd6;box-shadow:0 10px 24px rgba(25,49,40,.08)}
.ornate-cover:before,.ornate-cover:after{content:"";position:absolute;width:38px;height:38px;border-color:#8d6d31;pointer-events:none}.ornate-cover:before{left:-9px;top:-9px;border-left:2px solid;border-top:2px solid}.ornate-cover:after{right:-9px;bottom:-9px;border-right:2px solid;border-bottom:2px solid}.ornate-cover img{width:100%;height:100%;object-fit:cover}
.story-detail-main{padding-top:18px;color:#173f36}
.story-status-chip{display:inline-flex;margin-bottom:10px;padding:5px 18px;border-radius:5px;background:#225a47;color:#fff8e5;border:1px solid #d5bc82;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px}
.story-detail-main h1{margin:0 0 10px;color:#103f35;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:45px;line-height:1.12}
.story-detail-main .story-author{color:#43564f;font-size:19px}
.story-detail-main .genre-list{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 16px}.story-detail-main .badge{padding:7px 14px;font-size:12px}.story-access-tag.is-vip{background:#efd79a;color:#5c4015}.story-access-tag.is-free{background:#dfece3;color:#214c40}
.story-facts-inline{display:flex;flex-wrap:wrap;gap:18px;margin:17px 0;padding:14px 0;border-top:1px solid #ded0b1;border-bottom:1px solid #ded0b1;color:#516159;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px}
.story-actions-primary{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:14px 0}.story-actions-primary>.tnl-btn{min-width:180px;height:52px;font-size:16px}.story-action-inline{display:flex;align-items:center;margin:0}.story-action-inline #tnl-story-actions{display:flex!important;gap:8px!important;margin:0!important}.story-action-inline .tnl-story-action-btn{width:50px!important;height:50px!important;min-width:50px!important;padding:0!important;border:1px solid #c9aa70!important;border-radius:7px!important;background:#fff9ed!important;color:#b35c45!important}.story-action-inline .tnl-story-action-label,.story-action-inline .tnl-story-like-count{display:none!important}
.story-intro-card{position:relative;margin-top:12px;padding:16px 20px 18px;border:1px solid #dbc79f;border-radius:6px;background:rgba(255,250,239,.82)}
.story-intro-card:before{content:"";position:absolute;inset:6px;border:1px solid rgba(203,170,105,.2);pointer-events:none}.story-intro-card h2{position:relative;margin:0 0 10px;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:22px;color:#16493e}.story-intro-card>div{position:relative;color:#46564f;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:14px;line-height:1.75}.story-intro-card p{margin:.6em 0}
.story-metric-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:18px 8px 0;border-top:1px solid #dbc79f;border-bottom:1px solid #dbc79f;background:rgba(255,250,239,.68)}
.story-metric-cards>div{display:grid;grid-template-columns:50px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:16px 26px;border-right:1px solid #dbc79f}.story-metric-cards>div:last-child{border-right:0}.story-metric-cards b{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#efe2b9;color:#174c40;font-size:20px}.story-metric-cards strong{font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:20px;color:#173e35}.story-metric-cards span{font-size:12px;color:#52645e}
.story-lower-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;margin-top:22px}.story-lower-main{min-width:0}.story-lower-main .toc-box{margin:0;padding:18px 0 0;border:0;background:transparent;box-shadow:none}.story-lower-main .toc-head{padding:0 4px 10px;border-bottom:1px solid #bea268}.story-lower-main .toc-head h2{margin:0;color:#164a3f;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:25px}.story-lower-main .chapter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.story-lower-main .chapter-link{min-height:46px;padding:8px 12px;border:1px solid #e6dcc8;border-radius:4px;background:rgba(255,251,243,.72);font-size:12px}.chapter-free,.chapter-lock,.chapter-unlocked{flex:none;padding:3px 9px;border-radius:10px;font-size:10px}.chapter-free{background:#e7eee8;color:#4d675e}.chapter-lock{background:#efd59b;color:#604916}.chapter-unlocked{background:#dceadf;color:#205142}
.story-related-side{display:grid;gap:16px;align-content:start}.related-card,.story-quote-card{position:relative;border:1px solid #d1b77e;border-radius:6px;background:#fff9ed;padding:14px}.related-card h2{margin:0 0 8px;color:#16483e;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:23px;text-align:center}.related-story{display:grid;grid-template-columns:80px minmax(0,1fr);gap:9px;padding:8px 0;border-bottom:1px solid #eadfc9}.related-story:last-child{border-bottom:0}.related-thumb{width:80px;height:100px;overflow:hidden;border-radius:4px;background:#eee3cf;display:grid;place-items:center}.related-thumb img{width:100%;height:100%;object-fit:cover}.related-story strong{display:block;color:#173f36;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px;line-height:1.3}.related-story small,.related-story em{display:block;margin-top:5px;color:#6b746f;font-size:10px;font-style:normal}.story-quote-card{margin:0;min-height:185px;display:flex;align-items:center;justify-content:center;text-align:center;color:#777165;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-style:italic;line-height:1.9}
.story-lower-main .tnl-comments-wrap{margin-top:22px}

/* Reader desktop */
.reader-page-art{background:#fbf6eb}.reader-page{width:min(1240px,calc(100% - 44px));padding-bottom:34px}.reader-banner{margin:0 calc((100vw - min(1240px,calc(100vw - 44px)))/-2);border-bottom:1px solid #bd9f61}.reader-banner img{width:100%;height:245px;object-fit:cover}.reader-story-strip{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:16px;align-items:center;margin:14px 0;padding:13px 15px;border:1px solid #d9c59d;border-radius:8px;background:#fff9ed}.reader-story-thumb{width:78px;height:98px;border-radius:5px;overflow:hidden;background:#ede1ce}.reader-story-thumb img{width:100%;height:100%;object-fit:cover}.reader-story-info>strong{display:block;color:#16473d;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:22px}.reader-story-info>span{display:block;margin-top:3px;color:#53635d;font-family:Cambria,"Times New Roman","Segoe UI",serif}.reader-story-info .genre-list{display:flex;gap:6px;margin-top:7px}.reader-control-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:14px}.reader-nav-top{margin:0;grid-template-columns:repeat(3,auto);justify-content:start}.reader-tools{margin:0;justify-content:flex-end}.reader-tools button{height:42px;padding:0 13px;border:1px solid #d2bd91;border-radius:7px;background:#fff9ed;color:#254e43;font-family:Cambria,"Times New Roman","Segoe UI",serif}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:18px;align-items:start}.reader-content-card{position:relative;border:1px solid #cbae70;border-radius:4px;background:#fffaf0;box-shadow:none}.reader-content-card:before,.reader-content-card:after{content:"";position:absolute;width:55px;height:55px;border-color:#b89957;pointer-events:none}.reader-content-card:before{left:-1px;top:-1px;border-left:4px double;border-top:4px double}.reader-content-card:after{right:-1px;bottom:-1px;border-right:4px double;border-bottom:4px double}.reader-head{padding:48px 34px 10px;text-align:center}.reader-story{display:none}.reader-title{margin:0;color:#174a3e;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:36px}.reader-title-ornament{display:block;margin:12px 0;color:#b69653}.reader-content{width:min(830px,calc(100% - 70px));margin:0 auto;padding:18px 0 54px;color:#2d423b;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:18px;line-height:1.9}.reader-content p{margin:0 0 1.12em;text-align:justify}.reader-side-rail{position:sticky;top:94px;display:grid;gap:8px;border:1px solid #cfb57b;border-radius:5px;background:#fff9ed;padding:12px 9px}.reader-side-rail>a,.reader-side-rail>button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 5px;border:0;background:transparent;color:#17483d;font-family:Cambria,"Times New Roman","Segoe UI",serif}.reader-side-rail span{font-size:25px}.reader-side-rail small{font-size:11px}.reader-rail-note{display:block!important;margin-top:8px;padding:14px 6px;border-top:1px solid #ddcba7;color:#8a8173!important;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:11px!important;font-style:italic;line-height:1.65;text-align:center}.reader-mini-actions #tnl-story-actions{display:grid!important;gap:5px!important}.reader-mini-actions .tnl-story-action-btn{min-width:0!important;width:100%!important;padding:6px!important;font-size:10px!important}.reader-mini-actions .tnl-story-action-status{display:none!important}.reader-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.reader-bottom-actions .tnl-btn-wide{min-width:250px}.reader-page .tnl-comments-wrap{margin-top:20px}

/* Guide */
.tnl-guide-page{width:min(1240px,calc(100% - 44px));padding-top:0;padding-bottom:34px}.guide-layout-v4{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;padding-top:18px}.guide-main-v4{display:grid;gap:12px}.guide-main-v4>details{border:1px solid #dfcfac;border-radius:9px;background:#fffaf0;padding:0 14px}.guide-main-v4>details>summary{display:flex;align-items:center;gap:15px;list-style:none;padding:15px 0;cursor:pointer}.guide-main-v4>details>summary::-webkit-details-marker{display:none}.guide-icon{width:56px;height:56px;display:grid;place-items:center;flex:none;border-radius:12px;background:#16503f;color:#f5dfa9;border:2px solid #d0ae67;font-size:24px}.guide-main-v4 summary strong{display:block;color:#174b3f;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:21px}.guide-main-v4 summary small{display:block;margin-top:3px;color:#68746e}.guide-detail{padding:0 70px 16px;color:#52635d;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:13px;line-height:1.85}.guide-detail ol{margin:0;padding-left:22px}.guide-detail li{margin:7px 0}.faq-stack{display:grid;gap:5px}.faq-stack details{border:1px solid #e6d9bf;border-radius:6px;background:#fffdf7;padding:0 10px}.faq-stack summary{padding:9px 0!important;font-size:13px}.faq-stack p{padding:0 0 9px;margin:0}.guide-original-content{display:none}.guide-side-v4{display:grid;gap:16px;align-content:start}.guide-side-v4 blockquote,.guide-support{margin:0;border:1px solid #d3bb84;border-radius:7px;background:#fff9ed;padding:24px;color:#736f64;font-family:Cambria,"Times New Roman","Segoe UI",serif}.guide-side-v4 blockquote{min-height:420px;display:flex;align-items:center;text-align:center;font-size:19px;line-height:1.9;font-style:italic}.guide-support h3{margin:0 0 10px;text-align:center;color:#17483d}.guide-support a{display:block;margin-top:8px;padding:13px;border:1px solid #e3d5ba;border-radius:7px;background:#fffdf7;color:#17483d;font-weight:700}.guide-community{display:flex;align-items:center;gap:20px;margin-top:20px;padding:18px 26px;border-top:1px solid #d6c096;border-bottom:1px solid #d6c096;background:#fff9ed}.guide-community strong{font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:22px;color:#16493d}.guide-community p{margin:0;color:#60706a}

/* Topup v5 */
.topup-page{width:min(1240px,calc(100% - 44px));padding-top:0;padding-bottom:34px}.topup-surface{margin-top:18px;padding:0;border:0;background:transparent;box-shadow:none}.tnl-v5-topup{display:grid;gap:20px}.tnl-v5-balance-card,.tnl-v5-benefits,.tnl-v5-packages,.tnl-v5-payment,.tnl-v5-topup-bottom{border:1px solid #d7c08e;border-radius:8px;background:#fff9ed;box-shadow:0 4px 16px rgba(31,58,48,.04)}.tnl-v5-balance-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;background:linear-gradient(100deg,#fff9ed 0,#f5eee0 100%)}.tnl-v5-balance-card span{display:block;color:#31594e;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:19px}.tnl-v5-balance-card strong{display:block;margin:5px 0;color:#174b3f;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:37px}.tnl-v5-balance-card p{margin:0;color:#6c756e}.tnl-v5-benefits,.tnl-v5-packages,.tnl-v5-payment,.tnl-v5-topup-bottom{padding:18px 20px}.tnl-v5-benefits h3,.tnl-v5-section-title h3,.tnl-v5-topup-bottom h3{margin:0;color:#174a3e;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:24px}.tnl-v5-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.tnl-v5-benefit-grid>div{padding:16px 12px;text-align:center;border:1px solid #eee2ca;border-radius:6px;background:#fffdf7}.tnl-v5-benefit-grid b{display:block;color:#9c7b35;font-size:29px}.tnl-v5-benefit-grid strong{display:block;color:#244a40;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:14px}.tnl-v5-benefit-grid small{display:block;margin-top:4px;color:#7a817c}.tnl-v5-section-title{margin-bottom:14px}.tnl-v5-section-title p{margin:3px 0 0;color:#6d7670}.tnl-v5-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tnl-v5-package{position:relative;min-height:180px;padding:20px 10px 12px;border:1px solid #dec79a;border-radius:6px;background:linear-gradient(180deg,#fffdf7,#f9f0df);color:#17493d}.tnl-v5-package.is-active{border:2px solid #1b5a47;box-shadow:inset 0 0 0 3px #f2dfb5}.tnl-v5-package em{position:absolute;left:50%;top:-1px;transform:translate(-50%,-50%);padding:5px 16px;border-radius:0 0 8px 8px;background:#1b5a47;color:#fff;font-style:normal;font-size:11px}.tnl-v5-package strong{display:block;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:28px}.tnl-v5-package span{display:block;margin-top:6px;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:20px}.tnl-v5-package small{display:block;margin:18px -2px -3px;padding:9px;border-radius:5px;background:#195543;color:#fff8e7;font-family:Cambria,"Times New Roman","Segoe UI",serif}.tnl-v5-payment-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.tnl-v5-bank,.tnl-v5-qr{border:1px solid #e1d2b4;border-radius:7px;background:#fffdf7;padding:18px}.tnl-v5-bank h4,.tnl-v5-qr h4{margin:0 0 12px;color:#17483d;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:18px}.tnl-v5-bank dl{margin:0}.tnl-v5-bank dl>div{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed #e5d8c0}.tnl-v5-bank dt{color:#78817c}.tnl-v5-bank dd{margin:0;color:#24443b;font-weight:700}.tnl-copy-btn{margin-left:8px;border:0;background:#e6efe7;color:#245648;border-radius:5px;padding:4px 7px;font-size:10px}.tnl-v5-qr{text-align:center}.tnl-v5-qr .tnl-qr-frame{width:190px;height:190px;margin:0 auto 8px;padding:8px;border:1px solid #d4bd8d;background:#fff}.tnl-v5-qr img{width:100%;height:100%;object-fit:contain}.tnl-v5-qr strong,.tnl-v5-qr span{display:block}.tnl-v5-custom-amount{margin-top:15px;padding:14px;border:1px solid #e2d3b6;border-radius:7px;background:#fbf5e9}.tnl-v5-custom-amount>div{display:flex;align-items:center;max-width:360px;margin-top:7px;border:1px solid #d9c69e;border-radius:6px;overflow:hidden;background:#fff}.tnl-v5-custom-amount input{flex:1;height:44px;border:0;padding:0 12px;outline:none}.tnl-v5-custom-amount>div span{padding:0 12px;color:#6a746e}.tnl-v5-custom-amount p{margin:7px 0 0;color:#66736d}.tnl-topup-confirm{display:flex;align-items:center;gap:14px;margin-top:14px}.tnl-topup-submit{min-width:340px}.tnl-v5-topup-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.tnl-v5-history-list{margin-top:10px;border:1px solid #e1d3b6;border-radius:6px;overflow:hidden}.tnl-v5-history-list>div{display:grid;grid-template-columns:150px 1fr auto;gap:12px;padding:9px 12px;border-bottom:1px solid #eee4d1;background:#fffdf7;font-size:12px}.tnl-v5-history-list>div:last-child{border-bottom:0}.tnl-v5-history-list em{font-style:normal;font-weight:800}.tnl-v5-history-list .plus{color:#25714f}.tnl-v5-history-list .minus{color:#c14f43}.tnl-v5-faq details{border-bottom:1px solid #e6d8be;padding:10px 0}.tnl-v5-faq summary{cursor:pointer;color:#274a40;font-family:Cambria,"Times New Roman","Segoe UI",serif}.tnl-v5-faq p{margin:8px 0;color:#67736e}

/* Account v5 */
.account-page{width:min(1240px,calc(100% - 44px));padding-top:0;padding-bottom:34px}.account-profile-head{display:flex;align-items:center;gap:16px;margin:18px 0 12px;padding:16px 20px;border:1px solid #d9c69e;border-radius:8px;background:#fff9ed}.account-avatar{width:78px;height:78px;overflow:hidden;border:3px solid #e2c98d;border-radius:50%}.account-avatar img{width:100%;height:100%;object-fit:cover}.account-profile-head>div:nth-child(2){flex:1}.account-profile-head span{color:#7a837e}.account-profile-head h1{margin:1px 0;color:#17493d;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:28px}.account-profile-head p{margin:0;color:#68746e}.account-surface{padding:0;border:0;background:transparent;box-shadow:none}.tnl-v5-account-summary{display:grid;grid-template-columns:200px 200px 1fr;border:1px solid #dcc89e;border-radius:8px;background:#fff9ed;overflow:hidden}.tnl-v5-account-stat{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:18px 22px;border-right:1px solid #e2d1ae}.tnl-v5-account-stat b{grid-row:1/3;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#efe2ba;color:#174c40}.tnl-v5-account-stat strong{font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:25px;color:#17493d}.tnl-v5-account-stat span{font-size:12px;color:#61706a}.tnl-v5-account-latest{padding:17px 22px}.tnl-v5-account-latest span,.tnl-v5-account-latest small{display:block;color:#77807b}.tnl-v5-account-latest strong{display:block;margin:3px 0;color:#17483d;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:16px}.tnl-v5-account-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:15px}.tnl-v5-account-tabs{display:flex;align-items:center;gap:0;border:1px solid #d9c69d;border-radius:22px;background:#fff9ed;overflow:hidden;width:max-content;max-width:100%;margin-bottom:15px}.tnl-v5-account-tabs a{padding:10px 24px;color:#4d645c;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:12px;border-right:1px solid #e3d5b9}.tnl-v5-account-tabs a:first-child{background:#1b5a47;color:#fff}.tnl-v5-account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tnl-v5-account-block{margin-top:22px}.tnl-v5-account-block>h3{margin:0 0 10px;color:#17493d;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:22px}.tnl-v5-book-card{border:1px solid #e2d5bb;border-radius:7px;background:#fffaf0;padding:7px}.tnl-v5-book-cover{position:relative;display:block;aspect-ratio:2/3;border-radius:5px;overflow:hidden;background:#eee3cf}.tnl-v5-book-cover img{width:100%;height:100%;object-fit:cover}.tnl-v5-book-state{position:absolute;left:5px;top:5px;padding:3px 7px;border-radius:4px;background:#23604d;color:#fff;font-size:9px}.tnl-v5-book-body h4{margin:8px 0 6px;color:#17473d;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:14px;line-height:1.25}.tnl-v5-book-tags{display:flex;flex-wrap:wrap;gap:4px}.tnl-v5-book-tags span{padding:2px 6px;border-radius:10px;background:#e8efe8;color:#526860;font-size:8px}.tnl-v5-book-body small{display:block;margin-top:7px;color:#65716c;font-size:10px}.tnl-v5-progress{height:5px;margin-top:7px;border-radius:4px;background:#e2e0d7;overflow:hidden}.tnl-v5-progress i{display:block;height:100%;background:#23614d}.tnl-v5-progress-label{text-align:right;color:#356858;font-size:9px}.tnl-v5-book-card .tnl-btn{width:100%;min-height:34px;margin-top:7px;padding:6px 8px;font-size:10px}.tnl-v5-side-card{margin-bottom:14px;border:1px solid #d6bd86;border-radius:7px;background:#fff9ed;padding:13px}.tnl-v5-side-head h3{margin:0 0 8px;color:#174a3e;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:20px}.tnl-v5-activity{display:grid;grid-template-columns:30px 1fr;gap:7px;padding:8px 0;border-bottom:1px solid #e8ddc7}.tnl-v5-activity>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e7efe8;color:#245646}.tnl-v5-activity strong{display:block;color:#36554c;font-size:10px}.tnl-v5-activity small{display:block;color:#858d89;font-size:9px}.tnl-v5-ranked{display:grid;grid-template-columns:28px 45px 1fr;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid #e8dcc5}.tnl-v5-ranked>b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#efdeb0;color:#6b541e}.tnl-v5-ranked img{width:45px;height:56px;object-fit:cover;border-radius:3px}.tnl-v5-ranked strong{display:block;color:#17483e;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:10px}.tnl-v5-ranked small{display:block;color:#7a837f;font-size:9px}.tnl-v5-wallet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tnl-v5-wallet-head span{display:block;color:#6c7771}.tnl-v5-wallet-head strong{font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:25px;color:#174a3e}

/* Comments richer desktop */
.tnl-comments{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}.tnl-comments-head{padding:10px 0;border-bottom:1px solid #c3a56a}.tnl-comments h2{font-family:Cambria,"Times New Roman","Segoe UI",serif;color:#174a3e}.tnl-comment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tnl-comment-list .comment,.tnl-aggregate-comment{border:1px solid #e3d6bc!important;border-radius:7px!important;background:#fffaf0!important}

/* Footer closer to approved mockup */
.site-footer{margin-top:0;background:linear-gradient(180deg,#144b3e,#0d3f35);border-top:1px solid #c9aa6e;position:relative}.site-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 4% 10%,rgba(226,205,158,.12),transparent 18%),radial-gradient(circle at 96% 90%,rgba(226,205,158,.1),transparent 20%);pointer-events:none}.footer-grid,.footer-bottom{position:relative}

@media(max-width:1050px){
 .library-layout{grid-template-columns:220px minmax(0,1fr)}
 .library-results .library-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .story-detail-grid{grid-template-columns:300px minmax(0,1fr)}
 .story-detail-main h1{font-size:38px}
 .story-lower-layout{grid-template-columns:minmax(0,1fr) 280px}
 .reader-layout{grid-template-columns:minmax(0,1fr) 110px}
 .tnl-v5-account-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:900px){
 .page-hero-art{display:none}
 .tnl-breadcrumb{display:none}
 .home-container{width:calc(100% - 18px)}
 .home-hero-image{margin:0}
 .home-hero-image img{aspect-ratio:278/141}
 .library-layout-page,.story-page,.reader-page,.topup-page,.account-page,.tnl-guide-page{width:calc(100% - 18px)}
 .library-layout{display:block;padding-top:10px}.library-filter-panel{display:none}.library-quick-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px;scrollbar-width:none}.library-quick-pills::-webkit-scrollbar{display:none}.library-quick-pills a{min-width:auto;white-space:nowrap;padding:7px 12px;font-size:10px}.library-genre-pills{display:none}.library-result-toolbar{margin:7px 0 10px;padding-top:7px}.library-result-toolbar>span{font-size:10px}.library-result-toolbar label{display:none}.library-results .library-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.library-results .story-card{padding:0;border:0;background:transparent}
 .story-page-art:before{display:none}.story-page{padding-top:0}.story-detail-grid{grid-template-columns:108px minmax(0,1fr);gap:13px;padding:16px 14px 14px;background:linear-gradient(120deg,#124c3f,#174f42 58%,#1e5b4a);margin:0 calc((100vw - (100vw - 18px))/-2)}.story-cover-column{align-self:start}.ornate-cover{padding:2px;border-width:2px}.story-detail-main{padding-top:0;color:#fff}.story-status-chip{display:none}.story-detail-main h1{color:#fff9e9;font-size:21px;margin:0 0 4px}.story-detail-main .story-author{color:#f1e5c8;font-size:12px}.story-detail-main .genre-list{margin:7px 0}.story-detail-main .badge{padding:3px 7px;font-size:9px}.story-facts-inline{display:none}.story-actions-primary{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:11px 0 0}.story-actions-primary>.tnl-btn{min-width:0;height:42px;font-size:11px}.story-actions-primary>.tnl-btn:nth-child(2){display:none}.story-action-inline{grid-column:1/-1;justify-content:center}.story-action-inline #tnl-story-actions{justify-content:center!important}.story-intro-card{grid-column:1/-1;margin:8px -14px -14px;padding:12px 14px;border-left:0;border-right:0;border-radius:0;background:#fffaf0;color:#33473f}.story-intro-card h2{font-size:16px}.story-intro-card>div{font-size:12px}.story-metric-cards{margin:0 calc((100vw - (100vw - 18px))/-2);grid-template-columns:1fr 1fr}.story-metric-cards>div{grid-template-columns:32px 1fr;padding:9px 12px}.story-metric-cards>div:nth-child(3){display:none}.story-metric-cards b{width:30px;height:30px;font-size:13px}.story-metric-cards strong{font-size:14px}.story-metric-cards span{font-size:9px}.story-lower-layout{display:block;margin-top:10px}.story-related-side{display:none}.story-lower-main .toc-box{padding-top:6px}.story-lower-main .toc-head h2{font-size:19px}.story-lower-main .chapter-list{grid-template-columns:1fr;gap:6px}.story-lower-main .chapter-link{min-height:43px;font-size:11px}.tnl-comment-list{grid-template-columns:1fr}
 .reader-banner,.reader-story-strip{display:none}.reader-control-bar{display:block;margin:0}.reader-nav-top{display:none}.reader-layout{display:block}.reader-side-rail{display:none}.reader-content-card{margin:0 calc((100vw - (100vw - 18px))/-2);border:0;border-radius:0}.reader-head{padding:18px 16px 7px}.reader-title{font-size:23px}.reader-content{width:auto;padding:12px 16px 24px;font-size:16px;line-height:1.82}.reader-content p{text-align:left}.reader-bottom-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:0;padding:10px 0}.reader-bottom-actions .tnl-btn{min-width:0;font-size:10px;padding:7px}.reader-bottom-actions .tnl-btn-wide{min-width:0}.reader-tools{position:sticky;top:66px;z-index:20;margin:0 calc((100vw - (100vw - 18px))/-2) 0;padding:7px 10px;background:#124a3e;justify-content:flex-end}.reader-tools button{height:32px;border-color:rgba(230,208,165,.45);background:transparent;color:#fff8e6;font-size:10px}
 .guide-layout-v4{display:block;padding-top:10px}.guide-side-v4{display:none}.guide-main-v4>details{padding:0 10px}.guide-icon{width:42px;height:42px;font-size:18px}.guide-main-v4 summary strong{font-size:16px}.guide-main-v4 summary small{font-size:10px}.guide-detail{padding:0 8px 12px;font-size:11px}.guide-community{display:block;padding:14px}.guide-community strong{font-size:17px}.guide-community p{margin-top:5px;font-size:11px}
 .topup-page,.account-page{padding-top:0}.topup-surface{margin-top:10px}.tnl-v5-benefit-grid{grid-template-columns:repeat(2,1fr)}.tnl-v5-package-grid{grid-template-columns:repeat(2,1fr)}.tnl-v5-payment-grid,.tnl-v5-topup-bottom{grid-template-columns:1fr}.tnl-v5-balance-card{padding:14px}.tnl-v5-balance-card strong{font-size:27px}.tnl-topup-confirm{display:block}.tnl-topup-submit{width:100%;min-width:0}.tnl-topup-confirm small{display:block;margin-top:6px}.tnl-v5-history-list>div{grid-template-columns:110px 1fr auto;font-size:10px}
 .account-profile-head{margin:10px 0;padding:12px}.account-avatar{width:64px;height:64px}.account-profile-head h1{font-size:21px}.account-profile-head>.tnl-btn{display:none}.tnl-v5-account-summary{grid-template-columns:1fr 1fr}.tnl-v5-account-latest{grid-column:1/-1;border-top:1px solid #e1d2b3}.tnl-v5-account-layout{display:block}.tnl-v5-account-layout>aside{display:none}.tnl-v5-account-tabs{width:100%;overflow-x:auto}.tnl-v5-account-tabs a{flex:none;padding:8px 13px;font-size:10px}.tnl-v5-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tnl-v5-account-block{margin-top:16px}.tnl-v5-book-body h4{font-size:12px}
}

@media(max-width:520px){
 .home-container .section-head h2{font-size:18px}.home-container .story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.home-container .story-title{font-size:11px;min-height:34px}.home-container .story-genres{margin-top:5px}.home-container .story-genre-tag{font-size:8px;padding:2px 6px}.home-container .story-meta{display:none}
 .library-results .story-title{font-size:11px}.library-results .story-genres{margin-top:5px}.library-results .story-genre-tag{font-size:8px}.library-results .story-meta{display:none}
 .story-detail-grid{grid-template-columns:102px 1fr}.story-detail-main h1{font-size:19px}.story-actions-primary>.tnl-btn{font-size:10px}.story-intro-card>div{font-size:11px}
 .tnl-v5-benefits,.tnl-v5-packages,.tnl-v5-payment,.tnl-v5-topup-bottom{padding:13px}.tnl-v5-benefit-grid{gap:7px}.tnl-v5-benefit-grid>div{padding:11px 6px}.tnl-v5-benefit-grid strong{font-size:11px}.tnl-v5-benefit-grid small{font-size:9px}.tnl-v5-package-grid{gap:8px}.tnl-v5-package{min-height:145px;padding:16px 6px 8px}.tnl-v5-package strong{font-size:19px}.tnl-v5-package span{font-size:15px}.tnl-v5-package small{margin-top:12px}.tnl-v5-bank dl>div{grid-template-columns:100px 1fr;font-size:11px}.tnl-v5-qr .tnl-qr-frame{width:160px;height:160px}.tnl-v5-history-list>div{grid-template-columns:1fr auto}.tnl-v5-history-list>div span{grid-column:1/-1}.tnl-v5-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tnl-v5-account-stat{padding:12px 8px;grid-template-columns:36px 1fr}.tnl-v5-account-stat b{width:32px;height:32px}.tnl-v5-account-stat strong{font-size:18px}.tnl-v5-account-stat span{font-size:9px}
}

/* =========================================================
   v4.0.1 — FIX THEO PHẢN HỒI MOBILE
   1) Badge bìa luôn VIP / Miễn phí
   2) Tên truyện không cắt chữ
   3) Banner mobile dùng ảnh desktop độ phân giải cao
   4) Trang truyện mobile dựng riêng theo mockup
   5) Kho truyện mobile có nút xổ xuống lọc thể loại
========================================================= */

/* Tên truyện: hiển thị đầy đủ, không line-clamp */
.story-title,
.home-container .story-title,
.library-results .story-title,
.owned-page .story-title,
.search-page .story-title{
  display:block !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
  overflow:visible !important;
  min-height:0 !important;
  white-space:normal !important;
  overflow-wrap:anywhere;
}

/* Mobile detail chỉ xuất hiện trên điện thoại */
.story-mobile-detail{display:none}
.mobile-library-filter{display:none}

@media(max-width:900px){
  /* Banner: bỏ ảnh mobile 278px cũ, dùng asset 1024px để chữ/hoa rõ hơn */
  .home-hero-image{margin:0 -2px 10px;border-radius:9px;border:1px solid #ccb27d;background:#f6efe1;box-shadow:0 3px 10px rgba(25,54,44,.05)}
  .home-hero-image img{
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:auto !important;
    object-fit:contain;
    image-rendering:auto;
  }

  /* Kho truyện: hàng pill + nút lọc xổ xuống */
  .library-mobile-filter-row{display:flex;align-items:flex-start;gap:7px;position:relative;margin-bottom:8px}
  .library-mobile-filter-row .library-quick-pills{flex:1;min-width:0;margin:0;padding:3px 0 4px}
  .mobile-library-filter{display:block;position:relative;flex:none;margin-top:3px}
  .mobile-library-filter>summary{
    list-style:none;
    min-width:48px;height:34px;padding:0 9px;
    display:flex;align-items:center;justify-content:center;gap:4px;
    border:1px solid #cdb17a;border-radius:17px;
    background:#fffaf0;color:#174d40;font-size:12px;font-weight:800;cursor:pointer;
    box-shadow:0 2px 8px rgba(25,54,44,.05)
  }
  .mobile-library-filter>summary::-webkit-details-marker{display:none}
  .mobile-library-filter[open]>summary{background:#174e41;color:#fff9e8;border-color:#174e41}
  .mobile-library-filter-form{
    position:absolute;right:0;top:42px;z-index:80;
    width:min(300px,calc(100vw - 24px));
    padding:14px;border:1px solid #cfb47d;border-radius:13px;
    background:#fffaf0;box-shadow:0 14px 32px rgba(18,50,40,.18)
  }
  .mobile-library-filter-form label{display:block;margin-bottom:10px;color:#214d41;font-size:11px;font-weight:800}
  .mobile-library-filter-form select{
    width:100%;height:40px;margin-top:5px;padding:0 34px 0 11px;
    border:1px solid #d9c7a2;border-radius:9px;background:#fffdf7;color:#314a42;font-size:12px
  }
  .mobile-library-filter-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}
  .mobile-library-filter-actions .tnl-btn{min-height:40px;font-size:11px}

  /* Dùng giao diện mobile riêng cho trang truyện */
  .story-detail-desktop{display:none !important}
  .story-mobile-detail{
    display:block;
    position:relative;
    margin:0 -9px 10px;
    background:#fffaf0;
    border-bottom:1px solid #d6c39c;
    overflow:hidden
  }
  .story-mobile-hero-card{
    position:relative;
    min-height:205px;
    display:grid;
    grid-template-columns:108px minmax(0,1fr);
    gap:13px;
    padding:18px 14px 15px;
    color:#fff8e8;
    background:
      radial-gradient(circle at 92% 10%,rgba(223,199,141,.18),transparent 25%),
      linear-gradient(125deg,#0f493c 0%,#175244 58%,#1f5d4d 100%);
    border-bottom:1px solid rgba(224,202,151,.65)
  }
  .story-mobile-hero-card:before{
    content:"";position:absolute;right:-22px;top:-18px;width:126px;height:126px;
    border:1px solid rgba(231,211,166,.18);border-radius:50%;pointer-events:none
  }
  .story-mobile-cover{
    align-self:start;position:relative;padding:3px;border:1px solid #e0c58d;border-radius:8px;background:#f3e5c6;
    box-shadow:0 8px 18px rgba(4,25,20,.22);overflow:hidden
  }
  .story-mobile-cover img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:5px}
  .story-mobile-main{align-self:start;padding:3px 42px 0 0;min-width:0}
  .story-mobile-main h1{
    margin:0 0 7px;color:#fff8e8;font-family:Cambria,"Times New Roman","Segoe UI",serif;
    font-size:21px;line-height:1.18;font-weight:700;overflow-wrap:anywhere
  }
  .story-mobile-author{color:#f1dfbd;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:12px;margin-bottom:9px}
  .story-mobile-genres{display:flex;flex-wrap:wrap;gap:5px}
  .story-mobile-chip{
    display:inline-flex;align-items:center;min-height:22px;padding:3px 7px;border-radius:11px;
    background:#f4eedc;color:#35544a;font-size:9px;font-weight:700
  }
  .story-mobile-chip.access-vip{background:#f2d692;color:#5b4014}
  .story-mobile-chip.access-free{background:#e9f0e7;color:#255344}
  .story-mobile-top-actions{position:absolute;right:10px;top:13px;z-index:2;display:flex;gap:4px}
  .story-mobile-icon-btn{
    width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:#fff8e8;
    font-size:24px;line-height:1;border-radius:50%
  }
  .story-mobile-icon-btn.is-active{background:rgba(255,248,232,.14);color:#f2d590}

  .story-mobile-meta-strip{
    display:flex;align-items:center;justify-content:flex-start;gap:20px;
    padding:10px 14px 8px;color:#6c7772;font-size:10px;background:#fffaf0
  }
  .story-mobile-like{
    border:0;background:transparent;padding:0;color:#71807a;font:inherit;cursor:pointer
  }
  .story-mobile-like.is-active{color:#ad5a4f}
  .story-mobile-like strong{font-weight:700}
  .story-mobile-status-line{display:flex;align-items:center;gap:14px;padding:0 14px 11px;color:#384b44;font-size:11px}
  .story-mobile-status-line strong{font-family:Cambria,"Times New Roman","Segoe UI",serif;color:#174b3f;font-size:12px}

  .story-mobile-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 13px}
  .story-mobile-primary-actions .tnl-btn{width:100%;min-width:0;height:43px;font-size:11px}

  .story-mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:0 14px;border-top:1px solid #e4d7bb;border-bottom:1px solid #e4d7bb;background:#fffdf7}
  .story-mobile-tabs .story-tab{
    min-height:43px;border:0;border-bottom:2px solid transparent;background:transparent;color:#52645d;
    font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:11px;font-weight:700
  }
  .story-mobile-tabs .story-tab.active{color:#174d40;border-bottom-color:#174d40}
  .story-mobile-tab-panels{background:#fffaf0}
  .story-mobile-tab-panels .story-tab-panel{display:none;padding:14px 14px 16px}
  .story-mobile-tab-panels .story-tab-panel.active{display:block}
  .story-mobile-synopsis{color:#354841;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:12px;line-height:1.65}
  .story-mobile-synopsis p{margin:0 0 9px}
  .story-mobile-tab-panels blockquote{
    margin:14px 0 0;padding:11px 12px;border-top:1px solid #d8c49c;border-bottom:1px solid #d8c49c;
    color:#52675e;text-align:center;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:11px;font-style:italic
  }
  .story-mobile-info-list{margin:0;display:grid;gap:8px}
  .story-mobile-info-list>div{display:grid;grid-template-columns:110px 1fr;gap:10px;padding-bottom:7px;border-bottom:1px solid #eadfca;font-size:11px}
  .story-mobile-info-list dt{font-weight:800;color:#174d40}.story-mobile-info-list dd{margin:0;color:#53645e}
  .story-mobile-review-summary{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#61706a;font-size:11px}
  .story-mobile-review-summary strong{font-size:20px;color:#174d40;font-family:Cambria,"Times New Roman","Segoe UI",serif}
  .story-mobile-review-summary a{margin-left:auto;color:#174d40;font-weight:800}
  .story-mobile-action-status{display:block;min-height:0;padding:0 14px;color:#75684f;font-size:10px;text-align:center}

  /* Phần dưới của trang truyện giữ chức năng nhưng gọn hơn */
  .story-lower-layout{margin-top:8px}
  .story-lower-main .toc-box{margin-top:0}
}

@media(max-width:520px){
  .home-container .story-title,
  .library-results .story-title,
  .owned-page .story-title,
  .search-page .story-title{
    font-size:11px !important;
    line-height:1.28 !important;
    min-height:0 !important;
  }
  .mobile-library-filter>summary span{display:none}
  .mobile-library-filter>summary{min-width:36px;width:36px;padding:0;font-size:15px}
  .story-mobile-hero-card{grid-template-columns:104px minmax(0,1fr)}
  .story-mobile-main h1{font-size:19px}
}


/* =========================================================
   v4.0.2 — FIX LOGO + FONT TIẾNG VIỆT
========================================================= */

/* Logo được nhúng inline, không còn request file SVG nên không bị icon ảnh vỡ. */
.tnl-inline-logo{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  overflow:visible;
}
.tnl-inline-logo svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.brand-seal.tnl-inline-logo{
  width:56px;
  height:56px;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.18));
}
.footer-logo-seal{
  width:62px;
  height:62px;
  filter:drop-shadow(0 5px 8px rgba(0,0,0,.16));
}

/* Font hệ thống hỗ trợ tiếng Việt tốt trên Windows/Chrome. */
:root{
  --font-vn-ui:"Segoe UI",Tahoma,Arial,sans-serif;
  --font-vn-display:Cambria,"Times New Roman","Segoe UI",serif;
}
html,body,button,input,select,textarea{
  font-family:var(--font-vn-ui);
  font-synthesis:none;
}
.brand-copy strong,
.brand-copy small,
.main-nav a,
.section-head h2,
.story-title,
.story-meta,
.archive-title-row h1,
.page-hero-copy h1,
.story-detail-main h1,
.story-author,
.story-intro-card h2,
.story-metric-cards strong,
.toc-head h2,
.related-side-head h3,
.reader-story-strip strong,
.reader-title,
.reader-content,
.reader-bottom-actions .tnl-btn,
.guide-main-v4 summary strong,
.account-profile-head h1,
.tnl-v5-account-stat strong,
.tnl-v5-account-latest strong,
.tnl-v5-account-tabs a,
.tnl-v5-account-block>h3,
.tnl-v5-book-body h4,
.tnl-v5-side-head h3,
.tnl-v5-ranked strong,
.tnl-v5-wallet-head strong,
.tnl-comments h2,
.site-footer blockquote,
.footer-brand strong,
.footer-brand small,
.story-mobile-main h1,
.story-mobile-author,
.story-mobile-status-line strong,
.story-mobile-tabs .story-tab,
.story-mobile-synopsis,
.story-mobile-tab-panels blockquote,
.story-mobile-review-summary strong{
  font-family:var(--font-vn-display) !important;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures;
  text-rendering:optimizeLegibility;
  letter-spacing:0;
  word-spacing:0;
}

/* Tên truyện desktop: tránh cảm giác dấu bị tách / chữ bị giãn. */
.story-detail-main h1,
.story-title{
  unicode-bidi:plaintext;
  overflow-wrap:break-word;
  word-break:normal;
}
.story-detail-main h1{
  line-height:1.12;
}
.story-title{
  line-height:1.28;
}

/* Footer logo mới */
.footer-brand .footer-logo-seal{
  flex:none;
}

@media(max-width:900px){
  .brand-seal.tnl-inline-logo{width:42px;height:42px}
  .footer-logo-seal{width:56px;height:56px}
}
@media(max-width:520px){
  .brand-seal.tnl-inline-logo{width:40px;height:40px}
}


/* =========================================================
   v4.0.3 — MOBILE: TRẠNG THÁI TRUYỆN + ĐIỀU HƯỚNG CHƯƠNG
========================================================= */

/* 1) Khôi phục thông tin chương + trạng thái Đang ra/Hoàn thành dưới mỗi bìa. */
@media (max-width: 900px){
  .home-container .story-meta,
  .library-results .story-meta,
  .story-grid .story-meta{
    display:flex !important;
    align-items:center;
    justify-content:space-between;
    gap:4px;
    margin-top:5px;
    min-height:18px;
    font-family:var(--font-vn-ui);
    font-size:9px;
    line-height:1.25;
  }

  .story-grid .story-meta > span:first-child{
    min-width:0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#53665f;
  }

  .story-grid .story-meta .story-status{
    flex:0 0 auto;
    max-width:48%;
    white-space:normal;
    text-align:right;
    color:#c94836;
    font-weight:700;
  }

  /* Hoàn thành dùng xanh để nhìn nhanh hơn; đang ra vẫn nổi bật bằng đỏ. */
  .story-grid .story-card:has(.story-status){
    --mobile-status-color:#c94836;
  }

  /* 2) Khôi phục Chương trước / Mục lục / Chương sau ở đầu trang đọc. */
  .reader-control-bar{
    display:flex !important;
    flex-direction:column;
    gap:8px;
    margin:0 0 8px;
  }

  .reader-nav-top{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    width:100%;
    margin:0;
    padding:8px 0 2px;
    order:1;
  }

  .reader-nav-top > div,
  .reader-nav-top .next,
  .reader-nav-top .toc-center{
    min-width:0;
    text-align:center;
  }

  .reader-nav-top .tnl-btn{
    width:100%;
    min-width:0;
    min-height:40px;
    padding:7px 5px;
    border:1px solid #d2bd91;
    border-radius:8px;
    background:#fff9ed;
    color:#17483d;
    font-size:10px;
    line-height:1.2;
    white-space:normal;
  }

  .reader-tools{
    order:2;
  }

  /* Phần cuối cũng luôn trình bày ba nút điều hướng chính rõ ràng. */
  .reader-bottom-actions{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:7px !important;
    padding:10px 0 !important;
  }

  .reader-bottom-actions > .tnl-btn{
    width:100%;
    min-width:0 !important;
    min-height:40px;
    padding:7px 5px !important;
    font-size:10px !important;
    line-height:1.2;
    white-space:normal;
  }

  .reader-bottom-actions #tnl-open-toc-bottom{
    grid-column:auto !important;
  }

  /* Nút Thích/Lưu không chen vào 3 nút điều hướng chính trên mobile. */
  .reader-bottom-actions > a[href*="#"]:not([href="#binh-luan"]){
    grid-column:auto;
  }
}

@media (max-width: 520px){
  /* Rule cũ từng ẩn story-meta ở 520px; bật lại ở đây. */
  .home-container .story-meta,
  .library-results .story-meta,
  .story-grid .story-meta{
    display:flex !important;
    font-size:8px;
    gap:3px;
    margin-top:4px;
  }

  .story-grid .story-meta > span:first-child{
    max-width:56%;
  }

  .story-grid .story-meta .story-status{
    max-width:44%;
    font-size:8px;
  }

  .reader-nav-top .tnl-btn,
  .reader-bottom-actions > .tnl-btn{
    font-size:9px !important;
    padding:6px 3px !important;
  }
}


/* v4.0.6 — Ẩn nhãn trạng thái màu xanh ở phần đầu trang truyện vì dưới meta đã có rồi */
.story-detail-main > .story-status-banner,
.story-detail-main > .story-status-top,
.story-detail-main > .story-detail-status,
.story-header-copy > .story-status-banner,
.story-header-copy > .story-status-top,
.story-header-copy > .story-detail-status,
.story-mobile-main > .story-status-banner,
.story-mobile-main > .story-status-top,
.story-mobile-main > .story-detail-status{display:none !important;}


/* v4.0.7 — Bỏ nhãn trạng thái màu xanh ở đầu trang truyện */
.story-status-chip{display:none !important;}


/* =========================================================
   v4.0.8 — TRANG CHI TIẾT HIỂN THỊ TOÀN BỘ THỂ LOẠI
========================================================= */
.story-detail-main .genre-list,
.story-mobile-genres{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  max-width:100%;
}
.story-detail-main .genre-list .badge,
.story-mobile-genres .story-mobile-chip{
  flex:0 0 auto;
  white-space:normal;
}


/* =========================================================
   v4.1.0 — HERO QUẢNG BÁ 3 TRUYỆN MỚI TỰ ĐỘNG
========================================================= */
.home-promo-carousel{
  position:relative;
  margin:0 calc((100vw - min(var(--max),calc(100vw - 32px)))/-2) 18px;
  overflow:hidden;
  border-bottom:1px solid #bea367;
  background:
    radial-gradient(circle at 78% 18%,rgba(255,255,255,.72),transparent 24%),
    linear-gradient(115deg,#f9f2df 0%,#f5ead1 48%,#e9efe4 100%);
}
.home-promo-carousel:before,.home-promo-carousel:after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  opacity:.24;
}
.home-promo-carousel:before{
  right:-65px;top:-100px;width:330px;height:330px;border:1px solid #4e7869;border-radius:50%;
  box-shadow:0 0 0 18px rgba(38,91,73,.06),0 0 0 55px rgba(38,91,73,.035);
}
.home-promo-carousel:after{
  left:-40px;bottom:-86px;width:230px;height:180px;
  background:radial-gradient(ellipse at center,rgba(60,112,88,.18),transparent 65%);
  transform:rotate(-12deg);
}
.home-promo-slides{position:relative;min-height:405px;z-index:1}
.home-promo-slide{
  position:absolute;inset:0;
  display:grid;grid-template-columns:250px minmax(0,1fr);gap:38px;
  align-items:center;
  width:min(var(--max),calc(100% - 64px));
  margin:0 auto;
  padding:30px 28px 38px;
  opacity:0;visibility:hidden;transform:translateX(22px);
  transition:opacity .55s ease,transform .55s ease,visibility .55s;
  pointer-events:none;
}
.home-promo-slide.is-active{position:relative;opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}
.home-promo-cover-wrap{display:flex;justify-content:center}
.home-promo-cover{
  position:relative;display:block;width:220px;aspect-ratio:2/3;
  padding:7px;border:1px solid #c6a86c;border-radius:12px;
  background:#fff8e8;box-shadow:0 15px 30px rgba(28,62,50,.16);
}
.home-promo-cover:before{
  content:"";position:absolute;inset:3px;border:1px solid rgba(201,170,105,.58);border-radius:9px;pointer-events:none;z-index:2
}
.home-promo-cover img,.home-promo-cover .no-cover{width:100%;height:100%;object-fit:cover;border-radius:7px}
.home-promo-access{
  position:absolute;left:14px;top:14px;z-index:3;
  padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 3px 8px rgba(0,0,0,.09)
}
.home-promo-access.is-vip{background:#e7c776;color:#533d17}.home-promo-access.is-free{background:#276653;color:#fff}
.home-promo-info{min-width:0;padding-right:54px}
.home-promo-kicker{display:inline-flex;align-items:center;gap:8px;color:#b0523e;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.home-promo-kicker:before{content:"✦";color:#c19c53}
.home-promo-info h1{margin:8px 0 5px;color:#153f35;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:38px;line-height:1.12;letter-spacing:0}
.home-promo-info h1 a:hover{color:#26644f}
.home-promo-author{margin:0 0 11px;color:#53655f;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:16px}
.home-promo-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}
.home-promo-tags span{padding:4px 10px;border-radius:999px;background:#e8eee5;color:#46645a;font-size:11px}
.home-promo-meta{display:flex;flex-wrap:wrap;gap:9px 18px;padding:10px 0;border-top:1px solid rgba(184,153,91,.35);border-bottom:1px solid rgba(184,153,91,.35);color:#64756f;font-size:12px}
.home-promo-intro{position:relative;max-width:760px;margin-top:13px;color:#394b45;font-family:Cambria,"Times New Roman","Segoe UI",serif;font-size:15px;line-height:1.62}
.home-promo-intro p{margin:0}
.home-promo-intro.is-collapsible:not(.is-expanded) p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.home-promo-intro.is-collapsible:not(.is-expanded):after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:linear-gradient(transparent,#f5ecd8)}
.home-promo-more{display:inline-block;margin:6px 0 0;padding:0;border:0;background:transparent;color:#1e5c4b;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.home-promo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.home-promo-actions .tnl-btn{min-width:132px}
.home-promo-controls{position:absolute;right:max(24px,calc((100vw - var(--max))/2 + 26px));bottom:16px;z-index:6;display:flex;align-items:center;gap:9px}
.home-promo-arrow{width:32px;height:32px;border:1px solid #c6a86c;border-radius:50%;background:#fff8e9;color:#184d40;font-size:22px;line-height:1}
.home-promo-dots{display:flex;align-items:center;gap:7px}
.home-promo-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#b9b19d;transition:.2s ease}
.home-promo-dot.is-active{width:24px;background:#1b5a48}
.home-promo-carousel:hover .home-promo-arrow,.home-promo-arrow:focus-visible{background:#184d40;color:#fff8e8}

@media(max-width:900px){
  .home-promo-carousel{margin:0 0 14px;border:1px solid #c8af7a;border-radius:12px}
  .home-promo-slides{min-height:315px}
  .home-promo-slide{grid-template-columns:150px minmax(0,1fr);gap:18px;width:100%;padding:18px 18px 42px}
  .home-promo-cover{width:142px}
  .home-promo-info{padding-right:0}
  .home-promo-info h1{font-size:26px}
  .home-promo-author{font-size:13px}
  .home-promo-meta{gap:7px 12px;font-size:10px}
  .home-promo-intro{font-size:13px}
  .home-promo-intro.is-collapsible:not(.is-expanded) p{-webkit-line-clamp:3}
  .home-promo-controls{right:14px;bottom:10px}
}

@media(max-width:560px){
  .home-promo-carousel{margin:0 0 12px;border-radius:10px;background:linear-gradient(125deg,#f8f0dd,#edf2e7)}
  .home-promo-slides{min-height:282px}
  .home-promo-slide{grid-template-columns:104px minmax(0,1fr);gap:12px;padding:13px 12px 40px;align-items:start}
  .home-promo-cover{width:100px;padding:4px;border-radius:8px;box-shadow:0 8px 18px rgba(28,62,50,.13)}
  .home-promo-cover img{border-radius:5px}
  .home-promo-access{left:8px;top:8px;padding:3px 7px;font-size:9px}
  .home-promo-kicker{font-size:9px;letter-spacing:.08em}
  .home-promo-info h1{margin-top:5px;font-size:19px;line-height:1.12}
  .home-promo-author{margin-bottom:7px;font-size:11px}
  .home-promo-tags{gap:4px;margin-bottom:7px}.home-promo-tags span{padding:3px 7px;font-size:9px}
  .home-promo-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px;padding:7px 0;font-size:9px}
  .home-promo-meta span:last-child{grid-column:1/-1}
  .home-promo-intro{margin-top:8px;font-size:11px;line-height:1.5}
  .home-promo-intro.is-collapsible:not(.is-expanded) p{-webkit-line-clamp:2}
  .home-promo-more{font-size:10px;margin-top:4px}
  .home-promo-actions{gap:6px;margin-top:9px}.home-promo-actions .tnl-btn{min-width:0;min-height:34px;padding:6px 9px;font-size:10px}
  .home-promo-arrow{width:27px;height:27px;font-size:18px}.home-promo-dot{width:6px;height:6px}.home-promo-dot.is-active{width:18px}
  .home-promo-controls{right:10px;bottom:8px}
}

@media(prefers-reduced-motion:reduce){
  .home-promo-slide{transition:none}
}


/* =========================================================
   v4.1.2 — MOBILE TRANG CHỦ: MỖI MỤC CHỈ 3 TRUYỆN
========================================================= */
@media (max-width: 760px){
  .home-container .section .story-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .home-container .section .story-grid > .story-card:nth-child(n+4){
    display:none !important;
  }
}