:root{--bg:#0a0d14;--surface:#12161f;--surface-2:#171c28;--border:#232838;--text:#ece9e3;--muted:#8b93a5;--accent:#e3a73c;--accent-soft:#e3a73c1f;--accent-deep:#b97e1e;--cycle-up:#5fb488;--cycle-down:#c96a5b}*{box-sizing:border-box}.materials-page{background:var(--bg);color:var(--text);padding:64px 48px;font-family:Inter,sans-serif}.materials-page .wrap{max-width:1500px;margin:0 auto;padding:0 20px}.materials-header{margin-bottom:32px}.materials-header .page-title{color:var(--text);margin:0 0 8px;font-family:Fraunces,serif;font-size:38px;font-weight:600}.materials-header .page-subtitle{color:var(--muted);margin:0 0 12px;font-size:15px}.materials-header .results-count{color:var(--accent);letter-spacing:.03em;text-transform:uppercase;font-size:13px;font-weight:600}.material-search{gap:12px;max-width:720px;margin-bottom:44px;display:flex}@media (width<=600px){.material-search{flex-direction:column}}.material-search input[type=text],.material-search select{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s}.material-search input[type=text]{flex:2}.material-search select{cursor:pointer;flex:1}.material-search input[type=text]:focus,.material-search select:focus{border-color:var(--accent-deep)}.material-search .btn-primary{background:var(--accent);color:#1a1305;cursor:pointer;border:none;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:700;transition:background .2s}.material-search .btn-primary:hover{background:var(--accent-deep)}.material-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.material-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.material-grid{grid-template-columns:1fr}.materials-page{padding:40px 16px}}.material-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.material-card:hover{border-color:var(--accent-deep);transform:translateY(-3px)}.card-image{background:radial-gradient(circle at 85% 15%, #e3a73c1a, transparent 55%), var(--surface-2);border-bottom:1px solid var(--border);height:140px;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.card-top-badge{z-index:2;letter-spacing:.03em;background:var(--accent-soft);color:var(--accent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #e3a73c4d;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:14px;left:14px}.card-content{flex-direction:column;flex:1;padding:20px 20px 16px;display:flex}.card-category{color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:600}.card-title{color:var(--text);margin:0 0 10px;font-family:Fraunces,serif;font-size:19px;font-weight:600;line-height:1.3}.card-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.card-stats{color:var(--muted);gap:14px;font-size:12px;display:flex}.card-stats span{align-items:center;gap:5px;display:flex}.card-read{color:var(--accent);font-size:13px;font-weight:600;transition:transform .2s}.material-card:hover .card-read{transform:translate(3px)}.pagination-wrap{justify-content:center;margin-top:56px;display:flex}.dk-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.dk-page-numbers{align-items:center;gap:6px;display:flex}.dk-page-btn{color:var(--text);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:8px;padding:9px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s}.dk-page-btn:hover{border-color:var(--accent-deep);color:var(--accent)}.dk-page-btn.dk-disabled{color:var(--muted);opacity:.45;cursor:not-allowed}.dk-page-num{min-width:36px;height:36px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;font-size:13.5px;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s;display:inline-flex}.dk-page-num:hover{border-color:var(--accent-deep);color:var(--accent)}.dk-page-num.dk-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}@media (width<=600px){.dk-pagination{gap:10px}.dk-page-btn{padding:8px 12px;font-size:12.5px}.dk-page-num{min-width:32px;height:32px;font-size:12.5px}}.material-detail{background:var(--bg);color:var(--text);max-width:1200px;margin:0 auto;padding:64px 48px;font-family:Inter,sans-serif}.material-detail .material-header{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:40px;padding:32px}.material-badge{letter-spacing:.05em;background:var(--accent-soft);color:var(--accent);border:1px solid #e3a73c4d;border-radius:20px;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.material-title{margin:0 0 16px;font-family:Fraunces,serif;font-size:32px;font-weight:600;line-height:1.3}.material-stats{color:var(--muted);gap:20px;margin-bottom:24px;font-size:13.5px;display:flex}.material-download{background:var(--accent);color:#1a1305;border-radius:8px;margin-bottom:28px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.material-download:hover{background:var(--accent-deep)}.material-description-box{border-top:1px solid var(--border);padding-top:20px}.description-title{color:var(--text);margin:0 0 8px;font-size:16px;font-weight:700}.description-text{color:var(--muted);margin:0;font-size:14.5px;line-height:1.6}.material-pdf-section{margin-bottom:56px}.material-pdf-section .section-title{margin-bottom:20px;font-family:Fraunces,serif;font-size:24px}.material-pdf{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;padding:0;overflow:hidden;box-shadow:0 10px 30px #0003}.empty-pdf{text-align:center;color:var(--muted);padding:48px;font-size:14.5px}.pdfjs-viewer{background:var(--surface);flex-direction:column;display:flex;position:relative}.pdfjs-toolbar{background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:12px 16px;display:flex}.pdfjs-btn{background:var(--surface);border:1px solid var(--border);min-width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:16px;transition:border-color .2s,color .2s;display:inline-flex}.pdfjs-btn:hover{border-color:var(--accent);color:var(--accent)}.pdfjs-btn:disabled{opacity:.35;cursor:not-allowed}.pdfjs-page-info{color:var(--muted);white-space:nowrap;padding:0 8px;font-size:13.5px}.pdfjs-toolbar-sep{background:var(--border);width:1px;height:22px;margin:0 4px}.pdfjs-btn-fullscreen{margin-left:auto}.pdfjs-canvas-wrap{touch-action:pan-y;background:repeating-linear-gradient(45deg,#ffffff04,#ffffff04 10px,#0000 10px 20px);justify-content:center;width:100%;min-height:320px;padding:20px;display:flex;position:relative;overflow:auto}.pdfjs-canvas-wrap canvas{background:#fff;border-radius:4px;max-width:100%;box-shadow:0 8px 30px #00000059;height:auto!important}.pdfjs-loading{color:var(--muted);background:var(--surface);z-index:2;justify-content:center;align-items:center;gap:10px;font-size:13.5px;display:flex;position:absolute;inset:0}.pdfjs-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite pdfjs-spin}@keyframes pdfjs-spin{to{transform:rotate(360deg)}}.pdfjs-swipe-hint{color:var(--text);border:1px solid var(--border);pointer-events:none;opacity:1;z-index:3;white-space:nowrap;background:#0a0d14d9;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:600;transition:opacity .4s;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.pdfjs-swipe-hint-hide{opacity:0}@media (width>=641px){.pdfjs-swipe-hint{display:none}}.pdfjs-viewer:fullscreen{height:100vh}.pdfjs-viewer:fullscreen .pdfjs-canvas-wrap{height:calc(100vh - 60px);min-height:0}.material-related{border-top:1px solid var(--border);padding-top:40px}.related-title{margin-bottom:24px;font-family:Fraunces,serif;font-size:24px}.related-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=900px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.related-grid{grid-template-columns:1fr}}.related-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;overflow:hidden}.related-card:hover{border-color:var(--accent-deep);transform:translateY(-3px)}.card-thumbnail{object-fit:cover;border-bottom:1px solid var(--border);width:100%;height:130px}.related-card .card-body{flex-direction:column;flex:1;padding:16px;display:flex}.card-badge{color:var(--accent);text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700}.related-card .card-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-family:Fraunces,serif;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden}.related-card .card-footer{color:var(--muted);gap:12px;margin-top:auto;font-size:11px;display:flex}@media (width<=640px){.materials-page{padding:32px 16px}.materials-header{margin-bottom:24px}.materials-header .page-title{font-size:26px}.materials-header .page-subtitle{font-size:13.5px}.materials-header .results-count{font-size:12px}.material-search{gap:10px;margin-bottom:28px}.material-search input[type=text],.material-search select,.material-search .btn-primary{padding:11px 14px;font-size:13.5px}.material-grid{gap:16px}.card-content{padding:16px 16px 14px}.card-title{font-size:17px}.card-description{font-size:13px}.pagination-wrap{margin-top:32px}.material-detail{padding:28px 16px}.material-detail .material-header{margin-bottom:28px;padding:20px}.material-badge{margin-bottom:12px;font-size:11px}.material-title{margin:0 0 14px;font-size:22px;line-height:1.35}.material-stats{flex-wrap:wrap;gap:8px 16px;margin-bottom:20px;font-size:12.5px}.material-download{text-align:center;width:100%;margin-bottom:24px;padding:13px 20px;display:block}.material-description-box{padding-top:16px}.description-title{font-size:15px}.description-text{font-size:13.5px}.material-pdf-section{margin-bottom:40px}.material-pdf-section .section-title{margin-bottom:14px;font-size:19px}.pdfjs-toolbar{gap:4px;padding:10px 12px}.pdfjs-btn{min-width:34px;height:34px;font-size:15px}.pdfjs-page-info{padding:0 4px;font-size:12.5px}.pdfjs-canvas-wrap{min-height:260px;padding:12px 8px}.material-related{padding-top:28px}.related-title{margin-bottom:16px;font-size:19px}.related-grid{gap:14px}.related-card .card-body{padding:14px}.related-card .card-title{font-size:14px}}