.o-word{display:flex;flex-direction:column;gap:1rem}.o-word .c-breadcrumbs{margin:20px 0 15px}.c-single-word{--size-quote-icon: 32px;background-color:var(--color-background, color-mix(in srgb, var(--orange-100) 30%, white));border:1px dashed var(--grey-100);padding:1.5rem;display:flex;flex-direction:column;gap:2.25rem;box-shadow:0 .5px .6px #00000014,0 4px 5px #00000029}html[class~=dark] .c-single-word{--color-background: var(--new-blue-400)}.c-single-word__header{position:relative;display:flex;justify-content:space-between}.c-single-word .c-options-dropdown{align-self:flex-start}.c-single-word__crown{display:flex;position:absolute;bottom:calc(100% - 10px);color:#e1b125}.c-single-word__word{margin:0;font-family:Berlin,sans-serif;font-size:2rem;font-size:var(--size-font, 2rem);font-weight:700;-webkit-text-decoration:underline;text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:from-font;text-underline-position:from-font}@media (min-width: 64rem){.c-single-word__word{--size-font: 4rem}}.c-single-word__word-article{font-weight:400}.c-single-word__sub-headline{margin:0 0 .25rem;margin:var(--spacing-outer, 0 0 .25rem 0);font-size:2rem}.c-single-word__word-type-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.c-single-word__word-type-wrapper .c-single-word__sub-headline{--spacing-outer: 0}.c-single-word__word-type{font-size:1.5rem;margin:0}.c-single-word__translation{display:flex;flex-direction:column;row-gap:1rem}.c-single-word__translation-item{font-size:1.5rem}.c-single-word__quote-icon{width:var(--size-quote-icon);height:var(--size-quote-icon);fill:var(--grey-200);flex:0 0 auto}@media (min-width: 64rem){.c-single-word__quote-icon{--size-quote-icon: 48px}}.c-single-word__examples{padding-left:1rem;display:flex;flex-direction:column;row-gap:1rem}@media (min-width: 64rem){.c-single-word__examples{--size-font: 1.8rem}}.c-single-word__examples-item{font-style:italic}.c-single-word__examples,.c-single-word__example{font-size:1.7rem;font-size:var(--size-font, 1.7rem);flex-basis:100%;margin:calc(var(--size-quote-icon) + .5rem) 0 0 0;word-break:break-word}.c-single-word__examples-explanation,.c-single-word__example-explanation{font-size:1rem;margin-top:.5rem}.c-single-word__example{font-style:italic}@media (min-width: 64rem){.c-single-word__example{--size-font: 2.2rem}}.c-single-word__example-wrapper{--padding-y: 1rem;--padding-x: 0;display:flex;padding:1rem 0;padding:var(--padding-y) var(--padding-x);gap:.5rem;gap:var(--gap, .5rem)}@media (min-width: 48rem){.c-single-word__example-wrapper{--gap: 1rem;--padding-y: 1.5rem;--padding-x: 5%}}@media (min-width: 64rem){.c-single-word__example-wrapper{--padding-y: 2.5rem;--padding-x: 7%}}.c-single-word__image-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem;gap:1.5rem}.c-single-word__image-wrapper picture>source{display:none}.c-single-word__learn-more-wrapper{display:flex;align-items:center;gap:.5rem}.c-single-word__learn-more-link{display:flex;gap:.2rem;font-size:.9rem;font-size:var(--size-font, .9rem)}@media (min-width: 23.4375rem){.c-single-word__learn-more-link{--size-font: 1rem}}.c-single-word__learn-more-link-icon{display:inline-flex}.c-single-word__related-words-list{display:flex;flex-wrap:wrap;gap:.5rem 2rem}.c-single-word__footer{display:flex;flex-direction:column;flex-direction:var(--direction-flex, column);gap:.5rem;gap:var(--spacing, .5rem);margin-top:2.5rem;border-top:1px dashed var(--grey-100);padding-top:1.5rem}@media (min-width: 35.5rem){.c-single-word__footer{--spacing: 2rem;--direction-flex: row;justify-content:flex-end}}.c-single-word__created,.c-single-word__modified{margin:0;font-size:.8rem;color:var(--blue-100)}.c-related-words__words{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,4fr));grid-gap:1rem;gap:1rem}.c-related-words__word{display:flex;align-items:center;justify-content:center;background-color:var(--color-background, color-mix(in srgb, var(--orange-100) 30%, white));padding:1.5rem;box-shadow:0 .5px .6px #00000014,0 4px 5px #00000029;border:1px dashed var(--grey-100);border:1px var(--style-border, dashed) var(--grey-100);font-size:1.2rem}html[class~=dark] .c-related-words__word{--color-background: var(--new-blue-400)}@media (hover: hover){.c-related-words__word:hover{--style-border: solid}}.c-related-words__word.is-random{gap:.3rem}
