.k-block-container-fieldset-capitis-principalis  {

  color: white;
	border-right: 1rem solid #fff; 
	padding-top: 4rem;
}
.k-block-container-fieldset-capitis-principalis::after  {
	position: absolute; 
	top: 1rem; 
	right: 2rem; 
	display: inline; 
	content: "Capitis principalis"; 
	opacity: .19; 
	line-height: 1; 
	font-size: 1rem; 
	font-weight: bold;
}
        div[data-language="en"] .k-block-container-fieldset-capitis-principalis::after { content: "Capitis principalis"; }

.k-block-container-fieldset-capitis-principalis .k-block {
	margin: 0 auto; 
}




/* Panel styling for b_conspectus block in Kirby editor */

.k-block-container-fieldset-conspectus {
	background-color: #036;
	color: #fff;
	border-right: 1rem solid #fff;
	border: 1px solid #06C;
	padding-top: 4rem;
	padding-bottom: 3rem;
}

.k-block-container-fieldset-conspectus .k-block::after {
	position: absolute;
	top: 1rem;
	right: 2rem;
	display: inline;
	content: "Conspectus";
	opacity: .39;
	line-height: 1;
	font-size: 1rem;
	font-weight: bold;
	color: white;
}


.k-block-container-fieldset-imaginis {
    background-color: hsl(0 0% 0%);
    color: hsl(0 0% 62%);
    padding-top: 4rem;
    min-height: auto; /* Let it grow as needed */
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center; /* Center everything horizontally */
    padding-bottom: 2rem; /* Add some bottom padding */
    height: auto !important;
    min-height: auto !important;
}

.k-block-container-fieldset-imaginis::after {
    position: absolute;
    color: #fff;
    top: 1rem;
    right: 2rem;
    display: inline;
    content: "Imaginis";
    opacity: .39;
    line-height: 1;
    font-size: 1rem;
    font-weight: bold;
}

div[data-language="en"] .k-block-container-fieldset-imaginis::after {
    content: "Imaginis"; 
}

.k-block-container-fieldset-imaginis .k-block {
    max-width: 36rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center; /* Center the block content */
}

.k-block-container-type-imaginis .k-field-name-citation { 
    display: none; 
}

/* Your image styles */
.k-block-type-image .k-block-figure {
    max-width: default;
    max-height: default;
    margin: 0 auto; /* Center the figure */
}

/* Your image styles */
.k-block-type-image .k-block-figure .k-frame  {
    min-width: 32rem;
}

.k-block-type-image .k-block-figure img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
    margin: 0 auto; /* Center the image */
    min-width: 24rem;
}


dialog .k-dropdown-content {
  display: none;
}

.k-block-container-fieldset-prosae  { 
	/* Removed background color */
	/* background-color: #f5f5e5; */
	border-right: 0 solid #fff; 
	padding-top: 2rem;
}

.k-block-container-fieldset-prosae::after  { 
	position: absolute; 
	top: 1rem; 
	right: 2rem; 
	display: inline; 
	content: "Prósi"; 
	opacity: .19; 
	line-height: 1; 
	font-size: 1rem; 
	font-weight: bold;
}

div[data-language="en"] .k-block-container-fieldset-prosae::after { content: "Prosae"; }

.k-block-container-fieldset-prosae .k-block { 
	max-width: 36rem; 
	margin: 0 auto; 
}

:root {
  --color-h1: 255 255 255;
  --color-h2: 255 244 222;
  --color-h3: 222 255 244;
  --color-h4: 222 244 255;
  --color-h5: 255 222 244;
  --color-h6: 255 255 255;
  --color-p: 255 244 244;
  --color-ol-li: 255 244 255;
  --color-ul-li: 244 244 255;
  --color-quote: 244 255 255;
}

.k-layout .k-block-container-fieldset-prosae h1 { position: relative; color: hsl(var(--color-h1) / 1); font-size: 2.25rem !important; margin: 3rem 0 1rem;} /* Lighter red accent */
.k-layout .k-block-container-fieldset-prosae h1::after { position: absolute; top: -0.25rem; right: -2rem;  display: inline; content: " H1"; opacity: .19; line-height: 1.618;}

