.sebs-root{--ink:#111827;--mut:#6b7280;--line:#e5e7eb;--bg:#fff;font-family:inherit;color:var(--ink);box-sizing:border-box;margin:16px 0}
.sebs-root *,.sebs-root *::before,.sebs-root *::after{box-sizing:border-box}
.sebs-root [hidden]{display:none!important}
.sebs-head{margin-bottom:14px}
.sebs-h{margin:0 0 6px;font-size:1.6em;line-height:1.2}
.sebs-d{margin:0;color:var(--mut)}
.sebs-lock{margin:0 0 14px;padding:14px 16px;border-radius:14px;background:#fef3c7;border:1px solid #fcd34d;color:#78350f;font-size:.95em;line-height:1.5}
.sebs-lock-t{display:block;font-size:1.02em;margin-bottom:2px}
.sebs-lock-a{font-weight:700;color:#92400e;text-decoration:underline}
.sebs-lock-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sebs-lk{border:1px solid #b45309;background:transparent;color:#78350f;border-radius:999px;padding:8px 16px;font-size:.9em;font-weight:700;cursor:pointer;line-height:1.2;min-height:38px}
.sebs-lk.sebs-lk-pri{background:#b45309;color:#fff}
.sebs-lk:hover{filter:brightness(1.07)}
.sebs-lk:focus-visible{outline:2px solid #111827;outline-offset:2px}
.sebs-tools{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.sebs-q{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:12px;font-size:1em;background:#fff;color:var(--ink)}
.sebs-q:focus{outline:2px solid #6366f1;outline-offset:1px}
.sebs-chips{display:flex;flex-wrap:wrap;gap:6px}
.sebs-chip{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:6px 14px;font-size:.9em;cursor:pointer;line-height:1.2}
.sebs-chip.on{background:#4f46e5;border-color:#4f46e5;color:#fff;font-weight:600}
.sebs-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:620px){.sebs-grid.sebs-c2,.sebs-grid.sebs-c3,.sebs-grid.sebs-c4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.sebs-grid.sebs-c3{grid-template-columns:repeat(3,1fr)}.sebs-grid.sebs-c4{grid-template-columns:repeat(4,1fr)}}
.sebs-card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:transform .18s ease,box-shadow .18s ease}
.sebs-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px -16px rgba(30,27,58,.45)}
.sebs-card.sebs-busy{opacity:.85}
/* Sampul katalog: sama dengan sampul mini Artikel PDF (tata letak = halaman sampul PDF). Empat gaya (data-cv 0-3). */
.sebs-defs{position:absolute;width:0;height:0;overflow:hidden}
.sebs-cv{display:block;padding:clamp(8px,3.4%,14px) clamp(8px,3.4%,14px) 6px;background:linear-gradient(180deg,#eceef3,#f4f5f8)}
.sebs-mc{--cv-navy:#8b4a8b;--cv-acc:#d63384;--cv-ink:#2b2140;--cv-p0:#fff3f9;--cv-p1:#f7f5ff;--cv-h0:#a9b1fb;--cv-h1:#d8a8ea;--cv-b0:#e0699f;--cv-b1:#bd5a9f;--cv-b2:#9b4a93;--cv-wave:#4fa8d8;--cv-node:#2f8fc9;
  position:relative;width:100%;aspect-ratio:1240/1754;container-type:inline-size;overflow:hidden;
  background:linear-gradient(155deg,var(--cv-p0) 0%,#fff 55%,var(--cv-p1) 100%);
  box-shadow:0 .6cqw 2.4cqw rgba(31,42,68,.22),0 0 0 1px rgba(31,42,68,.06);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--cv-ink);text-align:left}
.sebs-mc[data-cv="1"]{--cv-navy:#1f5a8a;--cv-acc:#2a9fd6;--cv-ink:#1c3350;--cv-p0:#eef6ff;--cv-p1:#f5f9ff;--cv-h0:#eef3ff;--cv-h1:#e4f1fb;--cv-wave:#4fa8d8;--cv-node:#2f8fc9}
.sebs-mc[data-cv="2"]{--cv-navy:#7a4f2e;--cv-acc:#b5651d;--cv-ink:#3b2a1c;--cv-p0:#fbf6ee;--cv-p1:#f8f0e4;--cv-h0:#c0827f;--cv-h1:#c98f84;--cv-b0:#b87a45;--cv-b1:#a56a3c;--cv-b2:#86553a}
.sebs-mc[data-cv="3"]{--cv-navy:#2f2f2f;--cv-acc:#3a3a3a;--cv-ink:#222;--cv-p0:#fafafa;--cv-p1:#f3f3f3;--cv-h0:#f4f4f4;--cv-h1:#ebebeb;--cv-wave:#7a7a7a;--cv-node:#444}
.sebs-mci{position:absolute;inset:0;display:flex;flex-direction:column;padding:6.4cqw 10.5cqw 5cqw}
.sebs-mci::before{content:"";position:absolute;inset:3cqw;border:1px solid rgba(31,42,68,.1);pointer-events:none}
.sebs-mc .cv-top{display:flex;align-items:center;gap:1.6cqw;padding-bottom:3cqw;border-bottom:.5cqw solid var(--cv-navy);position:relative}
.sebs-mc .cv-logo{flex:none;width:6cqw;height:6cqw;display:block;line-height:0}
.sebs-mc .cv-logo img{display:block;width:100%;height:100%;object-fit:contain}
.sebs-mc .cv-brand{font-weight:700;font-size:1.55cqw;letter-spacing:.2em;white-space:nowrap}
.sebs-mc .cv-brand i{font-style:normal;color:var(--cv-acc);margin-left:.5em}
.sebs-mc .cv-tag{margin-left:auto;text-align:right;font-weight:600;font-size:1.2cqw;letter-spacing:.2em;color:rgba(31,42,68,.5);line-height:1.7;white-space:nowrap}
.sebs-mc .cv-tag small{display:block;font-size:1.2cqw;font-weight:500;letter-spacing:.16em;color:rgba(31,42,68,.4)}
.sebs-mc .cv-cat{display:flex;align-items:center;gap:1.4cqw;margin-top:5.2cqw;font-weight:700;font-size:1.3cqw;letter-spacing:.18em;color:var(--cv-acc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sebs-mc .cv-cat b{flex:none;width:3.2cqw;height:.3cqw;background:var(--cv-acc)}
.sebs-mc .cv-title{margin-top:2.6cqw;font-family:Georgia,"Times New Roman",Times,serif;font-weight:700;font-size:6.1cqw;line-height:1.22;min-height:calc(6.1cqw*1.22*2);color:var(--cv-navy);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.sebs-mc .cv-hero{position:relative;flex:1 1 auto;min-height:12cqw;margin-top:3.6cqw;overflow:hidden;color:#fff;
  background:linear-gradient(180deg,var(--cv-h0),var(--cv-h1));box-shadow:0 1.1cqw 3.4cqw rgba(31,42,68,.2),0 0 0 1px rgba(31,42,68,.1)}
.sebs-mc[data-cv="1"] .cv-hero,.sebs-mc[data-cv="3"] .cv-hero{color:var(--cv-node);background:linear-gradient(135deg,var(--cv-h0),var(--cv-h1))}
.sebs-mc .cv-hero svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.sebs-mc .cv-hero.cv-haspix{background:linear-gradient(135deg,var(--cv-h0),var(--cv-h1))}
.sebs-mc .cv-pix{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain;mix-blend-mode:multiply;display:block}
.sebs-mc .sebs-wv{color:var(--cv-wave)}
.sebs-mc .b0{fill:var(--cv-b0)}.sebs-mc .b1{fill:var(--cv-b1)}.sebs-mc .b2{fill:var(--cv-b2)}
.sebs-mc .cv-bar{position:absolute;left:0;bottom:0;width:11.5%;height:.6cqw;background:var(--cv-acc)}
.sebs-mc .cv-bot{display:grid;grid-template-columns:1.38fr 1fr;column-gap:5cqw;margin-top:3.6cqw;align-items:start}
.sebs-mc .cv-lab{display:flex;align-items:center;gap:1.6cqw;font-weight:700;font-size:1cqw;letter-spacing:.22em;color:var(--cv-acc);line-height:1}
.sebs-mc .cv-lab::after{content:"";flex:1;height:1px;background:rgba(31,42,68,.14)}
.sebs-mc .cv-abs p{margin:2.2cqw 0 0;font-family:Georgia,"Times New Roman",Times,serif;font-size:1.5cqw;line-height:1.66;color:rgba(31,42,68,.78);
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.sebs-mc .cv-kw{margin-top:1.8cqw;font-size:1.15cqw;color:var(--cv-navy);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sebs-mc .cv-kw b{color:var(--cv-navy);margin-right:1.2cqw}
.sebs-mc .cv-meta{margin:0;padding-top:.5cqw;border-top:.3cqw solid var(--cv-navy)}
.sebs-mc .cv-meta>div{height:4.7cqw;display:flex;flex-direction:column;justify-content:center;gap:.5cqw;border-bottom:1px solid rgba(31,42,68,.13);min-width:0}
.sebs-mc .cv-meta>div:last-child{border-bottom:0}
.sebs-mc .cv-meta>div:last-child dd{color:var(--cv-navy)}
.sebs-mc .cv-meta dt{margin:0;font-weight:700;font-size:.8cqw;letter-spacing:.2em;color:rgba(31,42,68,.5);line-height:1}
.sebs-mc .cv-meta dd{margin:0;font-weight:600;font-size:1.42cqw;line-height:1.2;color:var(--cv-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sebs-mc .cv-foot{display:flex;justify-content:space-between;gap:2cqw;margin-top:3cqw;padding-top:2.2cqw;border-top:1px solid rgba(31,42,68,.12);font-size:1.05cqw;color:rgba(31,42,68,.56);position:relative}
.sebs-mc .cv-foot b{color:var(--cv-acc);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sebs-mc .cv-brand{min-width:0;overflow:hidden;text-overflow:ellipsis}
.sebs-mc .cv-sub{margin-top:1.2cqw;font-weight:600;font-size:1.55cqw;line-height:1.3;color:var(--cv-acc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sebs-bd{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}
.sebs-t{margin:0;font-size:1.15em;line-height:1.25}
.sebs-s{margin:0;color:var(--mut);font-size:.9em}
.sebs-feat{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.8em;color:var(--mut)}
.sebs-feat li::before{content:"✓ ";color:#16a34a;font-weight:700}
.sebs-dl{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.sebs-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#f9fafb}
.sebs-row.sebs-top{border-color:var(--c1);background:#fff}
.sebs-n{font-weight:700;font-size:.92em}
.sebs-bt{display:flex;gap:6px}
.sebs-b{border:0;border-radius:8px;padding:7px 14px;font-size:.85em;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));min-height:36px}
.sebs-b.sebs-epub{background:#374151}
.sebs-b:hover:not(:disabled){filter:brightness(1.08)}
.sebs-b:disabled{opacity:.55;cursor:wait}
.sebs-b:focus-visible{outline:2px solid #111827;outline-offset:2px}
/* Pratinjau gratis + gembok: hanya tampil setelah server memastikan pengunjung belum berhak mengunduh. */
.sebs-pvw{display:none;margin-top:2px}
.sebs-root.sebs-locked .sebs-pvw{display:block}
.sebs-pv{width:100%;border:1.5px dashed var(--c1);background:transparent;color:var(--c1);border-radius:10px;padding:8px 12px;font-size:.88em;font-weight:700;cursor:pointer;min-height:38px;line-height:1.2}
.sebs-pv:hover:not(:disabled){background:rgba(79,70,229,.06)}
.sebs-pv:disabled{opacity:.55;cursor:wait}
.sebs-pv:focus-visible{outline:2px solid #111827;outline-offset:2px}
.sebs-root.sebs-locked .sebs-b::before{content:"\1F512\00a0"}
.sebs-cta{display:inline-block;margin-left:8px;border:1px solid #b45309;background:#b45309;color:#fff;border-radius:999px;padding:3px 12px;font-size:.95em;font-weight:700;cursor:pointer;line-height:1.4}
.sebs-cta:focus-visible{outline:2px solid #111827;outline-offset:2px}
.sebs-st{min-height:1.2em;font-size:.85em;color:var(--mut)}
.sebs-st-ok{color:#15803d;font-weight:600}
.sebs-st-err{color:#b91c1c}
.sebs-st-busy{color:#4f46e5}
.sebs-more-w{text-align:center;margin-top:18px}
.sebs-more{border:1px solid #4f46e5;background:#fff;color:#4f46e5;border-radius:999px;padding:10px 26px;font-weight:700;cursor:pointer}
.sebs-none,.sebs-empty,.sebs-err{padding:16px;border-radius:12px;background:#f3f4f6;color:var(--mut);text-align:center}
@media(prefers-reduced-motion:reduce){.sebs-card{transition:none}.sebs-card:hover{transform:none}}