/* Old newsletter articles (/news/*.php) in the site wrapper. Loaded after smm-site.css. Colours are the kit's. */
.site-band h1 { font-size: clamp(24px, 3vw, 34px); max-width: 900px; }
.site-main .nl-sub { margin: 1.3em 0 .5em; font: 900 19px/1.35 var(--smm-sans); color: var(--smm-blue); }
.site-main .nl-sub:first-child { margin-top: 0; }
.nl-red { color: var(--smm-red); font-weight: 700; }

/* Amy's signature and the Facebook link (news/fb.php) */
.nl-byline { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; margin: 1.4em 0; padding: 14px 20px; background: #fff; border: 1px solid var(--smm-line); border-radius: 10px; }
.nl-byline img { width: 119px; height: auto; border-radius: 0; flex: none; }
.site-main .nl-byline p { margin: 0; font-size: 16.5px; line-height: 1.5; }
.site-main .nl-byline .nl-fb { margin-left: auto; font: 700 15px/1.3 var(--smm-sans); }

/* The newsletter sign-up box (smm-news/signup.php) */
.nl-signup { margin: 1.8em 0; padding: 24px 26px; background: var(--smm-sky); border: 1px solid #d3deee; border-radius: 12px; }
.nl-signup > :last-child { margin-bottom: 0; }
.site-main .nl-signup blockquote { margin: 0 0 1.1em; padding: 12px 18px; background: #fff; border-left-color: var(--smm-blue); }
.site-main .nl-signup form:not(.smm-optin) { background: none; border: 0; padding: 0; margin: 0 0 1.1em; }
.site-main .nl-signup form:not(.smm-optin) input[type=text] { max-width: 420px; }
.nl-signup .nl-thanks, .nl-thanks img { max-width: 100%; }

/* The "more ways to rescue your marriage" part at the end of each article */
.nl-tail { margin-top: 1.8em; padding: 22px 26px 6px; background: var(--smm-grey); border: 1px solid #e0e0e0; border-radius: 12px; }
.nl-tail hr { margin: 1.4em 0; }
.nl-tail img { max-width: 100%; }
.nl-tail::after { content: ""; display: table; clear: both; }

/* A picture beside its text (the free e-book offer) */
.nl-media { display: flex; gap: 22px; align-items: flex-start; margin: 0 0 1.2em; }
.nl-media-pic { flex: none; width: 120px; }
.nl-media-pic p { margin: 0; }
.nl-media-pic img { display: block; }
.nl-media > div:last-child { min-width: 0; }
@media (max-width: 520px) { .nl-media { flex-direction: column; gap: 6px; } }

/* Rows that had an arrow picture as their bullet */
.site-main ul.nl-arrows { list-style: none; padding: 0; display: grid; gap: 12px; }
.site-main ul.nl-arrows li { margin: 0; padding: 14px 18px; background: var(--smm-sky); border-left: 5px solid var(--smm-blue); border-radius: 0 10px 10px 0; }
.site-main ul.nl-arrows li p { margin: 0; }
@media (max-width: 600px) { .nl-signup, .nl-tail { padding: 18px; } .site-main .nl-byline .nl-fb { margin-left: 0; } }

/* Yellow-boxed notes in the old Premium Course articles */
.site-main .callout > :last-child { margin-bottom: 0; }

/* The list of all articles (the old left-hand column of /articles/) */
.art-nav { margin: 2.2em 0 0; padding: 20px 24px 12px; background: var(--smm-grey); border: 1px solid #e0e0e0; border-radius: 12px; }
.site-main .art-nav ul { list-style: none; margin: 0; padding: 0; columns: 2 280px; column-gap: 32px; }
.site-main .art-nav li { margin: 0 0 10px; break-inside: avoid; font: 500 16px/1.45 var(--smm-sans); }
.site-main .art-nav a { color: var(--smm-blue); }

/* Long web addresses used as link text must wrap on a phone */
.site-main a, .site-main p { overflow-wrap: anywhere; }