.k-layout .k-block-container-fieldset-prosae h2 { position: relative; color: hsl(var(--color-h2) / 1); font-size: 1.75rem !important; margin: 3rem 0 1rem;} /* Lighter orange accent */
.k-layout .k-block-container-fieldset-prosae h2::after { position: absolute; top: -0.25rem; right: -2rem;  display: inline; content: " H2"; opacity: .19; line-height: 1.618;}

.k-layout .k-block-container-fieldset-prosae h3 { position: relative; color: hsl(var(--color-h3) / 1); font-size: 1.5rem !important; margin: 3rem 0 1rem;} /* Lighter yellow accent */
.k-layout .k-block-container-fieldset-prosae h3::after { position: absolute; top: -0.25rem; right: -2rem;  display: inline; content: " H3"; opacity: .19; line-height: 1.618;}

.k-layout .k-block-container-fieldset-prosae h4 { position: relative; color: hsl(var(--color-h4) / 1); font-size: 1.25rem !important; margin: 3rem 0 1rem;} /* Lighter green accent */
.k-layout .k-block-container-fieldset-prosae h4::after { position: absolute; top: -0.25rem; right: -2rem;  display: inline; content: " H4"; opacity: .19; line-height: 1.618;}

.k-layout .k-block-container-fieldset-prosae h5 { position: relative; color: hsl(var(--color-h5) / 1); font-size: 1.125rem !important; margin: 3rem 0 1rem;} /* Lighter blue accent */
.k-layout .k-block-container-fieldset-prosae h5::after { position: absolute; top: -0.25rem; right: -2rem;  display: inline; content: " H5"; opacity: .19; line-height: 1.618;}

.k-layout .k-block-container-fieldset-prosae h6 { position: relative; color: hsl(var(--color-h6) / 1); font-size: 1.125rem !important; margin: 3rem 0 1rem;} /* Lighter purple accent */
.k-layout .k-block-container-fieldset-prosae h6::after { position: absolute; top: -0.25rem; right: -2rem;  display: inline; content: " H6"; opacity: .19; line-height: 1.618;}

.k-layout .k-block-container-fieldset-prosae .k-text > p {
  position: relative;
  color: hsl(var(--color-p) / 1);
  font-size: 1rem !important;
  margin: 0 0 1rem;
}
.k-layout .k-block-container-fieldset-prosae p::after { position: absolute; top: 0; right: -2rem;  display: inline; content: " *"; opacity: .19; line-height: 1.618;}

.k-layout .k-block-container-fieldset-prosae .k-text > ol, 
.k-layout .k-block-container-fieldset-prosae .k-text > ul {

margin-bottom: 2rem; 
}


.k-layout .k-block-container-fieldset-prosae .k-text > ol > li {
  position: relative;
  color: hsl(var(--color-ol-li) / 1);
  font-size: 1rem !important;

}

.k-layout .k-block-container-fieldset-prosae .k-text > ul > li {
  position: relative;
  color: hsl(var(--color-ul-li) / 1);
  font-size: 1rem !important;

}

.k-block-container-type-prosae .k-field-name-citation { display: none; }



.k-layout .k-block-container-fieldset-prosae blockquote { 
    position: relative; 
    color: hsl(var(--color-quote) / 100%);
    font-family: Georgia, Serif;
    font-size: 1.5em; 
    padding: 3rem 1rem 3rem 3rem; 
    border-left: 1rem solid olive; 
    margin: 2rem auto; 
  }














.k-block-container-fieldset-videographi { 
	background-color: orangered; 
	color: white; 
	border-right: 1rem solid #fff; 
	padding-top: 4rem; 
	padding-bottom: 3rem; 
}
.k-block-container-fieldset-videographi::after { 
	position: absolute; 
	top: 1rem; 
	right: 2rem; 
	 display: inline; 
	content: " Myndskeið"; 
	
	opacity: .39; 
	line-height: 1; 
	font-size: 1rem; 
	font-weight: bold;}
	div[data-language="en"] 	.k-block-container-fieldset-videographi::after { content: " Video";  }
.k-block-container-fieldset-videographi .k-block { 
	max-width: 36rem; 
	margin: 0 auto; 
}
.k-block-container-fieldset-videographi .k-block-figure figcaption { 
	color: white; 
 }


