:root{
  --ink:#0c0b09;--green:#0e1c17;--gold:#c8a24c;--gold-bright:#e7cd85;--gold-deep:#8f6f30;--gold-soft:#d8bd7d;
  --cream:#f5ede0;--cream-line:#dccaa9;--paper-ink:#37301f;--paper-ink-2:#6a5d44;
  --txt-light:#ece0c9;--txt-mut:#b3a684;
  --hero-bg:var(--ink);--band-bg:var(--cream);--band-line:var(--cream-line);
  --fiqh-bg:var(--green);--fiqh-txt:var(--txt-light);--fiqh-mut:var(--txt-mut);
  --foot-bg:#0a1411;--foot-txt:#c9bfa6;--foot-mut:#7e7861;
  --shadow-deep:0 40px 80px -30px rgba(0,0,0,.85);--maxw:1240px;
}
[data-theme="light"]{
  --hero-bg:#f4efe4;--txt-light:#2c2517;--txt-mut:#6c5f44;--band-bg:#f4efe4;
  --fiqh-bg:#f4efe4;--fiqh-txt:#2c2517;--fiqh-mut:#6c5f44;--foot-bg:#1a261f;--foot-txt:#d8cfb8;--foot-mut:#8e8870;
}
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:var(--root-fs,16px);scroll-behavior:smooth}
body{font-family:'El Messiri',sans-serif;background:var(--hero-bg);color:var(--txt-light);line-height:1.7;overflow-x:hidden;transition:background .5s,color .5s}
::selection{background:var(--gold);color:#0c0b09}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:4px}
.grain{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("../images/img-65d15d3d77.svg")}
.cover-img{display:block;width:100%;border-radius:5px 9px 9px 5px;border:1px solid rgba(200,162,76,.45);box-shadow:var(--shadow-deep)}

/* SHARED */
.eyebrow{font-family:'Reem Kufi';font-size:.82rem;letter-spacing:2px;color:var(--gold);display:inline-flex;align-items:center;gap:.7rem}
.eyebrow::before,.eyebrow::after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.eyebrow::after{background:linear-gradient(90deg,var(--gold),transparent)}
.btn-gold{display:inline-flex;align-items:center;gap:.55rem;font-family:'Reem Kufi';font-size:.95rem;padding:.7rem 1.5rem;border-radius:11px;cursor:pointer;border:1px solid var(--gold-bright);background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));color:#1a1305;font-weight:600;box-shadow:0 14px 30px -16px rgba(200,162,76,.8);transition:.3s}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 20px 38px -16px rgba(200,162,76,.95)}
.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;font-family:'Reem Kufi';font-size:.95rem;padding:.65rem 1.3rem;border-radius:11px;cursor:pointer;border:1px solid var(--gold);background:transparent;color:var(--gold-bright);transition:.3s}
.btn-ghost:hover{background:rgba(200,162,76,.12)}

