/* ============================================
   6POINTCO — publish.css v1.0
   Visual System for Obsidian Publish

   Implements:
     Color System Specification v1.0
     Typography Specification v1.0
     Layout Architecture Doctrine v1.0
     Component Library Definition v1.0
     Visual North Star v1.0
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ----------------------------------------
   I. LIGHT MODE — MINERAL PALETTE
   Cool. Mineral. Neutral. Measured.
   ---------------------------------------- */

body.theme-light,
.theme-light {
  --background-primary: #F2F3F1;
  --background-primary-alt: #EAEBE9;
  --background-secondary: #E3E5E4;
  --background-secondary-alt: #DCDEDD;
  --background-modifier-border: #D0D3D4;
  --background-modifier-border-hover: #B8BCBE;
  --background-modifier-border-focus: #2E5F63;
  --background-modifier-box-shadow: rgba(0, 0, 0, 0.06);

  --text-normal: #1C1F21;
  --text-muted: #5C6368;
  --text-faint: #8A8F94;
  --text-on-accent: #F2F3F1;

  --text-accent: #2E5F63;
  --text-accent-hover: #234B4E;
  --interactive-accent: #2E5F63;
  --interactive-accent-hover: #234B4E;
  --interactive-normal: #F2F3F1;
  --interactive-hover: #E3E5E4;

  --nav-item-color: #5C6368;
  --nav-item-color-hover: #1C1F21;
  --nav-item-color-active: #2E5F63;
  --nav-item-background-hover: #E3E5E4;
  --nav-item-background-active: rgba(46, 95, 99, 0.08);

  --tag-color: #5C6368;
  --tag-background: #E3E5E4;

  --link-color: #2E5F63;
  --link-color-hover: #234B4E;

  --code-normal: #1C1F21;
  --code-background: #E3E5E4;

  --graph-line: #D0D3D488;
  --graph-node: #2E5F63;
  --graph-node-focused: #234B4E;
  --graph-node-tag: #8A5A44;
  --graph-node-attachment: #5C6368;
}

/* ----------------------------------------
   II. DARK MODE — SLATE MINERAL
   No pure black. Preserve mineral tonality.
   ---------------------------------------- */

body.theme-dark,
.theme-dark {
  --background-primary: #2F3437;
  --background-primary-alt: #353A3D;
  --background-secondary: #272B2D;
  --background-secondary-alt: #222628;
  --background-modifier-border: #434A4D;
  --background-modifier-border-hover: #535B5F;
  --background-modifier-border-focus: #5A9EA3;
  --background-modifier-box-shadow: rgba(0, 0, 0, 0.2);

  --text-normal: #D4D7D5;
  --text-muted: #959B9F;
  --text-faint: #6D7478;
  --text-on-accent: #D4D7D5;

  --text-accent: #5A9EA3;
  --text-accent-hover: #6FB5BA;
  --interactive-accent: #5A9EA3;
  --interactive-accent-hover: #6FB5BA;
  --interactive-normal: #353A3D;
  --interactive-hover: #3D4245;

  --nav-item-color: #959B9F;
  --nav-item-color-hover: #D4D7D5;
  --nav-item-color-active: #5A9EA3;
  --nav-item-background-hover: #353A3D;
  --nav-item-background-active: rgba(90, 158, 163, 0.1);

  --tag-color: #959B9F;
  --tag-background: #3D4245;

  --link-color: #5A9EA3;
  --link-color-hover: #6FB5BA;

  --code-normal: #D4D7D5;
  --code-background: #272B2D;

  --graph-line: #434A4D88;
  --graph-node: #5A9EA3;
  --graph-node-focused: #6FB5BA;
  --graph-node-tag: #C08A6A;
  --graph-node-attachment: #959B9F;
}

/* ----------------------------------------
   III. BASE TYPOGRAPHY
   Inter. Clear. Structured. Controlled. Literate.
   ---------------------------------------- */

body {
  --font-text: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  --font-interface: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  --font-monospace: 'SF Mono', 'Fira Code', 'Fira Mono',
    'Roboto Mono', monospace;
  --font-text-size: 17px;
  --file-line-width: 720px;

  font-family: var(--font-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.markdown-preview-view,
.markdown-rendered {
  font-size: 17px;
  line-height: 1.7;
  letter-spacing: -0.011em;
}

/* ----------------------------------------
   IV. HEADING SCALE
   Hierarchy through scale and weight — not color.
   ---------------------------------------- */

/* H1 — Primary Headline: declarative, controlled */
.markdown-preview-view h1,
.markdown-rendered h1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.17;
  letter-spacing: -0.015em;
  margin-top: 4rem;
  margin-bottom: 1.5rem;
  color: var(--text-normal);
}

/* H2 — Section Headline: clear separation, structural rule */
.markdown-preview-view h2,
.markdown-rendered h2 {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
  margin-top: 3.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--background-modifier-border);
  color: var(--text-normal);
}

