*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --g200: #2a2a2a;
  --g400: #777777;
  --g600: #aaaaaa;
}
html { scroll-behavior: smooth; }
body {
  font-family: var(--font);
  background: var(--color-bg);
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
}

nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: var(--nav-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 28px;
  background: var(--color-bg);
  border-bottom: 1px solid var(--g200);
  z-index: 200;
  transition: background 0.25s, border-color 0.25s;
}
nav.menu-open {
  background: transparent;
  border-color: transparent;
}
.nav-logo {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--color-text);
}

.nav-actions { display:flex; align-items:center; gap:14px; }
.profile-link { width:28px; height:28px; display:flex; align-items:center; justify-content:center; color:var(--color-text); text-decoration:none; }
.profile-link svg { width:21px; height:21px; display:block; }
.profile-link:hover { opacity:.5; }

.hamburger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  width: 32px;
  height: 32px;
  z-index: 300;
  position: relative;
}
.hamburger span {
  display: block;
  width: 20px;
  height: 1px;
  background: var(--color-text);
  transition: all 0.2s ease;
  transform-origin: center;
}
.hamburger.open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.hamburger.open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }






@media (max-width: 640px) {

}

/* PAGE */
.page {
  margin-top: var(--nav-h);
  padding-bottom: 80px;
}

.hero-title {
  text-align: center;
  padding: 0 28px 64px;
}
.hero-title h1 {
  font-size: clamp(52px, 9vw, 120px);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
}

.content {
  padding: 0 48px;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}

.intro {
  font-size: 13px;
  line-height: 1.9;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-text);
  margin-bottom: 48px;
}

.section {
  margin-bottom: 36px;
}

.section h2 {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-text);
  margin-bottom: 8px;
}

.section p {
  font-size: 13px;
  line-height: 1.9;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--color-text);
}

footer {
  padding: 32px 28px;
  border-top: 1px solid var(--g200);
  margin-top: 64px;
  text-align: center;
}
footer p { font-size: 11px; color: var(--color-text-muted); letter-spacing: 0.04em; }
footer a { color: var(--g600); text-decoration: none; }
footer a:hover { color: var(--color-text); }
.footer-links { display: flex; gap: 20px; list-style: none; }
.footer-links a { font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; }

@media (max-width: 640px) {
  nav { padding: 0 16px; }
  .content { padding: 0 20px; }
  footer { padding: 24px 16px; }
}








@media (max-width: 640px) {

}

.drawer {
  position: fixed;
  top: var(--nav-h);
  right: 0;
  width: 220px;
  background: var(--color-bg);
  border-left: 1px solid var(--g200);
  padding: 32px 28px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  z-index: 199;
  transform: translateX(100%);
  transition: transform 0.22s ease;
}
.drawer.open { transform: translateX(0); }
.drawer a {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--color-text);
  transition: opacity 0.12s;
}
.drawer a:hover { opacity: 0.5; }
.drawer a.active-page {
  text-decoration: underline;
  text-underline-offset: 4px;
}



