/* Al Fatih Buku Islam V4 - scoped stylesheet: does not alter global branding. */
.ab-hero{background:linear-gradient(123deg,#eaf5f0 0%,#f5f4eb 65%,#f8f1e7 100%);border-bottom:1px solid #e5e9e3;padding:70px 0 65px;color:#193e35}
.ab-hero-inner{display:grid;grid-template-columns:1.55fr .8fr;gap:60px;align-items:center}
.ab-kicker{display:inline-block;color:#987b3e;font-size:.73rem;letter-spacing:.16em;font-weight:850;text-transform:uppercase;margin-bottom:12px}
.ab-hero h1{font-size:clamp(2.4rem,5vw,4.1rem);letter-spacing:-.035em;margin:0 0 14px;line-height:1.13;color:#123b31}
.ab-hero p{max-width:630px;font-size:1.06rem;line-height:1.8;color:#526b61;margin:0}
.ab-hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}
.ab-hero-tags span{font-size:.81rem;font-weight:750;background:#fff9;border:1px solid #d7e5dc;color:#205b47;border-radius:22px;padding:9px 13px}
.ab-admin-shortcut{display:inline-block;margin-top:23px;border-radius:12px;background:#11604c;color:#fff!important;padding:12px 18px;font-weight:750;text-decoration:none}
.ab-hero-art{min-height:180px;max-width:340px;width:100%;justify-self:center;border-radius:20px;background:linear-gradient(135deg,#11604c,#063c32);display:grid;place-content:center;text-align:center;box-shadow:15px 18px 0 #dfe9df;color:#ebda9d;transform:rotate(-3deg);border:5px solid #f9faf4}
.ab-hero-art span{font-family:serif;font-size:4rem;line-height:1.5}.ab-hero-art small{font-weight:650;font-size:.8rem;color:#f8f6e1}
.ab-section{padding-top:53px;padding-bottom:80px}.ab-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:23px}.ab-heading h2,.ab-admin-section h1{margin:0;color:#123b31}.ab-heading h2{font-size:clamp(1.6rem,3vw,2.25rem)}.ab-heading p{margin:7px 0;color:#6b7772}
.ab-outline{border:1px solid #d8e4dc;color:#16614b!important;background:#fff;text-decoration:none;border-radius:11px;padding:10px 17px;font-weight:750;white-space:nowrap}
.ab-search{background:#fff;border:1px solid #e2e9e6;padding:12px;display:flex;gap:10px;box-shadow:0 8px 32px #092c2112;border-radius:18px;margin-bottom:30px}.ab-search input,.ab-search select{min-height:49px;padding:12px 15px;border:1px solid #dce5df;border-radius:10px;background:#fdfefd;font:inherit;color:#224c40;min-width:0}.ab-search input{flex:1}.ab-search select{min-width:180px}.ab-search button,.ab-admin-buttons button{background:#11614c;color:#fff;font:inherit;font-weight:800;border:0;border-radius:11px;cursor:pointer;padding:12px 24px}.ab-search button:hover,.ab-admin-buttons button:hover{background:#063f32}.ab-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.ab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.ab-card{background:#fff;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5ebe7;border-radius:21px;box-shadow:0 10px 30px #142c2111;transition:transform .2s,box-shadow .2s}.ab-card:hover{transform:translateY(-4px);box-shadow:0 15px 45px #142c2120}.ab-cover-frame{position:relative;height:266px;background:linear-gradient(135deg,#e6ede7,#f7f4e8);display:grid;place-items:center;padding:15px}.ab-cover{width:170px;height:235px;max-width:100%;object-fit:contain;filter:drop-shadow(9px 9px 5px #173f3530)}.ab-cover-tag{position:absolute;right:13px;top:13px;color:#065743;background:#eefff5;border-radius:7px;padding:5px 8px;font-size:.66rem;font-weight:850;letter-spacing:.05em}
.ab-card-body{padding:19px;display:flex;flex-direction:column;gap:9px;flex:1}.ab-cat{color:#996f2c;font-size:.72rem;font-weight:900;letter-spacing:.095em;text-transform:uppercase}.ab-card h3{font-size:1.08rem;line-height:1.45;margin:0;color:#153e34;min-height:3.05em}.ab-card p{font-size:.84rem;line-height:1.6;color:#566e65;margin:0;flex:1}.ab-license{font-size:.7rem;color:#6e8076;line-height:1.6;border-top:1px solid #edf0ed;padding-top:9px}.ab-license a{color:#236654!important}.ab-read{display:block;background:#11614d;color:#fff!important;text-align:center;text-decoration:none;border-radius:10px;padding:12px 7px;font-weight:800;font-size:.88rem;margin-top:6px}.ab-share{text-align:center;color:#287a5a!important;text-decoration:none;font-size:.8rem;font-weight:750}.ab-note{background:#f7f5ed;color:#5f6458;border-left:3px solid #bc9d54;padding:17px 22px;border-radius:12px;line-height:1.7;margin-top:37px}.ab-note p{margin:6px 0 0;font-size:.83rem}.ab-empty{background:#f3f8f3;padding:32px;text-align:center;border-radius:16px}.ab-pagination{display:flex;gap:7px;margin:32px 0;flex-wrap:wrap}.ab-pagination a{padding:10px 13px;text-decoration:none;color:#1c5b46!important;background:#f2f6f1;border-radius:8px}.ab-pagination .ab-current{background:#11604c;color:white!important}
.ab-admin-section{padding:30px 25px 70px}.ab-admin-section>h1{font-size:2rem;margin:2px 0 8px}.ab-admin-section>p{color:#63776b;line-height:1.7}.ab-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.ab-admin-stats>div{background:#fff;border:1px solid #e4ede7;border-radius:14px;padding:17px 20px}.ab-admin-stats strong{color:#11604c;font-size:1.8rem;display:block}.ab-admin-stats span{font-size:.8rem;color:#64796c}.ab-admin-links{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.ab-admin-links a{background:#eaf4ee;color:#11604c!important;padding:10px 14px;text-decoration:none;border-radius:9px;font-size:.85rem;font-weight:800}
.ab-alert{padding:13px 16px;border-radius:10px;margin:12px 0;font-weight:700}.ab-error{background:#ffe4e4;color:#9a2323}.ab-success{background:#e1f4e9;color:#157744}
.ab-admin-form-card{background:white;border:1px solid #e2ebe5;border-radius:20px;box-shadow:0 10px 30px #123b310b;padding:25px;margin-bottom:28px}.ab-admin-form-card h2{font-size:1.3rem;margin:0 0 20px;color:#173b32}.ab-admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ab-admin-fields label{display:flex;flex-direction:column;gap:7px;color:#305347;font-weight:750;font-size:.85rem}.ab-admin-fields .ab-span{grid-column:1/-1}.ab-admin-fields input,.ab-admin-fields select,.ab-admin-fields textarea{width:100%;background:#fcfdfc;color:#243a33;border:1px solid #dce6dc;border-radius:9px;font:inherit;font-weight:400;padding:12px}.ab-admin-fields textarea{resize:vertical}.ab-check{display:flex;gap:10px;align-items:start;margin-top:17px;color:#415c4e;font-size:.86rem;line-height:1.5}.ab-check input{width:18px;height:18px;accent-color:#11614c;flex:0 0 18px}.ab-admin-buttons{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:24px}.ab-admin-buttons small{color:#69796f}.ab-admin-list-heading{font-size:1.35rem;color:#113f32}.ab-admin-table{background:#fff;border:1px solid #e4eee7;border-radius:16px;overflow:auto}.ab-admin-table table{width:100%;border-collapse:collapse;min-width:700px}.ab-admin-table th{text-align:left;background:#f4f8f5;color:#2f5b4b;padding:14px;font-size:.79rem}.ab-admin-table td{padding:13px 14px;border-top:1px solid #edf1ee;vertical-align:top;color:#445a4e;font-size:.84rem}.ab-admin-table td strong{display:block;color:#203c33}.ab-admin-table td small{display:block;font-size:.75rem;margin-top:4px}.ab-status{font-size:.75rem;font-weight:800;border-radius:6px;padding:6px 9px;background:#f5ede1;color:#85631d}.ab-status.on{background:#e2f5ea;color:#1b7947}.ab-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ab-acts a,.ab-acts button{display:inline-flex;font:inherit;font-size:.77rem;padding:6px 8px;border:1px solid #e3ebe6;border-radius:6px;background:#f8fbf9;color:#16654e!important;text-decoration:none;cursor:pointer}.ab-acts button{color:#a03333!important;background:#fff9f9}.ab-acts form{margin:0}
@media(max-width:1080px){.ab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ab-hero-inner{gap:25px}}
@media(max-width:720px){.ab-hero{padding:45px 0}.ab-hero-inner{grid-template-columns:1fr}.ab-hero-art{display:none}.ab-heading{align-items:start;flex-direction:column}.ab-search{flex-direction:column}.ab-search select{min-width:0}.ab-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ab-card-body{padding:13px}.ab-cover-frame{height:195px}.ab-cover{height:175px}.ab-card h3{font-size:.95rem}.ab-card p{font-size:.78rem}.ab-admin-fields{grid-template-columns:1fr}.ab-admin-fields .ab-span{grid-column:1}.ab-admin-section{padding:24px 12px 60px}}
@media(max-width:420px){.ab-grid{grid-template-columns:1fr}.ab-cover-frame{height:260px}.ab-cover{height:228px}}

/* V5 halaman detail buku */
.ab-detail{display:grid;grid-template-columns: minmax(230px,330px) 1fr;gap:30px;margin:28px 0;padding:25px;background:#fff;border:1px solid #e2ebe5;border-radius:22px}.ab-detail .ab-cover-frame{min-height:360px;height:auto}.ab-detail .ab-cover{width:240px;height:330px}.ab-detail h2{font-size:clamp(1.6rem,3vw,2.3rem);color:#153e34}.ab-detail p{line-height:1.8;color:#4a6357}.ab-detail .ab-read{max-width:300px}.ab-detail .ab-share{display:inline-block}@media(max-width:720px){.ab-detail{grid-template-columns:1fr;padding:13px}}