:root { --pausar-glossary-color-primary: #db0812;
--pausar-glossary-color-primary-hover: #b80710;
--pausar-glossary-color-text: #313131;
--pausar-glossary-color-text-muted: #535353;
--pausar-glossary-color-border: #e5e5e5;
--pausar-glossary-color-background: #ffffff;
--pausar-glossary-color-background-muted: #fafafa; --pausar-glossary-spacing-xs: 0.25rem;
--pausar-glossary-spacing-sm: 0.5rem;
--pausar-glossary-spacing-md: 1rem;
--pausar-glossary-spacing-lg: 1.5rem;
--pausar-glossary-spacing-xl: 2rem;
--pausar-glossary-spacing-xxl: 3rem; --pausar-glossary-radius: 4px;
--pausar-glossary-radius-pill: 999px;
--pausar-glossary-transition: 0.2s ease;
--pausar-glossary-font-family: inherit;
--pausar-glossary-font-size-sm: 0.875rem;
--pausar-glossary-font-size-xs: 0.75rem;
} .pausar-glossary-quick-facts {
display: grid;
gap: 0;
margin: 0;
padding: 0;
background: none;
border-top: 1px solid var(--pausar-glossary-color-border);
list-style: none;
color: #535353;
font-size: 16px;
}
.pausar-glossary-quick-facts__row {
display: grid;
grid-template-columns: minmax(140px, 1fr) 2fr;
gap: var(--pausar-glossary-spacing-md);
align-items: baseline;
margin: 0;
padding: 0.6rem 0;
border-bottom: 1px solid var(--pausar-glossary-color-border);
}
.pausar-glossary-quick-facts__label {
font-weight: 600;
color: inherit;
}
.pausar-glossary-quick-facts__value {
color: inherit;
margin: 0;
}
.pausar-glossary-quick-facts__value a {
color: var(--pausar-glossary-color-primary);
}
@media (max-width: 480px) {
.pausar-glossary-quick-facts__row {
grid-template-columns: 1fr;
gap: var(--pausar-glossary-spacing-xs);
}
} .pausar-glossary-faq {
margin: 0;
display: grid;
gap: 0.9rem;
}
.pausar-glossary-faq__item {
background: var(--pausar-glossary-color-background);
border: 1px solid var(--pausar-glossary-color-border);
border-radius: var(--pausar-glossary-radius);
overflow: hidden;
}
.pausar-glossary-faq__question {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--pausar-glossary-spacing-md);
cursor: pointer;
list-style: none;
user-select: none;
padding: 0.9rem 1rem;
font-weight: 400;
font-size: 1.125rem; line-height: 1.4;
color: var(--pausar-glossary-color-text);
transition: color var(--pausar-glossary-transition);
}
.pausar-glossary-faq__question:hover {
color: var(--pausar-glossary-color-primary);
}
.pausar-glossary-faq__question::-webkit-details-marker {
display: none;
} .pausar-glossary-faq__question::after {
content: "";
flex: 0 0 auto;
width: 0.6rem;
height: 0.6rem;
margin-left: var(--pausar-glossary-spacing-md);
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-25%) rotate(45deg);
transition: transform var(--pausar-glossary-transition);
}
.pausar-glossary-faq__item[open] .pausar-glossary-faq__question::after {
transform: translateY(25%) rotate(-135deg);
}
.pausar-glossary-faq__answer {
padding: 0 1rem 1rem;
color: var(--pausar-glossary-color-text-muted);
font-size: 1.125rem;
line-height: 1.5;
}
.pausar-glossary-faq__answer > *:first-child {
margin-top: 0;
}
.pausar-glossary-faq__answer > *:last-child {
margin-bottom: 0;
}
.pausar-glossary-faq__answer a {
color: var(--pausar-glossary-color-primary);
} .pausar-glossary-comparison {
margin: 0;
overflow-x: auto;
color: #535353;
}
.pausar-glossary-comparison table {
width: 100%;
border-collapse: collapse;
font-size: var(--pausar-glossary-font-size-sm);
}
.pausar-glossary-comparison th,
.pausar-glossary-comparison td {
border: 1px solid var(--pausar-glossary-color-border);
padding: 0.6rem 0.9rem;
text-align: left;
vertical-align: top;
color: inherit;
background: none;
}
.pausar-glossary-comparison thead th {
font-weight: 600;
}
.pausar-glossary-comparison tbody td:first-child {
font-weight: 600;
}  .pausar-glossary-body__text,
.pausar-glossary-body__text p,
.pausar-glossary-body__text li {
color: #535353;
}
.pausar-glossary-body__text {
font-family: Verdana, sans-serif;
font-size: 18px;
line-height: 1.4;
font-weight: 400;
}
.pausar-glossary-body__text p {
margin-bottom: 0.8em;
}
.pausar-glossary-body__text > *:first-child {
margin-top: 0;
}
.pausar-glossary-body--split {
display: grid;
grid-template-columns: 1fr minmax(220px, 340px);
gap: var(--pausar-glossary-spacing-xl);
align-items: start;
}
.pausar-glossary-body__media--below {
margin-top: var(--pausar-glossary-spacing-lg);
}
@media (max-width: 782px) {
.pausar-glossary-body--split {
grid-template-columns: 1fr;
}
.pausar-glossary-body--split .pausar-glossary-body__media {
margin-top: var(--pausar-glossary-spacing-lg);
}
} .pausar-glossary-video {
width: 100%;
margin: 0;
aspect-ratio: 16 / 9;
background: #000;
border-radius: var(--pausar-glossary-radius);
overflow: hidden;
}
.pausar-glossary-video iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
} .pausar-glossary-related {
list-style: none;
padding: 0;
margin: 0;
}
.pausar-glossary-related--chips {
display: flex;
flex-wrap: wrap;
gap: var(--pausar-glossary-spacing-sm);
}
.pausar-glossary-related--chips .pausar-glossary-related__link {
display: inline-block;
padding: 0.35rem 0.85rem;
background: var(--pausar-glossary-color-background);
border: 1px solid var(--pausar-glossary-color-primary);
border-radius: var(--pausar-glossary-radius-pill);
color: var(--pausar-glossary-color-primary);
text-decoration: none !important;
font-size: var(--pausar-glossary-font-size-sm);
transition: all var(--pausar-glossary-transition);
}
.pausar-glossary-related--chips .pausar-glossary-related__link:hover,
.pausar-glossary-related--chips .pausar-glossary-related__link:focus {
background: var(--pausar-glossary-color-primary);
color: #fff;
border-color: var(--pausar-glossary-color-primary);
text-decoration: none !important;
}
.pausar-glossary-related--list {
display: grid;
gap: var(--pausar-glossary-spacing-xs);
}
.pausar-glossary-related--list .pausar-glossary-related__link {
display: block;
padding: var(--pausar-glossary-spacing-sm) var(--pausar-glossary-spacing-md);
color: var(--pausar-glossary-color-text);
text-decoration: none;
border-left: 3px solid var(--pausar-glossary-color-border);
transition: all var(--pausar-glossary-transition);
}
.pausar-glossary-related--list .pausar-glossary-related__link:hover {
border-left-color: var(--pausar-glossary-color-primary);
background: var(--pausar-glossary-color-background-muted);
}
.pausar-glossary-related--cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: var(--pausar-glossary-spacing-md);
}
.pausar-glossary-related--cards .pausar-glossary-related__link {
display: block;
padding: var(--pausar-glossary-spacing-md);
background: var(--pausar-glossary-color-background);
border: 1px solid var(--pausar-glossary-color-border);
border-radius: var(--pausar-glossary-radius);
color: var(--pausar-glossary-color-text);
text-decoration: none;
transition: all var(--pausar-glossary-transition);
}
.pausar-glossary-related--cards .pausar-glossary-related__link:hover {
border-color: var(--pausar-glossary-color-primary);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.pausar-glossary-related--cards .pausar-glossary-related__title {
display: block;
font-weight: 600;
margin-bottom: var(--pausar-glossary-spacing-xs);
}
.pausar-glossary-related--cards .pausar-glossary-related__excerpt {
display: block;
font-size: var(--pausar-glossary-font-size-sm);
color: var(--pausar-glossary-color-text-muted);
line-height: 1.4;
} .pausar-glossary-sidebar {
position: sticky;
top: var(--pausar-glossary-spacing-xl);
max-height: calc(100vh - 4rem);
overflow-y: auto;
padding-right: var(--pausar-glossary-spacing-sm); scrollbar-width: thin;
scrollbar-color: var(--pausar-glossary-color-primary) transparent;
}
.pausar-glossary-sidebar::-webkit-scrollbar {
width: 6px;
}
.pausar-glossary-sidebar::-webkit-scrollbar-track {
background: transparent;
}
.pausar-glossary-sidebar::-webkit-scrollbar-thumb {
background-color: var(--pausar-glossary-color-primary);
border-radius: var(--pausar-glossary-radius-pill);
}
.pausar-glossary-sidebar:hover::-webkit-scrollbar-thumb {
background-color: var(--pausar-glossary-color-primary-hover);
}
.pausar-glossary-sidebar__search-wrap {
margin-bottom: var(--pausar-glossary-spacing-lg);
}
.pausar-glossary-sidebar__search-label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}
.pausar-glossary-sidebar__search {
width: 100%;
padding: var(--pausar-glossary-spacing-sm) var(--pausar-glossary-spacing-md);
border: 1px solid var(--pausar-glossary-color-border);
border-radius: var(--pausar-glossary-radius);
font-size: 1rem;
font-family: var(--pausar-glossary-font-family);
}
.pausar-glossary-sidebar__search:focus {
outline: 2px solid var(--pausar-glossary-color-primary);
outline-offset: -2px;
}
.pausar-glossary-sidebar__group {
margin-bottom: var(--pausar-glossary-spacing-lg);
}
.pausar-glossary-sidebar__group--hidden {
display: none;
}
.pausar-glossary-sidebar__group-title {
font-size: var(--pausar-glossary-font-size-xs);
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--pausar-glossary-color-text-muted);
margin: 0 0 var(--pausar-glossary-spacing-sm) 0;
padding: var(--pausar-glossary-spacing-xs) var(--pausar-glossary-spacing-md);
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
list-style: none;
user-select: none;
transition: color var(--pausar-glossary-transition);
}
.pausar-glossary-sidebar__group-title::-webkit-details-marker {
display: none;
}
.pausar-glossary-sidebar__group-title:hover {
color: var(--pausar-glossary-color-primary);
} .pausar-glossary-sidebar__group-title::after {
content: "";
flex: 0 0 auto;
width: 0.45rem;
height: 0.45rem;
margin-left: var(--pausar-glossary-spacing-sm);
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-2px) rotate(45deg);
transition: transform var(--pausar-glossary-transition);
}
.pausar-glossary-sidebar__group[open] > .pausar-glossary-sidebar__group-title::after {
transform: translateY(1px) rotate(-135deg);
}
.pausar-glossary-sidebar__items {
list-style: none;
padding: 0;
margin: 0;
}
.pausar-glossary-sidebar__item {
margin: 0;
}
.pausar-glossary-sidebar__item--hidden {
display: none;
}
.pausar-glossary-sidebar__link {
display: block;
padding: var(--pausar-glossary-spacing-xs) var(--pausar-glossary-spacing-md);
color: var(--pausar-glossary-color-text);
text-decoration: none;
border-left: 3px solid transparent;
font-size: var(--pausar-glossary-font-size-sm);
transition: all var(--pausar-glossary-transition);
}
.pausar-glossary-sidebar__link:hover {
background: var(--pausar-glossary-color-background-muted);
border-left-color: var(--pausar-glossary-color-text-muted);
}
.pausar-glossary-sidebar__link--active {
background: var(--pausar-glossary-color-background-muted);
border-left-color: var(--pausar-glossary-color-primary);
font-weight: 600;
color: var(--pausar-glossary-color-primary);
}
.pausar-glossary-sidebar__no-results {
padding: var(--pausar-glossary-spacing-md);
color: var(--pausar-glossary-color-text-muted);
font-size: var(--pausar-glossary-font-size-sm);
text-align: center;
}
@media (max-width: 768px) {
.pausar-glossary-sidebar {
position: static;
max-height: none;
}
} .pausar-glossary-index {
margin: var(--pausar-glossary-spacing-xl) 0;
}
.pausar-glossary-index__category {
margin-bottom: var(--pausar-glossary-spacing-xxl);
}
.pausar-glossary-index__category-title {
font-size: 1.25rem;
padding-bottom: var(--pausar-glossary-spacing-sm);
border-bottom: 2px solid var(--pausar-glossary-color-border);
margin-bottom: var(--pausar-glossary-spacing-lg);
}
.pausar-glossary-index__entries {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: var(--pausar-glossary-spacing-lg);
}
.pausar-glossary-index--columns-2 .pausar-glossary-index__entries {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.pausar-glossary-index--columns-3 .pausar-glossary-index__entries {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.pausar-glossary-index__entry-title {
font-size: 1.1rem;
margin: 0 0 var(--pausar-glossary-spacing-xs) 0;
}
.pausar-glossary-index__entry-title a {
text-decoration: none;
color: var(--pausar-glossary-color-text);
}
.pausar-glossary-index__entry-title a:hover {
color: var(--pausar-glossary-color-primary);
}
.pausar-glossary-index__entry-excerpt {
margin: 0;
color: var(--pausar-glossary-color-text-muted);
font-size: var(--pausar-glossary-font-size-sm);
line-height: 1.5;
} .pausar-glossary-related__link:focus-visible,
.pausar-glossary-sidebar__link:focus-visible,
.pausar-glossary-sidebar__group-title:focus-visible,
.pausar-glossary-index__entry-title a:focus-visible,
.pausar-glossary-faq__question:focus-visible {
outline: 2px solid var(--pausar-glossary-color-primary);
outline-offset: 2px;
} .pausar-glossary-sidebar__link:focus-visible,
.pausar-glossary-sidebar__group-title:focus-visible {
outline-offset: -2px;
} .pausar-glossary-single {
max-width: 1100px;
margin: 0 auto;
padding: var(--pausar-glossary-spacing-xl) var(--pausar-glossary-spacing-md);
display: grid;
grid-template-columns: 280px 1fr;
gap: var(--pausar-glossary-spacing-xl);
}
.pausar-glossary-single__main {
min-width: 0;
display: flex;
flex-direction: column;
gap: var(--pausar-glossary-spacing-lg);
}
@media (max-width: 768px) {
.pausar-glossary-single {
grid-template-columns: 1fr;
}
}