/* TCRN Newsroom: base styles (the Tri County theme restyles these to match the site) */
.tcrn-views { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.tcrn-views[hidden], .tcrn-ad[hidden] { display: none; }

.tcrn-reactions { margin-top: 40px; }
.tcrn-heading { font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; padding-bottom: 10px; border-bottom: 3px solid currentColor; margin: 0 0 16px; }
.tcrn-reaction-row { display: flex; flex-wrap: wrap; gap: 10px; }
.tcrn-reaction { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 8px 14px; border: 2px solid #0A0A0A; border-radius: 0; background: #fff; color: #0A0A0A; cursor: pointer; font: 600 13px/1 ui-monospace, Menlo, monospace; text-transform: uppercase; letter-spacing: .04em; }
.tcrn-reaction:hover { transform: translateY(-2px); }
.tcrn-reaction:disabled { opacity: .6; cursor: progress; }
.tcrn-reaction[aria-pressed="true"] { background: #3DF5A0; }
.tcrn-reaction-icon { font-size: 22px; line-height: 1; }
.tcrn-reaction-count { min-width: 1.5ch; padding-left: 8px; border-left: 1px solid #0A0A0A; }
.tcrn-note { font-size: 13px; color: #555; margin-top: 10px; }

.tcrn-ad { margin: 32px auto; text-align: center; }
.tcrn-ad-label { display: block; font: 10px/1 ui-monospace, Menlo, monospace; letter-spacing: .12em; text-transform: uppercase; color: #555; margin-bottom: 6px; }
.tcrn-ad a { display: inline-block; }
.tcrn-ad img { display: block; margin: 0 auto; height: auto; }
.tcrn-ad-wide img { width: 100%; max-width: 970px; }
.tcrn-ad-box img { width: 100%; max-width: 300px; }
@media (max-width: 640px) { .tcrn-ad-wide img { max-width: 360px; } }

.tcrn-tip-form, .tcrn-donate { display: flex; flex-direction: column; gap: 16px; }
.tcrn-field-row { display: flex; flex-wrap: wrap; gap: 20px; }
.tcrn-field { display: flex; flex-direction: column; gap: 6px; flex: 1 1 240px; margin: 0; }
.tcrn-field label { font: 600 12px/1.3 ui-monospace, Menlo, monospace; text-transform: uppercase; letter-spacing: .08em; }
.tcrn-optional { color: #555; font-weight: 400; }
.tcrn-tip-form input, .tcrn-tip-form select, .tcrn-tip-form textarea, .tcrn-donate input[type=number] { width: 100%; font: inherit; font-size: 16px; padding: 14px 16px; border: 2px solid #0A0A0A; border-radius: 0; background: #fff; color: #0A0A0A; box-sizing: border-box; }
.tcrn-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.tcrn-btn { align-self: flex-start; min-height: 48px; padding: 14px 26px; border: 2px solid #0A0A0A; background: #0A0A0A; color: #fff; font: 600 14px/1 ui-monospace, Menlo, monospace; text-transform: uppercase; letter-spacing: .08em; cursor: pointer; border-radius: 0; }
.tcrn-result { padding: 12px 16px; font-weight: 600; }
.tcrn-ok { background: #3DF5A0; color: #0A0A0A; }
.tcrn-error { background: #FFE0E0; color: #8A0015; }

.tcrn-donate fieldset { border: 0; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.tcrn-donate legend { font: 600 12px/1.3 ui-monospace, Menlo, monospace; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 8px; }
.tcrn-amounts { display: flex; flex-wrap: wrap; gap: 10px; }
.tcrn-amount { position: relative; }
.tcrn-amount input { position: absolute; opacity: 0; inset: 0; cursor: pointer; }
.tcrn-amount span { display: inline-flex; align-items: center; justify-content: center; min-width: 72px; min-height: 48px; padding: 0 16px; border: 2px solid #0A0A0A; font-weight: 800; font-size: 18px; }
.tcrn-amount input:checked + span { background: #3DF5A0; }
.tcrn-amount input:focus-visible + span { outline: 3px solid #0A0A0A; outline-offset: 2px; }
.tcrn-other-field[hidden] { display: none; }

.tcrn-myad { border: 2px solid #0A0A0A; padding: 18px; margin-bottom: 18px; }
.tcrn-myad h3 { margin-top: 0; }