.k-firstthemes-options{display:flex;flex-wrap:wrap;gap:8px}
.k-firstthemes-break{flex-basis:100%;height:0}
.k-firstthemes-option{width:32px;height:32px;border-radius:4px;overflow:hidden;cursor:pointer;border:1px solid var(--color-border)}
.k-firstthemes-option.is-selected{outline:2px solid var(--color-focus)}
.k-firstthemes-preview{width:100%;height:100%}
.k-firstthemes-selected{display:flex;align-items:center;gap:8px;margin-top:8px}
.k-firstthemes-selected-preview{width:24px;height:24px;border-radius:4px;border:1px solid var(--color-border)}
.transparent-pattern{background-image:linear-gradient(45deg, #ccc 25%, transparent 25%),linear-gradient(-45deg, #ccc 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #ccc 75%),linear-gradient(-45deg, transparent 75%, #ccc 75%);background-size:10px 10px;background-position:0 0, 0 5px, 5px -5px, -5px 0px}




.k-themesystem-field .themesystem-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.k-themesystem-field .themesystem-empty {
  color: var(--color-text-dimmed);
}

.k-themesystem-field .themesystem-editor {
  border: 1px solid var(--color-border);
  border-radius: var(--rounded-md);
  padding: 1.5rem;
  background: var(--color-background);
}

.k-themesystem-field .themesystem-color-row {
  display: flex;
  align-items: flex-end;
  gap: 1.25rem;
  margin-bottom: 1rem;

  padding-right: 4rem;
}

.k-themesystem-field .themesystem-color-row .k-input {
  border-right: 1rem solid transparent;
}


.k-themesystem-field .themesystem-color-row .themesystem-swatch {
  flex-shrink: 0;
  margin-right: 0.25rem;
}

.k-themesystem-field .themesystem-swatch {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--rounded-sm);
  border: 1px solid var(--color-border);
  background: var(--color-background);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.05);
}

.k-themesystem-field .themesystem-color-row .k-select-field {
  flex: 1;
}

.k-themesystem-field .themesystem-control .k-select-field {
  min-width: 18rem;
  width: 100%;
  max-width: 24rem;
}

.k-themesystem-field .themesystem-control .k-select-field .k-input {
  --input-padding-right: 2.5rem;
}

.k-themesystem-field .themesystem-description-field {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.k-themesystem-field .themesystem-description-field textarea {
  width: 100%;
  min-height: 6rem;
  padding: 0.75rem;
  border-radius: var(--rounded-sm);
  border: 1px solid var(--color-border);
  background: var(--color-background);
  color: var(--color-text);
  resize: vertical;
  line-height: 1.4;
}

.k-themesystem-field .themesystem-top-row {
  margin-bottom: 1.5rem;
  column-gap: 1.5rem;
}

.k-themesystem-field .themesystem-active-col {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.k-themesystem-field .themesystem-active-col .k-toggle-field {
  width: 100%;
}

.k-themesystem-field .themesystem-section-title {
  margin: 1.5rem 0 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text);
}

.k-themesystem-field .themesystem-color-dropdown {
  margin-bottom: 1rem;
  position: relative;
}

.k-themesystem-field .themesystem-color-picker-title {
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-text);
}

.k-themesystem-field .themesystem-dropdown-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 0.85rem;
  border-radius: var(--rounded-sm);
  border: 1px solid var(--color-border);
  background: var(--color-background);
  color: var(--color-text);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.k-themesystem-field .themesystem-dropdown-toggle:hover,
.k-themesystem-field .themesystem-dropdown-toggle:focus {
  border-color: var(--color-focus-outline);
  box-shadow: 0 0 0 2px var(--color-focus-outline);
}

.k-themesystem-field .themesystem-dropdown-swatch {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: var(--rounded-sm);
  border: 1px solid var(--color-border);
}

.k-themesystem-field .themesystem-dropdown-label {
  flex: 1;
  text-align: left;
  font-size: 0.9rem;
}

.k-themesystem-field .themesystem-dropdown-arrow {
  transition: transform 0.15s ease;
}

.k-themesystem-field .themesystem-dropdown-arrow.is-open {
  transform: rotate(180deg);
}

