/* StoryDrama Admin Lite v1.8 - Dramadrop-like reader UI */
:root{--sdal-ink:#071126;--sdal-muted:#526178;--sdal-blue:#145df5;--sdal-line:#e8edf5;--sdal-bg:#f7f8fb;--sdal-card:#fff}
body.sdal-reader-document{margin:0;background:#fff;color:var(--sdal-ink);font-family:Inter,Arial,system-ui,-apple-system,"Segoe UI",sans-serif}body.sdal-reader-document a{color:inherit}.sdal-home-page .wp-site-blocks>header,.sdal-home-page .wp-site-blocks>footer,.sdal-home-page .wp-block-template-part,.sdal-home-page .entry-title,.sdal-home-page .wp-block-post-title,.sdal-home-page main>h1:first-child{display:none!important}.sdal-home-page .wp-site-blocks,.sdal-home-page main,.sdal-home-page .wp-block-post-content{margin:0!important;padding:0!important;max-width:none!important;background:#fff!important}.sdal-full-reader{width:100%;background:#fff;color:var(--sdal-ink);font-family:Inter,Arial,system-ui,-apple-system,"Segoe UI",sans-serif}
.sdal-reader-header{background:#fff;border-bottom:1px solid #e6e8ee;position:relative;z-index:3}.sdal-reader-top{height:76px;max-width:1120px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.sdal-brand{font-family:Georgia,"Times New Roman",serif;font-weight:900;font-size:28px;text-decoration:none!important;color:#111827!important;letter-spacing:-.02em}.sdal-main-nav{display:flex;gap:28px;align-items:center}.sdal-main-nav a{text-decoration:none!important;color:#3d4655!important;font-weight:700;font-size:15px;padding:27px 0 10px;border-bottom:2px solid transparent}.sdal-main-nav a.active,.sdal-main-nav a:hover{color:#111827!important;border-bottom-color:#111827}.sdal-category-nav{height:54px;border-top:1px solid #eceff4;display:flex;align-items:center;gap:28px;justify-content:flex-start;max-width:1120px;margin:0 auto;padding:0 24px;overflow:auto}.sdal-category-nav a{white-space:nowrap;text-decoration:none!important;color:#6b7280!important;font-weight:800;font-size:14px;padding:18px 0 8px;border-bottom:2px solid transparent}.sdal-category-nav a.active,.sdal-category-nav a:hover{color:#111827!important;border-bottom-color:#111827}
.sdal-home{max-width:1280px;margin:0 auto;padding:68px 24px 64px}.sdal-home-title{text-align:center;margin-bottom:54px}.sdal-home-title h1{font-family:Inter,Arial,system-ui,sans-serif;font-size:42px;line-height:1.1;margin:0 0 18px;font-weight:900;letter-spacing:-.04em;color:#071126}.sdal-home-title p{font-size:18px;line-height:1.6;margin:0;color:#42526a}.sdal-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.sdal-story-card{background:#fff;border:1px solid #e6edf5;border-radius:12px;overflow:hidden;box-shadow:0 1px 1px rgba(15,23,42,.02);transition:.18s ease}.sdal-story-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(15,23,42,.1)}.sdal-story-card a{display:block;text-decoration:none!important;color:#071126!important}.sdal-story-card img,.sdal-card-placeholder{width:100%;height:210px;object-fit:cover;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5eaf2,#f8fafc);color:#94a3b8;font-weight:900}.sdal-card-body{padding:22px 24px 28px}.sdal-card-body small{display:block;color:#345078;font-size:14px;font-weight:700;margin-bottom:18px}.sdal-card-body h2{font-size:28px!important;line-height:1.22!important;letter-spacing:-.04em!important;margin:0 0 26px!important;font-weight:900!important;color:#071126!important}.sdal-card-body span{color:#0b60ff;font-weight:900;font-size:15px}.sdal-empty{grid-column:1/-1;text-align:center;color:var(--sdal-muted);border:1px dashed #cbd5e1;border-radius:14px;padding:30px;background:#fff}
.sdal-reader-footer{border-top:1px solid #e8edf5;margin-top:70px;max-width:1120px;margin-left:auto;margin-right:auto;padding:48px 24px 52px;display:flex;justify-content:space-between;align-items:flex-start;color:#64748b}.sdal-footer-brand{font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:900;color:#111827}.sdal-reader-footer nav{display:grid;grid-template-columns:repeat(3,auto);gap:12px 24px}.sdal-reader-footer a{text-decoration:none!important;color:#64748b!important;font-weight:650}
.sdal-story-public{max-width:860px;margin:0 auto;padding:62px 24px 44px;color:var(--sdal-ink);font-family:Inter,Arial,system-ui,-apple-system,"Segoe UI",sans-serif}.sdal-story-meta{text-align:center;text-transform:uppercase;color:#0b60ff;font-weight:900;letter-spacing:.08em;font-size:13px;margin-bottom:20px}.sdal-story-public h1{font-family:Inter,Arial,system-ui,sans-serif;font-size:56px!important;line-height:1.08!important;font-weight:900!important;text-align:center;letter-spacing:-.055em;margin:0 auto 28px!important;color:#10172a!important;max-width:760px}.sdal-story-public>.sdal-read-btn{margin:0 auto 38px;display:flex;width:max-content}.sdal-read-btn{align-items:center;justify-content:center;background:#1769ff;color:#fff!important;border-radius:999px;padding:13px 24px;text-decoration:none!important;font-weight:900;box-shadow:0 12px 22px rgba(23,105,255,.22)}.sdal-story-hero{display:block;width:100%;max-width:780px;height:auto;max-height:620px;object-fit:cover;border-radius:12px;margin:26px auto 34px;box-shadow:none}.sdal-intro{font-size:20px;line-height:1.85;color:#15223a;margin:20px auto}.sdal-toc{background:#fff;border:1px solid var(--sdal-line);border-radius:16px;padding:18px;margin:38px 0;box-shadow:0 12px 30px rgba(15,23,42,.09)}.sdal-toc h3{margin:4px 12px 12px}.sdal-toc a{display:flex;gap:12px;padding:13px 12px;border-top:1px solid #edf2f7;text-decoration:none!important;color:#172033!important;font-weight:800}.sdal-toc span,.sdal-floating-toc span{background:#eaf2ff;color:#1769ff;border-radius:999px;min-width:31px;width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}
.sdal-chapter-layout{max-width:1280px;margin:0 auto;padding:42px 24px 40px;display:grid;grid-template-columns:minmax(0,820px) 320px;gap:54px;align-items:start}.sdal-chapter-public{padding-top:8px}.sdal-chapter-top{text-align:left;text-transform:uppercase;color:#0b60ff;font-weight:900;letter-spacing:.08em;font-size:13px;margin-bottom:26px}.sdal-chapter-top a{color:#0b60ff!important;text-decoration:none!important}.sdal-chapter-public h1{font-family:Inter,Arial,system-ui,sans-serif;font-size:54px!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.055em;margin:0 0 30px!important;color:#111827!important}.sdal-chapter-body{font-size:21px;line-height:1.9;color:#071126}.sdal-chapter-body p{margin:0 0 28px}.sdal-chapter-nav{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:48px 0}.sdal-chapter-nav>a:not(.sdal-read-btn){color:#1769ff!important;font-weight:800;text-decoration:none!important}.sdal-floating-toc{position:sticky;top:24px;background:#fff;border:1px solid #dfe7f1;border-radius:16px;box-shadow:0 15px 36px rgba(15,23,42,.13);overflow:hidden}.sdal-floating-toc h3{font-size:15px;margin:0;padding:16px 18px 12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sdal-floating-toc strong{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;color:#9aa6b8;font-size:12px;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}.sdal-floating-toc strong em{font-style:normal;color:#94a3b8}.sdal-floating-toc a{display:grid;grid-template-columns:35px 1fr 22px;gap:8px;align-items:center;padding:13px 14px;border-bottom:1px solid #eef2f7;text-decoration:none!important;color:#344155!important;font-weight:850;font-size:13px}.sdal-floating-toc a.active{background:#eef6ff;color:#0b60ff!important}.sdal-floating-toc small{justify-self:end;color:#94a3b8}.sdal-ad{margin:28px 0;padding:18px;border-radius:12px;background:#f8fafc;text-align:center}

.sdal-home-pagination{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin:42px 0 0!important;padding:0!important;width:100%!important}.sdal-page-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:82px!important;height:42px!important;padding:0 18px!important;border:1px solid #d8e1ee!important;border-radius:8px!important;background:#fff!important;color:#071126!important;text-decoration:none!important;font-weight:800!important;font-size:14px!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}.sdal-page-btn:hover{border-color:#0b60ff!important;color:#0b60ff!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important}.sdal-page-placeholder{visibility:hidden!important;pointer-events:none!important}
@media(max-width:1100px){.sdal-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sdal-chapter-layout{grid-template-columns:1fr}.sdal-floating-toc{position:static;max-width:620px;margin:20px auto}}@media(max-width:760px){.sdal-home-pagination{margin-top:28px!important}.sdal-page-btn{min-width:78px!important;height:40px!important;font-size:13px!important}.sdal-reader-top{height:auto;flex-direction:column;gap:12px;padding:18px}.sdal-main-nav{gap:16px;flex-wrap:wrap;justify-content:center}.sdal-category-nav{gap:18px}.sdal-home{padding:42px 16px}.sdal-story-grid{grid-template-columns:1fr}.sdal-home-title h1{font-size:36px}.sdal-card-body h2{font-size:25px!important}.sdal-story-public h1,.sdal-chapter-public h1{font-size:36px!important}.sdal-chapter-body,.sdal-intro{font-size:18px}.sdal-reader-footer{flex-direction:column;gap:20px}.sdal-reader-footer nav{grid-template-columns:1fr}.sdal-chapter-layout{padding:28px 16px}.sdal-read-btn{width:100%}}


/* StoryDrama v2.4 - related stories below reader content */
.sdal-related{
    margin:56px 0 0;
    padding-top:34px;
    border-top:1px solid #e5ebf3;
}
.sdal-related h2{
    margin:0 0 24px;
    color:#071126;
    font-size:26px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:-.025em;
}
.sdal-related-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.sdal-related-card{
    background:#fff;
    border:1px solid #dfe7f1;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(15,23,42,.06);
}
.sdal-related-card a{
    display:block;
    height:100%;
    color:inherit!important;
    text-decoration:none!important;
}
.sdal-related-card img,
.sdal-related-placeholder{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    display:block;
    background:#eef2f7;
}
.sdal-related-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#94a3b8;
    font-family:Georgia,"Times New Roman",serif;
    font-weight:900;
}
.sdal-related-body{
    padding:16px 18px 18px;
}
.sdal-related-body small{
    display:block;
    margin-bottom:10px;
    color:#64748b;
    font-size:12px;
    font-weight:800;
    letter-spacing:.03em;
}
.sdal-related-body h3{
    margin:0 0 10px;
    color:#071126;
    font-size:22px;
    line-height:1.22;
    font-weight:900;
    letter-spacing:-.025em;
}
.sdal-related-body p{
    margin:0;
    color:#475569;
    font-size:14px;
    line-height:1.45;
}
.sdal-related-liked .sdal-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
}
.sdal-related-compact .sdal-related-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}
.sdal-related-compact .sdal-related-body{
    padding:14px 14px 18px;
}
.sdal-related-compact .sdal-related-body h3{
    font-size:19px;
    line-height:1.25;
    margin-bottom:0;
}
@media(max-width:1100px){
    .sdal-related-compact .sdal-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:760px){
    .sdal-related{margin-top:42px;padding-top:26px;}
    .sdal-related-grid,
    .sdal-related-liked .sdal-related-grid,
    .sdal-related-compact .sdal-related-grid{grid-template-columns:1fr;}
    .sdal-related-body h3{font-size:20px;}
}