.pdf-library,.pdf-page{padding-bottom:80px}
.pdf-library .breadcrumbs,.pdf-page .breadcrumbs{margin:25px 0 26px}
.pdf-library-hero{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:35px 38px;margin-bottom:24px;background:linear-gradient(120deg,var(--soft),var(--surface));border:1px solid var(--line);border-radius:20px}
.pdf-library-hero h1{font-size:clamp(2rem,4vw,3.2rem);margin:8px 0}
.pdf-library-hero p{color:var(--muted);max-width:630px;margin:0}
.pdf-library-hero .ui-button{flex:none}
.pdf-juz-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.pdf-juz-card{display:flex;align-items:center;gap:15px;min-height:94px;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:14px;transition:border-color .18s,transform .18s,box-shadow .18s}
.pdf-juz-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:var(--shadow)}
.pdf-juz-number{display:grid;place-items:center;flex:none;width:47px;height:51px;background:var(--soft);color:var(--forest-2);border-radius:10px;font-size:1.2rem;font-weight:700}
.pdf-juz-card strong,.pdf-juz-card small{display:block}
.pdf-juz-card small{color:var(--muted);font-size:.76rem;line-height:1.3}
.pdf-juz-card.is-ready small{color:var(--forest-2)}
.pdf-juz-arrow{margin-inline-start:auto;color:var(--gold)}
.pdf-page-heading{display:flex;align-items:center;gap:24px;min-height:86px;margin-bottom:17px}
.pdf-page-heading h1{font-size:clamp(1.8rem,3vw,2.55rem);margin:4px 0 0}
.pdf-page-heading .section-kicker{font-size:.7rem}
.pdf-back,.pdf-text-link{color:var(--forest-2);font-size:.85rem;font-weight:700;white-space:nowrap}
.pdf-back:hover,.pdf-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.pdf-page-heading .pdf-back{margin-inline-end:8px}
.pdf-neighbor-nav{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.pdf-neighbor-nav>a,.pdf-neighbor-nav>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.pdf-neighbor-nav>a:hover{border-color:var(--gold)}
.pdf-neighbor-nav>span{visibility:hidden}
.pdf-juz-picker{position:relative}
.pdf-juz-picker summary{list-style:none;display:flex;align-items:center;gap:13px;padding:6px 13px;background:var(--surface);border:1px solid var(--line);border-radius:9px;font-weight:700;white-space:nowrap;cursor:pointer}
.pdf-juz-picker summary::-webkit-details-marker{display:none}
.pdf-juz-picker[open] summary{border-color:var(--gold)}
.pdf-juz-picker-grid{position:absolute;z-index:22;top:calc(100% + 8px);inset-inline-end:0;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;width:min(310px,calc(100vw - 36px));padding:13px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 38px rgba(20,50,42,.16)}
.pdf-juz-picker-grid a{display:grid;place-items:center;min-height:36px;border-radius:7px;font-weight:700;font-size:.9rem}
.pdf-juz-picker-grid a:hover,.pdf-juz-picker-grid a[aria-current=page]{background:var(--soft);color:var(--forest-2)}
.pdf-reader{display:grid;grid-template-rows:auto 5px minmax(0,1fr);height:var(--pdf-reader-height,70dvh);border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:clip}
.pdf-reader:fullscreen{height:100dvh;width:100%;border:0;border-radius:0}
.pdf-reader:fullscreen .pdf-toolbar{top:0}
.pdf-reader:fullscreen .pdf-stage{height:100%;min-height:0}
.pdf-toolbar{position:relative;top:0;z-index:11;display:flex;align-items:center;gap:18px;min-height:61px;padding:9px 16px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 4px 15px rgba(19,62,56,.05)}
.site-header.is-scrolled-away~main .pdf-toolbar{top:0}
.pdf-toolbar button,.pdf-toolbar-actions a{display:grid;place-items:center;min-width:34px;height:34px;padding:0 7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-weight:700;line-height:1}
.pdf-toolbar button:hover,.pdf-toolbar-actions a:hover{border-color:var(--gold);background:var(--soft)}
.pdf-toolbar button:disabled{opacity:.4;cursor:default}
.pdf-page-controls,.pdf-zoom-controls,.pdf-toolbar-actions{display:flex;align-items:center;gap:6px}
.pdf-page-controls input{width:51px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-align:center;font-weight:700;appearance:textfield}
.pdf-page-controls input::-webkit-inner-spin-button,.pdf-page-controls input::-webkit-outer-spin-button{appearance:none}
.pdf-page-controls>span{min-width:49px;color:var(--muted);font-size:.84rem}
.pdf-zoom-controls{margin-inline:auto}
.pdf-zoom-controls>span{min-width:48px;text-align:center;font-size:.84rem;font-weight:700}
.pdf-toolbar .pdf-fit-button{padding:0 10px;font-size:.78rem}
.pdf-progress{height:5px;line-height:0;background:var(--soft)}
.pdf-progress input{width:100%;height:5px;margin:0;accent-color:var(--forest-2);cursor:pointer}
.pdf-stage{display:flex;align-items:flex-start;position:relative;overflow:auto;min-height:0;height:100%;padding:16px;background:#e8ede7;background-image:radial-gradient(#cbd6ca 0.65px,transparent 0.65px);background-size:17px 17px}
.pdf-paper{flex:none;width:fit-content;margin-inline:auto;background:white;box-shadow:0 16px 45px rgba(24,58,53,.18)}
.pdf-paper canvas{display:block;max-width:none}
.pdf-loading{position:absolute;inset:0;display:grid;place-items:center;background:rgba(232,237,231,.86);color:var(--forest);font-weight:700;text-align:center;padding:25px}
.pdf-loading[hidden]{display:none}
.pdf-empty{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:48px;align-items:center;min-height:460px;padding:44px clamp(28px,7vw,105px);background:var(--soft);border:1px solid var(--line);border-radius:18px}
.pdf-empty-page{display:flex;flex-direction:column;gap:13px;max-width:245px;min-height:320px;padding:25px;background:var(--surface);border-radius:6px;box-shadow:12px 13px 0 rgba(30,80,65,.08),0 18px 38px rgba(20,50,42,.12);transform:rotate(-4deg)}
.pdf-empty-page span{color:var(--gold);font-size:.8rem;font-weight:700;letter-spacing:.2em}
.pdf-empty-page strong{font-size:5rem;line-height:1;color:var(--forest-2);margin:8px 0 35px}
.pdf-empty-page i{height:8px;border-radius:5px;background:var(--line)}
.pdf-empty-page i:last-child{width:60%}
.pdf-empty h2{font-size:clamp(1.45rem,2.5vw,2.3rem);margin:11px 0}
.pdf-empty p{max-width:420px;color:var(--muted)}
.pdf-empty .ui-button{display:inline-flex;margin-top:8px}
html[data-theme=dark] .pdf-stage{background-color:#1d3329;background-image:radial-gradient(#315341 0.65px,transparent 0.65px)}
html[data-theme=dark] .pdf-loading{background:rgba(29,51,41,.87);color:var(--ink)}
@media(max-width:980px){.pdf-juz-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.pdf-page-heading{flex-wrap:wrap}.pdf-page-heading .pdf-back{width:100%}.pdf-zoom-controls{margin-inline-start:auto;margin-inline-end:0}}
@media(max-width:700px){.pdf-juz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdf-library-hero{padding:27px;align-items:start;flex-direction:column}.pdf-toolbar{top:0;gap:8px;flex-wrap:wrap;justify-content:space-between}.pdf-page-controls{order:1}.pdf-toolbar-actions{order:2}.pdf-zoom-controls{order:3;width:100%;justify-content:center}.pdf-progress{margin-top:0}.pdf-stage{height:100%;min-height:0;padding:10px}.pdf-empty{gap:25px;padding:30px;min-height:350px}.pdf-empty-page{min-height:240px}.pdf-empty-page strong{font-size:3.5rem;margin-bottom:15px}}
@media(max-width:540px){.pdf-page-heading{gap:12px}.pdf-page-heading>div:not(.pdf-neighbor-nav){margin-inline-end:auto}.pdf-neighbor-nav{order:3;width:100%;justify-content:center}.pdf-text-link{order:2}.pdf-empty{grid-template-columns:1fr;justify-items:center;text-align:center}.pdf-empty-page{display:none}.pdf-juz-card{min-height:78px;padding:10px;gap:9px}.pdf-juz-number{width:39px;height:43px;font-size:1rem}.pdf-juz-arrow{display:none}}

.pdf-resume{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;margin-bottom:24px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--forest-2)}
.pdf-resume[hidden]{display:none}
.pdf-resume strong,.pdf-resume small{display:block}
.pdf-resume small{margin-top:4px;color:var(--muted)}
.pdf-toolbar button[aria-pressed=true]{background:var(--soft);border-color:var(--forest-2)}
.pdf-toolbar .pdf-fullview-button{padding:0 12px;font-size:.82rem;white-space:nowrap;background:var(--soft);color:var(--forest-2)}
.pdf-reader.is-expanded{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;border:0;border-radius:0}
.pdf-reader.is-expanded .pdf-toolbar{top:0}
body.pdf-fullview-open{overflow:hidden}
.pdf-toolbar .pdf-fullview-button{display:inline-flex;align-items:center;gap:7px}
.pdf-fullview-button::before{content:"";width:16px;height:16px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H3v5m13-5h5v5M3 16v5h5m13-5v5h-5'/%3E%3C/svg%3E") center/contain no-repeat}
.pdf-fullview-button[aria-expanded=true]::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h5V3m13 5h-5V3M8 21v-5H3m13 5v-5h5'/%3E%3C/svg%3E")}