/* ISOLATION: #SmmPanelUS-Risk-Disclosure */ #SmmPanelUS-Risk-Disclosure { /* Mode C Palette */ --R-Bg: #F4F6F9; --R-Card: #FFFFFF; --R-Text: #1A202C; --R-Muted: #718096; --R-Primary: #4B75EE; --R-Border: #E2E8F0; --R-Warning-Bg: #FFF7ED; --R-Warning-Text: #C2410C; --R-Radius: 24px; --R-Note-Border: #FB923C; /* Orange for boundary note */ --R-Teal: #14B8A6; /* For SLCG section */ width: 100%; padding: 60px 0; font-family: 'Inter', sans-serif; background: transparent; } /* DARK MODE */ body.dark #SmmPanelUS-Risk-Disclosure, .theme-dark-active #SmmPanelUS-Risk-Disclosure { --R-Bg: #0D0E1E; --R-Card: #1E2142; --R-Text: #FFFFFF; --R-Muted: #a0aec0; --R-Border: #2D3748; --R-Warning-Bg: rgba(249, 115, 22, 0.1); --R-Warning-Text: #FB923C; --R-Teal: #2DD4BF; } #SmmPanelUS-Risk-Disclosure * { box-sizing: border-box; } #SmmPanelUS-Risk-Disclosure .smm-iso-container { max-width: 900px; margin: 0 auto; padding: 0 20px; } /* HEADER */ #SmmPanelUS-Risk-Disclosure .risk-header { text-align: center; margin-bottom: 60px; } #SmmPanelUS-Risk-Disclosure .rh-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(75, 117, 238, 0.1); color: var(--R-Primary); padding: 8px 16px; border-radius: 50px; font-weight: 700; font-size: 0.9rem; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; } #SmmPanelUS-Risk-Disclosure h1 { font-size: 3rem; font-weight: 900; color: var(--R-Text); line-height: 1.2; margin: 0 0 20px 0; } #SmmPanelUS-Risk-Disclosure .text-primary { color: var(--R-Primary); } #SmmPanelUS-Risk-Disclosure .rh-desc { font-size: 1.2rem; color: var(--R-Muted); line-height: 1.6; max-width: 700px; margin: 0 auto 20px auto; } #SmmPanelUS-Risk-Disclosure .rh-date { font-size: 0.9rem; color: var(--R-Muted); opacity: 0.7; } /* GENERAL CARDS */ #SmmPanelUS-Risk-Disclosure .risk-card { background: var(--R-Card); border: 1px solid var(--R-Border); border-radius: var(--R-Radius); padding: 40px; margin-bottom: 30px; display: flex; gap: 30px; align-items: flex-start; box-shadow: 0 4px 20px rgba(0,0,0,0.03); } #SmmPanelUS-Risk-Disclosure .rc-icon { width: 60px; height: 60px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; flex-shrink: 0; } #SmmPanelUS-Risk-Disclosure .rc-icon.blue { background: rgba(75,117,238,0.1); color: var(--R-Primary); } #SmmPanelUS-Risk-Disclosure .rc-icon.purple { background: rgba(139, 92, 246, 0.1); color: #8B5CF6; } #SmmPanelUS-Risk-Disclosure .rc-icon.orange { background: rgba(249, 115, 22, 0.1); color: #F97316; } #SmmPanelUS-Risk-Disclosure .rc-icon.teal { background: rgba(20, 184, 166, 0.1); color: var(--R-Teal); } #SmmPanelUS-Risk-Disclosure .rc-content { flex: 1; } #SmmPanelUS-Risk-Disclosure .rc-content.full { width: 100%; } #SmmPanelUS-Risk-Disclosure h2 { font-size: 1.8rem; font-weight: 800; color: var(--R-Text); margin: 0 0 20px 0; } #SmmPanelUS-Risk-Disclosure .rc-text p { font-size: 1.05rem; line-height: 1.7; color: var(--R-Muted); margin-bottom: 15px; } #SmmPanelUS-Risk-Disclosure .rc-text strong { color: var(--R-Text); } /* Boundary Note */ #SmmPanelUS-Risk-Disclosure .boundary-note { margin-top: 20px; padding-left: 20px; border-left: 3px solid var(--R-Note-Border); font-size: 0.95rem !important; opacity: 0.9; } #SmmPanelUS-Risk-Disclosure .boundary-note i { color: #F97316; margin-right: 5px; } /* LISTS */ #SmmPanelUS-Risk-Disclosure .risk-list { list-style: none; padding: 0; margin: 0; } #SmmPanelUS-Risk-Disclosure .risk-list li { position: relative; padding-left: 25px; margin-bottom: 12px; font-size: 1.05rem; color: var(--R-Muted); line-height: 1.6; } #SmmPanelUS-Risk-Disclosure .risk-list li::before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: 4px; color: var(--R-Primary); font-size: 0.9rem; } #SmmPanelUS-Risk-Disclosure .risk-check-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 15px; } #SmmPanelUS-Risk-Disclosure .risk-check-list li { background: rgba(75,117,238,0.05); padding: 15px 20px; border-radius: 12px; font-size: 1rem; color: var(--R-Text); line-height: 1.5; border-left: 4px solid var(--R-Primary); } /* SLCG (Courtesy Policy) Styles */ #SmmPanelUS-Risk-Disclosure .slcg-declaration { background: rgba(20, 184, 166, 0.05); border: 1px solid rgba(20, 184, 166, 0.2); border-radius: 16px; padding: 20px; margin-bottom: 30px; } #SmmPanelUS-Risk-Disclosure .slcg-declaration p { margin: 0; font-size: 1.05rem; line-height: 1.6; color: var(--R-Text); } #SmmPanelUS-Risk-Disclosure .slcg-declaration a { color: var(--R-Teal); text-decoration: underline; font-weight: 600; } #SmmPanelUS-Risk-Disclosure .slcg-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 30px; } #SmmPanelUS-Risk-Disclosure .slcg-item { display: flex; gap: 15px; align-items: flex-start; padding: 15px; border-radius: 12px; background: rgba(0,0,0,0.02); } #SmmPanelUS-Risk-Disclosure .slcg-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(20, 184, 166, 0.1); color: var(--R-Teal); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; } #SmmPanelUS-Risk-Disclosure .slcg-text strong { display: block; margin-bottom: 5px; color: var(--R-Text); } #SmmPanelUS-Risk-Disclosure .slcg-text p { font-size: 0.95rem; color: var(--R-Muted); line-height: 1.5; margin: 0; } #SmmPanelUS-Risk-Disclosure .slcg-boundary { border-top: 1px dashed var(--R-Border); padding-top: 25px; } #SmmPanelUS-Risk-Disclosure .sb-title { font-size: 1rem; font-weight: 800; color: #EF4444; margin-bottom: 15px; display: flex; align-items: center; gap: 8px; text-transform: uppercase; } #SmmPanelUS-Risk-Disclosure .slcg-boundary ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } #SmmPanelUS-Risk-Disclosure .slcg-boundary li { position: relative; padding-left: 20px; font-size: 0.95rem; color: var(--R-Muted); } #SmmPanelUS-Risk-Disclosure .slcg-boundary li::before { content: "•"; position: absolute; left: 0; top: 0; color: #EF4444; font-weight: bold; font-size: 1.2rem; line-height: 1.4; } /* SECTION TITLE */ #SmmPanelUS-Risk-Disclosure .risk-section-title { text-align: center; font-size: 1.5rem; font-weight: 800; color: var(--R-Text); margin: 50px 0 30px 0; text-transform: uppercase; letter-spacing: 1px; } /* EXCLUSION GRID (What We Are Not) */ #SmmPanelUS-Risk-Disclosure .exclusion-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 50px; } #SmmPanelUS-Risk-Disclosure .ex-card { background: var(--R-Card); border: 1px solid var(--R-Border); border-radius: 20px; padding: 30px; text-align: center; transition: 0.3s; } #SmmPanelUS-Risk-Disclosure .ex-card:hover { transform: translateY(-5px); border-color: #EF4444; } #SmmPanelUS-Risk-Disclosure .ex-icon { width: 60px; height: 60px; background: rgba(239, 68, 68, 0.1); color: #EF4444; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin: 0 auto 20px auto; position: relative; } /* Slash effect */ #SmmPanelUS-Risk-Disclosure .ex-icon::after { content: ''; position: absolute; width: 100%; height: 2px; background: #EF4444; transform: rotate(-45deg); opacity: 0.7; } #SmmPanelUS-Risk-Disclosure .ex-card h3 { font-size: 1.2rem; font-weight: 800; color: var(--R-Text); margin: 0 0 10px 0; } #SmmPanelUS-Risk-Disclosure .ex-card p { font-size: 0.95rem; color: var(--R-Muted); line-height: 1.5; } /* LIABILITY BOX */ #SmmPanelUS-Risk-Disclosure .liability-box { background: var(--R-Warning-Bg); border: 1px dashed var(--R-Warning-Text); border-radius: var(--R-Radius); padding: 30px; display: flex; gap: 20px; align-items: flex-start; flex-direction: column; /* Changed for better layout with new footer */ } #SmmPanelUS-Risk-Disclosure .lb-icon { font-size: 2rem; color: var(--R-Warning-Text); margin-top: 5px; align-self: flex-start;} /* Adjusted layout inside liability box to handle icon correctly with column layout */ #SmmPanelUS-Risk-Disclosure .liability-box { flex-direction: row; } #SmmPanelUS-Risk-Disclosure .liability-box .lb-text { flex: 1; } #SmmPanelUS-Risk-Disclosure .lb-text h3 { font-size: 1.4rem; font-weight: 800; color: var(--R-Warning-Text); margin: 0 0 10px 0; } #SmmPanelUS-Risk-Disclosure .lb-text p { font-size: 1rem; color: var(--R-Text); line-height: 1.6; opacity: 0.9; margin: 0 0 20px 0; } #SmmPanelUS-Risk-Disclosure .governance-clause { font-size: 0.9rem; color: var(--R-Muted); border-top: 1px solid rgba(0,0,0,0.1); padding-top: 15px; font-style: italic; } #SmmPanelUS-Risk-Disclosure .governance-clause a { color: var(--R-Warning-Text); text-decoration: underline; font-weight: 600; } /* Dark mode adjustment for border */ body.dark #SmmPanelUS-Risk-Disclosure .governance-clause, .theme-dark-active #SmmPanelUS-Risk-Disclosure .governance-clause { border-top-color: rgba(255,255,255,0.1); } /* RESPONSIVE */ @media (max-width: 991px) { #SmmPanelUS-Risk-Disclosure .risk-header h1 { font-size: 2.2rem; } #SmmPanelUS-Risk-Disclosure .risk-card { flex-direction: column; padding: 30px; } #SmmPanelUS-Risk-Disclosure .exclusion-grid { grid-template-columns: 1fr; } #SmmPanelUS-Risk-Disclosure .liability-box { flex-direction: column; text-align: center; } #SmmPanelUS-Risk-Disclosure .lb-icon { margin: 0 auto 15px auto; align-self: center; } #SmmPanelUS-Risk-Disclosure .slcg-grid { grid-template-columns: 1fr; } #SmmPanelUS-Risk-Disclosure .slcg-boundary ul { grid-template-columns: 1fr; } }