/* Articles Plus - Follow module.
   Layout and states only. Colour, type and button styling come from the host
   template so the block reads as part of the site, not a bolted-on widget. */

.ap-follow__heading { margin: 0 0 .35rem; }
.ap-follow__intro { margin: 0 0 .75rem; font-size: .9em; opacity: .85; }

.ap-follow__field { margin-bottom: .6rem; }
.ap-follow__field label { display: block; margin-bottom: .2rem; font-size: .85em; }

.ap-follow__inline { display: flex; gap: .5rem; flex-wrap: wrap; }
.ap-follow__inline .form-control { flex: 1 1 12rem; min-width: 0; }

.ap-follow__topics { border: 0; padding: 0; margin: .5rem 0 .75rem; }
.ap-follow__topics legend { font-size: .85em; padding: 0; margin-bottom: .25rem; }
.ap-follow__topics label { display: inline-flex; align-items: center; gap: .3rem; margin-right: .9rem; font-size: .9em; }

.ap-follow__privacy { margin: .5rem 0 0; font-size: .78em; opacity: .7; }

/* Honeypot: off-screen rather than display:none, which some bots detect. */
.ap-follow__hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.ap-follow__feeds { margin-top: 1rem; padding-top: .75rem; border-top: 1px solid rgba(128, 128, 128, .25); }
.ap-follow__feeds-label { margin: 0 0 .4rem; font-size: .8em; text-transform: uppercase; letter-spacing: .05em; opacity: .7; }

.ap-follow__feed-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
.ap-follow__feed { display: inline-flex; align-items: center; gap: .4rem; }
.ap-follow__feed-link { display: inline-flex; align-items: center; gap: .3rem; text-decoration: none; font-size: .9em; }
.ap-follow__icon { flex: none; }

.ap-follow__copy {
	background: none;
	border: 1px solid rgba(128, 128, 128, .4);
	border-radius: .2rem;
	padding: .05rem .35rem;
	font-size: .72em;
	cursor: pointer;
	color: inherit;
	opacity: .7;
}
.ap-follow__copy:hover,
.ap-follow__copy:focus-visible { opacity: 1; }
.ap-follow__copy.is-copied { opacity: 1; }

/* compact layout */
.ap-follow--compact { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem 1rem; }
.ap-follow--compact .ap-follow__form { flex: 1 1 16rem; margin: 0; }
.ap-follow--compact .ap-follow__feed-list--icons { gap: .6rem; }

@media (max-width: 480px) {
	.ap-follow__inline { flex-direction: column; align-items: stretch; }
	.ap-follow--compact { flex-direction: column; align-items: stretch; }
}

@media (prefers-reduced-motion: reduce) {
	.ap-follow__copy { transition: none; }
}


/* ── THE SUM ──────────────────────────────────────────────────────────────
   Greg, 2026-09-24: "the subscribe boxes ... have captcha as well". Same
   classes as the comment form's, so a reader meets one control on both.

   ⚠ This file was living only on the eighteen sites and not in the source
   tree, which is why the deploy had nothing to keep in step. It was copied in
   from worldwideprayer.org - all five checked copies were byte-identical - and
   the rule added here. */
.ap-captcha { display: flex; align-items: center; gap: .5rem; margin: .75rem 0; flex-wrap: wrap; }
.ap-captcha__label { font-size: .9em; opacity: .85; }
.ap-captcha__input {
	width: 4.5em; padding: .35em .5em;
	border: 1px solid rgba(127, 127, 127, .45); border-radius: 4px;
	background: inherit; color: inherit; font: inherit; text-align: center;
}