.sitewide-trust { border-top: 1px solid rgba(255, 196, 68, .24); border-bottom: 1px solid rgba(255, 255, 255, .08); background: #0d1023; padding: 18px max(20px, calc((100vw - 1320px)/2)) } .sitewide-trust__inner { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: center } .sitewide-trust__age { display: grid; place-items: center; width: 58px; height: 58px; border: 2px solid #ffc444; border-radius: 50%; color: #ffc444; font-size: 18px; font-weight: 900 } .sitewide-trust p { margin: 0; color: #c8cbe0; font-size: 14px; line-height: 1.65 } .sitewide-trust strong { color: #fff } .sitewide-trust__links { display: flex; gap: 14px; flex-wrap: wrap } .sitewide-trust__links a { color: #ffc444; font-size: 13px; font-weight: 800; text-decoration: none } .sitewide-trust__links a:hover { text-decoration: underline } .eeat-team, .eeat-position { max-width: 1320px; margin: 72px auto; padding: 0 24px } .eeat-position__panel { border: 1px solid rgba(255, 196, 68, .3); background: linear-gradient(135deg, #171a34, #111426); border-radius: 24px; padding: 32px } .eeat-position h2, .eeat-team h2 { margin: 0 0 14px; color: #fff; font-size: clamp(30px, 4vw, 54px); letter-spacing: -.035em } .eeat-position p, .eeat-team>p { max-width: 900px; color: #bdc1d5; line-height: 1.75 } .eeat-position ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 26px 0 0; padding: 0; list-style: none } .eeat-position li { min-height: 112px; padding: 20px; border: 1px solid rgba(255, 255, 255, .1); background: #0b0e1e; border-radius: 16px; color: #e9ebf5; line-height: 1.55 } .eeat-position li strong { display: block; color: #ffc444; margin-bottom: 7px } .eeat-team__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 28px } .eeat-team-card { display: flex; flex-direction: column; min-width: 0; padding: 20px; border: 1px solid rgba(255, 255, 255, .1); background: #15182f; border-radius: 18px; text-decoration: none } .eeat-team-card img { width: 72px; height: 72px; border-radius: 18px; margin-bottom: 18px } .eeat-team-card span { color: #ffc444; font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase } .eeat-team-card h3 { margin: 8px 0; color: #fff; font-size: 20px } .eeat-team-card p { margin: 0; color: #aeb3c8; font-size: 14px; line-height: 1.55 } .editor-profile-page { max-width: 1180px; margin: 0 auto; padding: 54px 24px 90px } .editor-profile-hero { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 30px; align-items: center; padding: 34px; border: 1px solid rgba(255, 196, 68, .28); background: linear-gradient(135deg, #23204f, #111426); border-radius: 26px } .editor-profile-hero img { width: 150px; height: 150px; border-radius: 30px } .editor-profile-hero h1 { margin: 8px 0 10px; color: #fff; font-size: clamp(36px, 5vw, 64px); letter-spacing: -.04em } .editor-profile-hero .role { color: #ffc444; font-weight: 850; letter-spacing: .08em; text-transform: uppercase } .editor-profile-hero p { margin: 8px 0; color: #c6c9d9; line-height: 1.7 } .editor-profile-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 22px } .editor-profile-facts section { padding: 24px; border: 1px solid rgba(255, 255, 255, .1); background: #111426; border-radius: 18px } .editor-profile-facts h2 { margin: 0 0 10px; color: #fff; font-size: 22px } .editor-profile-facts p { color: #b8bdd0; line-height: 1.7 } .editor-disclosure { margin-top: 20px; padding: 18px 20px; border-left: 4px solid #ffc444; background: #17192c; color: #cbd0e0; line-height: 1.65 } .article-review-cycle { margin: 14px 0 20px; color: #b8bdd0; font-size: 14px } .article-review-cycle strong { color: #ffc444 } .regulatory-page { max-width: 1180px; margin: 0 auto; padding: 44px 24px 90px } .regulatory-hero { padding: clamp(30px, 6vw, 72px); border: 1px solid rgba(255, 196, 68, .32); background: radial-gradient(circle at 82% 15%, rgba(124, 75, 255, .35), transparent 36%), linear-gradient(135deg, #151933, #090b19); border-radius: 28px } .regulatory-hero .eyebrow { color: #ffc444; font-size: 13px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase } .regulatory-hero h1 { max-width: 880px; margin: 16px 0; color: #fff; font-size: clamp(38px, 6vw, 74px); line-height: 1.02; letter-spacing: -.05em } .regulatory-hero p { max-width: 820px; color: #c4c8da; font-size: 18px; line-height: 1.7 } .regulatory-meta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px } .regulatory-meta span { padding: 8px 11px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 999px; color: #e9ebf5; font-size: 13px } .regulatory-content { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 34px; margin-top: 34px } .regulatory-prose { min-width: 0 } .regulatory-prose section { padding: 30px 0; border-bottom: 1px solid rgba(255, 255, 255, .1) } .regulatory-prose h2 { margin: 0 0 14px; color: #fff; font-size: clamp(26px, 3vw, 38px) } .regulatory-prose h3 { color: #ffc444 } .regulatory-prose p, .regulatory-prose li { color: #bbc0d3; line-height: 1.8 } .regulatory-prose a { color: #ffc444 } .regulatory-prose table { width: 100%; border-collapse: collapse; margin-top: 18px } .regulatory-prose th, .regulatory-prose td { padding: 14px; border: 1px solid rgba(255, 255, 255, .12); text-align: left; vertical-align: top; color: #c5c9d8 } .regulatory-prose th { color: #fff; background: #171a32 } .regulatory-aside { position: sticky; top: 104px; height: max-content; padding: 22px; border: 1px solid rgba(255, 255, 255, .1); background: #13162b; border-radius: 18px } .regulatory-aside strong { display: block; color: #ffc444; margin-bottom: 12px } .regulatory-aside a { display: block; padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .08); color: #e5e7f0; text-decoration: none } .blog-reg-card { border-color: rgba(255, 196, 68, .45) !important } .blog-reg-card .blog-card-image { background: linear-gradient(135deg, #212963, #4e2380) !important; display: grid; place-items: center; aspect-ratio: 16/9 } .blog-reg-card .blog-card-image span { display: block; padding: 26px; color: #fff; font-size: clamp(22px, 3vw, 40px); font-weight: 900; line-height: 1.05; text-align: center } .footer-primary a[rel~="me"] { color: #ffc444 } .team-truth-label { display: inline-flex !important; width: max-content; margin-top: 10px; padding: 5px 8px; border: 1px solid rgba(255, 196, 68, .3); border-radius: 999px; color: #ffc444 !important; font-size: 11px !important } .table-swipe-hint { display: none } @media(max-width:900px) { .sitewide-trust__inner { grid-template-columns: auto minmax(0, 1fr) } .sitewide-trust__links { grid-column: 1/-1; padding-left: 76px } .eeat-position ul { grid-template-columns: 1fr } .eeat-team__grid { grid-template-columns: repeat(2, 1fr) } .regulatory-content { grid-template-columns: 1fr } .regulatory-aside { position: static } .editor-profile-facts { grid-template-columns: 1fr } } @media(max-width:700px) { .table-swipe-hint { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 0 8px; padding: 9px 12px; border: 1px solid rgba(255, 196, 68, .28); border-radius: 10px; background: linear-gradient(90deg, rgba(255, 196, 68, .1), rgba(112, 62, 220, .1)); color: #ffc444 !important; font-size: 12px !important; font-weight: 800; line-height: 1.35 !important } .regulatory-prose table, .article-table { scrollbar-color: #ffc444 #15182f; scrollbar-width: thin } } @media(max-width:560px) { .sitewide-trust { padding: 15px 16px } .sitewide-trust__inner { gap: 12px } .sitewide-trust__age { width: 48px; height: 48px; font-size: 16px } .sitewide-trust p { font-size: 12.5px } .sitewide-trust__links { padding-left: 60px; gap: 10px } .sitewide-trust__links a { font-size: 12px } .eeat-team, .eeat-position { margin: 48px auto; padding: 0 16px } .eeat-position__panel { padding: 22px } .eeat-team__grid { grid-template-columns: 1fr } .editor-profile-page, .regulatory-page { padding: 28px 16px 68px } .editor-profile-hero { grid-template-columns: 78px minmax(0, 1fr); gap: 16px; padding: 20px } .editor-profile-hero img { width: 78px; height: 78px; border-radius: 18px } .editor-profile-hero h1 { font-size: 32px } .editor-profile-hero p { grid-column: 1/-1 } .editor-profile-facts section { padding: 20px } .regulatory-hero { padding: 26px 20px } .regulatory-hero p { font-size: 16px } .regulatory-prose table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch } .regulatory-prose th, .regulatory-prose td { min-width: 170px } .article-review-cycle { font-size: 13px } .team-truth-label { width: auto !important; max-width: 100%; white-space: normal; line-height: 1.35 } }