/* var.17 grafo74 — approved correction set */
:root {
  --grafo-green: #0d5c63;
  --grafo-green-hover: #094950;
  --grafo-green-focus: rgba(13,92,99,.32);
  --article-paper-bg: #f4faff;
  --article-paper-edge: rgba(128,174,201,.34);
}

/* One green everywhere: the established footer colour. */
a.main-block__button,
button.main-block__button,
.io_button,
.btn_open,
.btn_close,
.main-block__button_green,
.item-service__button,
.article-index-page button,
.article-detail-page button,
.article-index-page [role="button"],
.article-detail-page [role="button"] {
  border-color: var(--grafo-green) !important;
  background: var(--grafo-green) !important;
  background-image: none !important;
  color: #fff !important;
}
a.main-block__button:hover,
button.main-block__button:hover,
.io_button:hover,
.btn_open:hover,
.btn_close:hover,
.main-block__button_green:hover,
.item-service__button:hover,
.article-index-page button:hover,
.article-detail-page button:hover {
  border-color: var(--grafo-green-hover) !important;
  background: var(--grafo-green-hover) !important;
  color: #fff !important;
}
a.main-block__button:focus-visible,
button.main-block__button:focus-visible,
.io_button:focus-visible,
.article-index-page button:focus-visible,
.article-detail-page button:focus-visible {
  outline: 3px solid var(--grafo-green-focus) !important;
  outline-offset: 3px !important;
}

/* Read-more buttons follow text width. */
.io_button_wrap { justify-content: center !important; }
.io_button,
.btn_open,
.btn_close {
  display: inline-flex !important;
  width: auto !important;
  max-width: max-content !important;
  min-width: 0 !important;
  padding: .72em 1.3em !important;
  white-space: nowrap !important;
}