/* H3 — Subsection */
.markdown-preview-view h3,
.markdown-rendered h3 {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
  color: var(--text-normal);
}

/* H4 — Minor subsection (rare) */
.markdown-preview-view h4,
.markdown-rendered h4 {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.4;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  color: var(--text-muted);
}

/* Page title */
.inline-title,
.page-header .page-title {
  font-size: 2.5rem !important;
  font-weight: 700 !important;
  line-height: 1.17;
  letter-spacing: -0.015em;
  color: var(--text-normal);
}

/* ----------------------------------------
   V. BODY TEXT
   ---------------------------------------- */

.markdown-preview-view p,
.markdown-rendered p {
  margin-bottom: 1.25rem;
}

.markdown-preview-view strong,
.markdown-rendered strong {
  font-weight: 600;
}

/* ----------------------------------------
   VI. LINKS
   Mineral Teal. Underline on hover only.
   Functional, not promotional.
   ---------------------------------------- */

.markdown-preview-view a,
.markdown-rendered a,
a.internal-link,
a.external-link {
  color: var(--text-accent);
  text-decoration: none;
  transition: color 150ms ease;
}

.markdown-preview-view a:hover,
.markdown-rendered a:hover,
a.internal-link:hover,
a.external-link:hover {
  color: var(--text-accent-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

/* Unresolved links — subdued */
a.internal-link.is-unresolved {
  color: var(--text-faint);
  opacity: 0.7;
}

/* ----------------------------------------
   VII. BLOCKQUOTES
   Subtle left rule. Slight tonal shift.
   No quotation theatrics.
   ---------------------------------------- */

.markdown-preview-view blockquote,
.markdown-rendered blockquote {
  border-left: 2px solid var(--text-accent);
  background-color: rgba(46, 95, 99, 0.04);
  padding: 0.75rem 1.25rem;
  margin: 1.5rem 0;
  border-radius: 0;
  font-style: normal;
  color: var(--text-muted);
}

.theme-dark .markdown-preview-view blockquote,
.theme-dark .markdown-rendered blockquote {
  background-color: rgba(90, 158, 163, 0.06);
}

/* ----------------------------------------
   VIII. HORIZONTAL RULES
   Thin. Slate. Generous spacing.
   ---------------------------------------- */

.markdown-preview-view hr,
.markdown-rendered hr {
  border: none;
  border-top: 1px solid var(--background-modifier-border);
  margin: 3rem 0;
}

/* ----------------------------------------
   IX. LISTS
   Minimal. Clean indentation. Controlled spacing.
   ---------------------------------------- */

.markdown-preview-view ul,
.markdown-preview-view ol,
.markdown-rendered ul,
.markdown-rendered ol {
  padding-left: 1.5rem;
  margin-bottom: 1.25rem;
}

.markdown-preview-view li,
.markdown-rendered li {
  margin-bottom: 0.35rem;
  line-height: 1.65;
}

/* ----------------------------------------
   X. CODE
   Structural. Non-decorative. Sharp.
   ---------------------------------------- */

.markdown-preview-view code,
.markdown-rendered code {
  font-family: var(--font-monospace);
  font-size: 0.88em;
  background-color: var(--code-background);
  padding: 0.15em 0.4em;
  border-radius: 2px;
  color: var(--code-normal);
}

.markdown-preview-view pre,
.markdown-rendered pre {
  background-color: var(--code-background);
  padding: 1.25rem 1.5rem;
  border-radius: 0;
  border: 1px solid var(--background-modifier-border);
  margin: 1.5rem 0;
  overflow-x: auto;
}

.markdown-preview-view pre code,
.markdown-rendered pre code {
  background: none;
  padding: 0;
  font-size: 0.88em;
  line-height: 1.6;
}

/* ----------------------------------------
   XI. TABLES
   ---------------------------------------- */

.markdown-preview-view table,
.markdown-rendered table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  font-size: 0.94em;
}

.markdown-preview-view th,
.markdown-rendered th {
  font-weight: 600;
  text-align: left;
  padding: 0.75rem 1rem;
  border-bottom: 2px solid var(--background-modifier-border);
}

.markdown-preview-view td,
.markdown-rendered td {
  padding: 0.6rem 1rem;
  border-bottom: 1px solid var(--background-modifier-border);
}

/* ----------------------------------------
   XII. FOLDER NOTES
   Hide duplicate child entries in nav.
   Explicit selectors for each known folder note.
   publish.js adds click navigation to folder headings.
   ---------------------------------------- */

/* Explicit folder note hiding — starts-with selectors per Obsidian Publish convention */

/* Top-level branches */
.tree-item-self[data-path^='Domains/Domains'],
.tree-item-self[data-path^='Perspectives/Perspectives'],
.tree-item-self[data-path^='Levels/Levels'],
.tree-item-self[data-path^='Licensed Works/Licensed Works'],
.tree-item-self[data-path^='DotGovHub/DotGovHub'],
.tree-item-self[data-path^='About/About'] {
  display: none !important;
}

/* Domain hubs */
.tree-item-self[data-path^='Domains/Zero Trust/Zero Trust'],
.tree-item-self[data-path^='Domains/Federal Cloud/Federal Cloud'],
.tree-item-self[data-path^='Domains/IT Workforce/IT Workforce'] {
  display: none !important;
}

/* Perspective pages */
.tree-item-self[data-path^='Perspectives/Imperatives/Imperatives'],
.tree-item-self[data-path^='Perspectives/Technology/Technology'],
.tree-item-self[data-path^='Perspectives/Practices/Practices'],
.tree-item-self[data-path^='Perspectives/Enterprise/Enterprise'],
.tree-item-self[data-path^='Perspectives/Industry/Industry'] {
  display: none !important;
}

/* Imperatives taxonomy values */
.tree-item-self[data-path^='Perspectives/Imperatives/Statutory Mandate/Statutory Mandate'],
.tree-item-self[data-path^='Perspectives/Imperatives/Appropriations Constraint/Appropriations Constraint'],
.tree-item-self[data-path^='Perspectives/Imperatives/Executive Directive/Executive Directive'],
.tree-item-self[data-path^='Perspectives/Imperatives/Regulatory Requirement/Regulatory Requirement'] {
  display: none !important;
}

/* Technology taxonomy values */
.tree-item-self[data-path^='Perspectives/Technology/Data Center/Data Center'],
.tree-item-self[data-path^='Perspectives/Technology/Compute/Compute'],
.tree-item-self[data-path^='Perspectives/Technology/Storage/Storage'],
.tree-item-self[data-path^='Perspectives/Technology/Network/Network'],
.tree-item-self[data-path^='Perspectives/Technology/Platform/Platform'],
.tree-item-self[data-path^='Perspectives/Technology/Application/Application'],
.tree-item-self[data-path^='Perspectives/Technology/End User/End User'],
.tree-item-self[data-path^='Perspectives/Technology/Delivery/Delivery'],
.tree-item-self[data-path^='Perspectives/Technology/Security and Compliance/Security and Compliance'],
.tree-item-self[data-path^='Perspectives/Technology/IT Management/IT Management'] {
  display: none !important;
}

/* Practices taxonomy values */
.tree-item-self[data-path^='Perspectives/Practices/IT Governance and Accountability/IT Governance and Accountability'],
.tree-item-self[data-path^='Perspectives/Practices/Strategic Planning and Roadmapping/Strategic Planning and Roadmapping'],
.tree-item-self[data-path^='Perspectives/Practices/Financial Management and IT Economics/Financial Management and IT Economics'],
.tree-item-self[data-path^='Perspectives/Practices/Program and Project Delivery/Program and Project Delivery'],
.tree-item-self[data-path^='Perspectives/Practices/Procurement and Vendor Management/Procurement and Vendor Management'],
.tree-item-self[data-path^='Perspectives/Practices/Enterprise Architecture and Standards/Enterprise Architecture and Standards'],
.tree-item-self[data-path^='Perspectives/Practices/IT Service Management/IT Service Management'],
.tree-item-self[data-path^='Perspectives/Practices/Security Risk and Compliance/Security Risk and Compliance'],
.tree-item-self[data-path^='Perspectives/Practices/Workforce and Organizational Capability/Workforce and Organizational Capability'],
.tree-item-self[data-path^='Perspectives/Practices/Data Governance and Information Resources/Data Governance and Information Resources'],
.tree-item-self[data-path^='Perspectives/Practices/Digital Services and Service Delivery/Digital Services and Service Delivery'],
.tree-item-self[data-path^='Perspectives/Practices/ICT Accessibility/ICT Accessibility'] {
  display: none !important;
}

/* Enterprise taxonomy values */
.tree-item-self[data-path^='Perspectives/Enterprise/Segment/Segment'],
.tree-item-self[data-path^='Perspectives/Enterprise/Department/Department'],
.tree-item-self[data-path^='Perspectives/Enterprise/Bureau/Bureau'],
.tree-item-self[data-path^='Perspectives/Enterprise/Program Office/Program Office'] {
  display: none !important;
}

/* Industry taxonomy values */
.tree-item-self[data-path^='Perspectives/Industry/Hardware/Hardware'],
.tree-item-self[data-path^='Perspectives/Industry/Software/Software'],
.tree-item-self[data-path^='Perspectives/Industry/External Labor/External Labor'],
.tree-item-self[data-path^='Perspectives/Industry/Consulting Services/Consulting Services'],
.tree-item-self[data-path^='Perspectives/Industry/Managed Services/Managed Services'],
.tree-item-self[data-path^='Perspectives/Industry/Cloud Services/Cloud Services'],
.tree-item-self[data-path^='Perspectives/Industry/Facilities and Power/Facilities and Power'],
.tree-item-self[data-path^='Perspectives/Industry/Telecom/Telecom'] {
  display: none !important;
}

/* Level pages */
.tree-item-self[data-path^='Levels/Foundations/Foundations'],
.tree-item-self[data-path^='Levels/Research/Research'],
.tree-item-self[data-path^='Levels/Analysis/Analysis'],
.tree-item-self[data-path^='Levels/Guidance/Guidance'] {
  display: none !important;
}

/* DotGovHub class pages */
.tree-item-self[data-path^='DotGovHub/Entity/Entity'],
.tree-item-self[data-path^='DotGovHub/Instrument/Instrument'],
.tree-item-self[data-path^='DotGovHub/Publication/Publication'],
.tree-item-self[data-path^='DotGovHub/Framework/Framework'],
.tree-item-self[data-path^='DotGovHub/Program/Program'],
.tree-item-self[data-path^='DotGovHub/Appropriation/Appropriation'],
.tree-item-self[data-path^='DotGovHub/Practice/Practice'],
.tree-item-self[data-path^='DotGovHub/Contract/Contract'],
.tree-item-self[data-path^='DotGovHub/Investment/Investment'] {
  display: none !important;
}

/* Hide non-content files from nav */
.tree-item-self[data-path^='publish.css'],
.tree-item-self[data-path^='publish.js'],
.tree-item-self[data-path^='6pointco.png'] {
  display: none !important;
}

/* Clickable folder headings */
.has-folder-note > .tree-item-inner {
  cursor: pointer;
  color: var(--nav-item-color);
}

.has-folder-note > .tree-item-inner:hover {
  color: var(--nav-item-color-hover);
}

/* ----------------------------------------
   XIII. NAVIGATION SIDEBAR
   Architectural. Clean. Non-decorative.
   No pill shapes. No button-heavy UI.
   ---------------------------------------- */

.site-body-left-column-site-name {
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: -0.02em;
  color: var(--text-normal);
}

.tree-item-self {
  border-radius: 0 !important;
  padding: 0.3rem 0.75rem;
  transition: background-color 150ms ease, color 150ms ease;
}

.tree-item-self:hover {
  background-color: var(--nav-item-background-hover) !important;
}

.tree-item-self.mod-active,
.tree-item-self.is-active {
  background-color: var(--nav-item-background-active) !important;
  color: var(--nav-item-color-active) !important;
  font-weight: 500;
}

.tree-item-inner {
  font-size: 0.9rem;
  letter-spacing: -0.005em;
}

/* Search input */
.search-input-container input,
input[type="search"],
input[type="text"] {
  border-radius: 0 !important;
  border: 1px solid var(--background-modifier-border);
  font-family: var(--font-interface);
}

/* ----------------------------------------
   XIII. STRUCTURAL DISCIPLINE
   No rounded corners. No shadows. Flat.
   Sharp edges communicate structural clarity.
   Depth from spacing — not effects.
   ---------------------------------------- */

button,
input,
select,
textarea,
.tag {
  border-radius: 0 !important;
}

.site-body-left-column,
.mod-header {
  box-shadow: none !important;
}

/* Selection color */
::selection {
  background-color: rgba(46, 95, 99, 0.2);
}

.theme-dark ::selection {
  background-color: rgba(90, 158, 163, 0.25);
}

/* ----------------------------------------
   XIV. OUTLINE / TABLE OF CONTENTS
   ---------------------------------------- */

.outline-view .tree-item-self {
  font-size: 0.85rem;
  color: var(--text-muted);
}

.outline-view .tree-item-self:hover {
  color: var(--text-normal);
}

/* ----------------------------------------
   XV. BACKLINKS
   ---------------------------------------- */

.backlinks .tree-item-self {
  font-size: 0.88rem;
}

/* ----------------------------------------
   XVI. GRAPH VIEW
   ---------------------------------------- */

.graph-view.color-fill {
  color: var(--graph-node);
}

.graph-view.color-line {
  color: var(--graph-line);
}

/* ----------------------------------------
   XVII. RESPONSIVE
   Structure must remain visible at all breakpoints.
   Avoid compressing layout density.
   Body remains minimum 16px.
   ---------------------------------------- */

@media (max-width: 768px) {
  .markdown-preview-view h1,
  .markdown-rendered h1,
  .inline-title,
  .page-header .page-title {
    font-size: 1.85rem !important;
  }

  .markdown-preview-view h2,
  .markdown-rendered h2 {
    font-size: 1.4rem;
    margin-top: 2.5rem;
  }

  .markdown-preview-view h3,
  .markdown-rendered h3 {
    font-size: 1.15rem;
    margin-top: 2rem;
  }

  .markdown-preview-view,
  .markdown-rendered {
    font-size: 16px;
  }
}

/* ----------------------------------------
   XVIII. ARTIFACT COORDINATE SYSTEM
   Coordinate display, breadcrumbs, artifact
   index, and cross-layer connections.
   All injected by publish.js from frontmatter.
   ---------------------------------------- */

/* --- Coordinate Display --- */

.sixpt-coordinate {
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--background-modifier-border);
}

