This repository has no description
1.methodology-page {
2 margin: 20px auto 20px;
3 max-width: 450px;
4 padding: 20px;
5 }
6
7 .methodology-page .alt-card {
8 text-align: left;
9 }
10
11 .methodology-list {
12 margin: 10px 0;
13 padding-left: 20px;
14 opacity: 0.8;
15 }
16
17 .increase-score-list {
18 margin: 10px 0;
19 opacity: 1;
20 padding-left: 40px;
21 font-family: articulat-cf;
22 }
23
24 .methodology-page h2 {
25 margin-top: 30px;
26 margin-bottom: 20px;
27 }
28
29 .methodology-page h3 {
30 margin-bottom: 10px;
31 margin-top: 20px;
32 }
33
34 .methodology-page p {
35 margin: 15px 0;
36 line-height: 1.5;
37 }
38
39 .increase-score-list li {
40 margin-bottom: 5px;
41 }
42
43 .related-pages-title h3 {
44 margin-bottom: 10px;
45 margin-top: 20px;
46 }
47
48 .methodology-page-chart .score-gauge {
49 margin: auto !important;
50 padding-right: 11px;
51 padding-bottom: 10.5px;
52 }
53
54 /* Updated Link to Definitions page */
55 .definitions-link-container {
56 margin-top: 40px;
57 margin-bottom: 10px;
58 border-radius: 6px;
59 background-color: var(--navbar-bg, #fff);
60 overflow: hidden;
61 transition: all 0.3s ease;
62 border: 1px solid var(--card-border, #e2e8f0);
63 }
64
65 .definitions-link-container:hover {
66 border-color: var(--button-bg, #3B9AF8);
67 }
68
69 .definitions-link-container p {
70 padding: 12px 15px;
71 margin: 0;
72 font-weight: 500;
73 }
74
75 .definitions-link {
76 display: block;
77 margin-top: 0;
78 color: var(--button-bg, #3B9AF8);
79 text-decoration: none;
80 padding: 12px 15px;
81 background-color: var(--navbar-bg, #fff);
82 transition: all 0.2s ease;
83 font-weight: 500;
84 text-align: center;
85 border-top: 1px solid var(--card-border, #e2e8f0);
86 }
87
88 .related-page-content p {
89 font-size: .9em;
90 margin: 0;
91 opacity: .8;
92 }
93
94 .definitions-link:hover {
95 background-color: var(--background, #f8f9fa);
96 text-decoration: none;
97 }
98
99 /* Dark mode specific overrides */
100 .dark-mode .definitions-link-container {
101 background-color: var(--navbar-bg);
102 border-color: var(--card-border);
103 }
104
105 .dark-mode .definitions-link {
106 color: var(--button-bg);
107 background-color: var(--navbar-bg);
108 border-top-color: var(--card-border);
109 }
110
111 .dark-mode .definitions-link:hover {
112 background-color: #2d2d2d;
113 }