/* Shared appearance for every project: the original Ziad Farhat website palette. */
.project-information{margin:24px 0 0;font-size:13px}
:root{color-scheme:light;--paper:#f0f0f0;--ink:#2c3e50;--muted:#5d6873;--line:#d4dce4;--accent:#2196f3;--white:#fff}
.project-page{background:#f0f0f0;color:#333;min-height:100vh}
.project-page>header{background:#2c3e50;color:#fff;flex-shrink:0}
.project-page header .site-title{margin:0;font-size:1.2rem;font-weight:700;line-height:normal}
.project-page .logo{flex-shrink:0}
.project-page>main{flex:1}
.project-page>footer{background:#34495e;color:#fff;flex-shrink:0;line-height:normal}
.project-page footer a{color:#fff}
.project-page footer nav{display:flex}
.project-page footer p{color:#fff;font-size:.8rem}
.project-page header nav a{font-size:.9rem}
.project-page header .projects-menu summary{font-size:.9rem}
.project-page h1 em{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:500;color:#2c3e50}
.project-page .prompt-demo{transform:none;border-radius:10px;background:#e5ebf0;border-color:#c5d1dd;box-shadow:0 8px 24px #2c3e5012}
.project-page .before{background:#fff}
.project-page .before p{font-family:Arial,Helvetica,sans-serif;color:#6a7884}
.project-page .after{background:#2c3e50;color:#fff}
.project-page .after p{font-family:Arial,Helvetica,sans-serif;font-size:20px}
.project-page .after .label{color:#d3e9fa}
.project-page .tags span{color:#e1effa;border-color:#7e95a9}
.project-page .primary{background:#2c3e50;color:#fff;border-radius:5px}
.project-page .primary:hover{background:#34495e}
.project-page .feature-section{background:#e7edf3;border-color:#cdd8e2}
.project-page .feature-card{border-color:#bccbd8}
.project-page .example-card{background:#fff;border-radius:10px}
.project-page .copy-button{color:#2c3e50}
.project-page .copy-button:hover{color:#176aa3}
.project-page .trust-panel{background:#2c3e50;color:#fff;border-radius:10px}
.project-page .trust-panel .eyebrow{color:#d3e9fa}
.project-page .trust-panel p:last-child{color:#d3dce5}
.project-page .contact-card{background:#2c3e50;color:#fff;border-radius:10px}
.project-page .contact-card .label{color:#d3e9fa}
.project-page .contact-card p{color:#d0dce7}
.project-page .policy-summary{background:#e4ecf4;border-left-color:#2196f3}
.project-page .project-listing{background:#fff;border-radius:10px;border-color:#d4dce4}
.project-page .project-symbol{background:#e2eaf2;color:#2c3e50}
.projects-submenu{background:#fff;color:#2c3e50;border-color:#c6d2dd;box-shadow:0 12px 28px #2c3e5020}
.projects-submenu a{color:#2c3e50!important}
.projects-submenu a:hover,.projects-submenu a:focus-visible{background:#eaf0f5!important}
.projects-submenu a>span{color:#5d6873}
.projects-submenu .all-projects{border-top-color:#d4dce4}
@media(max-width:768px){.project-page header .site-title{font-size:1.1rem}.project-page .nav-menu{background:#23263a}.project-page .nav-menu a{font-size:1.1rem}.project-page header .projects-menu summary{font-size:1.1rem}.nav-menu .projects-submenu{background:#fff}.project-page .projects-submenu a{font-size:14px!important}.project-page .projects-submenu .all-projects{font-size:12px!important}}
@media print{.project-page>header,.project-page>footer{display:none}.project-page{background:#fff}}