/* Approved paper: square sheet, no folded corner. */
.article-paper-section { container-type: inline-size; }
.article-paper-section > .Rules__container > .Rules__body > .items__item:first-child,
.article-paper-section > .Rules__container > .Rules__body > .io_item > .io_item_wrap > .text_hide_wrap > .item_text,
.article-paper-section > .Rules__container > .Rules__body > .text_hide_wrap > .item_text {
  position: relative !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  width: min(100%, 1120px) !important;
  margin: 24px auto !important;
  padding: clamp(34px,7.1429cqw,76px) clamp(24px,7.1429cqw,76px) clamp(34px,7.1429cqw,76px) clamp(86px,14.2857cqw,152px) !important;
  overflow: hidden !important;
  border: 1px solid var(--article-paper-edge) !important;
  border-radius: 0 !important;
  background: radial-gradient(ellipse at 52% 43%,#fff 0%,#f8fcff 56%,#e7f4fb 100%) !important;
  box-shadow: 0 24px 44px -25px rgba(31,57,72,.24),0 8px 20px -15px rgba(31,57,72,.30),inset -18px -12px 34px rgba(115,177,214,.10) !important;
}

/* Disable every previous fold. */
.article-paper-section > .Rules__container > .Rules__body > .items__item:first-child::after,
.article-paper-section > .Rules__container > .Rules__body > .io_item > .io_item_wrap > .text_hide_wrap > .item_text::after,
.article-paper-section > .Rules__container > .Rules__body > .text_hide_wrap > .item_text::after {
  display: none !important;
  content: none !important;
}

/* Circular holes: fixed square tile and circle geometry. */
.article-paper-section > .Rules__container > .Rules__body > .items__item:first-child::before,
.article-paper-section > .Rules__container > .Rules__body > .io_item > .io_item_wrap > .text_hide_wrap > .item_text::before,
.article-paper-section > .Rules__container > .Rules__body > .text_hide_wrap > .item_text::before {
  content: "" !important;
  position: absolute !important;
  z-index: 7 !important;
  top: 34px !important;
  bottom: 34px !important;
  left: clamp(22px,3.45cqw,42px) !important;
  width: 20px !important;
  pointer-events: none !important;
  background-image: radial-gradient(circle 8px at 10px 10px,rgba(104,113,119,.78) 0 5px,rgba(190,199,205,.72) 5.5px 7px,rgba(255,255,255,.98) 7.5px 8.5px,transparent 9px) !important;
  background-size: 20px clamp(92px,12.4cqw,132px) !important;
  background-position: 0 0 !important;
  background-repeat: repeat-y !important;
  filter: drop-shadow(1px 2px 2px rgba(33,47,56,.20)) !important;
}

.article-paper-section .io_item_wrap { overflow: hidden !important; }
.article-paper-section .io_item.open .io_item_wrap { max-height: none !important; overflow: visible !important; }
.article-paper-section .text_hide_wrap { overflow: visible !important; }
.article-paper-section .text_hide_wrap > .item_text > * { position: relative; z-index: 3; }

/* Fullscreen thumbnails must show actual page previews. */
.three-pages-thumb-stable .viewer2026-overlay__thumbs,
.three-pages-thumb-stable .viewer28__thumbs,
.three-pages-thumb-stable .viewer29__thumbs,
.three-pages-thumb-stable .viewer30__thumbs,
.three-pages-thumb-stable .viewer4__thumbs {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 116px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.three-pages-thumb-stable .viewer2026-overlay__thumb,
.three-pages-thumb-stable .viewer4__thumb {
  flex: 0 0 88px !important;
  width: 88px !important;
  min-height: 104px !important;
  padding: 6px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.94) !important;
}
.three-pages-thumb-stable .viewer2026-overlay__thumb img,
.three-pages-thumb-stable .viewer4__thumb img {
  display: block !important;
  width: 100% !important;
  height: 78px !important;
  object-fit: contain !important;
  border-radius: 4px !important;
  background: #fff !important;
  filter: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  mix-blend-mode: normal !important;
  transform: none !important;
}
.three-pages-thumb-stable .viewer2026-overlay__thumb::before,
.three-pages-thumb-stable .viewer2026-overlay__thumb::after,
.three-pages-thumb-stable .viewer4__thumb::before,
.three-pages-thumb-stable .viewer4__thumb::after { display:none !important; content:none !important; }

@media (max-width:720px) {
  .article-paper-section > .Rules__container > .Rules__body > .items__item:first-child,
  .article-paper-section > .Rules__container > .Rules__body > .io_item > .io_item_wrap > .text_hide_wrap > .item_text,
  .article-paper-section > .Rules__container > .Rules__body > .text_hide_wrap > .item_text {
    padding: 30px 20px 30px 68px !important;
  }
  .article-paper-section > .Rules__container > .Rules__body > .items__item:first-child::before,
  .article-paper-section > .Rules__container > .Rules__body > .io_item > .io_item_wrap > .text_hide_wrap > .item_text::before,
  .article-paper-section > .Rules__container > .Rules__body > .text_hide_wrap > .item_text::before {
    left: 18px !important;
    width: 18px !important;
    background-image: radial-gradient(circle 7px at 9px 9px,rgba(104,113,119,.78) 0 4.5px,rgba(190,199,205,.72) 5px 6px,#fff 6.5px 7.5px,transparent 8px) !important;
    background-size: 18px 96px !important;
  }
}

@media print {
  .article-paper-section > .Rules__container > .Rules__body > .items__item:first-child,
  .article-paper-section > .Rules__container > .Rules__body > .io_item > .io_item_wrap > .text_hide_wrap > .item_text,
  .article-paper-section > .Rules__container > .Rules__body > .text_hide_wrap > .item_text {
    width:210mm !important; min-height:297mm !important; padding:15mm 15mm 15mm 30mm !important;
    margin:0 auto !important; border:0 !important; background:#fff !important; box-shadow:none !important;
  }
  .article-paper-section .item_text::before { display:none !important; }
}