/* Flight Training Australia: aviation resource. Sky theme. */
:root{
  --sky:#0b6bb8;--sky-deep:#083d6e;--sky-light:#e8f2fb;--sunset:#f28c28;
  --ink:#1d2733;--muted:#5f6f80;--cloud:#ffffff;--line:#d7e3ef;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Avenir Next",Avenir,"Segoe UI",Verdana,sans-serif;background:#fbfdff;color:var(--ink);
  line-height:1.68;font-size:17px}
a{color:var(--sky);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1020px;margin:0 auto;padding:0 24px}
.prose{max-width:740px;margin:0 auto;padding:0 24px}

/* header */
.hdr{background:var(--sky-deep);color:#fff}
.hdr .container{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;flex-wrap:wrap;gap:10px}
.mark{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;font-size:1.1rem;letter-spacing:.02em}
.mark .ic{font-size:1.3rem}
.hdr nav a{color:#bcd7ee;margin-left:20px;font-size:.9rem;font-weight:600}
.hdr nav a:hover{color:#fff;text-decoration:none}

/* hero */
.skyhero{background:linear-gradient(170deg,#0b6bb8 0%,#3a92d4 45%,#bfe0f7 100%);color:#fff;padding:70px 0 84px;position:relative;overflow:hidden}
.skyhero h1{font-size:2.5rem;font-weight:800;line-height:1.14;max-width:660px;text-shadow:0 1px 3px rgba(8,61,110,.35)}
.skyhero p{margin-top:16px;max-width:560px;font-size:1.12rem;color:#eef6fd}
.skyhero .strip{position:absolute;bottom:0;left:0;right:0;height:26px;background:linear-gradient(180deg,transparent,#fbfdff)}

/* sections */
main{padding:50px 0 80px}
.sec-label{color:var(--sunset);font-weight:800;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
h2.sec-title{font-size:1.6rem;font-weight:800;margin:8px 0 18px;color:var(--sky-deep)}
section+section{margin-top:54px}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
.tile{background:var(--cloud);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(11,107,184,.06)}
.tile .tag{display:inline-block;background:var(--sky-light);color:var(--sky-deep);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:6px}
.tile h3{margin:12px 0 8px;font-size:1.15rem;font-weight:800}
.tile p{font-size:.94rem;color:var(--muted)}

/* article */
.art-hero{background:linear-gradient(170deg,var(--sky-deep) 0%,var(--sky) 100%);color:#fff;padding:52px 0 46px}
.art-hero .tag{color:#ffd9ae;font-weight:800;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.art-hero h1{font-size:2.1rem;font-weight:800;line-height:1.18;margin-top:10px;max-width:700px}
.art-hero p.dek{margin-top:14px;max-width:640px;color:#dcecf9;font-size:1.08rem}
.bc{font-size:.82rem;color:var(--muted);padding:16px 0 0}
.bc a{color:var(--muted)}
article h2{font-size:1.45rem;font-weight:800;color:var(--sky-deep);margin:38px 0 14px}
article h3{font-size:1.1rem;font-weight:800;margin:26px 0 10px}
article p{margin-bottom:16px}
article ul,article ol{margin:0 0 16px 24px}
article li{margin-bottom:7px}

/* flight-log timeline */
.flog{margin:28px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.flog .leg{display:flex;gap:18px;padding:16px 20px;background:#fff}
.flog .leg:nth-child(even){background:var(--sky-light)}
.flog .leg .when{flex:0 0 120px;font-weight:800;color:var(--sky-deep);font-size:.9rem}
.flog .leg .what{font-size:.95rem}

/* callouts */
.notice{background:#fff7ec;border:1px solid #f3ddbd;border-left:4px solid var(--sunset);border-radius:8px;padding:16px 20px;margin:24px 0;font-size:.95rem}
.bluebox{background:var(--sky-light);border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin:26px 0}
.bluebox h3{margin-top:0}

/* stats */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:26px 0}
.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center}
.stat .n{font-size:1.5rem;font-weight:800;color:var(--sky)}
.stat .l{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}

/* footer */
.ftr{background:var(--sky-deep);color:#a9c6df;font-size:.88rem;margin-top:30px}
.ftr .container{padding:32px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
.ftr a{color:#cfe3f3}
.ftr .disclaimer{max-width:560px;font-size:.8rem;line-height:1.5}
@media(max-width:640px){.skyhero h1{font-size:1.75rem}.hdr nav a{margin-left:12px}.flog .leg{flex-direction:column;gap:4px}}