/* Reading-first refinement: artwork supports discovery, the text remains the focus. */
:root{--muted:#625d53}
.utility{font-size:12px}.section-title a,.genre-explore,.rank-more,.data-caption{font-size:13px}
.book-meta,.chapter-meta,.breadcrumbs,.pills span,.genre-heading small{font-size:13px;color:var(--muted)}
.home-opening{border:1px solid var(--line);padding:28px;background:linear-gradient(105deg,var(--paper) 40%,#faf7efbc),url('/viet/art/ink-landscape.png') center/cover}
.opening-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.opening-heading h1{font-size:26px;margin:4px 0}.opening-heading>a{flex-shrink:0;color:var(--accent);font-size:14px}
.opening-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.opening-book{display:grid;grid-template-columns:115px minmax(0,1fr);gap:22px;min-width:0}.opening-book h2{font-size:20px;line-height:1.5;margin:5px 0 8px}.opening-book .eyebrow{font-size:11px;letter-spacing:1px;color:var(--accent)}.opening-book .summary{font-size:14px;line-height:1.75;-webkit-line-clamp:3;margin:10px 0}.opening-book .button{display:inline-block;margin-top:16px;font-size:14px}.opening-cover img{width:100%;height:auto;aspect-ratio:13/19;object-fit:cover;box-shadow:3px 6px 14px #30281722}.opening-book .pills{margin:8px 0}
.discovery-links{display:flex;flex-wrap:wrap;gap:12px 26px;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;font-size:14px}.discovery-links a:hover{text-decoration:underline}
.home-opening .discovery-links{min-height:0;background:transparent;gap:12px 24px}.home-opening .discovery-links a{padding:8px 0;border:0;min-height:0;font-size:14px}
.updates-table th,.updates-table td,.updates-table .update-title{font-size:13px;line-height:1.7}.portal-footer p,.data-caption,.reader-afterword{font-size:13px;line-height:1.8}.author-mini p{color:var(--muted)}
.genre-panels{grid-template-columns:repeat(4,minmax(0,1fr))}.genre-panels>section{min-height:0;padding:16px}.genre-panels>section.genre-vacant{min-height:128px}.genre-panels>section .genre-heading{margin-bottom:10px;align-items:center;flex-direction:row;gap:10px}.genre-panels>section .genre-heading h3{font-size:16px}.genre-heading img.genre-symbol{width:44px;height:44px}.genre-explore{margin-top:10px!important}.genre-book{font-size:14px}.genre-panels>section:before{opacity:.35}.genre-panels>section:after{background:linear-gradient(90deg,#faf7eff5,#faf7efcf 60%,#faf7ef40)}
.collection-grid{display:block}.collection-grid>.compact-books{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.collection-grid .compact-book h3{font-size:16px}.collection-grid .compact-book .summary{display:-webkit-box;font-size:14px}
.five-rankings{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.updates-grid{grid-template-columns:minmax(0,1fr) 240px}.updates-grid>aside:first-child{display:none}.updates-table{font-size:14px}.author-mini p{font-size:13px}.bottom-discovery{margin-top:24px}
.book-overview{padding:26px}.book-overview h1{font-size:28px}.book-overview .actions{flex-wrap:wrap;gap:10px}.book-section{padding:24px}.book-content-grid>.book-side p{font-size:14px;line-height:1.8}.book-side .compact-book h3{font-size:15px}.book-section .description{font-size:16px;line-height:1.9}.chapters a{min-height:64px}.chapters small{font-size:13px}#muc-luc{scroll-margin-top:24px}
.reader-chapter-head{padding-top:28px!important}.reader h1{font-size:30px}.reader .chapter-meta{line-height:1.8}.reader-afterword{margin:24px 0;padding:18px}.reader-end-actions{padding:16px 0}.reader .chapter-nav{margin-top:24px}.reader-status:empty{display:none}.reader-status:not(:empty){background:var(--paper);padding:8px 16px;color:var(--ink);border:1px solid var(--line)}
#library-login{display:inline-block;margin-bottom:20px;color:var(--accent)}#library-login[hidden]{display:none}#library-error:empty{display:none}#library-error{color:var(--accent)}.shelf-list article{gap:16px}.shelf-list article>div{min-width:0}.shelf-list small{display:block;color:var(--muted);margin-top:6px}.shelf-list button{flex-shrink:0}button:disabled{opacity:.6;cursor:wait}
html[data-theme=dark]{--muted:#c4bdaf}html[data-theme=dark] .home-opening{background:var(--paper)}html[data-theme=dark] .genre-panels>section:after{background:linear-gradient(90deg,#24221ff5,#24221fcf,#24221f50)}
html[data-theme=dark] .opening-book .button{color:#231e19}html[data-theme=dark] .book-meta,html[data-theme=dark] .chapter-meta{color:var(--muted)}
@media(max-width:1000px){.opening-books{gap:24px}.opening-book{grid-template-columns:85px minmax(0,1fr);gap:16px}.opening-book h2{font-size:18px}.opening-heading{display:block}.opening-heading>a{display:inline-block;margin-top:10px}.genre-panels{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.home-opening{padding:20px 16px}.opening-heading h1{font-size:23px}.opening-books{grid-template-columns:1fr}.opening-book{grid-template-columns:85px minmax(0,1fr);gap:15px}.opening-book+.opening-book{padding-top:20px;border-top:1px solid var(--line)}.opening-book .summary{font-size:14px}.opening-book .button{padding:10px 14px}.genre-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.genre-panels>section{padding:12px}.genre-panels>section .genre-heading{align-items:flex-start;flex-direction:column;gap:4px}.genre-panels>section .genre-heading h3{font-size:15px;line-height:1.5}.genre-panels>section.genre-vacant{min-height:158px}.genre-heading img.genre-symbol{width:38px;height:38px}.updates-grid{display:block}.updates-grid>aside:last-child{margin-top:20px}.collection-grid>.compact-books{grid-template-columns:1fr}.book-overview{padding:18px}.book-overview h1{font-size:22px}.book-section{padding:18px}.reader h1{font-size:25px}.reader-chapter-head{padding-top:16px!important}.reader .prose{line-height:1.9}.reader .chapter-nav a{padding:14px 8px}.shelf-list article{align-items:flex-start;flex-wrap:wrap}.primary-nav a{font-size:14px}}