/* Hallmark · macrostructure: Ecosystem Index · tone: practical editorial · anchor hue: existing Hotshot blue
 * Existing tokens.css, fonts, shell and dark-mode ownership preserved. No decorative motion.
 * Design variance 6 / motion 2 / density 5. Pre-emit critique: P4 H4 E4 S5 R5 V4.
 */
.hss-news { width: min(100%, 84rem); margin-inline: auto; padding: var(--space-lg) var(--space-md) var(--space-xl); color: var(--color-ink); }
.hss-news [hidden] { display: none !important; }
.hss-news h1, .hss-news h2, .hss-news h3 { font-style: normal; overflow-wrap: break-word; line-height: 1.2; }
.hss-news a { text-decoration: none; }
.hss-news a:focus-visible, .hss-news button:focus-visible, .hss-news input:focus-visible, .hss-news textarea:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 3px; }
.hss-news-heading { display: grid; gap: var(--space-xs); margin-bottom: var(--space-lg); }
.hss-news-heading h1 { font-size: clamp(1.8rem, 2.5vw, 2.5rem); letter-spacing: -.025em; }
.hss-news-heading p { color: var(--color-muted); font-size: var(--text-base); }
.hss-news-topics { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-bottom: var(--space-lg); }
.hss-news-topics a { min-height: 44px; display: inline-flex; align-items: center; padding: var(--space-xs) var(--space-md); border: 1px solid var(--color-rule); border-radius: var(--radius-control); font-size: var(--text-sm); font-weight: 600; white-space: nowrap; }
.hss-news-topics a[aria-current] { background: var(--color-accent-soft); color: var(--color-accent); border-color: var(--color-accent); }
.hss-news-spotlight { border: 1px solid var(--color-rule); padding: var(--space-md); border-radius: var(--radius-surface); }
.hss-news-card { display: grid; min-width: 0; gap: var(--space-md); }
.hss-news-card__body { display: grid; align-content: center; gap: var(--space-xs); min-width: 0; }
.hss-news-card__image { display: block; overflow: clip; border-radius: var(--radius-control); background: var(--color-paper-2); color: var(--color-muted); aspect-ratio: 16 / 9; }
.hss-news-card__image img { width: 100%; height: 100%; object-fit: cover; }
.hss-news-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; gap: var(--space-sm); }
.hss-news-topic { width: fit-content; color: var(--color-accent); font-size: var(--text-sm); font-weight: 600; }
.hss-news-card h2 { font-size: 1.25rem; letter-spacing: -.018em; }
.hss-news-card--lead h2 { font-size: clamp(1.4rem, 2.5vw, 2.2rem); }
.hss-news-excerpt { font-size: var(--text-base); line-height: 1.5; color: var(--color-ink-2); }
.hss-news-meta { display: flex; align-items: center; flex-wrap: wrap; column-gap: var(--space-sm); row-gap: var(--space-2xs); color: var(--color-muted); font-size: var(--text-sm); }
.hss-news-meta > * { white-space: nowrap; }
.hss-news-meta a { display: inline-flex; align-items: center; gap: var(--space-2xs); min-height: 32px; }
.hss-news-rail { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); gap: var(--space-lg); border-top: 1px solid var(--color-rule); margin-top: var(--space-lg); padding-top: var(--space-lg); }
.hss-news-card--compact { align-content: start; gap: var(--space-sm); }
.hss-news-card--compact .hss-news-card__body { align-content: start; }
.hss-news-card--compact h2 { font-size: 1.0625rem; line-height: 1.3; }
.hss-news-card--compact .hss-news-meta { font-size: .8125rem; }
.hss-news-card--compact .hss-news-meta > span:first-child, .hss-news-card--compact .hss-news-meta > span:nth-of-type(2) { display: none; }
.hss-news-latest { margin-top: var(--space-xl); }
.hss-news-latest > h2 { display: flex; align-items: center; gap: var(--space-xs); font-size: 1.375rem; margin-bottom: var(--space-lg); }
.hss-news-card--feed { padding-block: var(--space-lg); border-bottom: 1px solid var(--color-rule); }
.hss-news-status { color: var(--color-muted); font-size: var(--text-sm); margin-top: var(--space-lg); min-height: 1.6em; }
.hss-news-pagination { display: flex; flex-wrap: wrap; gap: var(--space-sm); margin-top: var(--space-md); }
.hss-news-button { display: inline-flex; justify-content: center; align-items: center; gap: var(--space-xs); min-height: 44px; padding: var(--space-xs) var(--space-md); border: 1px solid var(--color-rule-strong); border-radius: var(--radius-control); background: var(--color-paper); color: var(--color-ink); font-weight: 600; font-size: var(--text-sm); white-space: nowrap; cursor: pointer; }
.hss-news-button:active { transform: translateY(1px); }
.hss-news-button--primary { background: var(--color-accent); color: var(--color-accent-ink); border-color: var(--color-accent); }
.hss-news-rss { margin-top: var(--space-xl); color: var(--color-muted); font-size: var(--text-sm); }
.hss-news-rss a, .hss-news-back { display: inline-flex; gap: var(--space-xs); align-items: center; min-height: 44px; }
.hss-news-back { color: var(--color-accent); font-weight: 600; font-size: var(--text-sm); }
.hss-news-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-xs); align-items: center; font-size: var(--text-sm); color: var(--color-muted); margin-bottom: var(--space-lg); }
.hss-news-breadcrumb a { min-height: 44px; display: inline-flex; align-items: center; white-space: nowrap; }
.hss-news-columns { display: grid; gap: var(--space-xl); }
.hss-news-story, .hss-news-sidebar { min-width: 0; }
.hss-news-story__header { display: grid; gap: var(--space-md); }
.hss-news-story__header h1 { font-size: clamp(1.75rem, 3.4vw, 2.75rem); letter-spacing: -.025em; }
.hss-news-deck { font-size: 1.125rem; color: var(--color-muted); }
.hss-news-updated { color: var(--color-muted); font-size: var(--text-sm); margin-top: calc(-1 * var(--space-xs)); }
.hss-news-sharing { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs); padding-block: var(--space-md); margin-top: var(--space-md); border-top: 1px solid var(--color-rule); font-size: var(--text-sm); }
.hss-news-sharing > a { display: inline-grid; place-items: center; min-width: 44px; height: 44px; border: 1px solid var(--color-rule); border-radius: var(--radius-control); font-size: 1.125rem; }
.hss-news-sharing > span:first-child { margin-right: var(--space-xs); }
.hss-news-story__image { margin: 0 0 var(--space-lg); }
.hss-news-story__image img { width: 100%; height: auto; border-radius: var(--radius-control); }
.hss-news-story__image figcaption { color: var(--color-muted); font-size: var(--text-sm); padding-top: var(--space-xs); }
.hss-news-prose { max-width: 70ch; font-size: 1.0625rem; line-height: 1.7; overflow-wrap: break-word; }
.hss-news-prose > * + * { margin-top: var(--space-lg); }
.hss-news-prose h2 { font-size: 1.5rem; margin-top: var(--space-xl); }
.hss-news-prose h3 { font-size: 1.25rem; }
.hss-news-prose a { color: var(--color-accent); text-decoration: underline; overflow-wrap: anywhere; }
.hss-news-prose ul, .hss-news-prose ol { padding-left: var(--space-lg); }
.hss-news-prose blockquote { margin-inline: 0; padding: var(--space-lg); background: var(--color-paper-2); color: var(--color-ink); }
.hss-news-prose iframe, .hss-news-prose video { max-width: 100%; }
.hss-news-sidebar { display: grid; align-content: start; gap: var(--space-xl); }
.hss-news-sidebar section { border-top: 1px solid var(--color-rule); padding-top: var(--space-md); }
.hss-news-sidebar h2 { font-size: 1.25rem; margin-bottom: var(--space-md); }
.hss-news-sidebar ul { list-style: none; }
.hss-news-sidebar li a { display: flex; justify-content: space-between; align-items: center; min-height: 44px; gap: var(--space-md); }
.hss-news-related { margin-top: var(--space-lg); }
.hss-news-related a { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: var(--space-sm); align-items: start; }
.hss-news-related img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--radius-control); }
.hss-news-related h3 { font-size: 1rem; line-height: 1.35; }
.hss-news-related time { display: block; margin-top: var(--space-xs); font-size: .8125rem; color: var(--color-muted); }
.hss-news-comments { margin-top: var(--space-xl); padding-top: var(--space-lg); border-top: 1px solid var(--color-rule); scroll-margin-top: calc(var(--hss-header-height) + 24px); }
.hss-news-comments h2 { font-size: 1.5rem; margin-bottom: var(--space-sm); }
.hss-news-comments > p { color: var(--color-muted); font-size: var(--text-sm); }
.hss-news-comments .comment-reply-title { font-size: 1.25rem; margin-top: var(--space-lg); }
.hss-news-comments .comment-form { display: grid; gap: var(--space-md); margin-top: var(--space-md); }
.hss-news-comments label { display: block; font-weight: 600; margin-bottom: var(--space-xs); }
.hss-news-comments input:not([type="checkbox"]):not([type="submit"]), .hss-news-comments textarea { width: 100%; min-height: 44px; padding: var(--space-sm); border: 1px solid var(--color-rule-strong); border-radius: var(--radius-control); background: var(--color-paper); color: var(--color-ink); }
.hss-news-comments textarea { min-height: 9rem; resize: vertical; }
.hss-news-comments input:invalid:not(:placeholder-shown):focus { border-color: var(--color-error); }
.hss-news-comments .comment-form-cookies-consent { display: flex; align-items: flex-start; gap: var(--space-xs); font-size: var(--text-sm); }
.hss-news-comments .comment-form-cookies-consent input { margin-top: 6px; }
.hss-news-comments .comment-form-cookies-consent label { font-weight: 400; }
.hss-news-comments .comment-list { list-style: none; margin-top: var(--space-lg); }
.hss-news-comments .children { list-style: none; padding-left: var(--space-md); }
.hss-news-comments .comment-body { padding-block: var(--space-lg); border-bottom: 1px solid var(--color-rule); overflow-wrap: anywhere; }
.hss-news-comments .avatar { float: left; margin-right: var(--space-sm); border-radius: var(--radius-pill); }
.hss-news-comments .comment-metadata, .hss-news-comments .reply { font-size: var(--text-sm); color: var(--color-muted); }
.hss-news-comments .comment-content { margin-top: var(--space-md); }
.hss-news-comments .comment-content p + p { margin-top: var(--space-sm); }
.hss-news-comments a { text-decoration: underline; }
.hss-news-empty { display: grid; gap: var(--space-md); padding-block: var(--space-xl); }
.hss-news-empty h2 { font-size: 1.5rem; }
@media (min-width: 40rem) {
  .hss-news { padding-inline: var(--space-lg); }
  .hss-news-card--feed { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--space-lg); }
  .hss-news-card--feed h2 { font-size: 1.5rem; }
}
@media (min-width: 60rem) {
  .hss-news { padding-top: var(--space-xl); }
  .hss-news-card--lead { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: var(--space-lg); }
  .hss-news-card--lead .hss-news-card__image { aspect-ratio: 16 / 10; }
  .hss-news-columns { grid-template-columns: minmax(0, 2.5fr) minmax(16rem, 1fr); gap: var(--space-xl); }
  .hss-news-card--feed { grid-template-columns: minmax(0, 1fr) minmax(0, 2.6fr); }
}
@media (max-width: 39.99rem) {
  .hss-news-rail { grid-template-columns: minmax(0, 1fr); }
  .hss-news-card--compact { grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr); gap: var(--space-sm); }
  .hss-news-card--compact h2 { font-size: 1rem; }
  .hss-news-card--compact .hss-news-topic { display: none; }
  .hss-news-sharing > span:first-child { width: 100%; }
}
@media (hover: hover) {
  .hss-news-card h2 a:hover, .hss-news-related a:hover h3, .hss-news a:hover { text-decoration: underline; }
  .hss-news-button:hover, .hss-news-topics a:hover { background: var(--color-paper-2); color: var(--color-ink); }
  .hss-news-button--primary:hover { background: var(--color-accent-hover); color: var(--color-accent-ink); }
}
@media (prefers-reduced-motion: reduce) { .hss-news-button:active { transform: none; } }
