.resources-page{--res-bg:#f8f4ed;--res-panel:rgba(255,255,255,0.82);--res-sidebar-bg:rgba(255,255,255,0.78);--res-card-bg:rgba(255,255,255,0.92);--res-border:rgba(139,45,32,0.1);--res-text:#1c1411;--res-muted:#6b5d55;--res-faint:#9c8f86;--res-accent:#b5402d;--res-accent-hover:#8a2a1a;--res-blue:#1d75d8;min-height:calc(100vh - 4rem);background:radial-gradient(circle at 16% 4%,rgba(181,64,45,.15),transparent 26rem),radial-gradient(circle at 88% 0,rgba(218,165,32,.12),transparent 24rem),linear-gradient(135deg,rgba(255,255,255,.74),transparent 42%),var(--res-bg);color:var(--res-text);position:relative;overflow:clip}.resources-page:before{content:"";position:fixed;inset:4rem 0 0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(139,45,32,.06) 1px,transparent 0),linear-gradient(90deg,rgba(139,45,32,.06) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,black,transparent 78%);mask-image:linear-gradient(180deg,black,transparent 78%)}.resources-layout{display:flex;align-items:flex-start;gap:20px;max-width:1480px;margin:0 auto;min-height:calc(100vh - 4rem);padding:28px 28px 56px 18px;position:relative;z-index:1}.resources-sidebar{width:252px;flex-shrink:0;background:var(--res-sidebar-bg);border-left:1px solid var(--res-border);border:1px solid var(--res-border);border-left:1px solid rgba(255,255,255,.66);display:flex;flex-direction:column;position:sticky;top:calc(4rem + 28px);align-self:flex-start;max-height:calc(100vh - 4rem - 56px);margin:0;border-radius:24px;box-shadow:0 18px 48px rgba(100,20,10,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden;transition:width .2s ease}.resources-sidebar.collapsed{width:70px}.resources-sidebar-brand{display:flex;align-items:center;gap:12px;padding:18px 18px 14px;border-bottom:1px solid rgba(139,45,32,.06)}.resources-sidebar-brand strong{display:block;font-size:15px;color:var(--res-text);line-height:1.1}.resources-sidebar-brand em{display:block;margin-top:4px;font-size:10px;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--res-faint)}.resources-sidebar-logo{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:14px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;background:radial-gradient(circle at 72% 18%,rgba(255,255,255,.5),transparent 24%),linear-gradient(135deg,#daa520,#b5402d 58%,#5c1a11);box-shadow:0 10px 26px rgba(181,64,45,.25)}.resources-sidebar-nav{flex:1 1;overflow-y:auto;padding:12px}.resources-sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;text-align:left;font-size:14px;color:var(--res-muted);border:none;border-radius:16px;background:transparent;cursor:pointer;transition:background .15s,color .15s,transform .15s}.resources-sidebar-item:hover{background:rgba(253,240,230,.86);color:var(--res-text);transform:translateX(2px)}.resources-sidebar-item.active{background:linear-gradient(135deg,rgba(254,242,235,.96),rgba(255,248,240,.9));color:var(--res-accent);font-weight:600;box-shadow:inset 0 0 0 1px rgba(181,64,45,.18),0 10px 24px rgba(181,64,45,.06)}.resources-sidebar-icon{width:18px;height:18px;flex-shrink:0;border-radius:5px 5px 4px 4px;background:linear-gradient(135deg,#b5402d,#daa520);box-shadow:inset 0 -2px 0 rgba(80,20,10,.2)}.resources-sidebar-collapse{margin:0 12px 12px;padding:12px;border-top:1px solid var(--res-border);font-size:12px;color:var(--res-muted);background:rgba(255,255,255,.64);border:1px solid var(--res-border);border-radius:14px;cursor:pointer;width:calc(100% - 24px);text-align:center}.resources-sidebar-collapse:hover{color:var(--res-text)}.resources-main{flex:1 1;min-width:0;padding:0}.resources-header{position:relative;isolation:isolate;margin-bottom:28px;padding:28px 32px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.86));box-shadow:0 18px 48px rgba(100,20,10,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.resources-header h1{margin:8px 0 12px;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;color:var(--res-text)}.resources-header p{margin:0;font-size:14px;color:var(--res-muted);max-width:620px}.resources-kicker{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--res-faint)}.resources-hero-meta{display:flex;gap:16px;margin-top:16px;font-size:12px;color:var(--res-faint)}.resources-hero-meta span{padding:4px 14px;border-radius:999px;background:rgba(181,64,45,.06);border:1px solid rgba(181,64,45,.1)}.resources-empty{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:14px;color:var(--res-muted)}.resources-mobile-chips{display:none;flex-wrap:wrap;gap:8px;margin-bottom:20px}.resources-chip{padding:6px 16px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--res-border);background:var(--res-panel);color:var(--res-muted);cursor:pointer;transition:all .15s}.resources-chip.active,.resources-chip:hover{background:var(--res-accent);color:#fff;border-color:var(--res-accent)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.resource-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.resource-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(100,20,10,.12)}.resource-card-inner{position:relative;overflow:hidden;border-radius:20px;background:var(--res-card-bg);border:1px solid var(--res-border);display:flex;flex-direction:column}.resource-card-cover{width:100%;height:180px;object-fit:cover;display:block;transition:filter .35s ease}.resource-card-cover--placeholder{width:100%;height:180px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(181,64,45,.08),rgba(218,165,32,.05))}.resource-card-cover-icon{width:48px;height:48px;color:var(--res-faint)}.resource-card-cover-wrap{position:relative}.resource-card-glass{position:absolute;inset:0;padding:16px;background:linear-gradient(0deg,rgba(0,0,0,.72),rgba(0,0,0,.15) 50%,transparent);display:flex;align-items:flex-end;opacity:0;transition:opacity .3s ease;pointer-events:none}.resource-card:focus-within .resource-card-glass,.resource-card:hover .resource-card-glass{opacity:1}.resource-card:hover .resource-card-cover{filter:blur(5px)}.resource-card-desc{margin:0;font-size:12px;line-height:1.4;color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.resource-card-footer{padding:14px;display:flex;flex-direction:column;gap:8px}.resource-card-title{margin:0;font-size:14px;font-weight:700;color:var(--res-text)}.resource-card-actions{display:flex;gap:6px}.resource-card-btn{font-size:11px;font-weight:700;padding:6px 10px;border-radius:999px;border:1px solid rgba(139,45,32,.18);background:transparent;color:var(--res-text);cursor:pointer;transition:all .15s}.resource-card-btn:hover{border-color:var(--res-accent);color:var(--res-accent)}.resource-card-btn.primary{background:var(--res-accent);color:#fff;border-color:var(--res-accent)}.resource-card-btn.primary:hover{background:var(--res-accent-hover)}.resource-card-btn--detail{border-color:rgba(255,255,255,.35);color:var(--res-muted)}.res-modal-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:24px}.res-modal-panel{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:20px;padding:28px;box-shadow:0 24px 64px rgba(0,0,0,.3)}.res-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.res-modal-header h2{margin:0;font-size:1.1rem;font-weight:700}.res-modal-close{font-size:24px;line-height:1;border:none;background:none;cursor:pointer;color:var(--res-muted)}.res-modal-url{font-size:13px;word-break:break-all;padding:10px;background:rgba(0,0,0,.04);border-radius:10px;color:var(--res-muted)}.res-modal-actions{display:flex;gap:8px;margin-top:16px}.res-modal-actions button{flex:1 1;padding:10px;border-radius:12px;font-size:14px;font-weight:600;border:1px solid rgba(0,0,0,.08);background:transparent;cursor:pointer}.res-modal-actions button.primary{background:var(--res-accent);color:#fff;border-color:var(--res-accent)}.res-detail-page{max-width:1120px;margin:0 auto;padding:28px 28px 56px;position:relative;z-index:1}.res-detail-header{margin-bottom:24px}.res-detail-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--res-muted);text-decoration:none;padding:6px 14px;border-radius:999px;background:var(--res-sidebar-bg);border:1px solid var(--res-border)}.res-detail-back:hover{color:var(--res-text)}.res-detail-layout{display:flex;justify-content:center;gap:24px}.res-detail-main-column{flex:1 1;min-width:0;max-width:740px}.res-detail-article{background:var(--res-card-bg);border:1px solid var(--res-border);border-radius:24px;padding:36px;box-shadow:0 18px 48px rgba(100,20,10,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.res-detail-category{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--res-accent);background:rgba(181,64,45,.1);padding:4px 12px;border-radius:999px;margin-bottom:12px}.res-detail-title{margin:0 0 24px;font-size:1.65rem;font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--res-text)}.res-detail-cover{width:100%;max-height:420px;object-fit:cover;border-radius:16px;margin-bottom:28px}.res-detail-empty{color:var(--res-faint);font-size:14px;text-align:center;padding:48px 0}.res-detail-md{font-size:15px;line-height:1.8;color:var(--res-text)}.res-detail-md h2{margin:32px 0 12px;font-size:1.2rem;font-weight:700}.res-detail-md ol,.res-detail-md ul{padding-left:1.2em;margin:8px 0}.res-detail-md li{margin:4px 0}.res-detail-md a{color:var(--res-accent)}.res-detail-md img{max-width:100%;border-radius:8px}.res-detail-sidebar{flex-shrink:0;width:180px;position:sticky;top:20px;align-self:flex-start}.res-detail-sidebar-inner{background:var(--res-sidebar-bg);border:1px solid var(--res-border);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(100,20,10,.05)}.res-detail-sidebar-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.res-detail-sidebar-btn{display:block;width:100%;text-align:center;font-size:13px;font-weight:800;padding:10px 16px;border-radius:999px;text-decoration:none;cursor:pointer;transition:all .15s;box-shadow:0 4px 14px rgba(0,0,0,.1);border:none;font-family:inherit}.res-detail-sidebar-btn.primary{background:linear-gradient(135deg,#b5402d,#8a2a1a);border:1px solid rgba(181,64,45,.2);color:#fff}.res-detail-sidebar-btn.primary:hover{background:#8a2a1a}.res-detail-sidebar-btn:not(.primary){background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.35);color:var(--res-text)}.res-detail-sidebar-btn:not(.primary):hover{background:rgba(230,220,210,.92)}@media (max-width:767px){.resources-layout{flex-direction:column;padding:16px;gap:0}.resources-sidebar{display:none}.resources-mobile-chips{display:flex}.resources-header{border-radius:22px;padding:22px}.resources-grid{grid-template-columns:1fr}.res-detail-layout{flex-direction:column;align-items:center}.res-detail-main-column{width:100%}.res-detail-sidebar{position:static;width:100%;margin-top:20px}.res-detail-article{padding:20px;border-radius:18px}.res-detail-title{font-size:1.25rem}}