/* Shared visual treatment for support, privacy and terms. */
:root { --ink:#24252b; --muted:#6e7079; --line:rgba(70,65,81,.1); --accent:#b34c43; --paper:#faf9f7; --soft:rgba(239,108,97,.07); }
html { scroll-padding-top:120px; }
body {
  min-width:320px;
  background:radial-gradient(ellipse at 12% 0%,rgba(240,197,182,.32),transparent 45%),radial-gradient(ellipse at 95% 35%,rgba(194,190,233,.28),transparent 42%),#f7f6f3;
  background-attachment:fixed;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
header {
  top:20px; z-index:20; width:min(1040px,calc(100% - 48px)); margin:20px auto 0;
  border:1px solid rgba(255,255,255,.92); border-radius:999px; background:#f9f8f6;
  box-shadow:inset 0 1px 0 white,0 4px 8px rgba(41,33,55,.025),0 16px 48px rgba(41,33,55,.07);
  transition:background .3s ease,box-shadow .3s ease;
}
nav.support-nav { max-width:none; min-height:74px; padding:10px 16px 10px 22px; gap:20px; }
header.is-scrolled { box-shadow:inset 0 1px 0 white,0 10px 40px rgba(41,33,55,.12); }
.brand-link { display:inline-flex; align-items:center; gap:9px; font-size:23px; font-weight:750; letter-spacing:-.055em; }
.brand-link svg { width:34px; height:34px; flex:none; filter:drop-shadow(0 3px 5px rgba(239,108,97,.16)); }
.brand-link .brand-pi { color:#ef6c61; }
.legal-nav-links { gap:4px; }
.legal-nav-links a {
  min-height:44px; display:flex; align-items:center; padding:9px 14px; border-radius:999px;
  font-size:13px; font-weight:500; color:#64636c;
  transition:background .2s ease,color .2s ease;
}
.legal-nav-links a:hover { background:rgba(255,255,255,.75); color:var(--ink); }
.legal-nav-links a[aria-current="page"] { color:#a34038; font-weight:600; background:rgba(239,108,97,.08); }
.language-picker summary {
  min-height:44px; padding:8px 13px; border:1px solid rgba(255,255,255,.9); border-radius:999px;
  background:rgba(255,255,255,.55); box-shadow:inset 0 1px 0 white; font-size:13px; font-weight:550;
}
.language-picker summary:hover { background:rgba(255,255,255,.85); }
.language-menu {
  top:calc(100% + 15px); right:0; padding:8px; border-radius:22px;
  background:#faf9f8; border:1px solid rgba(255,255,255,.95);
  box-shadow:inset 0 1px 0 white,0 20px 60px rgba(41,33,55,.13);
}
.language-menu a { min-height:44px; border-radius:13px; font-size:13px; }
main {
  width:min(920px,calc(100% - 48px)); margin:44px auto 64px; padding:56px 64px;
  border:1px solid rgba(255,255,255,.96); border-radius:32px; background:#faf9f7;
  box-shadow:inset 0 1px 0 white,0 4px 12px rgba(45,37,63,.025),0 28px 75px -22px rgba(67,48,89,.12);
}
h1 { font-size:clamp(32px,4vw,48px); font-weight:650; letter-spacing:-.045em; line-height:1.2; text-wrap:balance; }
h2 { margin-top:40px; padding-top:30px; font-size:22px; font-weight:650; letter-spacing:-.025em; scroll-margin-top:120px; }
h3 { margin-top:28px; font-size:17px; font-weight:650; line-height:1.65; }
p,li { color:#50515b; line-height:1.9; overflow-wrap:break-word; }
li+li { margin-top:8px; }
a { color:var(--accent); text-underline-offset:3px; }
.meta { margin:14px 0 30px; font-size:13px; color:var(--muted); }
.notice {
  padding:22px 24px; border:1px solid rgba(239,108,97,.13); border-radius:20px;
  background:linear-gradient(130deg,rgba(255,246,241,.8),rgba(255,255,255,.6));
}
.related-links a { display:inline-flex; align-items:center; min-height:44px; }
footer { margin-top:48px; padding-top:26px; border-top:1px solid var(--line); font-size:12px; line-height:1.8; }
:focus-visible { outline:3px solid rgba(239,108,97,.5); outline-offset:4px; }
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  header { background:rgba(255,255,255,.62); -webkit-backdrop-filter:blur(26px) saturate(150%); backdrop-filter:blur(26px) saturate(150%); }
  header.is-scrolled { background:rgba(255,255,255,.82); }
  main { background:rgba(255,255,255,.72); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
}
@media(max-width:700px) {
  html { scroll-padding-top:148px; }
  header { top:12px; margin-top:12px; width:calc(100% - 24px); border-radius:26px; }
  nav.support-nav { min-height:0; padding:10px 14px; gap:8px 12px; }
  .brand-link { font-size:21px; }
  .brand-link svg { width:30px; height:30px; }
  .support-nav .legal-nav-links { justify-content:flex-start; gap:4px; padding:2px 0 0; }
  .legal-nav-links a { padding:8px 12px; font-size:12px; }
  .language-picker summary { font-size:12px; padding-inline:10px; }
  .language-menu { position:absolute; top:calc(100% + 12px); right:0; max-width:calc(100vw - 56px); max-height:calc(100svh - 100px); overflow:auto; }
  main { width:calc(100% - 24px); margin:24px auto 36px; padding:32px 22px; border:1px solid rgba(255,255,255,.96); border-radius:26px; }
  h1 { font-size:32px; }
  h2 { font-size:20px; scroll-margin-top:148px; }
  .support-main h3 { scroll-margin-top:148px; }
  p,li { font-size:15px; }
  .notice { padding:18px; border-radius:16px; }
  .related-links { gap:8px 18px; }
}
@media(prefers-reduced-motion:reduce) { header,.legal-nav-links a,.language-picker summary::after { transition:none; } }
@media print {
  body { background:white; }
  header { position:static; background:white; box-shadow:none; }
  .language-picker { display:none; }
  main { width:100%; margin:0; padding:24px 0; border:0; background:white; box-shadow:none; backdrop-filter:none; }
}