:root{--pf-bg:#0c0f14;--pf-surface:#11161d;--pf-panel:#141a22;--pf-text:#e6edf3;--pf-muted:#9fb0c3;--pf-line:#1f2a37;--pf-amber:#ffd79a;--pf-primary:#4aa3ff}

.wp-block-group a:hover {
  color: #ffd79a;
  text-shadow: 0 0 6px #00aaff, 0 0 3px #ffd79a;
}

h2 {
  color: #ffd79a;
}

/* ==========================================================
   Proxima Fleet – Scrollbar (Bright Base + Reactive Glow)
   ========================================================== */

/* Firefox */
html {
  scrollbar-width: thin;
  scrollbar-color: #00aaff #0a0a0f; /* thumb | track */
}

/* WebKit (Chrome, Edge, Opera, Safari) */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #0a0a0f;
  box-shadow: inset 0 0 6px rgba(0, 170, 255, 0.2);
}

/* Thumb – visible, blue, slightly glowing */
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #00aaff, #003355);
  border-radius: 6px;
  box-shadow: 0 0 6px #00aaff;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Hover – stronger cyan glow */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #00cfff, #005577);
  box-shadow: 0 0 9px #00cfff, 0 0 4px #00cfff inset;
}

/* Active – amber pulse for feedback */
::-webkit-scrollbar-thumb:active {
  background: linear-gradient(180deg, #ffd79a, #aa7733);
  box-shadow: 0 0 10px #ffd79a, 0 0 4px #ffd79a inset;
}

/* Generic cards + hover */
.pf-card{background:linear-gradient(180deg, rgba(20,26,34,.9), rgba(13,17,23,.9));border:1px solid var(--pf-line);box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .18s ease, box-shadow .18s ease}
.pf-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px color-mix(in srgb, var(--pf-amber) 60%, transparent), 0 12px 40px rgba(255,215,154,.35)}
.pf-badge{display:inline-block;font-size:12px;letter-spacing:.3px;margin:0 0 6px;padding:4px 8px;border-radius:999px;border:1px solid var(--pf-line);color:var(--pf-muted)}

