div.subsequent-graphic-module:has(div.connections-entry-root):has(
#connections-entry-point-script
) {
padding-top: 0px;
margin-top: -1px;
@media (max-width: 559px) {
padding-left: 0;
padding-right: 0;
}
}

div.article-content-container {
.connections-entry-root {
@media (max-width: 559px) {
padding: 0px 20px;
}
}
}

#previous-module-padding-reduction {
margin-bottom: 0px;
padding-top: 0px;
}

.connections-entry-root {
font-family: ‘nyt-franklin’;
margin: 0 auto;
display: flex;
}

.connections-entry-root > a.puzzle-content-container {
text-decoration: none;
}

.puzzle-content-container {
border-top: 1.5px solid #52524f;
border-bottom: 1.5px solid #52524f;
padding: 12px 0;
display: flex;
flex-basis: 100%;
text-decoration: none;
@media (max-width: 559px) {
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
}
}

.puzzle-content-container:hover {
color: #52524f;
}

.posts-container .puzzle-content-container {
border: 1.5px solid #52524f;
border-radius: 6px;
padding: 14px 15px 14px 15px;
}

.puzzle-desktop-icon-container {
background-color: #cff08b;
display: flex;
align-items: center;
justify-content: center;
min-width: 216px;
max-width: 216px;
position: relative;
@media (max-width: 559px) {
display: none;
}
}

.puzzle-desktop-icon-container-completed {
background-color: #e4e4e4;
}

.puzzle-icon-completed {
filter: grayscale(1);
}

.puzzle-mobile-icon-container {
display: none;
@media (max-width: 559px) {
display: flex;
margin-left: 3px;
margin-right: 15px;
}
}

.puzzle-icon {
width: 54px;
height: 54px;
margin: 0px;
}

.puzzle-info {
align-items: center;
display: flex;
flex-wrap: wrap;
max-height: 136px;
padding: 10px 12px;
@media (max-width: 559px) {
padding: 0;
}
}

.puzzle-info-text {
display: flex;
flex-direction: column;
gap: 4px;
font-style: normal;
flex-basis: 100%;
@media (max-width: 559px) {
gap: 1px;
flex: 1;
}
}

.puzzle-date {
color: #52524f;
font-size: 11px;
font-weight: 500;
height: 14px;
line-height: 13.75px; /* 125% */
letter-spacing: 10%;
text-transform: uppercase;
}

.puzzle-title {
color: #121212;
font-size: 20px;
font-weight: 600;
height: 24px;
line-height: 120%; /* 28.8px */
@media (max-width: 559px) {
font-size: 16px;
height: 21px;
}
}

.puzzle-mobile-subtitle,
.puzzle-desktop-subtitle {
color: #52524f;
font-size: 14px;
font-weight: 500;
height: 18px;
line-height: 130%;
}

.puzzle-mobile-subtitle {
display: none;
@media (max-width: 430px) {
display: block;
}
}

.puzzle-desktop-subtitle {
display: block;
@media (max-width: 430px) {
display: none;
}
}

.puzzle-subscribed-text,
.puzzle-button {
align-items: center;
display: flex;
height: 40px;
font-size: 14px;
font-weight: 500;
line-height: 130%;
margin-top: 15px;
@media (max-width: 559px) {
flex-basis: 100%;
}
}

.puzzle-subscribed-text {
color: #52524f;
@media (max-width: 559px) {
justify-content: center;
}
}

.puzzle-button {
background-color: white;
border: 1px solid #969693;
border-radius: 160px;
font-family: ‘nyt-franklin’;
justify-content: center;
padding: 0 32px;
cursor: pointer;
}

.puzzle-button:hover {
background-color: #f0f0ee;
}

.puzzle-chevron-container {
display: flex;
align-items: center;
justify-content: center;
}

.puzzle-button-text {
background-color: transparent;
border: none;
color: black;
cursor: pointer;
font-size: 14px;
font-weight: 600;
height: 18px;
line-height: 130%;
margin-right: 4px;
padding: 0;
text-wrap: nowrap;
text-decoration: none;
width: fit-content;
}

.puzzle-no-display {
display: none;
}

.puzzle-check-complete {
position: absolute;
width: 16px;
height: 16px;
border: 1px solid transparent;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
top: 5px;
right: 5px;
overflow: hidden;
z-index: 2;
@media (max-width: 559px) {
display: none;
}
}

@media (prefers-color-scheme: dark) {
.native-mobile .puzzle-content-container {
background-color: #121212;
border-color: #969693;
}

.native-mobile .puzzle-mobile-subtitle,
.native-mobile .puzzle-desktop-subtitle,
.native-mobile .puzzle-date {
color: #c4c4c0;
}

.native-mobile .puzzle-button {
background-color: #121212;
border-color: #52524f;
}

.native-mobile .puzzle-chevron-container {
filter: invert(99%) sepia(0%) saturate(7448%) hue-rotate(111deg) brightness(109%) contrast(102%);
}

.native-mobile .puzzle-button-text,
.native-mobile .puzzle-title,
.native-mobile .puzzle-subscribed-text {
color: white;
}

.native-mobile .puzzle-button:hover {
background-color: #808080;
}
}

]]>