/* Nook Joomla template — supplemental overrides.
   nook.css is copied verbatim from the WP theme; this file only styles
   things that are specific to how Joomla renders its own default
   component output (e.g. com_content) before Phase 2's listings
   component replaces it with the theme's own markup/classes. */

.page-content-card--joomla-default h1{
	font-family:'Sora',sans-serif; font-size:26px; font-weight:800; color:var(--ink); margin:0 0 22px; line-height:1.3;
}
.page-content-card--joomla-default h2{
	font-family:'Sora',sans-serif; font-size:19px; font-weight:700; color:var(--ink); margin:32px 0 12px;
}
.page-content-card--joomla-default h3{
	font-family:'Sora',sans-serif; font-size:16px; font-weight:700; color:var(--ink); margin:26px 0 10px;
}
.page-content-card--joomla-default p{
	font-size:15px; line-height:1.75; color:var(--ink); margin:0 0 18px;
}
.page-content-card--joomla-default ul,
.page-content-card--joomla-default ol{
	margin:0 0 18px; padding-left:22px;
}
.page-content-card--joomla-default li{ margin-bottom:8px; }
.page-content-card--joomla-default a{ color:var(--accent-dark); font-weight:600; }
.page-content-card--joomla-default a:hover{ color:var(--accent); }
.page-content-card--joomla-default img{ max-width:100%; height:auto; border-radius:8px; }
.page-content-card--joomla-default table{ width:100%; border-collapse:collapse; margin:0 0 18px; }
.page-content-card--joomla-default table th,
.page-content-card--joomla-default table td{ padding:8px 10px; border:1px solid var(--line); text-align:left; }

/* Joomla's own utility/pagination/breadcrumb markup, kept legible
   without dragging in Bootstrap. */
.page-content-card--joomla-default .pagination{ display:flex; gap:6px; list-style:none; padding:0; margin:20px 0 0; flex-wrap:wrap; }
.page-content-card--joomla-default .pagination a,
.page-content-card--joomla-default .pagination span{ display:inline-block; padding:6px 12px; border-radius:8px; border:1px solid var(--line); font-size:13px; }