/* ============================================================================ Shining Awards — Single news article (premium editorial layer) A magazine-grade reading experience for K-Pop / K-Drama posts: a stronger entry header + branded meta bar, a comfortable measure, and premium block styling for every element an editor can drop in — headings, quotes, lists, figures, tables, callouts, buttons. Token-driven, loaded after skin.css so it tracks the active palette. Scoped to `.single` so archives are untouched. The auto-enhance filter (shining/single-post.php) adds a few hook classes to plain editor markup — `.sa-lead`, `.sa-quote`, `.sa-statement`, `.sa-callout` — so old posts pick up the same treatment as block-authored ones. ============================================================================ */ /* ── Reading rhythm ─────────────────────────────────────────────────────── Jannah forces `#the-post .entry-content p { font-size:15px }` inline; we beat it on specificity (`.single #the-post …`) with a roomier, more legible scale. */ .single #the-post .entry-content, .single #the-post .entry-content p, .single #the-post .entry-content li { font-size: 1.0625rem; /* ~17px */ line-height: 1.75; } .single #the-post .entry-content { color: var(--sa-text); } .single .entry-content > * { margin-top: 0; } .single .entry-content p { margin: 0 0 1.35rem; } .single .entry-content strong, .single .entry-content b { color: #fff; font-weight: 700; } /* ── Inline article links ───────────────────────────────────────────────── The hover/active treatment is configurable in Shining Awards → Links, which stamps `sa-link-{id}` on . The BASE below is the default "Clean fade": the palette accent colour, NO underline at rest, a gentle brighten on hover. The colour is `--sa-link` (set by the Links studio's "Custom colour" option), falling back to the palette accent `--sa-violet-light` so links always track the active preset instead of the base theme's leftover red. Jannah's own red `#the-post .entry-content a` rule is neutralised in links-studio.php so this wins cleanly. The decorations below follow `currentColor` so they match it. */ .single .entry-content a { text-decoration: none; background-image: none; transition: filter .16s ease, background-size .2s ease, text-decoration-color .16s ease; } /* Colour: palette accent (or the Links-studio custom colour). `:not(.sa-shico-btn)` lifts specificity to (0,3,1) so it beats the base theme's `.dark-skin body .entry a` (#0033dd) rule, while leaving the share buttons — which set their own colours — alone. */ .single .entry-content a:not(.sa-shico-btn) { color: var(--sa-link, var(--sa-violet-light, #FF7AC6)); } .single .entry-content a:hover, .single .entry-content a:focus-visible { filter: brightness(1.18); } /* ── PROSE LINKS ONLY ──────────────────────────────────────────────────────── The three decoration styles below are for links an editor writes INSIDE the article. But the theme also injects whole components into the_content — the share block, Related, the nominee list, the info panel — and their links are buttons and cards, not prose. `html.sa-link-* .single .entry-content a` has specificity (0,3,2), which outranks every component's own rules (e.g. `.sa-shareinline--a .sa-shico-btn` at (0,2,0)). With "Sweep" active that turned the round brand share circles into padded 4px rectangles on live sites — the Copy control, a