.xonik-report .rep-sec { padding: 78px 0; } .xonik-report .rep-sec--dense { padding: 62px 0; } .xonik-report .mech-cols, .xonik-report .gridcards, .xonik-report .hcols, .xonik-report .exh-list, .xonik-report .method-wrap, .xonik-report .limits-panel, .xonik-report .faq, .xonik-report .meta-strip, .xonik-report .dl-grid { margin-top: 30px; } .xonik-report section + section { border-top: 1px solid var(--line); } .xonik-report section.band + section:not(.band), .xonik-report section:not(.band) + section.band, .xonik-report section.inkbg + section, .xonik-report section + section.inkbg { border-top: 0; } .xonik-report .hero-t .lead + .lead { margin-top: -8px; } .xonik-report .meta-strip { grid-column: 1/13; display: grid; grid-template-columns: repeat(3, 1fr); align-items: stretch; border-top: 1px solid var(--line); } .xonik-report .meta-strip > div { padding: 20px 24px 20px 0; border-left: 1px solid var(--line); } .xonik-report .meta-strip > div:first-child { border-left: 0; padding-left: 0; } .xonik-report .meta-strip > div:not(:first-child) { padding-left: 24px; } .xonik-report .meta-strip b { display: block; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--fg-3); margin-bottom: 8px; } .xonik-report .meta-strip span { font-size: 14.5px; color: var(--fg); } @media (max-width: 1000px) { .xonik-report .meta-strip { grid-template-columns: 1fr 1fr; } .xonik-report .meta-strip > div:nth-child(3) { border-left: 0; padding-left: 0; } .xonik-report .meta-strip > div:nth-child(1), .xonik-report .meta-strip > div:nth-child(2) { padding-bottom: 20px; } .xonik-report .meta-strip > div:nth-child(3), .xonik-report .meta-strip > div:nth-child(4) { padding-top: 20px; border-top: 1px solid var(--line); } } .xonik-report .sum-line { grid-column: 1/13; font-size: 15.5px; color: var(--fg); margin: -8px 0 0; max-width: 76ch; } .xonik-report .sum-cols { grid-column: 1/13; column-count: 2; column-gap: 48px; column-rule: 1px solid var(--line); } .xonik-report .sum-cols p { font-size: 15px; line-height: 1.68; max-width: none; } @media (max-width: 1000px) { .xonik-report .sum-cols { column-count: 1; column-rule: 0; } } .xonik-report .exh-list { grid-column: 1/13; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(4, auto); grid-auto-flow: column; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); align-items: stretch; } .xonik-report .exh-row { display: flex; align-items: baseline; gap: 16px; padding: var(--hgrid-pad-y) var(--hgrid-pad-x); } .xonik-report .exh-row:not(:nth-child(4n+1)) { border-top: 1px solid var(--line); } .xonik-report .exh-row:nth-child(-n+4) { padding-left: 0; } .xonik-report .exh-row:nth-child(n+5) { padding-right: 0; border-left: 1px solid var(--line); } .xonik-report .exh-n { flex: none; font-family: var(--serif); font-size: 18px; color: var(--accent); } .xonik-report .exh-row p { font-size: 14.5px; line-height: 1.5; color: var(--fg-2); margin: 0; max-width: none; } @media (max-width: 700px) { .xonik-report .exh-list { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; } .xonik-report .exh-row:not(:nth-child(4n+1)) { border-top: 0; } .xonik-report .exh-row:not(:first-child) { border-top: 1px solid var(--line); } .xonik-report .exh-row:nth-child(n+5) { padding-right: var(--hgrid-pad-x); border-left: 0; } } .xonik-report .method-wrap { grid-column: 1/13; overflow-x: auto; } .xonik-report .method-table { width: 100%; min-width: 560px; border-collapse: collapse; } .xonik-report .method-table th, .xonik-report .method-table td { text-align: left; padding: 16px 24px 16px 0; border-bottom: 1px solid var(--line); vertical-align: top; } .xonik-report .method-table th:first-child, .xonik-report .method-table td:first-child { width: 150px; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--fg-3); white-space: nowrap; } .xonik-report .method-table td:last-child { font-size: 14.5px; line-height: 1.6; color: var(--fg-2); max-width: 62ch; } .xonik-report .method-table tr:last-child th, .xonik-report .method-table tr:last-child td { border-bottom: 0; } .xonik-report .limits-panel { grid-column: 1/13; border: 1px solid var(--terra); border-left-width: 3px; background: var(--terra-soft); padding: 8px 36px 28px; } .xonik-report .limits-panel .lim-intro { font-size: 14.5px; font-style: italic; color: var(--fg-2); margin: 24px 0 26px; max-width: 68ch; } .xonik-report .limits-item { padding: 22px 0; border-top: 1px solid rgba(181,80,47,.18); } .xonik-report .limits-item:first-of-type { border-top: 0; } .xonik-report .limits-item h4 { font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--terra); margin-bottom: 8px; } .xonik-report .limits-item p { font-size: 14.5px; line-height: 1.62; color: var(--fg); margin: 0; max-width: 70ch; } .xonik-report .dl-grid { grid-column: 1/13; display: grid; grid-template-columns: minmax(280px, 1fr) minmax(320px, 420px); gap: 0 60px; align-items: start; } .xonik-report .dl-copy h3 { margin-bottom: 10px; } .xonik-report .dl-copy p { font-size: 14.5px; max-width: 46ch; } .xonik-report .dl-form { background: var(--paper); border: 1px solid var(--line); padding: 32px; } @media (max-width: 1000px) { .xonik-report .dl-grid { grid-template-columns: 1fr; gap: 40px 0; } } .xonik-report .xonik-form__form { display: grid; gap: 18px; } .xonik-report .xonik-form__field { margin: 0; display: grid; gap: 8px; } .xonik-report .xonik-form__field label { font-size: 13px; font-weight: 600; color: var(--fg); } .xonik-report .xonik-form__field:has([name="sector"]) { grid-column: 1/-1; } .xonik-report .xonik-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .xonik-report .xonik-form__input, .xonik-report input.xonik-form__input, .xonik-report select.xonik-form__input { height: 44px; width: 100%; padding: 0 14px; border: 1px solid var(--line); border-radius: 0; background: var(--ground); color: var(--fg); font-family: var(--sans); font-size: 14.5px; -webkit-appearance: none; appearance: none; } .xonik-report select.xonik-form__input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23646464' stroke-width='1.5'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; padding-right: 38px; } .xonik-report .xonik-form__input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(27,77,228,.12); } .xonik-report .xonik-form__field:has(input[type="checkbox"]) { display: flex; flex-direction: row; gap: 10px; align-items: flex-start; } .xonik-report .xonik-form__field label:has(input[type="checkbox"]) { display: flex; align-items: flex-start; gap: 10px; font-size: 12.5px; font-weight: 400; color: var(--fg-2); line-height: 1.5; } .xonik-report .xonik-form__field input[type="checkbox"] { flex: none; width: 16px; height: 16px; margin-top: 2px; accent-color: var(--accent); } .xonik-report .xonik-form__submit { background: var(--accent); color: #fff; border: 0; border-radius: 0; height: 46px; font-family: var(--sans); font-size: 12.5px; letter-spacing: .09em; text-transform: uppercase; cursor: pointer; } .xonik-report .xonik-form__submit:hover { background: #0F3BC4; } .xonik-report .dl-consent-note { font-size: 12.5px; color: var(--fg-3); margin-top: 12px; } .xonik-report .dl-ready, .xonik-report .dl-returning { background: var(--paper); border: 1px solid var(--line); padding: 32px; display: grid; gap: 16px; justify-items: start; } .xonik-report .faq h4 { font-size: 14.5px; } .xonik-report .cite-row { grid-column: 1/13; display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } .xonik-report .cite-text { font-size: 15px; color: var(--fg); max-width: 68ch; margin: 0; } .xonik-report .cite-copy { flex: none; display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border: 1px solid var(--line-2); background: var(--paper); color: var(--fg); font-family: var(--sans); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; } .xonik-report .cite-copy:hover { border-color: var(--accent); color: var(--accent); } .xonik-report .cite-copy[data-copied="true"] { border-color: var(--accent); color: var(--accent); } .xonik-report .other-grid { grid-column: 1/13; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); align-items: stretch; } .xonik-report .other-card { display: block; padding: 24px 28px 26px; border-right: 1px solid var(--line); } .xonik-report .other-card:first-child { padding-left: 0; } .xonik-report .other-card:last-child { border-right: 0; padding-right: 0; } .xonik-report .other-card b { display: block; font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-bottom: 10px; } .xonik-report .other-card h3 { margin-bottom: 8px; } .xonik-report .other-card p { font-size: 13.5px; margin: 0; max-width: none; } @media (max-width: 1000px) { .xonik-report .other-grid { grid-template-columns: 1fr; } .xonik-report .other-card { border-right: 0; border-bottom: 1px solid var(--line); padding: 30px 0 !important; } .xonik-report .other-card:last-child { border-bottom: 0; } } @media (max-width: 1000px) { .xonik-report .xonik-form__row { grid-template-columns: 1fr; } }