:root{
  color-scheme:dark light;
  --bg:#030914;--bg2:#071a36;--panel:#081d39e8;--panel-strong:#0a2447;
  --border:#1d4c78;--text:#edf6ff;--muted:#a8bdd6;--accent:#62caff;--accent2:#72e3d0;
  --shadow:0 30px 90px #0008;--notice:#0b2740;
}
*{box-sizing:border-box}
html,body{min-height:100%}
body.standalone-page{margin:0;background:
  radial-gradient(circle at 12% 8%,#0c4f7a66 0,transparent 34%),
  radial-gradient(circle at 88% 12%,#26387c55 0,transparent 30%),
  linear-gradient(160deg,var(--bg),#041226 54%,#06162d);color:var(--text);
  font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .2s,color .2s}
body.standalone-page::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:
  linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#0008,transparent 72%)}
.standalone-shell{position:relative;width:min(960px,calc(100% - 32px));margin:32px auto;padding:34px;border:1px solid var(--border);border-radius:30px;background:linear-gradient(145deg,#081d39f0,#07172eef);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.standalone-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.standalone-logo{width:48px;height:48px;display:block;filter:drop-shadow(0 10px 24px #0006)}.standalone-brand-copy{display:flex;flex-direction:column}.standalone-brand-copy strong{font-size:18px;letter-spacing:.01em}.standalone-brand-copy span{color:#7fa3c3;font-size:13px}
.standalone-page h1,.standalone-page h2{line-height:1.2}.standalone-page h1{margin:0 0 8px;font-size:clamp(30px,5vw,44px)}.standalone-page h2{margin-top:34px;font-size:21px}.standalone-page p,.standalone-page li,.standalone-page td{color:var(--muted)}.standalone-page a{color:var(--accent)}.standalone-page code{padding:2px 6px;border-radius:7px;background:#102c55;color:#dff4ff}.updated{margin:0;color:#78a2c9;font-size:13px}.notice{margin:24px 0;padding:18px;border:1px solid #285b78;border-radius:18px;background:var(--notice)}.notice strong{display:block;margin-bottom:5px;color:#eaf7ff}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:18px}.standalone-page table{width:100%;border-collapse:collapse;min-width:700px}.standalone-page th,.standalone-page td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #15385f}.standalone-page th{color:#e9f5ff;background:var(--panel-strong);font-size:13px}.standalone-page tr:last-child td{border-bottom:0}.standalone-page ul{padding-left:22px}.back{display:inline-flex;margin-top:26px;min-height:44px;align-items:center;padding:0 16px;border:1px solid #2d6798;border-radius:13px;text-decoration:none;font-weight:750;background:#0a2b4c}
.offline-page{display:grid;place-items:center;padding:24px}.offline-page .standalone-shell{width:min(460px,100%);margin:0;text-align:center}.offline-icon{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 18px;border:1px solid #2c6389;border-radius:26px;background:linear-gradient(145deg,#0b3555,#10264b);box-shadow:inset 0 1px #ffffff18,0 18px 40px #0005}.offline-icon img{width:54px;height:54px}.offline-page p{margin:0}.offline-page button{margin-top:24px;min-height:48px;padding:0 22px;border:0;border-radius:14px;background:linear-gradient(135deg,#20aaff,#176cff);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 30px #126fbb55}
html:not(.session-authorized) body.offline-page{visibility:hidden}
body[data-theme="light"].standalone-page{--bg:#eef6ff;--bg2:#fff;--panel:#ffffffed;--panel-strong:#eaf5ff;--border:#bed7ef;--text:#0b2c52;--muted:#536f8c;--accent:#087fc1;--notice:#f2f9ff;--shadow:0 24px 70px #315f8a26;background:radial-gradient(circle at 15% 8%,#b9dcff 0,transparent 36%),linear-gradient(160deg,#f7fbff,#eaf4ff)}
body[data-theme="light"].standalone-page::before{background-image:linear-gradient(#164b7b0b 1px,transparent 1px),linear-gradient(90deg,#164b7b0b 1px,transparent 1px)}
body[data-theme="light"] .standalone-shell{background:#ffffffee;border-color:#bed7ef}body[data-theme="light"] .standalone-brand-copy span{color:#6a86a2}body[data-theme="light"] code{background:#e9f4ff;color:#174d78}body[data-theme="light"] .notice{border-color:#b9d7eb}body[data-theme="light"] th,body[data-theme="light"] td{border-color:#d4e5f2}body[data-theme="light"] .back{background:#edf7ff;border-color:#b6d8ef}body[data-theme="light"] .offline-icon{background:#edf7ff;border-color:#b6d8ef}
@media(max-width:640px){.standalone-shell{margin:16px auto;padding:22px;border-radius:22px}.standalone-page h1{font-size:30px}.standalone-brand{margin-bottom:18px}.standalone-logo{width:42px;height:42px}}

/* 18.9.7.4 — legal-page navigation: compact action group aligned to the right. */
.standalone-actions{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:14px;margin-top:26px}
.standalone-actions .back{flex:0 0 auto;margin:0}
.privacy-context-notice{display:grid;gap:2px}
body[data-access-mode="guest"] .privacy-context-notice{border-style:dashed}
[hidden]{display:none!important}
@media(max-width:640px){
  .standalone-actions{flex-direction:column;align-items:stretch;gap:10px}
  .standalone-actions .back{width:100%;max-width:none;justify-content:center}
}

/* 18.9.7.4 — legal-page navigation hover/focus states for all four actions. */
.standalone-actions .back{
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
@media(hover:hover) and (pointer:fine){
  .standalone-actions .back:hover{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#0d3f68,#0b3158);
    border-color:#55bff0;
    color:#eaf8ff;
    box-shadow:0 12px 28px #0005,inset 0 0 0 1px #62caff24;
  }
  body[data-theme="light"] .standalone-actions .back:hover{
    background:#def2ff;
    border-color:#4ba8da;
    color:#0a4f79;
    box-shadow:0 10px 24px #315f8a28,inset 0 0 0 1px #087fc11a;
  }
}
.standalone-actions .back:focus-visible{
  outline:3px solid color-mix(in srgb,var(--accent) 58%,transparent);
  outline-offset:3px;
  border-color:var(--accent);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent);
}
.standalone-actions .back:active{transform:translateY(0) scale(.985)}


/* 18.5.10 — Article 13 privacy disclosure. */
.privacy-legal{margin-top:32px;padding-top:4px;border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent)}
.privacy-legal h3{margin:0 0 8px;color:var(--text);font-size:17px;line-height:1.3}
.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 22px}
.legal-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.legal-card{min-width:0;padding:18px;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--panel-strong) 72%,transparent)}
.legal-card p{margin:6px 0 0;overflow-wrap:anywhere}
.legal-card a{overflow-wrap:anywhere}
.legal-table-wrap{margin:14px 0 24px}
.legal-table{min-width:860px!important}
.legal-table td,.legal-table th{white-space:normal}
.legal-reference{margin-top:10px;font-size:14px}
#privacy-email-access-history{scroll-margin-top:20px}
@media(max-width:760px){.legal-grid,.legal-grid-wide{grid-template-columns:1fr}.legal-card{padding:16px}.legal-table{min-width:760px!important}}