.sixpt-coordinate-text {
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--text-accent);
  line-height: 1.4;
}

.sixpt-coordinate-date {
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-top: 0.25rem;
}

/* --- Breadcrumb Navigation --- */

.sixpt-breadcrumb {
  font-size: 0.82rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}

.sixpt-breadcrumb .sixpt-nav-link {
  color: var(--text-accent);
  text-decoration: none;
  transition: color 150ms ease;
}

.sixpt-breadcrumb .sixpt-nav-link:hover {
  color: var(--text-accent-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.sixpt-breadcrumb-sep {
  color: var(--text-faint);
  margin: 0 0.15rem;
  user-select: none;
}

.sixpt-breadcrumb-current {
  color: var(--text-muted);
}

/* --- Artifact Index (Perspective Pages) --- */

.sixpt-artifact-index {
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--background-modifier-border);
}

.sixpt-artifact-index > h2 {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--background-modifier-border);
  color: var(--text-normal);
}

/* --- Depth Groups --- */

.sixpt-depth-group {
  margin-bottom: 2rem;
}

.sixpt-depth-group > h3 {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
  color: var(--text-normal);
}

/* --- Artifact Cards --- */

.sixpt-artifact-card {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--background-modifier-border);
}

.sixpt-artifact-card:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.sixpt-artifact-title {
  display: block;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--text-accent);
  text-decoration: none;
  transition: color 150ms ease;
  margin-bottom: 0.25rem;
}

