/* LicencePass legal & support pages — brand tokens from the app (Road Blue, Licence Navy, Signal Amber, Pass Green). */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --blue:#2451E6;--blue-soft:#E8EDFD;--navy:#0E1F5B;--amber:#F5A623;--amber-soft:#FEF3E0;--green:#16A34A;--green-soft:#E6F6EC;--red:#DC2626;
  --bg:#F7F8FC;--card:#FFFFFF;--elev:#EEF1F8;--border:#E1E5EF;
  --text:#0E1F5B;--text-2:#34405F;--text-3:#5B6583;--text-4:#8089A3;
  --link:#2451E6;--maxw:860px;
}
@media (prefers-color-scheme:dark){
  :root{
    --blue:#6D8CFF;--blue-soft:rgba(109,140,255,.14);--amber-soft:rgba(245,166,35,.12);--green-soft:rgba(22,163,74,.14);
    --bg:#0A1130;--card:#111A3F;--elev:#18234F;--border:#232F5E;
    --text:#F2F4FB;--text-2:#C8CEE3;--text-3:#98A1C0;--text-4:#6F789A;--link:#8FA8FF;
  }
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'Public Sans',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-2);line-height:1.75;overflow-x:hidden}
h1,h2,h3,.brand .bn,.kicker{font-family:'Space Grotesk','Public Sans',system-ui,sans-serif}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
::selection{background:rgba(36,81,230,.2)}

nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.nav-inner{max-width:1100px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;color:var(--text)}
.brand:hover{text-decoration:none}
.brand .mark{width:34px;height:34px;border-radius:10px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brand .bn{font-size:18px;font-weight:700;letter-spacing:-.3px}
.navlinks{display:flex;gap:18px;font-size:14px;font-weight:600}
.navlinks a{color:var(--text-3)}
.navlinks a[aria-current]{color:var(--blue)}
@media(max-width:560px){.navlinks{gap:12px;font-size:13px}.brand .bn{font-size:16px}}

.doc{max-width:var(--maxw);margin:0 auto;padding:56px 24px 40px}
.doc-head{margin-bottom:36px;padding-bottom:30px;border-bottom:1px solid var(--border)}
.kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
h1{font-size:clamp(32px,5vw,48px);font-weight:700;letter-spacing:-1.2px;line-height:1.1;color:var(--text);margin-bottom:16px}
h1 .accent{color:var(--blue)}
.dates{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--text-4)}
.dates span{background:var(--card);border:1px solid var(--border);padding:5px 12px;border-radius:999px}
.dates b{color:var(--text-2);font-weight:600}
.lead{font-size:18px;color:var(--text);margin-bottom:10px}

.tldr{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}
.tldr .t{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px}
.tldr .t .h{font-size:14.5px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:9px;margin-bottom:4px}
.tldr .t .h::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}
.tldr .t p{font-size:13.5px;color:var(--text-3);margin:0}
@media(max-width:620px){.tldr{grid-template-columns:1fr}}

.toc{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 26px;margin:32px 0}
.toc h2{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);margin-bottom:14px;font-weight:700}
.toc ol{list-style:none;counter-reset:t;columns:2;column-gap:30px}
.toc li{counter-increment:t;margin-bottom:8px;font-size:14px;break-inside:avoid}
.toc li::before{content:counter(t)".";color:var(--blue);font-weight:700;margin-right:8px}
.toc a{color:var(--text-2)}
@media(max-width:620px){.toc ol{columns:1}}

h2.sec{font-size:23px;font-weight:700;color:var(--text);letter-spacing:-.4px;margin:46px 0 14px;padding-top:12px;scroll-margin-top:80px}
h2.sec .no{color:var(--blue);margin-right:10px}
h3{font-size:17px;font-weight:700;color:var(--text);margin:24px 0 8px;scroll-margin-top:80px}
p{margin-bottom:14px}
ul,ol.list{margin:0 0 16px;padding-left:22px}
li{margin-bottom:7px}
strong{color:var(--text);font-weight:600}
code{background:var(--elev);border:1px solid var(--border);border-radius:6px;padding:1px 7px;font-size:.88em;color:var(--text)}

.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:2px 9px;border-radius:999px;vertical-align:middle;margin-left:6px}
.tag.now{background:var(--green-soft);color:var(--green)}
.tag.later{background:var(--amber-soft);color:#B26B00}
@media (prefers-color-scheme:dark){.tag.later{color:var(--amber)}}

.table-wrap{overflow-x:auto;margin:16px 0 20px;border:1px solid var(--border);border-radius:14px;background:var(--card)}
table{border-collapse:collapse;width:100%;font-size:14px;min-width:620px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:top}
th{font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-3);background:var(--elev)}
tr:last-child td{border-bottom:0}
td strong{white-space:nowrap}

.callout{border-radius:14px;padding:18px 22px;margin:20px 0;border:1px solid}
.callout p:last-child,.callout ul:last-child,.callout ol:last-child{margin-bottom:0}
.callout.info{background:var(--blue-soft);border-color:color-mix(in srgb,var(--blue) 25%,transparent)}
.callout.good{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 28%,transparent)}
.callout.warn{background:var(--amber-soft);border-color:color-mix(in srgb,var(--amber) 40%,transparent)}
.callout b{color:var(--text)}

.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 24px;margin:18px 0}
.card h3{margin-top:0}
.contact-card{background:linear-gradient(140deg,var(--blue-soft),var(--card));border:1px solid var(--border);border-radius:18px;padding:24px 26px;margin:28px 0}
.contact-card h3{margin-top:0}
.btn{display:inline-block;background:var(--blue);color:#fff !important;font-weight:600;padding:10px 18px;border-radius:10px;font-size:14.5px;margin:6px 8px 6px 0}
.btn:hover{text-decoration:none;filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--blue) !important;border:1px solid var(--blue)}

details{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 18px;margin:10px 0}
details summary{cursor:pointer;font-weight:600;color:var(--text);list-style:none;display:flex;justify-content:space-between;gap:12px}
details summary::after{content:'+';color:var(--blue);font-weight:700}
details[open] summary::after{content:'−'}
details summary::-webkit-details-marker{display:none}
details > div{padding-top:10px}
details > div p:last-child{margin-bottom:0}

footer{border-top:1px solid var(--border);margin-top:56px}
.foot{max-width:1100px;margin:0 auto;padding:30px 24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--text-4)}
.foot a{color:var(--text-3)}
.foot .fl{display:flex;gap:20px;flex-wrap:wrap}