:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app-shell{width:min(1100px,100% - 48px);margin:0 auto;padding:64px 0}.app-header,.module-card{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.app-header{margin-bottom:48px}.eyebrow{color:#4968a4;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:12px;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.98}h2{margin-bottom:12px;font-size:1.35rem}p{color:#60708d;line-height:1.6}.subtitle{max-width:520px;margin-bottom:0;font-size:1.05rem}.status-badge{color:#24734d;white-space:nowrap;background:#e9f8f0;border:1px solid #b9e4d1;border-radius:999px;padding:9px 14px;font-size:.85rem;font-weight:700}.module-card,.module-placeholder{background:#fff;border:1px solid #dde5f1;border-radius:20px;box-shadow:0 16px 40px #263d6114}.module-card{padding:32px}.module-card p:last-child{margin-bottom:0}.example-list{min-width:180px;margin:0;padding:0;list-style:none}.example-list li{color:#33415e;border-bottom:1px solid #edf1f7;padding:10px 0;font-weight:600}.error-message{color:#b54747}.module-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;display:grid}.module-placeholder{padding:26px}.module-placeholder>span{color:#8b9ab5;font-size:.85rem;font-weight:700}.module-placeholder p{margin-bottom:0}@media (width<=680px){.app-shell{width:min(100% - 32px,560px);padding:32px 0}.app-header,.module-card{flex-direction:column}.app-header{margin-bottom:32px}.module-card{padding:24px}.module-grid{grid-template-columns:1fr}}