.k-themesystem-field .themesystem-dropdown-menu {
  position: absolute;
  top: calc(100% + 0.4rem);
  left: 0;
  z-index: 30;
  width: 100%;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--rounded-sm);
  box-shadow: var(--shadow-lg);
  padding: 3rem;
  display: grid;
  grid-template-columns: repeat(9, minmax(1.82rem, 1fr));
  row-gap: 0.32rem;
  column-gap: 0.08rem;
}

.k-themesystem-field .themesystem-swatch-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0.1rem;
  border: 0.6px solid #6d707a;
  background: var(--color-background);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 1rem;
}

.k-themesystem-field .themesystem-swatch-btn:is(:hover, :focus) {
  border-color: var(--color-focus-outline);
  box-shadow: 0 0 0 2px var(--color-focus-outline);
}

.k-themesystem-field .themesystem-swatch-btn.is-selected {
  border-color: var(--color-focus-outline);
  box-shadow: 0 0 0 2px var(--color-focus-outline);
}

.k-themesystem-field .themesystem-swatch-preview {
  width: 100%;
  height: 100%;
  border-radius: 0.08rem;
  border: 0.6px solid rgba(255,255,255,0.14);
}

.k-themesystem-field .themesystem-swatch-empty {
  background: repeating-conic-gradient(#666 0% 25%, transparent 0% 50%)
    50% / 10px 10px;
}

.k-themesystem-field .themesystem-swatch-label {
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
}

.k-themesystem-field .themesystem-swatch-token {
  font-size: 0.65rem;
  color: var(--color-text-dimmed);
}

.k-themesystem-field .themesystem-color-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.k-themesystem-field .themesystem-color-cell {
  display: flex;
  flex-direction: column;
}

/* ThemePicker Field Styles */
.k-themepicker-field .k-themepicker-container {
  width: 100%;
}

.k-themepicker-field .k-themepicker-loading,
.k-themepicker-field .k-themepicker-error {
  padding: 1rem;
  text-align: center;
  color: var(--color-text-dimmed);
}

.k-themepicker-field .k-themepicker-error {
  color: var(--color-negative);
}

.k-themepicker-field .k-themepicker-selector {
  margin-bottom: 1rem;
}

.k-themepicker-field .k-themepicker-preview {
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--rounded-sm);
  padding: 1rem;
  margin-top: 0.75rem;
}

.k-themepicker-field .k-themepicker-preview-header h4 {
  margin: 0 0 0.25rem 0;
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text);
}

.k-themepicker-field .k-themepicker-preview-header p {
  margin: 0 0 0.75rem 0;
  font-size: 0.875rem;
  color: var(--color-text-dimmed);
}

.k-themepicker-field .k-themepicker-swatches {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0.75rem;
}

.k-themepicker-field .k-themepicker-swatch {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.k-themepicker-field .k-themepicker-swatch-color {
  width: 2rem;
  height: 2rem;
  border-radius: var(--rounded-sm);
  border: 1px solid var(--color-border);
  flex-shrink: 0;
}

.k-themepicker-field .k-themepicker-swatch span {
  font-size: 0.875rem;
  color: var(--color-text);
  font-weight: 500;
}

.k-themepicker-field .k-themepicker-inheritance {
  padding: 0.75rem;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--rounded-sm);
  margin-top: 0.75rem;
}

.k-themepicker-field .k-themepicker-inheritance p {
  margin: 0;
  font-size: 0.875rem;
  color: var(--color-text-dimmed);
  font-style: italic;
}

/* Three-column layout for theme elements */
.k-themesystem-field .themesystem-three-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

/* Panel-style field cells */
.k-themesystem-field .themesystem-color-cell,
.k-themesystem-field .themesystem-font-cell {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Panel-style field labels */
.k-themesystem-field .themesystem-field-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-text);
  margin: 0;
  line-height: 1.25;
}

/* Panel-style help text */
.k-themesystem-field .themesystem-field-help {
  font-size: 0.75rem;
  color: var(--color-text-dimmed);
  line-height: 1.4;
  margin-top: 0.25rem;
}

/* Responsive layout - stack on smaller screens */
@media (max-width: 1024px) {
  .k-themesystem-field .themesystem-three-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .k-themesystem-field .themesystem-three-grid {
    grid-template-columns: 1fr;
  }
}