/* ==========================================================================
   InterSoul theme stylesheet manifest
   ========================================================================== */

/*
 * This is the stylesheet entry point loaded by the Podigee theme.
 *
 * Component styles are split by responsibility so the site structure is
 * visible at a glance. All @import statements must stay before normal rules.
 *
 * The imported files intentionally live directly inside /files. Podigee's
 * Git theme importer imports HTML and CSS files from that top-level directory.
 */

/* Web fonts */
@import url("https://fonts.googleapis.com/css?family=PT+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=PT+Sans+Caption:700");

/* Foundation */
@import url("application-reset.css");
@import url("application-variables.css");
@import url("application-base.css");

/* Site structure */
@import url("application-site_navigation.css");
@import url("application-page_layout.css");
@import url("application-podcast_overview.css");

/* Episode components */
@import url("application-episode_card.css");
@import url("application-episode_detail.css");
@import url("application-episode_share.css");
@import url("application-episode_navigation.css");

/* Supporting pages and compatibility */
@import url("application-archive.css");
@import url("application-comments.css");
@import url("application-legacy.css");

/* Responsive overrides must remain last. */
@import url("application-responsive.css");


/* Comment card layout -----------------------------------------------------
 * Kept here as an integration override as well as in application-comments.css.
 * This ensures Podigee/browser caches notice the layout change when the main
 * stylesheet changes. Geometry inside the comment remains unchanged.
 */
.comments article.comment {
  margin: 0;
  padding: 1.35rem 1rem;
  border: 1px solid rgba(89, 42, 23, 0.32);
  border-left: 0.2rem solid var(--color-accent);
  background: transparent;
  box-shadow: none;
}

.comments article.comment + article.comment {
  margin-top: -1px;
}

.comments article.comment:not(:last-of-type) {
  border-bottom: 1px solid rgba(89, 42, 23, 0.32);
}