.audit-page { --audit-accent: #20c8de; }
.audit-hero { position: relative; overflow: hidden; padding: clamp(1.5rem, 5vw, 3.5rem); border: 1px solid rgba(61, 208, 230, .24); border-radius: 28px; background: radial-gradient(ellipse at 12% 0%, rgba(31, 170, 214, .2), transparent 45%), linear-gradient(145deg, rgba(18, 35, 56, .96), rgba(9, 17, 31, .96)); box-shadow: 0 24px 70px rgba(0,0,0,.25); }
.audit-hero h1 { max-width: 850px; margin: .8rem 0; font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1.35; }
.audit-hero p { max-width: 780px; color: var(--text-secondary); line-height: 2; }
.audit-meta, .audit-tags { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.2rem; }
.audit-chip { padding: .38rem .7rem; border: 1px solid var(--border-glass); border-radius: 999px; background: rgba(255,255,255,.04); color: var(--text-secondary); font-size: .82rem; }
.audit-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 1.25rem; }
.audit-stat, .audit-card { min-width: 0; padding: 1.2rem; border: 1px solid var(--border-glass); border-radius: 20px; background: linear-gradient(150deg, rgba(25,42,64,.9), rgba(14,25,42,.9)); }
.audit-stat strong { display: block; color: var(--audit-accent); font-size: 1.45rem; }
.audit-stat span, .audit-card p, .audit-card li { color: var(--text-secondary); line-height: 1.9; }
.audit-capture { margin: 1.2rem 0 0; padding: .65rem; overflow: hidden; border: 1px solid var(--border-glass); border-radius: 22px; background: rgba(7,13,24,.75); }
.audit-capture img { display: block; width: 100%; height: auto; border-radius: 14px; }
.audit-capture figcaption { padding: .8rem .4rem .3rem; color: var(--text-muted); font-size: .88rem; line-height: 1.8; }
.audit-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.audit-gallery .audit-capture { margin-top: 0; }
.audit-gallery img { aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }
.audit-gallery .audit-mobile img { aspect-ratio: 9 / 16; width: min(100%, 360px); margin-inline: auto; object-fit: contain; background: #09111f; }
.audit-state { display: inline-flex; align-items: center; gap: .4rem; padding: .28rem .65rem; border-radius: 999px; font-size: .78rem; font-weight: 700; }
.audit-state--fixed { color: #8af0c1; background: rgba(32,190,125,.12); }
.audit-state--limited { color: #ffd786; background: rgba(230,164,40,.12); }
.audit-note { border-inline-start: 3px solid var(--audit-accent); padding: .8rem 1rem; color: var(--text-secondary); background: rgba(24,161,190,.07); line-height: 1.9; }
@media (max-width: 760px) { .audit-grid { grid-template-columns: 1fr; } .audit-gallery { grid-template-columns: 1fr; } .audit-hero { border-radius: 20px; } }
@media (prefers-reduced-motion: no-preference) { .audit-card, .audit-capture { transition: transform .2s ease, border-color .2s ease; } .audit-card:hover, .audit-capture:hover { transform: translateY(-2px); border-color: rgba(61,208,230,.4); } }