.portfolio-namespace .project-doc-container{gap:2rem;margin-top:2rem;display:flex}.portfolio-namespace .doc-sidebar{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;width:240px;height:fit-content;padding:1.25rem;position:sticky;top:90px}.portfolio-namespace .doc-sidebar ul{margin:0;padding:0;list-style:none}.portfolio-namespace .doc-sidebar li{margin-bottom:.5rem}.portfolio-namespace .doc-sidebar a{color:#1e3a8a;border-radius:4px;padding:.35rem .5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.portfolio-namespace .doc-sidebar a:hover{color:#f76b1d;background-color:#fff}.portfolio-namespace .doc-content{flex-grow:1;min-width:0}.portfolio-namespace section{margin-bottom:3rem;scroll-margin-top:90px}.portfolio-namespace code{color:#0f4c5c;background-color:#f1f5f9;border-radius:4px;padding:.2rem .4rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem}.portfolio-namespace pre{color:#f8fafc;background-color:#1e293b;border-radius:6px;margin:1rem 0;padding:1rem;overflow-x:auto}.portfolio-namespace pre code{color:inherit;background-color:#0000;padding:0}.portfolio-namespace .data-table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:6px;width:100%;margin:1rem 0;overflow:hidden}.portfolio-namespace .data-table th,.portfolio-namespace .data-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem;font-size:.9rem}.portfolio-namespace .data-table th{color:#0f4c5c;background-color:#f8fafc;font-weight:600}.portfolio-namespace .screenshots-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:1.25rem;display:grid}.portfolio-namespace .screenshot-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;transition:border-color .2s,transform .2s;overflow:hidden}.portfolio-namespace .screenshot-card:hover{border-color:#f76b1d;transform:translateY(-2px)}.portfolio-namespace .screenshot-card__img{object-fit:cover;cursor:pointer;border-bottom:1px solid #e2e8f0;width:100%;height:150px;display:block}.portfolio-namespace .screenshot-card__body{padding:.75rem 1rem}.portfolio-namespace .screenshot-card__title{color:#1e293b;margin-bottom:.25rem;font-size:.9rem;font-weight:600}.portfolio-namespace .modal{backdrop-filter:blur(3px);z-index:1000;background:#0f172abf;justify-content:center;align-items:center;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.portfolio-namespace .modal--active{display:flex}.portfolio-namespace .modal__img{border:2px solid #fff;border-radius:6px;max-width:90%;max-height:85vh;box-shadow:0 20px 25px -5px #0000004d}@media (width<=768px){.portfolio-namespace .project-doc-container{flex-direction:column}.portfolio-namespace .doc-sidebar{width:100%;position:static}}