:root{--hm-bg:#f5f6fa;--hm-surface:#fff;--hm-soft:#f4f5f9;--hm-text:#202a3b;--hm-muted:#66738a;--hm-border:#dfe4ed;--hm-accent:#24166a;--hm-tint:#efedf8;--hm-shadow:0 18px 50px #18254320}
html[data-theme=dark]{color-scheme:dark;--hm-bg:#101722;--hm-surface:#192230;--hm-soft:#202c3d;--hm-text:#edf1f7;--hm-muted:#a8b5c9;--hm-border:#344155;--hm-accent:#c3b8ff;--hm-tint:#302950;--hm-shadow:0 18px 50px #0006}
[data-harmony]{font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}
[data-harmony] *,[data-harmony] *:before,[data-harmony] *:after{box-sizing:border-box}
[data-harmony] button,[data-harmony] input,[data-harmony] select,[data-harmony] textarea{font:inherit}
[data-harmony] button{cursor:pointer}
[data-harmony] :focus-visible{outline:3px solid #9c8bdc;outline-offset:3px}
.hm-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
.hm-icon-button{border:1px solid var(--hm-border);background:var(--hm-surface);color:var(--hm-text);border-radius:10px;min-width:42px;min-height:42px;padding:9px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.hm-button{border:1px solid #24166a;border-radius:9px;background:#24166a;color:#fff;padding:10px 17px;min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:7px;line-height:1.3;white-space:nowrap;font-weight:600}
.hm-button.hm-secondary{border-color:var(--hm-border);background:var(--hm-surface);color:var(--hm-text)}
.hm-filter-form{display:block!important;padding:0!important;grid-template-columns:none!important}
.hm-searchbar{display:flex!important;align-items:center;gap:8px;width:100%;min-width:0;position:relative}
.hm-search-input{display:flex!important;align-items:center!important;gap:10px!important;flex:1;min-width:0;background:var(--hm-surface)!important;color:var(--hm-muted);border:1px solid var(--hm-border);border-radius:10px;padding:0 12px!important;margin:0!important}
.hm-search-input>input{width:100%;min-width:0;min-height:46px;border:0!important;border-radius:9px!important;box-shadow:none!important;padding:10px 0!important;background:transparent!important;color:var(--hm-text)!important;margin:0!important}
.hm-page-size{display:flex!important;align-items:center;gap:7px!important;font-size:13px;flex:0 0 auto;color:var(--hm-muted);margin:0!important}
.hm-page-size select{width:auto!important;min-height:44px!important;padding:8px!important}
.hm-filter-dialog{position:fixed;inset:0;margin:auto;width:min(550px,calc(100vw - 32px));max-width:550px;max-height:calc(100dvh - 48px);padding:0;border:1px solid var(--hm-border);border-radius:18px;background:var(--hm-surface);color:var(--hm-text);box-shadow:var(--hm-shadow);overflow:auto;text-align:left}
.hm-filter-dialog::backdrop{background:#0f172a73;backdrop-filter:blur(2px)}
.hm-filter-dialog:not([open]){display:none!important}
.hm-filter-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--hm-border)}
.hm-filter-dialog h2{margin:0!important;font-size:20px!important;color:var(--hm-text)!important;line-height:1.3}
.hm-filter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px}
.hm-filter-fields label{display:flex!important;flex-direction:column;gap:7px!important;font-size:13px!important;color:var(--hm-muted)!important;font-weight:600;min-width:0;margin:0!important}
.hm-filter-fields :is(select,input){width:100%!important;min-width:0;min-height:44px;padding:9px 11px!important;background:var(--hm-soft)!important;color:var(--hm-text)!important;border:1px solid var(--hm-border)!important;border-radius:9px!important;font-size:14px!important}
.hm-filter-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:16px 22px;border-top:1px solid var(--hm-border);background:var(--hm-surface);position:sticky;bottom:0}
.hm-filter-chips,.hm-export-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.hm-filter-chip{border:1px solid var(--hm-border);background:var(--hm-tint);color:var(--hm-accent);border-radius:20px;padding:6px 10px;font-size:12px;display:inline-flex;align-items:center;gap:5px}
.hm-filter-chip svg{width:14px;height:14px;flex-basis:14px}
.hm-filter-count{border-radius:12px;background:var(--hm-tint);color:var(--hm-accent);min-width:20px;font-size:12px}
.hm-export-links a{font-size:13px;min-height:36px!important}
.hm-results{color:var(--hm-muted);font-size:13px;margin:16px 0}
.hm-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap;font-size:13px;color:var(--hm-muted)}
.hm-pagination>div{display:flex;gap:5px;flex-wrap:wrap}
.hm-pagination a,.hm-pagination>div>span{padding:8px 11px;border:1px solid var(--hm-border);border-radius:8px;color:var(--hm-text);text-decoration:none;min-height:38px;background:var(--hm-surface)}
.hm-pagination a[aria-current]{background:#24166a;color:white;border-color:#24166a}
.hm-pagination [aria-disabled]{opacity:.45}
.hm-batch-next{display:flex;align-items:center;gap:12px;padding:20px 0;flex-wrap:wrap}.hm-batch-next span{font-size:13px;color:var(--hm-muted)}
[data-harmony] .reading-header{position:sticky;top:0;z-index:80;background:var(--hm-surface);border-bottom:1px solid var(--hm-border)}
[data-harmony] .reading-nav{min-height:76px;gap:24px}
[data-harmony] .reading-brand{font-size:20px;white-space:nowrap}
[data-harmony] .reading-navlinks{align-items:center;gap:24px}
[data-harmony] .reading-navlinks>a,[data-harmony] .knowledge-menu>summary{font:600 14px/1.4 Arial,Helvetica,sans-serif!important;min-height:44px;padding:10px 0;display:flex;align-items:center;gap:6px;color:var(--hm-text)}
[data-harmony] .knowledge-menu summary svg{width:16px;height:16px;flex-basis:16px}
[data-harmony] .knowledge-menu>div{background:var(--hm-surface);border:1px solid var(--hm-border);box-shadow:var(--hm-shadow);padding:8px;border-radius:12px;min-width:195px}
[data-harmony] .knowledge-menu>div>a{font:400 14px/1.4 Arial,Helvetica,sans-serif;padding:12px;border-radius:7px;color:var(--hm-text)}
.hm-public-menu{display:none}.hm-public-shade[hidden]{display:none}
[data-harmony] .rx-directory-hero{padding:28px 0 32px!important}
[data-harmony] .rx-directory-hero h1{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.6px}
[data-harmony] .rx-directory-search{max-width:850px;padding:0;border:0;background:none;display:block}
[data-harmony] .rx-directory-hero .hm-searchbar{max-width:850px}
[data-harmony] .rx-directory-hero .hm-button:not(.hm-secondary){background:#e2b970;border-color:#e2b970;color:#201941}
[data-harmony] .rx-directory-hero .hm-filter-chips{padding:0}
[data-harmony] .hm-searchbar+.rx-result-total{display:none}
@media(max-width:900px){
 [data-harmony] .reading-nav{min-height:68px;gap:10px;flex-wrap:nowrap}
 .hm-public-menu{display:inline-flex;order:3;margin-left:0}
 [data-harmony] .reading-account{margin-left:auto}
 [data-harmony] .reading-navlinks{display:flex!important;flex-direction:column;align-items:stretch;gap:4px;position:fixed;left:0;top:68px;bottom:0;width:min(310px,86vw);padding:22px;background:var(--hm-surface);border-right:1px solid var(--hm-border);box-shadow:var(--hm-shadow);transform:translateX(-110%);visibility:hidden;overflow:auto;transition:transform .18s ease;z-index:102}
 [data-harmony].hm-menu-open .reading-navlinks{transform:translateX(0);visibility:visible}
 [data-harmony] .reading-navlinks>a,[data-harmony] .knowledge-menu>summary{padding:12px!important;font-size:15px!important;border-radius:9px}
 [data-harmony] .reading-navlinks>a[aria-current]{background:var(--hm-tint);color:var(--hm-accent)}
 [data-harmony] .knowledge-menu>div{position:static;box-shadow:none;border:0;margin:0 0 6px 15px;min-width:0}
 .hm-public-shade{display:block;position:fixed;inset:68px 0 0;z-index:75;border:0;background:#0f172a80;width:100%}
 .hm-menu-open{overflow:hidden}
}
@media(max-width:600px){
 [data-harmony]{font-size:14px}
 [data-harmony] .reading-brand{font-size:17px;gap:7px}
 [data-harmony] .reading-brand>svg,[data-harmony] .reading-brand>img{width:30px;height:30px}
 [data-harmony] .reading-account .account-register-btn-v2{display:none}
 [data-harmony] .reading-account .account-nav-v2{gap:5px}
 [data-harmony] .reading-nav{padding-left:14px;padding-right:14px}
 .hm-searchbar{gap:6px;flex-wrap:wrap}
 .hm-search-input{flex-basis:calc(100% - 138px);gap:5px!important;padding:0 9px!important}
 .hm-search-input>.hm-icon{display:none}
 .hm-button{padding:10px 12px;font-size:13px;gap:5px;min-height:46px}
 .hm-filter-trigger .hm-icon{width:17px;height:17px;flex-basis:17px}
 .hm-page-size{width:100%;justify-content:flex-end}
 .hm-filter-dialog{top:auto;bottom:0;margin:0;width:100%;max-width:none;max-height:88dvh;border-radius:18px 18px 0 0;border-bottom:0}
 .hm-filter-fields{grid-template-columns:1fr;gap:14px;padding:18px}
 .hm-filter-dialog>header{padding:16px 18px}
 .hm-filter-dialog footer{padding:14px 18px max(14px,env(safe-area-inset-bottom))}
 .hm-filter-dialog footer button{flex:1}
 .hm-pagination>div{gap:4px}.hm-pagination a,.hm-pagination>div>span{padding:7px 9px}
 .hm-pagination{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){[data-harmony] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Resolve inherited grid/header and search sizing rules from the prior theme. */
[data-harmony] .reading-nav{display:flex!important;flex-wrap:nowrap!important}
[data-harmony] .hm-public-menu{width:42px!important;min-width:42px!important;max-width:42px!important;flex:0 0 42px;padding:9px!important}
[data-harmony] .reading-account{width:auto!important;flex:0 0 auto}
[data-harmony] .reading-search.hm-filter-form,[data-harmony] .rx-directory-search.hm-filter-form,[data-harmony] .kg-profile-search.hm-filter-form{height:auto!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
[data-harmony] .hm-search-input{width:auto!important;flex:1 1 0!important}
[data-harmony] .hm-searchbar>.hm-button{flex:0 0 auto!important;width:auto!important}
@media(max-width:600px){[data-harmony] .hm-searchbar{flex-wrap:nowrap!important}[data-harmony] .hm-activity-controls .hm-searchbar{flex-wrap:wrap!important}[data-harmony] .hm-activity-controls .hm-search-input{flex:1 1 100%!important}[data-harmony] .reading-nav{height:68px!important}[data-harmony] .account-trigger-name-v2{display:none!important}}
@media(max-width:600px){[data-harmony] .account-trigger-v2{padding:4px!important;min-width:38px!important}[data-harmony] .account-trigger-v2>.hm-icon{display:none}}
@media(max-width:360px){[data-harmony] .reading-brand{font-size:15px!important;gap:6px!important}[data-harmony] .reading-nav{padding-left:12px;padding-right:12px;gap:7px}[data-harmony] .reading-brand>.hm-icon{width:24px;height:24px;flex-basis:24px}[data-harmony] .account-login-link-v2{display:none!important}}

/* === Harmonisasi katalog & detail buku — 2026-10-04 === */
[data-harmony] .hm-public-filter-chips{padding-top:12px;padding-bottom:2px}
[data-harmony] .hm-public-filter-chips .hm-filter-chips{margin:0}
[data-harmony] .hm-public-filter-chips .hm-filter-chip{background:var(--hm-tint);border-color:var(--hm-border);color:var(--hm-accent);font-size:12px}
[data-harmony] .rx-directory .rx-directory-results{padding-top:14px!important}
[data-harmony] .rx-directory .rx-directory-links{margin-bottom:8px}
[data-harmony] .rx-directory .reading-results-info{margin:6px 0 16px;padding-top:10px;border-top:1px solid var(--hm-border)}
[data-harmony] .rx-directory .reading-results-info strong{font-size:15px}
[data-harmony] .rx-directory .reading-results-info>a{font-size:12px}

[data-harmony] .rx-book-detail .bd13-hero{grid-template-columns:240px minmax(0,1fr);gap:44px}
[data-harmony] .rx-book-detail .bd13-main h1{font-size:clamp(30px,3.2vw,46px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:10px 0 17px!important;max-width:1050px}
[data-harmony] .rx-book-detail .bd13-author{margin-bottom:4px}
[data-harmony] .rx-book-detail .bd13-meta-grid{grid-template-columns:minmax(0,1.6fr) minmax(120px,.7fr) minmax(130px,.8fr);gap:22px;margin-top:25px;padding:17px 0}
[data-harmony] .rx-book-detail .bd13-cover-actions{gap:13px;margin-top:16px}
[data-harmony] .rx-book-detail .bd13-action-block{display:grid;gap:7px}
[data-harmony] .rx-book-detail .bd13-action-block+.bd13-action-block{padding-top:12px;border-top:1px solid var(--hm-border)}
[data-harmony] .rx-book-detail .bd13-action-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--hm-muted)}
[data-harmony] .rx-book-detail .bd13-format-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
[data-harmony] .rx-book-detail .bd13-format-actions .bd13-btn{padding-inline:7px;font-size:12px;white-space:nowrap}
[data-harmony] .rx-book-detail .rx-book-tabs{margin-top:28px;border-radius:10px}
[data-harmony] .rx-book-detail .rx-tab-bar{background:var(--hm-soft)}
[data-harmony] .rx-book-detail .rx-tab-bar a{padding:14px 19px;min-height:48px}
[data-harmony] .rx-book-detail .rx-book-panel{padding:27px}
[data-harmony] .rx-book-detail .rx-book-panel h2{font-size:22px;margin-bottom:16px}
[data-harmony] .rx-book-detail .rx-book-panel .bd13-prose{font-size:15px;line-height:1.85}
[data-harmony] .rx-reader-tools{gap:12px}
[data-harmony] .rx-reader-format-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;flex:1}
[data-harmony] .rx-reader-format-group>span{font-size:11px;color:var(--hm-muted);margin-right:3px}
[data-harmony] .rx-reader-format-group>a{display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:36px;padding:7px 11px;border:1px solid var(--hm-border);border-radius:7px;background:var(--hm-surface);color:var(--hm-text);font-size:12px;font-weight:600;text-decoration:none}
[data-harmony] .rx-reader-format-group>a[aria-current=page]{background:var(--hm-accent);border-color:var(--hm-accent);color:#fff}
[data-harmony] .rx-reader-format-group>a:hover{border-color:var(--hm-accent)}
html[data-theme=dark] [data-harmony] .rx-reader-format-group>a[aria-current=page]{color:#161126}

@media(max-width:900px){
 [data-harmony] .rx-book-detail .bd13-hero{grid-template-columns:200px minmax(0,1fr);gap:26px}
 [data-harmony] .rx-book-detail .bd13-main h1{font-size:clamp(28px,4.4vw,38px)!important}
 [data-harmony] .rx-book-detail .bd13-format-actions{grid-template-columns:1fr}
}
@media(max-width:600px){
 [data-harmony] .hm-public-filter-chips{padding-top:10px;padding-bottom:0}
 [data-harmony] .rx-directory .rx-directory-links{gap:9px 15px;margin-bottom:5px}
 [data-harmony] .rx-directory .reading-results-info{margin-top:4px}
 [data-harmony] .rx-book-detail .bd13-hero{display:flex;gap:22px}
 [data-harmony] .rx-book-detail .bd13-cover-card{grid-template-columns:110px minmax(0,1fr);align-items:start}
 [data-harmony] .rx-book-detail .bd13-cover-frame{width:110px}
 [data-harmony] .rx-book-detail .bd13-format-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-harmony] .rx-book-detail .bd13-format-actions .bd13-btn{font-size:11px;min-height:42px}
 [data-harmony] .rx-book-detail .bd13-main h1{font-size:30px!important;line-height:1.16!important;margin-top:8px!important}
 [data-harmony] .rx-book-detail .bd13-meta-grid{grid-template-columns:1fr 1fr;gap:12px 16px}
 [data-harmony] .rx-book-detail .bd13-meta-item:first-child{grid-column:1/-1}
 [data-harmony] .rx-book-detail .rx-tab-bar a{padding:12px 4px;font-size:11px}
 [data-harmony] .rx-book-detail .rx-book-panel{padding:20px 15px}
 [data-harmony] .rx-reader-tools{align-items:flex-start}
 [data-harmony] .rx-reader-format-group{flex:1 1 auto}
}