/* Latest News grid */
.wp-block-query .wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1024px){.wp-block-query .wp-block-post-template{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.wp-block-query .wp-block-post-template{grid-template-columns:1fr}}
.wp-block-query .wp-block-post-template>li{list-style:none;margin:0}
.pf-news{background:var(--pf-panel);border:1px solid var(--pf-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease, box-shadow .18s ease}
.pf-news:hover{transform:translateY(-3px);box-shadow:0 0 0 1px color-mix(in srgb, var(--pf-amber) 45%, transparent), 0 10px 28px rgba(255,215,154,.28)}
.pf-news .wp-block-post-featured-image,
.pf-news .wp-block-post-featured-image a,
.pf-news .wp-block-post-featured-image img{border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}
.pf-news .wp-block-post-featured-image{margin:0}
.pf-news .wp-block-post-featured-image img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}
.pf-news-inner{padding:12px}
.pf-chips a{display:inline-block;font-size:12px;border:1px solid var(--pf-line);padding:4px 8px;border-radius:999px;color:var(--pf-muted);margin:0 6px 6px 0;text-decoration:none}

/* Title link inside news cards */
.pf-news .wp-block-post-title a,
.pf-news .wp-block-post-title a:visited {
  color: #00aaff;
  text-decoration: none;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

.pf-news .wp-block-post-title a:hover {
  color: #ffd79a;
  text-shadow: 0 0 6px #00aaff, 0 0 3px #ffd79a;
}
/* "Read More" link – Proxima Fleet holo style */
.pf-news a.wp-block-post-excerpt__more-link {
  display: block;
  position: relative;
  margin: 10px auto 0;
  text-align: center;
  font-family: "Orbitron", "Segoe UI", sans-serif;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #00aaff; /* base blue color */
  text-decoration: none;
  transition: color 0.25s ease, text-shadow 0.25s ease;
}

/* holo underline animation */
.pf-news a.wp-block-post-excerpt__more-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0%;
  height: 2px;
  background: linear-gradient(90deg, #00aaff, #ffd79a, #00aaff);
  box-shadow: 0 0 6px #00aaff;
  transform: translateX(-50%);
  transition: width 0.35s ease;
}

.pf-news a.wp-block-post-excerpt__more-link:hover {
  color: #ffd79a;
  text-shadow: 0 0 6px #00aaff, 0 0 3px #ffd79a;
}

.pf-news a.wp-block-post-excerpt__more-link:hover::after {
  width: 100%;
}

/* === Faction Strip Refined === */
.pf-faction-strip {
  background-color: #000; /* solid black background */
  border-top: 0px solid var(--pf-line);
  border-bottom: 1px solid var(--pf-line);
  padding-block: 10px;
  color: #fff;
}

.pf-faction-row {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.pf-faction-badge {
  width: 72px;
  height: 72px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .5px;
  background: #000;
  color: #fff; /* white text */
  border: 1px solid var(--pf-line);
  box-shadow: 0 8px 22px rgba(0,0,0,.25);
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease;
}

.pf-faction-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px var(--pf-amber), 0 10px 28px rgba(255,215,154,.35);
  background: radial-gradient(120px 120px at 30% 25%, rgba(255,215,154,1), #e5c894 55%, #c7a671 100%);
}

.pf-faction-badge span {
  font-family: var(--wp--preset--font-family--orbitron);
  font-size: 14px;
}
.pf-faction-icon { width:48px; height:48px; fill: currentColor; }

/* Make sure faction icons always center inside the badge */
.pf-faction-badge svg,
.pf-faction-badge img.pf-faction-icon {
  display: block;        /* kill inline-gap quirks */
  margin: 0 auto;        /* horizontal centering */
  width: 48px;
  height: 48px;
}

/* Ensure the badge itself centers its contents */
.pf-faction-badge {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* === EARTH ALLIANCE === */
.pf-faction-badge[href*="earth-alliance"]:hover {
  background: #0b1e3d; /* Dark Navy Blue */
  color: #ffd79a;      /* Amber Icon */
  box-shadow: 0 0 0 1px rgba(255,215,154,.25),
              0 10px 28px rgba(255,215,154,.35);
}

/* === MINBARI FEDERATION === */
.pf-faction-badge[href*="minbari-federation"]:hover {
  background: #b6e3ff; /* Pale Blue */
  color: #4b2a86;      /* Dark Purple Icon */
  box-shadow: 0 0 0 1px rgba(182,227,255,.35),
              0 10px 28px rgba(182,227,255,.45);
}

/* === CENTAURI REPUBLIC === */
.pf-faction-badge[href*="centauri-republic"]:hover {
  background: #4b2a86; /* Dark Purple */
  color: #ffd700;      /* Gold Icon */
  box-shadow: 0 0 0 1px rgba(255,215,0,.35),
              0 10px 28px rgba(255,215,0,.45);
}

/* === NARN REGIME === */
.pf-faction-badge[href*="narn-regime"]:hover {
  background: #7a0000; /* Dark Red */
  color: #000;         /* Black Icon */
  box-shadow: 0 0 0 1px rgba(122,0,0,.35),
              0 10px 28px rgba(122,0,0,.45);
}

/* === VORLON EMPIRE === */
.pf-faction-badge[href*="vorlon-empire"]:hover {
  background: #064b0d; /* Dark Green */
  color: #ffe600;      /* Yellow Icon */
  box-shadow: 0 0 0 1px rgba(255,230,0,.35),
              0 10px 28px rgba(255,230,0,.45);
}

/* === THE SHADOWS === */
.pf-faction-badge[href*="the-shadows"]:hover {
  background: #3a1a5a; /* Dark Purple */
  color: #000;         /* Black Icon */
  box-shadow: 0 0 0 1px rgba(58,26,90,.35),
              0 10px 28px rgba(58,26,90,.45);
}

/* === NON-ALIGNED WORLDS === */
.pf-faction-badge[href*="non-aligned"]:hover {
  background: #9ef59e; /* Light Green */
  color: #000;         /* Black Icon */
  box-shadow: 0 0 0 1px rgba(158,245,158,.35),
              0 10px 28px rgba(158,245,158,.45);
}



/* === Spotlight Emphasis Adjustments === */

/* Give spotlight cards a distinct amber border by default */
.pf-spot {
  border: 1px solid #ffd79a !important;
  text-align: center;
}

/* Spotlight image — add amber border around the image */
.pf-spot .pf-spot-media img {
  border: 1px solid #ffd79a !important;
  border-radius: 12px;
}

/* Spotlight title — make it amber for contrast */
.pf-spot .pf-spot-title,
.pf-spot .pf-spot-title a {
  color: #ffd79a !important;
  text-align: center;
}

/* Keep hover glow unchanged (already has amber light pulse) */

/* Subtle amber fade when hovering spotlight cards */
.pf-spot:hover {
  border-color: #ffe4b3 !important;
}

.pf-spot:hover .pf-spot-media img {
  border-color: #ffe4b3 !important;
}

.pf-spot:hover .pf-spot-title,
.pf-spot:hover .pf-spot-title a {
  color: #ffe4b3 !important;
}

/* ===== Archives (category/tag/post-type archives) ===== */
.archive .wp-block-query .wp-block-post-template{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}
@media (max-width:1024px){
  .archive .wp-block-query .wp-block-post-template{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  .archive .wp-block-query .wp-block-post-template{ grid-template-columns:1fr; }
}

/* Card frame (like Latest News) */
.archive .wp-block-query .wp-block-post-template > li{
  list-style:none;
  margin:0;
  background:var(--pf-panel);
  border:1px solid var(--pf-line);
  border-radius:16px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.archive .wp-block-query .wp-block-post-template > li:hover{
  transform:translateY(-3px);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--pf-amber) 45%, transparent), 0 10px 28px rgba(255,215,154,.28);
}

/* Featured image: 16:9, rounded top corners */
.archive .wp-block-post-featured-image { margin:0; }
.archive .wp-block-post-featured-image,
.archive .wp-block-post-featured-image a,
.archive .wp-block-post-featured-image img{
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  overflow:hidden;
}
.archive .wp-block-post-featured-image img{
  width:100%;
  display:block;
  aspect-ratio:16/9;
  object-fit:cover;
}

/* Inner spacing (chips, title, excerpt) */
.archive .wp-block-post-template > li .wp-block-post-terms{
  display:block;
  margin:12px 12px 0 12px;
}
.archive .wp-block-post-template > li .wp-block-post-title{
  margin:8px 12px 4px 12px;
}
.archive .wp-block-post-template > li .wp-block-post-excerpt{
  margin:0 12px 12px 12px;
}

/* Optional: make category chips match your style */
.archive .wp-block-post-terms.taxonomy-category a{
  display:inline-block;
  font-size:12px;
  border:1px solid var(--pf-line);
  padding:4px 8px;
  border-radius:999px;
  color:var(--pf-muted);
  text-decoration:none;
  margin:0 6px 6px 0;
}

/* ===== Search results (match Latest News grid) ===== */
.search .wp-block-query .wp-block-post-template{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}
@media (max-width:1024px){
  .search .wp-block-query .wp-block-post-template{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:768px){
  .search .wp-block-query .wp-block-post-template{ grid-template-columns:1fr; }
}

/* Card frame */
.search .wp-block-query .wp-block-post-template > li{
  list-style:none;
  margin:0;
  background:var(--pf-panel);
  border:1px solid var(--pf-line);
  border-radius:16px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .18s ease, box-shadow .18s ease;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}
.search .wp-block-query .wp-block-post-template > li:hover{
  transform:translateY(-3px);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--pf-amber) 45%, transparent),
              0 10px 28px rgba(255,215,154,.28);
}

/* Featured image */
.search .wp-block-post-featured-image{ margin:0; }
.search .wp-block-post-featured-image,
.search .wp-block-post-featured-image a,
.search .wp-block-post-featured-image img{
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  overflow:hidden;
}
.search .wp-block-post-featured-image img{
  width:100%;
  display:block;
  aspect-ratio:16/9;
  object-fit:cover;
}

/* Inner spacing */
.search .wp-block-post-template > li .wp-block-post-terms{ margin:12px 12px 0 12px; }
.search .wp-block-post-template > li .wp-block-post-title{ margin:8px 12px 4px 12px; }
.search .wp-block-post-template > li .wp-block-post-excerpt{ margin:0 12px 12px 12px; }

/* Optional: category chips inside results */
.search .wp-block-post-terms.taxonomy-category a{
  display:inline-block;
  font-size:12px;
  border:1px solid var(--pf-line);
  padding:4px 8px;
  border-radius:999px;
  color:var(--pf-muted);
  text-decoration:none;
  margin:0 6px 6px 0;
}

/* Proxima Fleet Contact Form */
.pfcf-form{
  max-width: 720px;
  margin: 0 auto;
  background: var(--pf-panel);
  border: 1px solid var(--pf-line);
  border-radius: 16px;
  padding: 20px;
  padding-right: 40px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
	
	/* === Mobile form reset & dark theme for Contact === */
.pfcf-form input[type="text"],
.pfcf-form input[type="email"],
.pfcf-form textarea,
.pfcf-form button {
  -webkit-appearance: none;
  appearance: none;
  background-clip: padding-box;
}

/* Inputs / textarea: dark background + light text (mobile-friendly) */
.pfcf-form input[type="text"],
.pfcf-form input[type="email"],
.pfcf-form textarea{
  background:#11161d;
  color:#e6edf3;
  border:1px solid #1f2a37;
  border-radius:8px;
  padding:12px;
  line-height:1.4;
  outline: none;
  caret-color:#ffd79a;
}

/* Hover / focus subtle amber */
.pfcf-form input[type="text"]:hover,
.pfcf-form input[type="email"]:hover,
.pfcf-form textarea:hover{
  border-color: var(--pf-amber);
  box-shadow: 0 0 6px rgba(255,215,154,0.25);
}
.pfcf-form input[type="text"]:focus,
.pfcf-form input[type="email"]:focus,
.pfcf-form textarea:focus{
  border-color: var(--pf-amber);
  box-shadow: 0 0 8px rgba(255,215,154,0.35);
}

/* Button normalization on mobile */
.pfcf-form .pfcf-btn{
  -webkit-appearance: none;
  appearance: none;
  touch-action: manipulation;
}

/* Placeholder color (mobile browsers) */
.pfcf-form ::placeholder{
  color:#8a97a8;
  opacity:1;
}

/* Autofill (Chrome/Android & iOS Safari) */
.pfcf-form input:-webkit-autofill{
  -webkit-text-fill-color:#e6edf3;
  box-shadow: 0 0 0 30px #11161d inset !important; /* override yellow */
}
.pfcf-form input:-webkit-autofill:focus{
  -webkit-text-fill-color:#e6edf3;
  box-shadow: 0 0 0 30px #11161d inset, 0 0 8px rgba(255,215,154,0.35) !important;
  border-color: var(--pf-amber);
}

/* Make sure the wrapper has breathing room on small screens */
@media (max-width: 600px){
  .pfcf-form{ padding: 20px; }
}

}
.pfcf-row{ margin-bottom: 12px; }
.pfcf-row label{
  display:block; font-size:14px; color:#9fb0c3; margin-bottom:6px;
}
.pfcf-row input[type="text"],
.pfcf-row input[type="email"],
.pfcf-row textarea{
  width:100%; background:#11161d; color:#e6edf3;
  border:1px solid #1f2a37; border-radius:8px; padding:10px;
}
.pfcf-row textarea{ resize:vertical; min-height: 160px; }
.pfcf-btn{
  background:#ffd79a; color:#0c0f14; border:none; border-radius:8px;
  padding:10px 16px; font-weight:700; cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.pfcf-btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(255,215,154,.25), 0 10px 28px rgba(255,215,154,.35);
  background:#ffe4b3;
}
.pfcf-note{
  margin-bottom:12px; padding:10px 12px; border-radius:8px; font-size:14px;
  border:1px solid var(--pf-line);
}
.pfcf-ok{ color:#b7f5c7; background:#0f2a1b; border-color:#1e6a3a; }
.pfcf-fail{ color:#f5c7c7; background:#2a0f0f; border-color:#6a1e1e; }

/* Optional: focus state matches hover (so it's consistent) */
.pfcf-row input[type="text"]:focus,
.pfcf-row input[type="email"]:focus,
.pfcf-row textarea:focus {
  border-color: var(--pf-amber);
  box-shadow: 0 0 8px rgba(255,215,154,0.35);
  outline: none;
}

.pf-btn.pf-btn-download{
  display:inline-block; background:#ffd79a; color:#0c0f14; border:none;
  padding:10px 16px; border-radius:8px; font-weight:700; text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
  transition:transform .15s ease, box-shadow .15s ease, background .2s ease;
}
.pf-btn.pf-btn-download:hover{
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px rgba(255,215,154,.25), 0 10px 28px rgba(255,215,154,.35);
  background:#ffe4b3;
}
.pf-btn.pf-btn-view {
  display:inline-block; background:transparent; color:#ffd79a; border:1px solid #ffd79a;
  padding:10px 16px; border-radius:8px; font-weight:700; text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, background .2s ease, color .2s ease;
}
.pf-btn.pf-btn-view:hover {
  background:#ffd79a; color:#0c0f14;
  box-shadow:0 0 0 1px rgba(255,215,154,.25), 0 10px 28px rgba(255,215,154,.35);
  transform:translateY(-2px);
}
/* Prefix "Category:" on single File pages */
.single-pf_file .wp-block-post-terms.taxonomy-pf_file_category::before {
  content: "Category: ";
  color: var(--pf-muted, #9fb0c3);
  margin-right: 6px;
}

.pf-container { max-width: 1200px; margin: 0 auto; padding: 2rem 1rem; }
.pf-page-header h2 { margin: 0 0 .25rem; }
.pf-page-header p { margin: 0 0 1.5rem; opacity: .85; }

.pf-cards-grid {
  display: grid;
  border: none;
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
}
.pf-gap { gap: 1rem; }

.pf-card {
  border: 1px solid #2c3c51;
  border-radius: 18px;
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
}
.pf-card h2 { margin-top: 0; padding: 0.1rem 0.1rem; }

.pf-button {
  display: inline-block;
  padding: .5rem .85rem;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.15);
  text-decoration: none;
}

.pf-card-image {
  width: 100%;
  height: auto;
  display: block;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom: 1px solid #2c3c51; 
  object-fit: cover;
}

/* Optional: constrain max height on small screens */
@media (max-width: 600px) {
  .pf-card-image {
    max-height: 200px;
  }
}

.pf-card-title, .pf-card-excerpt, .pf-button {
  margin-left: 10px;
}

/* HR Lines */

hr {
  display: block; /* Ensures margin behavior */
  border: none;
  height: 2px;
  background: linear-gradient(90deg, #00bfff, #9fb0c3, #00bfff);
  box-shadow: 0 0 8px #9fb0c3;
  margin: 40px 0; /* Top and bottom spacing */
}
.hr-sci {
  border: none;
  height: 2px;
  background: linear-gradient(90deg, #00bfff, #9fb0c3, #00bfff);
  box-shadow: 0 0 8px #9fb0c3;
  margin: 12px 0;
  display: block;
}
.hr-proxima {
  border: none;
  height: 2px;
  display: block;
  margin: 12px 0;
  background: linear-gradient(90deg, 
    rgba(255, 191, 64, 0.9) 0%,   /* amber start */
    rgba(159, 176, 195, 1) 25%,  /* silver mid */
    rgba(0, 153, 255, 1) 50%,    /* cyan core */
    rgba(159, 176, 195, 1) 75%,  /* silver again */
    rgba(255, 191, 64, 0.9) 100% /* amber end */
  );
  box-shadow: 0 0 8px rgba(0, 153, 255, 0.6), 
              0 0 4px rgba(255, 191, 64, 0.4);
}

/* ==========================================================
   Proxima Fleet Database – Record Style Layout
   ========================================================== */

.pf-entry.record-style {
  background: rgba(10, 15, 25, 0.75); /* subtle transparent dark */
  border: 1px solid #1f2b3a;
  border-left: 3px solid #00aaff; /* cyan accent line */
  border-radius: 8px;
  padding: 24px;
  margin: 20px 0;
  color: #d0d8e0;
  box-shadow: 0 0 12px rgba(0, 170, 255, 0.2);
  backdrop-filter: blur(4px);
}

/* Section title styling */
.pf-entry.record-style h2 {
  color: #ffd79a;
  font-family: "Orbitron", "Segoe UI", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 2px solid rgba(0, 170, 255, 0.4);
  padding-bottom: 4px;
  margin-bottom: 12px;
}

.pf-entry.record-style h3 {
  color: #ffd79a;
  font-family: "Orbitron", "Segoe UI", sans-serif;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 1px;
  border-bottom: 0px solid rgba(0, 170, 255, 0.4);
  padding-bottom: 4px;
  margin-bottom: 12px;
}

/* Paragraphs and internal content */
.pf-entry.record-style p {
  line-height: 1.6;
  margin-bottom: 10px;
  color: #cbd4df;
}

/* Emphasized in-universe data (dates, status, classification) */
.pf-entry.record-style strong {
  color: #00aaff;
  text-shadow: 0 0 5px #00aaff;
}

/* Source section or footnotes */
.pf-entry.record-style .sources {
  border-top: 1px solid rgba(159, 176, 195, 0.3);
  margin-top: 16px;
  padding-top: 8px;
  font-size: 0.9em;
  color: #9fb0c3;
}
.pf-entry.record-style {
  background-image: 
    linear-gradient(0deg, rgba(255,255,255,0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
  background-size: 30px 30px;
}

/* Tables inside B5 Database record-style entries */
.pf-entry.record-style table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  table-layout: auto; /* or fixed if you want equal columns */
}

/* Make sure long text doesn’t force super-wide columns */
.pf-entry.record-style th,
.pf-entry.record-style td {
  word-wrap: break-word;
  word-break: break-word;
  padding: 6px 8px;
  font-size: 0.95rem;
}

/* Allow horizontal scroll inside record if table is too wide */
.pf-entry.record-style {
  overflow-x: auto;
}

/* Optional: smoother feel on mobile */
.pf-entry.record-style {
  -webkit-overflow-scrolling: touch;
}

.pf-entry.record-style .pf-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.pf-entry.record-style .pf-table-wrap table {
  width: 100%;
  min-width: 480px; /* or whatever fits your typical table */
}

/* Main wrapper for quote single template */
.b5-quote-single {
  max-width: 820px;
  margin: 0 auto;
  padding-block: 2.5rem;
}

/* Kicker line above title */
.b5-quote-single .b5-quote-kicker {
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .75rem;
  opacity: .7;
  margin-bottom: .35rem;
}

/* Quote title (usually first line) */
.b5-quote-single .b5-quote-title {
  font-size: 1.6rem;
  margin: 0 0 .25rem;
}

/* Speaker / Episode meta line under title */
.b5-quote-single .b5-quote-meta-line {
  font-size: .9rem;
  opacity: .8;
}

/* If you want a dot separator, you can style it here if you add one later */
.b5-quote-single .b5-quote-speaker,
.b5-quote-single .b5-quote-episode {
  display: inline;
}

/* Quote body */
.b5-quote-single .b5-quote-body {
  margin-top: 1.5rem;
}

/* Blockquote styling around the quote text */
.b5-quote-single .b5-quote-blockquote {
  margin: 0;
  padding: 1.25rem 1.5rem;
  border-left: 3px solid rgba(122, 162, 247, 0.8);
  background: rgba(122, 162, 247, 0.08);
  font-size: 1.1rem;
  line-height: 1.7;
}

/* Remove extra default margins inside Gutenberg quote block */
.b5-quote-single .b5-quote-blockquote p {
  margin: 0;
}

/* Footer meta (themes, etc.) */
.b5-quote-single .b5-quote-footer {
  margin-top: 1.75rem;
}

/* Meta grid under the quote (if/when you add more data) */
.b5-quote-single .b5-quote-meta-grid {
  display: grid;
  gap: .5rem 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

/* Navigation between quotes */
.b5-quote-single .b5-quote-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
  font-size: .9rem;
}