:root{--font:'Inter',Arial,sans-serif;--display:'Anybody','Arial Black',sans-serif;--nav-h:64px}body{font-family:var(--font)!important;background:#0a0a0a;color:#fff}.site-nav,nav{height:64px;border:0!important;padding:0 22px;background:#0a0a0a;position:fixed;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;z-index:200}.nav-logo{font-family:var(--display);font-variation-settings:'wdth' 150,'wght' 900;font-weight:900;font-size:16px;letter-spacing:-.035em;color:#fff;text-decoration:none}.nav-actions{display:flex;align-items:center;gap:8px}.nav-icon{width:34px;height:34px;border:1px solid #2a2a2a;border-radius:9px;background:#181818;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:0}.nav-icon svg{width:18px;height:18px;display:block}.nav-icon img{width:100%;height:100%;object-fit:cover;border-radius:8px}.tip{position:absolute;top:40px;left:50%;transform:translateX(-50%);background:#fff;color:#111;border-radius:5px;padding:3px 7px;font:500 10px Inter;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s}.nav-icon:hover .tip{opacity:1}.hamburger{width:34px;height:34px;padding:7px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;z-index:300}.hamburger span{display:block;width:22px;height:2px;background:#fff;transition:.2s;transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.drawer{position:fixed;inset:0;width:100%;height:100vh;padding:0;background:#0a0a0a;border:0;z-index:190;opacity:0;visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .18s,visibility .18s}.drawer.open{opacity:1;visibility:visible}.drawer a{font-family:var(--display);font-variation-settings:'wdth' 150,'wght' 900;font-weight:900;font-size:clamp(42px,4.5vw,68px);letter-spacing:-.045em;line-height:1.5;color:#fff;text-decoration:none}.drawer a.active-page{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}.profile-popover{position:fixed;right:64px;top:58px;width:290px;padding:25px;background:#242424;border:1px solid #333;border-radius:14px;z-index:400;text-align:center;display:none;box-shadow:0 20px 60px rgba(0,0,0,.4)}.profile-popover.open{display:block}.profile-popover img,.profile-avatar-fallback{width:78px;height:78px;border-radius:50%;object-fit:cover;margin:0 auto 14px;background:#555;display:flex;align-items:center;justify-content:center;font:500 34px Inter}.profile-popover strong{display:block;font-size:18px;margin-bottom:2px}.profile-popover .mail{color:#aaa;font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile-popover .saved-stat{color:#aaa;font-size:13px;margin:14px 0}.profile-popover a{display:flex;width:max-content;margin:0 auto;padding:9px 15px;border-radius:9px;background:#353535;color:#fff;text-decoration:none;font-weight:600}.profile-popover a+a{margin-top:9px}.site-footer{padding:50px 20px 28px;text-align:center}.site-footer .footer-links{display:flex;justify-content:center;gap:28px;margin-bottom:8px}.site-footer .footer-links a{font-family:var(--display);font-variation-settings:'wdth' 150,'wght' 900;font-weight:900;color:#fff;text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:-.02em}.site-footer p{font:11px Inter;color:var(--color-text-muted)}.site-footer p a{color:#aaa;text-decoration:none}@media(max-width:640px){.site-nav,nav{padding:0 12px}.drawer a{font-size:11vw}.profile-popover{left:12px;right:12px;top:62px;width:auto}}

.page{padding-top:0;max-width:900px!important}.hero-title h1{font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important;letter-spacing:-.05em!important;text-transform:uppercase}.content,.content p,.section p{font-family:Inter,Arial,sans-serif!important}.section h2{font-family:Inter,Arial,sans-serif!important;font-weight:600!important}.site-footer{margin-top:70px!important}

/* Exact supplied SVG icon set */
.icon-svg{width:18px!important;height:18px!important;object-fit:contain!important;border-radius:0!important}.hamburger{display:flex!important;align-items:center!important;justify-content:center!important;padding:6px!important}.hamburger .menu-icon{width:23px;height:23px;object-fit:contain}.hamburger .menu-close-icon{display:none}.hamburger.open .menu-open-icon{display:none}.hamburger.open .menu-close-icon{display:block}.card-more{font-size:0!important}.card-more img{width:20px;height:20px;display:block}.card-menu img{width:16px;height:16px;object-fit:contain;flex:0 0 16px}

/* Centered legal layout from supplied reference */
.page{padding:0 20px 20px;max-width:980px!important;margin:0 auto!important;text-align:center!important}.hero-title{text-align:center!important;margin:0 auto 72px!important}.hero-title h1{white-space:nowrap;margin:0!important}.content{max-width:760px!important;margin:0 auto!important;text-align:center!important}.content .intro,.section,.section p,.section h2{text-align:center!important}.content .intro{font-size:16px!important;line-height:1.22!important;margin:0 auto 24px!important}.section{margin:0 auto 24px!important}.section h2{font-size:16px!important;line-height:1.2!important;margin:0 0 18px!important}.section p{font-size:16px!important;line-height:1.22!important;margin:0 auto!important}.site-footer{margin-top:70px!important}@media(max-width:700px){.page{padding-top:0}.hero-title{margin-bottom:48px!important}.hero-title h1{white-space:normal}.content .intro,.section p{font-size:14px!important}}

:root{--font:'Inter',Arial,sans-serif;--display:'Anybody','Arial Black',sans-serif}
body{font-family:var(--font)!important}
.site-footer,.site-footer p,.site-footer p a{font-family:var(--font)!important}
.site-footer .footer-links a{font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important}
.page{width:100%!important;box-sizing:border-box!important;text-align:center!important}
.hero-title,.hero-title h1{width:100%!important;text-align:center!important}
.hero-title h1{font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important;font-stretch:150%!important}
.content,.content p,.content .intro,.section,.section p,.section h2{font-family:var(--font)!important;text-align:center!important}

:root{--font:'Inter',Arial,sans-serif!important;--display:'Anybody','Arial Black',sans-serif!important}
html,body,button,input,select,textarea{font-family:var(--font)!important}
body{font-family:var(--font)!important}
.nav-logo,.logo,.drawer a,.hero h1,.hero-title h1,.submit-wrap h1{font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important;font-stretch:150%!important}
/* Header icon system: same optical scale as supplied homepage reference */
.nav-actions{display:flex!important;align-items:center!important;gap:8px!important}
.nav-icon{width:34px!important;height:34px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.nav-icon .icon-svg,#profileIcon>.icon-svg{width:18px!important;height:18px!important;object-fit:contain!important;border-radius:0!important}
#profileIcon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
#profileIcon>img:not(.icon-svg){width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important}
.hamburger{width:34px!important;height:34px!important;padding:6px!important;border:0!important;background:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
.hamburger .menu-icon{width:24px!important;height:24px!important;object-fit:contain!important}
.hamburger .menu-close-icon{display:none!important}.hamburger.open .menu-open-icon{display:none!important}.hamburger.open .menu-close-icon{display:block!important}
/* Cards: bookmark + three-dot menu, with consistent optical sizing */
.card-favorite{width:30px!important;height:30px!important;right:36px!important;top:7px!important;padding:5px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.card-favorite img{width:20px!important;height:20px!important;object-fit:contain!important}
.card-more{width:30px!important;height:30px!important;right:7px!important;top:7px!important;padding:5px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:0!important}
.card-more img{width:20px!important;height:20px!important;object-fit:contain!important}
.card-menu img{width:16px!important;height:16px!important;object-fit:contain!important;flex:0 0 16px!important}
.tip{font-family:var(--font)!important}
/* Unified footer typography */
footer,.site-footer,footer p,.site-footer p,footer p a,.site-footer p a{font-family:var(--font)!important}
footer .footer-links a,.site-footer .footer-links a{font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important;font-stretch:150%!important}
/* Consent UI also uses the local UI font */

.page{width:100%!important;max-width:980px!important;margin:64px auto 0!important;padding:0 20px 20px;text-align:center!important}
.hero-title{width:100%!important;margin:0 auto 72px!important;text-align:center!important}
.hero-title h1{width:100%!important;margin:0!important;text-align:center!important;font-family:var(--display)!important;font-variation-settings:'wdth' 150,'wght' 900!important;font-weight:900!important;font-stretch:150%!important;text-transform:uppercase!important}
.content,.content .intro,.content p,.content a,.section,.section h2,.section p{font-family:var(--font)!important;text-align:center!important}
.section h2{font-weight:700!important}
@media(max-width:700px){.page{padding-top:0}.hero-title{margin-bottom:48px!important}}

/* Main menu: three lines animate into a close X */
.hamburger{width:34px!important;height:34px!important;padding:6px!important;border:0!important;background:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;cursor:pointer!important}
.hamburger span{display:block!important;width:23px!important;height:2px!important;background:#fff!important;border-radius:2px!important;transition:transform .22s ease,opacity .16s ease!important;transform-origin:center!important}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
.hamburger.open span:nth-child(2){opacity:0!important;transform:scaleX(0)!important}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
/* Fullscreen menu hover: no text movement/fade; underline draws left to right */
.drawer a{position:relative!important;display:inline-block!important;text-decoration:none!important;opacity:1!important;transform:none!important;transition:none!important}
.drawer a::after{content:'';position:absolute;left:0;bottom:.18em;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .22s ease}
.drawer a:hover{opacity:1!important;transform:none!important}
.drawer a:hover::after{transform:scaleX(1)}
.drawer a.active-page::after{transform:scaleX(1)}
/* Supplied SVGs are black paths; invert them for dark card/menu UI. */
.card-more img,.card-menu img,.card-favorite img{filter:none!important}
.card-more img{content:url('icons/more.svg')!important}
/* Saved bookmark uses a truly filled asset. */
.card-favorite.active img{content:url('icons/favorite-filled.svg')!important}
/* Headline alignment */
.submit-wrap h1,.hero-title h1{width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.submit-wrap,.hero-title{width:100%!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}

#profileIcon > img.icon-svg { filter: invert(1) !important; }

/* Requested global type rules: page headlines uppercase; all page sublines same Inter weight. */
#content-home-headline,#content-saved-headline,#content-login-headline,#content-submission-headline,#content-report-headline,#content-terms-headline,#content-privacy-headline{
  text-transform:uppercase!important;
}
#content-home-intro,#content-saved-intro,#content-login-intro,#content-submission-copy,#content-report-copy,#content-terms-intro,#content-privacy-intro{
  font-family:'Inter',Arial,sans-serif!important;
  font-weight:400!important;
}
#content-home-intro strong,#content-saved-intro strong,#content-login-intro strong,#content-submission-copy strong,#content-report-copy strong,#content-terms-intro strong,#content-privacy-intro strong{
  font-weight:inherit!important;
}

    @media (max-width: 640px) {
      .drawer {
        box-sizing: border-box !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
      }

      .drawer a {
        max-width: calc(100vw - 32px) !important;
        font-size: clamp(24px, 8.5vw, 46px) !important;
        line-height: 1.25 !important;
        /* Same single-line rule as the shared navigation drawer (js/navigation.js). */
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        text-align: center !important;
      }
    }

/* Readable legal copy: sentence case, left-aligned, comfortable measure and rhythm.
   The page title, header and footer keep their editorial treatment. */
.content { max-width: 680px !important; text-align: left !important; }
.content .intro,
.section,
.section h2,
.section p { text-align: left !important; text-transform: none !important; letter-spacing: normal !important; }
.content .intro,
.section p { font-size: 15px !important; line-height: 1.7 !important; font-weight: 400 !important; color: var(--color-text-secondary) !important; overflow-wrap: break-word; }
.content .intro { color: var(--color-text) !important; margin-bottom: 40px !important; }
.section { margin-bottom: 32px !important; }
.section h2 { font-size: 18px !important; line-height: 1.3 !important; font-weight: 600 !important; margin-bottom: 10px !important; color: var(--color-text) !important; }
.section p + p { margin-top: 12px; }
.section a, .content .intro a { color: var(--color-text); text-underline-offset: 3px; }