/* THE AD CARD — in the layout, never on top of it.
   No position:fixed anywhere in this file, ever. This theme spent five
   versions getting floating things off the fifth door; an ad is the last
   thing that gets to float. Responsive because it is a block in the column:
   it is exactly as wide as the phone the shell already sized, 480 down to
   300, with nothing to recompute. */

.qq-adcard {
	display: block;
	margin: 12px 14px;
	padding: 13px 14px;
	border: 1px solid #E4D7C0;
	border-radius: 14px;
	background: #fff;
	text-decoration: none;
	color: inherit;
}

/* THE LABEL LEADS. A member must never wonder whether this was paid for. */
.qq-adcard__lab {
	display: block;
	font-size: 9.5px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #8A7D68;
}

.qq-adcard__t { display: block; font-size: 14.5px; font-weight: 800; margin-top: 5px; }
.qq-adcard__l { display: block; font-size: 12.5px; color: #4A4236; line-height: 1.5; margin-top: 3px; }
.qq-adcard__go { display: inline-block; font-size: 12.5px; font-weight: 800; margin-top: 8px; color: var(--sh-accent, #B4472F); }

/* The whole card is one tap target; a thumb needs nothing smaller inside it. */
.qq-adcard, .qq-adcard * { pointer-events: auto; }