body{font-family:var(--font-primary);color:var(--color-text);font-size:var(--font-size-base);display:flex;padding:var(--space-small);line-height:1.5}.banner{display:flex;justify-content:center}.banner a{display:flex;justify-content:center;align-items:center;border:1px solid var(--color-stone);border-radius:var(--border-radius-small);font-size:var(--font-size-large);background-color:#fff;height:50px;width:225px}.banner a:active,.banner a:hover,.banner a:link,.banner a:visited{color:var(--color-blue)}.banner svg{width:75px;height:35px}.portfolio{width:min(95%,900px);margin:var(--space-small);min-height:95vh}.portfolio__content{padding:var(--space-medium);font-family:var(--font-primary);color:#1e293b;line-height:1.7;font-size:16px;border:1px solid var(--color-stone);border-radius:var(--border-radius-small);background:#fff}.portfolio__content h1,.portfolio__content h2,.portfolio__content h3,.portfolio__content h4{font-weight:600;line-height:1.3;color:#0f172a;margin:1.5rem 0 .5rem}.portfolio__content h1{font-size:1.5rem;margin-top:1.8rem;padding-bottom:.4rem;border-bottom:1px solid #e2e8f0}.portfolio__content h1:first-child{margin-top:0}.portfolio__content h2{font-size:1.25rem;margin-top:1.25rem}.portfolio__content h3{font-size:1.1rem}.portfolio__content h4{font-size:1rem}.portfolio__content p{margin:.5rem 0;color:#334155}.portfolio__content strong{font-weight:600;color:#0f172a}.portfolio__content em{font-style:italic;color:#64748b}.portfolio__content span[style*=background-color]{padding:.05rem .25rem;border-radius:4px}.portfolio__content blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:3px solid #cbd5e1;background:#f8fafc;color:#475569;border-radius:4px}.portfolio__content .ql-code-block-container{margin:1.4rem 0;background:#0b1120;border-radius:6px;padding:1rem 1.1rem;overflow-x:auto;box-shadow:inset 0 0 0 1px rgba(148,163,184,.3)}.portfolio__content .ql-code-block{font-family:var(--font-primary);font-size:.9rem;color:#e5e7eb;white-space:pre}.portfolio__content ol,.portfolio__content ul{margin:.75rem 0 .75rem 1.5rem;padding:0}.portfolio__content li{margin:.35rem 0;color:#475569;line-height:1.6}.portfolio__content .ql-ui{display:none}.portfolio__content ol li[data-list=ordered]{list-style-type:decimal}.portfolio__content ol li[data-list=bullet],.portfolio__content ul li{list-style-type:disc}.portfolio__content ol li[data-list=checked],.portfolio__content ol li[data-list=unchecked]{list-style:none;position:relative;padding-left:1.6rem}.portfolio__content ol li[data-list=checked]::before,.portfolio__content ol li[data-list=unchecked]::before{content:"";position:absolute;left:0;top:.4rem;width:.9rem;height:.9rem;border-radius:.35rem;border:1.5px solid #94a3b8;background:#f8fafc}.portfolio__content ol li[data-list=checked]::before{background:#22c55e;border-color:#22c55e}.portfolio__content .ql-direction-rtl{direction:rtl}.portfolio__content .ql-align-right{text-align:right}.portfolio__content .ql-align-center{text-align:center}.portfolio__content .ql-align-justify{text-align:justify}.portfolio__content a{color:#1e40af;text-decoration:underline}.portfolio__content a:hover{color:#1e3a8a}.portfolio__content>:first-child{margin-top:0}.portfolio__content>:last-child{margin-bottom:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-xlarge);text-align:center;color:var(--color-gray)}.empty-state svg{color:var(--color-stone);margin-bottom:var(--space-large);opacity:.5}.empty-state h2{font-size:var(--font-size-xlarge);color:var(--color-dark);margin-bottom:var(--space-medium)}.empty-state p{font-size:var(--font-size-medium);color:var(--color-gray);margin-bottom:var(--space-large);max-width:400px}.empty-state .cta-button{padding:var(--space-medium) var(--space-large);background:var(--color-primary,#007bff);color:#fff;border-radius:var(--border-radius-medium);text-decoration:none;font-weight:600;transition:background .2s}.empty-state .cta-button:hover{background:var(--color-primary-dark,#0056b3)}