2 --md-primary-fg-color: #0050D0;
9 @media (min-width: 400px) {
16 border-left: .05rem solid var
(--md-primary-fg-color
);
24 white-space: pre-wrap
;
29 text-indent: -2ch; /* Negative indent to counteract the indent on the first line */
30 padding-left: 2ch; /* Add padding to the left to create an indent */
37 justify-content: center
; /* Center the items horizontally */
41 flex: 1 1 calc
(50% - 20px); /* Two columns with space between */
42 max-width: 600px; /* Set the maximum width for the feature boxes */
43 box-sizing: border-box
;
45 overflow: hidden
; /* Hide overflow content */
46 text-overflow: ellipsis
; /* Handle text overflow */
47 white-space: normal
; /* Allow text wrapping */
55 @media (max-width: 768px) {
57 flex: 1 1 100%; /* Stack columns on smaller screens */
58 max-width: 100%; /* Allow full width on smaller screens */
59 white-space: normal
; /* Allow text wrapping on smaller screens */