:root{--bg-page:#f5f8fc;--bg-panel:#fff;--bg-hover:#eef4fb;--blue-900:#1f3558;--blue-700:#2f4f7a;--blue-500:#5c8ac7;--blue-300:#a9c3e8;--accent-soft:#dfeaf8;--accent-pill:#e8f0fb;--text-primary:#1f3558;--text-secondary:#5f6f86;--text-muted:#8a97aa;--border-soft:#e3eaf3;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-heading:"Recoleta",Georgia,serif;--font-body:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;--ease:cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}.container{max-width:900px;margin:0 auto;padding:2.5rem 1.5rem}.panel{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:1.75rem}h1{font-family:var(--font-heading);letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.65rem;font-weight:600}h2{font-family:var(--font-heading);color:var(--blue-700);margin:2rem 0 .75rem;font-size:1.125rem;font-weight:600}h3{font-family:var(--font-heading);margin:1.25rem 0 .5rem;font-size:.925rem;font-weight:600}p{color:var(--text-secondary);margin:.5rem 0 1rem}small{color:var(--text-muted)}a{color:var(--blue-500);transition:color .15s var(--ease);text-decoration:none}a:hover{color:var(--blue-700)}.directory{margin:1rem 0;padding:0;list-style:none}.directory li{border-radius:var(--radius-md);transition:background .15s var(--ease);align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.directory li:hover{background:var(--bg-hover)}.icon{border-radius:3px;flex-shrink:0;width:18px;height:14px}.icon-folder{background:var(--accent-soft);border:1px solid var(--blue-300);position:relative}.icon-folder:before{content:"";background:var(--accent-soft);border:1px solid var(--blue-300);border-bottom:none;border-radius:3px 3px 0 0;width:10px;height:5px;position:absolute;top:-4px;left:2px}.icon-file{border:1px solid var(--blue-300);background:#fff}.item-name{color:var(--text-primary);font-weight:500}.item-meta{color:var(--text-muted);margin-left:auto;font-size:.8rem}.tag{background:var(--accent-pill);color:var(--blue-700);border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-block}button{background:var(--blue-500);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s var(--ease);border:none;padding:.5rem .9rem;font-family:inherit}button:hover{background:var(--blue-700)}footer{text-align:center;color:var(--text-muted);margin-top:3rem;font-size:.85rem}:focus-visible{outline:2px solid var(--blue-300);outline-offset:2px}.breadcrumbs{color:var(--text-muted);flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.breadcrumbs div{padding-right:.5rem}.breadcrumbs div:after{content:"›";color:var(--text-muted);margin-left:.5rem}.breadcrumbs div:last-child:after{content:""}.breadcrumbs a{color:var(--blue-500)}.breadcrumbs span{color:var(--text-secondary)}.add-resource-container{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:440px;margin:4rem auto 2rem;padding:0 1rem;display:flex}.add-resource-container p,.add-resource-container a{text-align:center}.add-resource-container a{cursor:pointer}@media (min-width:640px){h1{font-size:2rem}h2{font-size:1.25rem}h3{font-size:1rem}}.related-section{border-top:1px solid var(--border-soft);margin-top:1.5rem;padding-top:1.5rem}.related-list{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.related-list li a{background:var(--accent-pill);color:var(--blue-700);transition:background .15s var(--ease),color .15s var(--ease);border-radius:999px;padding:.3rem .75rem;font-size:.85rem;font-weight:500;display:inline-block}.related-list li a:hover{background:var(--blue-300);color:var(--blue-900)}.related-reading-list{flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.related-reading-list li a{color:var(--blue-700);transition:color .15s var(--ease);font-size:.9rem;text-decoration:none}.related-reading-list li a:hover{color:var(--blue-500);text-decoration:underline}