/* SHOWCASE (flip) */
.showcase{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.1rem}
.show-stage{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:400px}
.spines{position:absolute;inset:0;background-position:center;background-size:contain;background-repeat:no-repeat;border-radius:16px;opacity:.95}
.sp-t{background-image:url('../images/img-aa12ea20df.jpg')}
.sp-f{background-image:url('../images/img-1b33c13b30.jpg')}
[data-theme="light"] .sp-t{background-image:url('../images/img-194d5aee51.jpg')}
[data-theme="light"] .sp-f{background-image:url('../images/img-2a179cf04e.jpg')}
.podium{display:none}
@keyframes glowpulse{0%,100%{opacity:.85}50%{opacity:1;transform:scale(1.05)}}
.show-book{position:relative;z-index:3;width:210px;transition:transform .4s,opacity .4s}
.show-book::after{content:"";position:absolute;left:-12px;right:-12px;bottom:-22px;height:28px;border-radius:50%;background:radial-gradient(closest-side,rgba(231,205,133,.9),rgba(200,162,76,.18),transparent 72%);filter:blur(3px);z-index:-1;animation:glowpulse 4.5s ease-in-out infinite}
.show-book.flip{opacity:0;transform:translateY(10px) scale(.95)}
.show-book .cover-img{box-shadow:0 50px 90px -28px rgba(0,0,0,.92),0 0 60px -4px rgba(231,205,133,.45)}
.vol-badge{position:absolute;bottom:-17px;right:50%;transform:translateX(50%);width:42px;height:42px;border-radius:50%;background:#0c1410;border:1px solid var(--gold);color:var(--gold-bright);font-family:'Amiri';font-size:1.25rem;display:grid;place-items:center;z-index:4;box-shadow:0 10px 22px -8px #000}
.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:rgba(12,16,14,.9);color:var(--gold-bright);font-size:1.6rem;cursor:pointer;display:grid;place-items:center;transition:background .25s,color .25s,box-shadow .25s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;line-height:1;box-shadow:0 10px 24px -12px #000}
.nav-arrow:hover{background:var(--gold);color:#0c0b09;box-shadow:0 12px 26px -10px rgba(200,162,76,.7)}
.nav-arrow.prev{right:calc(50% + 114px)}
.nav-arrow.next{left:calc(50% + 114px)}
.show-detail{text-align:center;width:100%}
.show-detail .vt{font-family:'Amiri';font-size:1.5rem;color:var(--sc-txt,#f3ecd9)}
.show-detail .sub1{font-family:'Markazi Text';font-weight:700;font-size:1.18rem;color:var(--gold-bright);margin:.1rem 0 .25rem}
.show-detail .sub2{font-size:.9rem;color:var(--sc-mut,#b3a684)}
.dots{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin:.9rem 0 .2rem}
.dot{width:34px;height:34px;border-radius:50%;border:1px solid rgba(200,162,76,.4);background:transparent;color:var(--gold-soft);font-family:'Amiri';cursor:pointer;transition:.2s;display:grid;place-items:center;font-size:.88rem}
.dot:hover{border-color:var(--gold);color:var(--gold-bright)}
.dot{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.dot.active{background:var(--gold);color:#0c0b09;border-color:var(--gold)}
.show-actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:.4rem}
.btn-read{background:#16231d;color:var(--gold-bright);border:1px solid #16231d}
.btn-read:hover{background:#0f1814;color:var(--gold-bright)}

/* PAGE HERO (text written inside the image's central white space) */
.page-hero{position:relative;line-height:0;background:var(--hero-bg);overflow:hidden}
.ph-frame{position:relative;line-height:0}
.ph-img{display:block;width:100%;height:auto}
.ph-hot{position:absolute;top:45%;height:51%;display:block;cursor:pointer;z-index:3}
.ph-hot.t{left:75.5%;width:18.5%}
.ph-hot.f{left:57.5%;width:17.5%}
@media(min-width:981px){
  .page-hero{padding:26px 0}
  .ph-frame{height:clamp(360px,56vh,520px);width:auto;aspect-ratio:2200/1051;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 24px 55px -28px rgba(40,30,15,.45)}
  .ph-frame .ph-img{height:100%;width:100%;object-fit:contain}
}

/* HERO */
.hero{background:var(--fiqh-bg);position:relative;overflow:hidden;transition:background .5s}
.hero::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background:radial-gradient(120% 80% at 80% 0%,rgba(200,162,76,.16),transparent 55%),radial-gradient(90% 70% at 12% 100%,rgba(200,162,76,.10),transparent 60%)}
.hero-in{max-width:var(--maxw);margin:0 auto;padding:0.4rem 1.4rem 4.5rem;display:grid;grid-template-columns:1fr 1.02fr;gap:3rem;align-items:center;position:relative;z-index:2}
.hero .showcase{--sc-txt:var(--txt-light);--sc-mut:var(--txt-mut);order:2}
.hero-in .hero-copy{order:1}
.hero-copy .eyebrow{margin-bottom:1.1rem}
.hero-copy h2{font-family:'Amiri';font-weight:700;font-size:clamp(2.6rem,6vw,4.4rem);color:var(--txt-light);line-height:1.08;letter-spacing:1px}
[data-theme="dark"] .hero-copy h2{color:#f3ecd9;text-shadow:0 2px 30px rgba(200,162,76,.25)}
.hero-copy .lead{font-family:'Reem Kufi';font-size:clamp(1.05rem,2.4vw,1.5rem);color:var(--gold-bright);margin:.7rem 0 1.3rem}
.hero-copy p.desc{font-size:1.02rem;color:var(--txt-mut);max-width:34rem;margin-bottom:1.9rem}
.features{display:flex;gap:2.2rem;flex-wrap:wrap}
.feat{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;min-width:84px}
.feat svg{width:30px;height:30px;color:var(--gold)}
.feat .ft{font-family:'Reem Kufi';font-size:.82rem;color:var(--txt-light)}
.feat .fm{font-size:.72rem;color:var(--txt-mut)}
.feat:not(:last-child){border-left:1px solid rgba(200,162,76,.2);padding-left:2.2rem}

/* FIQH */
.fiqh{background:var(--fiqh-bg);color:var(--fiqh-txt);position:relative;overflow:hidden;transition:background .5s}
.fiqh::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;background:radial-gradient(80% 90% at 85% 50%,rgba(200,162,76,.12),transparent 60%)}
.fiqh-in{max-width:var(--maxw);margin:0 auto;padding:4rem 1.4rem;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;position:relative;z-index:2}
.fiqh .showcase{--sc-txt:var(--fiqh-txt);--sc-mut:var(--fiqh-mut)}
.fiqh-copy h2{font-family:'Amiri';font-size:clamp(2rem,4.5vw,3rem);margin:.7rem 0 .3rem;color:var(--fiqh-txt)}
.fiqh-copy .sub{font-family:'Markazi Text';font-weight:700;font-size:1.35rem;color:var(--gold-bright);margin-bottom:.7rem}
.fiqh-copy p{color:var(--fiqh-mut);max-width:30rem;margin-bottom:1.2rem}
.fiqh-meta{font-family:'Reem Kufi';color:var(--gold-soft);font-size:.86rem;opacity:.9}

/* FOOTER */
footer{background:var(--foot-bg);color:var(--foot-txt);padding:3.4rem 1.4rem 0;transition:background .5s}

/* SEARCH */
.search-ov{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:99;background:rgba(7,6,5,.94);display:none;align-items:flex-start;justify-content:center;padding-top:14vh}
.search-ov.open{display:flex}
.search-box{width:min(620px,92vw)}
.search-box input{width:100%;font-family:'El Messiri';font-size:1.2rem;padding:1.1rem 1.4rem;border-radius:14px;border:1px solid var(--gold);background:#11100c;color:#ece0c9;outline:none}
.search-box input::placeholder{color:#8c8268}
.search-hint{color:#b3a684;font-family:'Reem Kufi';font-size:.85rem;margin-top:.8rem;text-align:center}
.search-res{margin-top:1rem;background:#11100c;border:1px solid rgba(200,162,76,.25);border-radius:14px;overflow:hidden;max-height:46vh;overflow-y:auto}
.search-res a{display:block;padding:.85rem 1.2rem;border-bottom:1px solid rgba(200,162,76,.1);color:#ece0c9;cursor:pointer}
.search-res a:hover{background:rgba(200,162,76,.1);color:var(--gold-bright)}
.search-res .rk{font-family:'Reem Kufi';color:var(--gold);font-size:.78rem}

.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}
.reveal.in{opacity:1;transform:none}

/* ===== DAY (LIGHT) THEME REFINEMENTS ===== */
[data-theme="light"] .show-stage{border-radius:18px}
[data-theme="light"] .show-book::after{background:radial-gradient(closest-side,rgba(143,111,48,.3),rgba(143,111,48,.08),transparent 72%)}
[data-theme="light"] .show-book .cover-img{box-shadow:0 30px 60px -26px rgba(60,45,20,.45),0 0 0 1px rgba(143,111,48,.25)}
[data-theme="light"] .nav-arrow{background:rgba(255,255,255,.8);color:#0e3a2b;border-color:rgba(143,111,48,.6);box-shadow:0 10px 24px -14px rgba(60,45,20,.4)}
[data-theme="light"] .nav-arrow:hover{background:#0e3a2b;color:#f0e4c6;border-color:#0e3a2b}
[data-theme="light"] .show-detail .vt{color:#0c3527}
[data-theme="light"] .show-detail .sub1{color:#8f6f30}
[data-theme="light"] .show-detail .sub2{color:#6a5d3f}
[data-theme="light"] .dot{color:#8f6f30;border-color:rgba(143,111,48,.45)}
[data-theme="light"] .dot:hover{color:#0e3a2b;border-color:#8f6f30}
[data-theme="light"] .dot.active{background:#0e3a2b;color:#f0e4c6;border-color:#0e3a2b}
[data-theme="light"] .hero-copy .lead{color:#8f6f30}
[data-theme="light"] .eyebrow{color:#8f6f30}
[data-theme="light"] .eyebrow::before{background:linear-gradient(90deg,transparent,#8f6f30)}
[data-theme="light"] .eyebrow::after{background:linear-gradient(90deg,#8f6f30,transparent)}
[data-theme="light"] .fiqh-copy h2{color:#0c3527}
[data-theme="light"] .fiqh-copy .sub{color:#8f6f30}
[data-theme="light"] .fiqh-meta{color:#6a5d3f}
[data-theme="light"] .btn-read{background:#13503b;color:#f0e4c6;border-color:#13503b}
[data-theme="light"] .btn-read:hover{background:#0e3a2b;color:#f0e4c6}
[data-theme="light"] .btn-ghost{color:#8f6f30;border-color:#8f6f30}
[data-theme="light"] .btn-ghost:hover{background:rgba(143,111,48,.12)}

@media(max-width:980px){.hero-in,.fiqh-in{grid-template-columns:1fr;gap:2.2rem}}
@media(max-width:760px){
  .features{gap:1.1rem}
  .feat:not(:last-child){border:none;padding-left:0}
  .nav-arrow{width:42px;height:42px;font-size:1.5rem}
}
@media(max-width:430px){.show-stage{min-height:320px}.show-book{width:158px}.nav-arrow.prev{right:calc(50% + 90px)}.nav-arrow.next{left:calc(50% + 90px)}}

.hpc-topbar,.hpc-nav,.hpc-footer{--cream:#f9f6ef;--green:#1a2d2a;--green-f:#0e2924;--gold:#d79c53;--gold-d:#c0863b;--gold-l:#ecc486;--ink:#1e2f2b;--ink-soft:#5c6b63;--line:#e3ddd0}
html[data-theme="dark"] .hpc-topbar,html[data-theme="dark"] .hpc-nav,html[data-theme="dark"] .hpc-footer{--cream:#12211d;--ink:#eef3ee;--ink-soft:#9fb0a6;--line:#22382f}
.hpc-topbar,.hpc-nav,.hpc-footer{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;line-height:1.6;box-sizing:border-box}
.hpc-topbar *,.hpc-nav *,.hpc-footer *{box-sizing:border-box}
.hpc-topbar a,.hpc-nav a,.hpc-footer a{text-decoration:none}
.hpc-wrap{max-width:1280px;margin:0 auto;padding:0 28px}
.hpc-topbar{background:var(--cream);border-bottom:1px solid var(--line)}
.hpc-topbar .hpc-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}
.hpc-logo{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1;flex-shrink:0}
.hpc-controls{display:flex;align-items:center;gap:14px}
.hpc-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;width:230px;color:var(--ink-soft)}
html[data-theme="dark"] .hpc-search{background:#0e1c18}
.hpc-search input{border:0;background:transparent;outline:0;font-family:inherit;font-size:.9rem;color:var(--ink);width:100%}
.hpc-search svg{color:var(--ink-soft);flex-shrink:0}
.hpc-date{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:.82rem;white-space:nowrap}
.hpc-date svg{color:var(--gold-d)}
.hpc-date .hpc-d2{color:var(--ink-soft)}
.hpc-fbtns{display:flex;gap:6px;direction:ltr}
.hpc-fbtns button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:5px 10px;font-family:inherit;font-weight:600;cursor:pointer;font-size:.85rem}
.hpc-fbtns button:hover{border-color:var(--gold)}
.hpc-night{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:8px 14px;font-family:inherit;font-size:.85rem;cursor:pointer;white-space:nowrap}
.hpc-night:hover{border-color:var(--gold)}
.hpc-night svg{color:var(--gold-d)}
.hpc-nav{background:var(--green)}
html[data-theme="dark"] .hpc-nav{background:#0c1815;border-bottom:1px solid var(--line)}
.hpc-nav .hpc-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-start}
.hpc-nav-link{color:#e8eee9;padding:16px 16px;font-size:.95rem;position:relative;font-weight:500;transition:color .2s}
.hpc-nav-link:hover{color:var(--gold-l)}
.hpc-nav-link.active{color:var(--gold)}
.hpc-nav-link.active::after{content:"";position:absolute;bottom:0;right:16px;left:16px;height:3px;background:var(--gold);border-radius:3px 3px 0 0}
.hpc-nav-link.disabled{color:#8fa198;cursor:default}
.hpc-nav-link.disabled:hover{color:#8fa198}
.hpc-soon-badge{background:rgba(215,156,83,.16);color:var(--gold-l);font-size:.66rem;font-weight:600;padding:2px 8px;border-radius:999px;margin-right:4px;vertical-align:middle}
.hpc-footer{background:var(--green-f);color:#d7e0d8}
.hpc-footer .hpc-wrap{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;padding-block:52px}.hpc-footer .hpc-wrap>div:nth-child(2),.hpc-footer .hpc-wrap>div:nth-child(3){text-align:center}.hpc-footer .hpc-socials{justify-content:center}
.hpc-footer h4{color:var(--gold);font-size:1.05rem;margin-bottom:18px;font-weight:700}
.hpc-footer p{color:#aebbb2;font-size:.9rem;line-height:1.9}
.hpc-footer ul{list-style:none;margin:0;padding:0}
.hpc-footer li{margin-bottom:11px}
.hpc-footer li a{color:#c3cec5;font-size:.92rem;position:relative;padding-right:14px}@media(min-width:981px){.hpc-footer h4{font-size:1.2rem}.hpc-footer p{font-size:1rem;line-height:2}.hpc-footer li a{font-size:1.03rem}}
.hpc-footer li a::before{content:"\2022";position:absolute;right:0;color:var(--gold-d)}
.hpc-footer li a:hover{color:var(--gold-l)}
.hpc-socials{display:flex;gap:12px;direction:ltr}
.hpc-socials a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(215,156,83,.4);color:var(--gold);transition:.2s}
.hpc-socials a:hover{background:var(--gold);color:var(--green-f)}
.hpc-copybar{border-top:1px solid rgba(255,255,255,.08)}
.hpc-copybar .hpc-wrap{display:flex;align-items:center;justify-content:space-between;padding-block:18px;color:#9fb0a6;font-size:.85rem;flex-wrap:wrap;gap:10px}
.hpc-copybar .hpc-dev{color:var(--gold-d)}
.hpc-copybar .hpc-dev b{color:var(--gold)}
@media(max-width:1150px){
  .hpc-topbar .hpc-wrap{flex-wrap:wrap}
  .hpc-search{width:100%;order:5}
}
@media(max-width:980px){.hpc-footer .hpc-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hpc-topbar .hpc-wrap{flex-wrap:wrap;gap:12px;justify-content:center}.hpc-search{width:100%;order:5}.hpc-controls{flex-wrap:wrap;justify-content:center}.hpc-nav .hpc-wrap{justify-content:center;gap:0}.hpc-nav-link{padding:12px 10px;font-size:.82rem}.hpc-footer .hpc-wrap{grid-template-columns:1fr;gap:26px}.hpc-copybar .hpc-wrap{justify-content:center;text-align:center}}

.page-hero{padding:0;background:var(--hero-bg);overflow:hidden}
.ph-frame{aspect-ratio:auto;height:auto;max-height:none;width:100%;margin:0;border-radius:0;box-shadow:none;overflow:visible}
.ph-frame .ph-img{width:100%;height:auto;display:block;object-fit:unset}

.ph-frame .ph-img-m{display:none}
@media(max-width:760px){
  .page-hero{padding:0}
  .ph-frame .ph-img{display:none !important}
  .ph-frame .ph-img-m{display:block !important;width:100% !important;height:auto !important}
}

@media(max-width:760px){ .hero-in{padding-top:0.3rem} }

.hpc-logo .hpc-lg-img{height:64px;width:auto;display:block}@media(max-width:760px){.hpc-logo .hpc-lg-img{height:50px}}

html[data-theme="light"] .page-hero,html[data-theme="light"] .hero,html[data-theme="light"] .fiqh,html[data-theme="light"] body{background:#f4efe4!important}html[data-theme="dark"] .page-hero,html[data-theme="dark"] .hero,html[data-theme="dark"] .fiqh,html[data-theme="dark"] body{background:#0c1815!important}.hero::before,.fiqh::before{display:none!important}

.page-hero .ph-frame{position:relative}
.page-hero .ph-frame>.ph-img{display:block;width:100%;height:auto}
.page-hero .ph-frame>.ph-img-m{display:none;width:100%;height:auto}
.page-hero .ph-over{position:absolute;top:0;right:0;bottom:0;left:auto;width:60%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:right;padding:0 clamp(14px,3vw,46px) 0 1%;direction:rtl;line-height:1.35}
.page-hero .bk-slogan{font-family:"Cairo",sans-serif;color:#0f3b2c;font-weight:800;font-size:clamp(22px,2.9vw,42px);line-height:1.18;margin:0}
.page-hero .bk-slogan span{display:block;color:#0f3b2c;font-size:.62em;font-weight:600;margin-top:.15em}
.page-hero .rh-orn{display:block;width:clamp(100px,14vw,185px);height:2px;background:#c8a24c;margin:clamp(9px,1.3vw,15px) 0 clamp(7px,.9vw,12px)}
.page-hero .rh-orn i,.page-hero .rh-orn b{display:none}
.page-hero .bk-sub{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;font-weight:600;color:#0f3b2c;font-size:clamp(15px,1.65vw,22px);margin:0 0 clamp(5px,.7vw,10px)}
.page-hero .bk-books{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;font-size:clamp(13px,1.2vw,17px);color:#0f3b2c;display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.page-hero .bk-books a{color:#0f3b2c;border-bottom:1px solid rgba(143,111,48,.5);padding-bottom:1px;transition:color .2s}
.page-hero .bk-books a:hover{color:#8f6f30}
.page-hero .bk-books .sep{color:#c8a24c}
@media(max-width:760px){
.page-hero .ph-frame>.ph-img{display:none!important}
.page-hero .ph-frame>.ph-img-m{display:block!important;width:100%!important;height:auto!important}
.page-hero .ph-over{width:56%;padding:clamp(4px,1.6vw,10px) 5% 0 2%;justify-content:flex-start}
.page-hero .bk-slogan{font-size:clamp(25px,8vw,36px);line-height:1.16}
.page-hero .bk-slogan span{display:block;width:fit-content;width:-moz-fit-content;position:relative;font-size:.48em}
.page-hero .bk-slogan span::after{content:"";display:block;width:100%;height:2px;background:#c8a24c;border-radius:2px;margin:8px 0 11px}
.page-hero .rh-orn{display:none!important}
.page-hero .bk-sub{font-size:clamp(12px,3.3vw,15px);font-weight:600;margin-bottom:3px}
.page-hero .bk-books{display:flex;font-size:clamp(9px,2.4vw,12px);gap:6px}
}

@media(max-width:760px){
 .hpc-topbar .hpc-wrap{flex-wrap:wrap;gap:9px;justify-content:space-between}
 .hpc-controls{flex-wrap:nowrap;gap:9px;justify-content:flex-end}
 .hpc-logo{flex-shrink:0}
 .hpc-logo .hpc-lg-img{height:48px}
 .hpc-date{font-size:.7rem;gap:6px;line-height:1.35;white-space:nowrap}
 .hpc-date svg{width:17px;height:17px;flex-shrink:0}
 .hpc-fbtns{gap:6px}
 .hpc-fbtns button{padding:6px 10px;font-size:.85rem}
 .hpc-night{padding:9px;gap:0}
 .hpc-night span{display:none}
}