/* Cleared for Air — estilo das páginas de conteúdo (as que respondem uma pergunta e levam à auditoria).
   Usado por neta-delivery-checklist.html, loudness-24-lkfs.html, caption-file-rejected.html e
   broadcast-export-settings.html. O index.html tem o seu próprio estilo, embutido. */
:root{ --ink:#0c2334; --ink-2:#17364c; --paper:#f7f9fb; --card:#ffffff;
       --line:#e2e8ee; --muted:#5a6a78; --faint:#8798a7;
       --green:#17a673; --green-2:#0f8a5f; --green-soft:#e8f7f0; --maxw:1120px; }
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--paper);
     font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.narrow{max-width:760px}
a{color:var(--green-2);text-decoration:none}
a:hover{text-decoration:underline}

header{position:sticky;top:0;z-index:20;background:rgba(12,35,52,.96);backdrop-filter:blur(8px)}
.bar{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:10px}
.wm{color:#fff;font-weight:700;font-size:17px;letter-spacing:-.2px}
.wm .lt{font-weight:400;color:#8fb3c4}
nav{display:flex;gap:26px;align-items:center}
nav a{color:#c3d6e1;font-size:14.5px;font-weight:500}
nav a:hover{color:#fff;text-decoration:none}
.btn{display:inline-block;background:var(--green);color:#fff;font-weight:600;font-size:15px;
     padding:13px 22px;border-radius:8px;border:1px solid var(--green);transition:.15s}
.btn:hover{background:var(--green-2);border-color:var(--green-2);text-decoration:none;color:#fff}
.btn.sm{padding:9px 16px;font-size:14px}
.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{background:#eef3f7;color:var(--ink);border-color:#cfd9e2}

article{padding:52px 0 64px}
.crumbs{font-size:13.5px;color:var(--faint);margin-bottom:16px}
.crumbs a{color:var(--muted)}
h1{font-size:40px;line-height:1.12;letter-spacing:-1px;margin-bottom:16px}
.lead{font-size:19px;color:var(--ink-2);margin-bottom:10px}
.meta{font-size:14px;color:var(--faint);margin-bottom:26px}
.grab{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 34px}
h2{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:38px 0 12px}
h3{font-size:17.5px;margin:22px 0 6px}
p{color:var(--muted);margin-bottom:14px}
p b, li b{color:var(--ink)}
ul{list-style:none;display:grid;gap:10px;margin:0 0 16px}
li{position:relative;padding-left:26px;color:var(--muted)}
li::before{content:"";position:absolute;left:2px;top:9px;width:9px;height:9px;border-radius:50%;
           background:var(--green);opacity:.85}
.why{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--ink);
     border-radius:8px;padding:14px 18px;margin:16px 0 8px;font-size:15.5px}
.why b{display:block;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--faint);
       margin-bottom:4px}
table{border-collapse:collapse;width:100%;font-size:15.5px;background:var(--card);border:1px solid var(--line);
      border-radius:10px;overflow:hidden;margin:6px 0 18px}
th{text-align:left;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--faint);
   font-weight:600;padding:12px 16px;background:#f2f6f9;border-bottom:1px solid var(--line)}
td{padding:11px 16px;border-bottom:1px solid var(--line);color:var(--muted);vertical-align:top}
tr:last-child td{border-bottom:none}
td b{color:var(--ink)}
.cta{background:var(--green-soft);border:1px solid #bfe7d6;border-radius:12px;padding:26px 26px 28px;
     margin:40px 0 10px}
.cta h2{margin:0 0 10px;font-size:23px}
.next{border-top:1px solid var(--line);margin-top:34px;padding-top:20px}
.next h2{font-size:17px;margin:0 0 10px}
.note{font-size:14.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:28px}

footer{background:var(--ink);color:#8fb3c4;font-size:14px;padding:26px 0}
.fbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer a{color:#9fd8c0}

@media (max-width:860px){
  article{padding:38px 0 48px}
  h1{font-size:31px}
  .lead{font-size:17.5px}
  h2{font-size:22px}
  nav a:not(.btn){display:none}
}