.sixpt-artifact-title:hover {
  color: var(--text-accent-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.sixpt-artifact-meta {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-bottom: 0.35rem;
}

.sixpt-artifact-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.35rem;
}

.sixpt-tag {
  display: inline-block;
  font-size: 0.78rem;
  padding: 0.15rem 0.5rem;
  background-color: var(--tag-background);
  color: var(--tag-color);
  border-radius: 0 !important;
}

.sixpt-artifact-abstract {
  font-size: 0.92rem;
  color: var(--text-muted);
  line-height: 1.6;
  margin-top: 0.35rem;
}

/* --- Connected Work (Cross-Layer) --- */

.sixpt-connections {
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--background-modifier-border);
}

.sixpt-connections > h2 {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--background-modifier-border);
  color: var(--text-normal);
}

.sixpt-connection-card {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--background-modifier-border);
}

.sixpt-connection-card:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.sixpt-connection-coord {
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 0.15rem;
}

.sixpt-connection-title {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-accent);
  text-decoration: none;
  transition: color 150ms ease;
}

.sixpt-connection-title:hover {
  color: var(--text-accent-hover);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.sixpt-connection-pending {
  font-size: 0.92rem;
  color: var(--text-faint);
  font-style: italic;
}

/* --- Responsive: Coordinate System --- */

@media (max-width: 768px) {
  .sixpt-coordinate-text {
    font-size: 0.78rem;
  }

  .sixpt-breadcrumb {
    font-size: 0.78rem;
  }

  .sixpt-artifact-index > h2,
  .sixpt-connections > h2 {
    font-size: 1.4rem;
  }

  .sixpt-depth-group > h3 {
    font-size: 1.15rem;
    margin-top: 1.5rem;
  }

  .sixpt-artifact-title {
    font-size: 1rem;
  }
}