/* Aon screens, layered on the house system (static/house/desk.css): same tokens, light and dark.
   Titles use the brand serif (digents-core-os/BRAND.md); everything else is the house sans. */
:root{ --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif; --deep-gold:#9a7b16; }
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --deep-gold:#f0d9a8; } }
:root[data-theme="dark"]{ --deep-gold:#f0d9a8; }

body.aon{ display:flex; flex-direction:column; min-height:100vh; }
.aon-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 20px; background:var(--card); border-bottom:1px solid var(--line); }
.aon-brand{ display:flex; align-items:center; gap:9px; color:var(--ink); font-weight:700; font-size:16px; }
.aon-brand img{ border-radius:8px; display:block; }
.aon-brand small{ font-weight:500; font-size:13px; color:var(--muted); }
.aon-acct{ display:flex; align-items:center; gap:10px; font-size:13.5px; color:var(--ink-soft); }
.aon-acct form{ margin:0; }
.aon-main{ flex:1; width:100%; max-width:1040px; margin:0 auto; padding:48px 20px 64px; }
.aon-main.narrow{ max-width:640px; }
.aon-foot{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px 20px; padding:18px 20px 26px; font-size:13px; color:var(--muted); border-top:1px solid var(--line); background:var(--card); }
.aon-foot a{ color:var(--ink-soft); }
.aon-foot a:hover{ color:var(--ink); }
@media (max-width:560px){ .aon-main{ padding:28px 16px 44px; } .aon-top{ padding:10px 16px; } .aon-brand small{ display:none; } }

.eyebrow{ font-size:12px; font-weight:650; text-transform:uppercase; letter-spacing:.2em; color:var(--deep-gold); margin:0; }
.display{ font-family:var(--serif); font-weight:600; letter-spacing:-.01em; line-height:1.07; font-size:clamp(2.1rem,4.8vw,3.3rem); color:var(--ink); margin:12px 0 18px; max-width:17ch; text-wrap:balance; }
.title{ font-family:var(--serif); font-weight:600; font-size:clamp(1.55rem,3vw,1.95rem); line-height:1.15; color:var(--ink); margin:8px 0 8px; text-wrap:balance; }
.lede{ font-size:17px; line-height:1.6; color:var(--ink-soft); max-width:56ch; margin:0 0 28px; }
.sub{ color:var(--ink-soft); margin:0 0 22px; max-width:60ch; line-height:1.55; }
.fine{ font-size:13px; color:var(--muted); margin:12px 0 0; line-height:1.5; }

.btn-fb{ display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 22px; border-radius:12px; font:inherit; font-weight:700; font-size:15.5px; line-height:1; color:#1b1608; background:linear-gradient(180deg,#d9b36b,#c9a227); border:0; cursor:pointer; box-shadow:0 10px 22px -14px rgba(154,123,22,.9); }
.btn-fb:hover{ filter:brightness(1.05); }
.btn-fb:focus-visible{ outline:2px solid var(--teal); outline-offset:3px; }

.facts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:48px; padding-top:22px; border-top:1px solid var(--line); }
@media (max-width:720px){ .facts{ grid-template-columns:1fr; gap:14px; margin-top:34px; } }
.fact b{ display:block; font-weight:650; margin-bottom:2px; color:var(--ink); }
.fact span{ color:var(--muted); font-size:14px; line-height:1.5; }
.how{ margin-top:52px; max-width:720px; }
.steps{ margin:14px 0 0; padding-left:22px; display:grid; gap:12px; }
.steps li{ line-height:1.55; color:var(--ink-soft); padding-left:4px; }
.steps li::marker{ color:var(--deep-gold); font-weight:700; }
.steps b{ color:var(--ink); }

.options{ list-style:none; margin:0 0 22px; padding:0; display:flex; flex-direction:column; gap:10px; }
.option{ display:flex; align-items:center; gap:14px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:var(--card); cursor:pointer; }
.option:hover{ border-color:var(--gold-2); }
.option:has(input:checked){ border-color:var(--gold); background:var(--gold-soft); }
.option input{ accent-color:#9a7b16; width:18px; height:18px; flex:none; margin:0; }
.option .av{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font-family:var(--serif); font-weight:600; font-size:17px; background:var(--card-2); color:var(--deep-gold); border:1px solid var(--line); flex:none; }
.option .nm{ display:block; font-weight:650; color:var(--ink); overflow-wrap:anywhere; }
.option .mt{ display:block; font-size:12.5px; color:var(--muted); }

.notice{ border-radius:12px; padding:14px 16px; font-size:14.5px; line-height:1.5; background:var(--warn-soft); color:var(--ink); }
.status-head{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:8px; }
.status-head .title{ margin:0; }
.dot{ width:10px; height:10px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 4px var(--teal-soft); flex:none; }
.dot.off{ background:var(--muted); box-shadow:0 0 0 4px var(--card-2); }
.rows{ border:1px solid var(--line); border-radius:12px; overflow:hidden; margin:22px 0; background:var(--card); }
.row{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:center; padding:14px 16px; }
.row + .row{ border-top:1px solid var(--line); }
.row .k{ display:block; font-weight:650; color:var(--ink); }
.row .v{ display:block; font-size:13.5px; color:var(--ink-soft); line-height:1.45; overflow-wrap:anywhere; }
.actions{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; }