/* Athar A. Khan / Obsidian Publish branding, 2026-11-12.
   Presentation only: preserves navigation, graph, search, content and analytics. */
.published-container {
  --font-text-theme: "Roboto", "Segoe UI", Arial, sans-serif;
  --font-interface-theme: "Roboto", "Segoe UI", Arial, sans-serif;
  --font-heading-theme: "EB Garamond", Georgia, serif;
  --h1-font: "EB Garamond", Georgia, serif;
  --h2-font: "Roboto", "Segoe UI", Arial, sans-serif;
  --link-decoration: underline;
  --link-decoration-hover: underline;
  --link-external-decoration: underline;
  --link-external-decoration-hover: underline;
  --radius-s: 3px;
  --radius-m: 5px;
  --radius-l: 6px;
}
.theme-light .published-container {
  --background-primary: #ffffff;
  --background-secondary: #f7f8f9;
  --text-normal: #253844;
  --text-muted: #52626c;
  --text-faint: #6c7982;
  --text-accent: #836020;
  --text-accent-hover: #614511;
  --interactive-accent: #1e3443;
  --interactive-accent-hover: #2c4b60;
  --background-modifier-border: #dce2e5;
  --link-color: #836020;
  --link-color-hover: #614511;
  --link-external-color: #836020;
  --link-external-color-hover: #614511;
  --nav-item-color-active: #1e3443;
  --nav-item-background-active: #e9eef1;
}
.theme-dark .published-container {
  --background-primary: #152731;
  --background-secondary: #1e3443;
  --background-modifier-border: #38505e;
  --text-normal: #edf0f2;
  --text-muted: #c0ccd2;
  --text-faint: #a1b3bd;
  --text-accent: #dfba75;
  --text-accent-hover: #f0d3a0;
  --interactive-accent: #b38432;
  --interactive-accent-hover: #c89b4f;
  --link-color: #dfba75;
  --link-color-hover: #f0d3a0;
  --link-external-color: #dfba75;
  --link-external-color-hover: #f0d3a0;
  --nav-item-color-active: #f0d3a0;
  --nav-item-background-active: #2b4555;
}
.published-container .page-header,
.published-container h1 {
  font-family: "EB Garamond", Georgia, serif;
  font-weight: 600;
  letter-spacing: -.025em;
}
.published-container h2 { letter-spacing: -.015em; }
.published-container .site-body-left-column-site-name {
  color: var(--text-normal);
  font-family: "EB Garamond", Georgia, serif;
  font-weight: 600;
  font-size: 1.35rem;
  line-height: 1.25;
}
.published-container .markdown-rendered {
  line-height: 1.65;
}
.published-container .callout {
  border: 1px solid var(--background-modifier-border);
  border-left: 3px solid rgb(var(--callout-color));
  border-radius: 5px;
}
.published-container .search-bar {
  border: 1px solid var(--background-modifier-border);
  border-radius: 4px;
}
.published-container .aak-brand-header {box-sizing:border-box;flex:0 0 auto;width:100%;background:#fff;color:#000;border:0;padding:14px 24px;font-family:Roboto,"Segoe UI",Arial,sans-serif;}
.aak-brand-inner {max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.aak-brand-home {display:flex;flex:0 0 auto;}
.aak-brand-logo {display:block;width:55px;height:55px;object-fit:contain;}
.aak-brand-nav ul {list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0;}
.aak-brand-nav li {display:flex;align-items:center;margin:0;padding:0;}
.aak-brand-nav li+li::before {content:"/";margin:0 12px;color:#000;}
.aak-brand-nav a {font-size:16.2px;line-height:1.7;color:#000!important;text-decoration:none;white-space:nowrap;}
.aak-brand-nav a:hover {color:#b38432!important;}
.aak-brand-header .aak-brand-cta {display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #b38432;color:#b38432!important;font-size:14.2px;line-height:17px;font-weight:500;letter-spacing:.03em;padding:10px 20px;text-decoration:none;white-space:nowrap;}
.aak-brand-cta svg {flex-shrink:0;}
.aak-brand-cta:hover {background:#f8f3e9;}
.aak-brand-header a:focus-visible,.aak-brand-header button:focus-visible {outline:3px solid #b38432;outline-offset:4px;}
.aak-brand-active>.site-body {flex:1 1 auto;height:0;min-height:0;}
.aak-brand-toggle {display:none;border:1px solid #1e3443;background:#fff;color:#1e3443;padding:9px 12px;font:inherit;cursor:pointer;}
@media(max-width:1100px){
.aak-brand-inner {flex-wrap:wrap;gap:12px;position:relative;}
.aak-brand-toggle {display:block;margin-left:auto;}
.aak-brand-nav {display:none;order:4;width:100%;max-height:50vh;overflow-y:auto;}
.aak-menu-open .aak-brand-nav {display:block;}
.aak-brand-nav ul {display:block;padding:8px 0;}
.aak-brand-nav li {display:block;}
.aak-brand-nav li+li::before {content:none;}
.aak-brand-nav a {display:block;padding:9px 4px;}
}
@media(max-width:500px){
.published-container .aak-brand-header {padding:10px 12px;}
.aak-brand-logo {width:40px;height:40px;}
.aak-brand-inner {gap:8px;}
.aak-brand-header .aak-brand-cta {padding:9px 10px;font-size:12px;gap:7px;}
.aak-brand-toggle {font-size:13px;padding:8px;}
}
@media print{.aak-brand-header{display:none!important;}.aak-brand-active>.site-body{height:auto;}}