/* ---- COMMONS STYLE PRINT AND WEB ----- */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
	font-size: 16px; 
	font-family: var(--textfont);
	margin:0;
}

img{
	width: 100%;
}

h1{
	font-family: var(--titlefont);
	font-weight: normal;
	font-size: 3em;
	margin-top: 0;
	text-transform: uppercase;
	margin-bottom: 0;
	color: var(--green);
}

h2, h3{
	font-family: var(--titlefont);
	font-weight: normal;
	text-transform: uppercase;
}

h3{
	font-size: 1em;
}

h2 + h3{
	margin-top: 0.5em;
	opacity: 0.8;
	font-weight: normal;
}

h5, h6{
	font-size: var(--textsize);
	margin-top: 1mm;
	margin-bottom: 0;
	font-weight: normal;
}

li p{
	margin: 0;
	text-align: left;
  hyphens: none;
}

a{
	color: var(--green);
  text-decoration-thickness: 0.1mm;
}

p a {
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
}

h2 strong {
  font-weight: normal;
}

ul, figure, ol{
	margin: 0;
	padding: 0
}

figcaption p{
	margin: 0;
}

figure[data-ratio] {
  position: relative;
  width: 100%;
  aspect-ratio: var(--ratio);
}

figure[data-crop="true"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

figure[data-crop="false"] img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.pagedjs_page_content table{ 
	column-width: auto!important; 
}

table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid grey;
  font-size: 12px;
  table-layout: fixed;
  margin-top: 0em;
}

.block-type-text + table,
h2 + table,
h3 + table,
figure + table {
  margin-top: 2em;
}

th {
  color: var(--green);
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid grey;
}

body[data-lang="hi"] th, 
body[data-lang="hi"] td{
	word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  hyphens: auto;
}

th, td {
  padding: 12px 8px;
  padding-bottom: 12px !important;
  border-right: 1px solid lightgrey;
}

th:last-child, td:last-child{
  border-right: none;
}

tr{
	border-bottom: 1px solid lightgrey;
  border-right: 1px solid grey;
  border-color: grey !important;
  page-break-inside:avoid;
}

tr:last-child{
	border: none;
}

tr > th:first-child,
tr > td:first-child {
	/*width: 12%;*/
  width: var(--tablecol1) !important;
	/*text-align: center;*/
}

tr > th:nth-child(2),
tr > td:nth-child(2){
	/*width:28%;*/
  width: var(--tablecol2) !important;
}

/*td:last-child{
	display: none;
}*/

.hidden{
	display: none;
}

.chapter .content ul,
.chapter .content ol {
  margin-left: 1cm;
  margin-bottom: 1rem;
}

.chapter .content figure figcaption,
.chapter .content figure figcaption a,
.chapter .entrance figure figcaption,
.chapter .entrance figure figcaption p,
.chapter .entrance figure figcaption a {
  color: var(--green);
}

.chapter .content.alignment-left,
.chapter .content.alignment-left p,
.chapter .content.alignment-left li{
  text-align: left;
  hyphens: none;
}

.chapter .content.alignment-center,
.chapter .content.alignment-center p,
.chapter .content.alignment-center li{
  text-align: center;
  hyphens: none;
}

.chapter .content.alignment-right,
.chapter .content.alignment-right p,
.chapter .content.alignment-right li{
  text-align: right;
  hyphens: none;
}

.chapter .content.alignment-justify,
.chapter .content.alignment-justify p,
.chapter .content.alignment-justify li{
  text-align: justify;
}

/* --- Staggered images --- */
.images-staggered {
  margin-left: 1cm;
  width: 100%;
  height: calc(var(--pagedjs-height) - var(--pagedjs-margin-top));
}

.images-staggered ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 2em;
}

.images-staggered ul li:last-child {
  margin-bottom: 1em;
}

.images-staggered ul li.landscape {
  width: calc(100% - 1.5cm);
}

.images-staggered ul li.portrait {
  width: calc(100% - 5.5cm);
}

.images-staggered ul li.square {
  width: calc(100% - 3cm);
}

.images-staggered ul li.square.nb-images-3 {
  width: calc(100% - 6cm);
}

.images-staggered ul li:nth-child(odd) {
  margin-left: 1cm;
}

.images-staggered ul li.portrait:nth-child(odd) {
  margin-left: 3cm;
}

.images-staggered ul li.square.nb-images-3:nth-child(odd) {
  margin-left: 3.5cm;
}

.images-staggered ul li:nth-child(even) {
  margin-left: -1cm;
}

.images-staggered ul li.square.nb-images-3:nth-child(even) {
  margin-left: 0cm;
}

/* --- Interview --- */
.interview-block strong {
  border-radius: 10px;
  margin-top: 0;
  padding: 0.5mm 2mm 0mm;
  color: var(--green);
  border: 1px solid var(--green);
  display: inline-block;
  margin-right: 1mm;
  margin-left: -2mm;
  font-size: 0.9em;
}

/* ===================== COVER — shared visual styles ===================== */

.image-cover::before,
.image-cover::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
}

/* highlight color */
@supports (mix-blend-mode: darken){
.image-cover::after{
  background-color: var(--yellow);
  mix-blend-mode: darken;
}
}

/* shadow color */
@supports (mix-blend-mode: screen){
.image-cover::before{
  background-color: var(--green);
  mix-blend-mode: screen;
}
}

.image-cover img {
  image-rendering: pixelated;
  filter: grayscale(100%) contrast(150%) brightness(200%) blur(0px);
  object-fit: cover;
  opacity: 1;
  position: relative;
  vertical-align: top;
  height: 100%;
}

/* SVG duotone for .cover — PDF-compatible, replaces mix-blend-mode approach */
.cover .image-cover::before,
.cover .image-cover::after {
  display: none;
}


.cover h1 span {
  color: var(--green);
  background: #FFF;
  border-radius: 50px;
  padding: 10px 30px;
}

.cover h2 span {
  background: #FFF;
  border-radius: 20px;
  padding: 5px 20px;
  display: block;
  position: absolute;
}

.cover .date-and-version {
  color: var(--yellow);
  font-size: 8pt;
}