@charset "UTF-8";
/* ==========================================================================
   gamdom.style - sidebar post-card widgets ("新着記事", "人気記事")

   Scoped to `#sidebar .p-postList.-type-card` generically, not to one
   widget's modifier class. Both sidebar widgets that use the card layout -
   swell_new_posts (`-w-new`) and swell_popular_posts (`-w-ranking`) - share
   this file so they read as the same design, as requested 2026-09-13.

   `.p-postList.-type-card` is ALSO used by "Related posts" under articles
   (`.p-relatedPosts`), already restyled and signed off in cards.css. This
   file stays scoped under `#sidebar`, which Related Posts is never inside,
   so it is unaffected regardless.

   Site-wide since 2026-09-13, like the rest of the redesign: the same two
   widgets render in the sidebar of every page that has one.

   What was measured on the live widgets before writing anything:

     body padding      14px 16px 16px on both widgets   - top didn't match the sides
     title             14px / 700 weight on both
     meta              present in the DOM on both, but empty - SWELL's own
                        "show date" / "show category" toggles are off for
                        both instances. Not a bug, a setting; left off.
     border / radius   1px var(--color_border), 12px            - already good, both
     card-to-card gap  16px (cards.css)                          - already good, both
     hover             lift + shadow (cards.css) plus SWELL's own
                        native image zoom + dim on .c-postThumb  - already good, both
     bottom spacing    0px between the last card and the widget's own border,
                        on both widgets - see the fix below

   No colour, no font-family, no markup, no content, no links, no widget
   settings changed. `.p-postList__meta` itself gets no padding/margin here -
   it renders as whitespace today (0 height) and must stay that way unless
   date or category is switched on later; styling is only on its children so
   there is nothing to show and nothing to collapse.

   Loaded site-wide from functions.php since 2026-09-13 (was page 152 only).
   ========================================================================== */

/* --------------------------------------------------------------------------
   BOTTOM SPACING
   Reported 2026-09-13: the last card sits flush against the widget's own
   border, "almost no space". Measured, not guessed: `#sidebar .c-widget`
   (home-layout.css) gives the widget 20px of padding on every side, but
   SWELL's own `.c-widget .p-postList.-type-card{margin-bottom:-1.5em}`
   (main.css) pulls the whole list back down by 21px - a rule that only ever
   mattered when SWELL's widgets had no outer padding to begin with. Once we
   added that padding, the negative margin started eating it. Neutralised
   here rather than raising the widget's own padding to compensate, since the
   real bug is the pull, not a shortage of padding.
   -------------------------------------------------------------------------- */
#sidebar .c-widget .p-postList.-type-card {
	margin-bottom: 0;
}

/* --------------------------------------------------------------------------
   EQUAL PADDING
   14px 16px 16px -> 16px on all four sides.
   -------------------------------------------------------------------------- */
#sidebar .p-postList.-type-card .p-postList__body {
	padding: 16px;
}

/* --------------------------------------------------------------------------
   TYPOGRAPHY HIERARCHY
   Title and meta were both 14px, told apart only by weight. A small size
   step makes the title read as the primary line even before any meta text
   exists to contrast it against.

   SWELL sets the 14px through `#sidebar .-type-card .p-postList__title` - an
   ID selector, which beats any number of classes regardless of source order.
   Matched here rather than reached past with !important, the same trap
   home-layout.css already documents for `#sidebar .c-widget`.
   -------------------------------------------------------------------------- */
#sidebar .p-postList.-type-card .p-postList__title {
	font-size: 15px;
	line-height: 1.6;
}

/* Ready for if "show date" / "show category" is switched on later - sized
   down from the title and muted, so a second line reads as metadata rather
   than competing with the title. The margin is on the CHILDREN, not the
   meta container itself: cards.css already notes .p-postList__meta holds
   whitespace, not nothing, so a margin stated on the container itself would
   draw a gap even while it has nothing to show. Styling only the children
   means an empty meta div still costs zero visible space, today. */
#sidebar .p-postList.-type-card .p-postList__meta > * {
	margin-top: 6px;
	font-size: 12px;
}