/* ==========================================================================
FPL CONTENT-01
Mission & Vision page components
========================================================================== */
.fpl-mission-page {
max-width: 1120px;
margin: 0 auto;
padding-bottom: 64px;
}
.fpl-mission-page > * + * {
margin-top: 32px;
}
/* --------------------------------------------------------------------------
Intro
-------------------------------------------------------------------------- */
.fpl-mission-intro {
position: relative;
overflow: hidden;
padding: 32px 36px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 18px;
background: var(--wp--preset--color--cielo);
}
.fpl-mission-intro::after {
content: "";
position: absolute;
width: 220px;
height: 220px;
right: -90px;
top: -110px;
border: 34px solid rgba(22, 85, 103, 0.05);
transform: rotate(45deg);
pointer-events: none;
}
.fpl-mission-intro p {
position: relative;
z-index: 1;
margin: 0;
font-size: clamp(16px, 1.2vw, 18px);
line-height: 1.75;
color: var(--wp--preset--color--text-main);
}
/* --------------------------------------------------------------------------
Section heading
-------------------------------------------------------------------------- */
.fpl-content-section-heading {
margin-bottom: 20px;
}
.fpl-content-kicker {
margin: 0 0 8px;
font-family: var(--wp--preset--font-family--montserrat);
font-size: 12px;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--wp--preset--color--aviazone);
}
.fpl-content-section-heading h2 {
margin: 0;
font-size: clamp(25px, 2vw, 34px);
line-height: 1.2;
color: var(--wp--preset--color--diviza);
}
/* --------------------------------------------------------------------------
Mission / Vision
-------------------------------------------------------------------------- */
.fpl-mission-keycards {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.fpl-mission-keycards > .wp-block-column {
margin: 0 !important;
}
.fpl-mission-card {
height: 100%;
box-sizing: border-box;
padding: 30px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 18px;
background: var(--wp--preset--color--white);
box-shadow: 0 12px 34px rgba(22, 85, 103, 0.06);
}
.fpl-mission-card--primary {
border-top: 4px solid var(--wp--preset--color--aviazone);
}
.fpl-mission-card--vision {
border-top: 4px solid var(--wp--preset--color--diviza);
}
.fpl-card-number {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 30px;
margin-bottom: 20px;
padding: 0 10px;
border-radius: 999px;
background: var(--wp--preset--color--cielo);
font-family: var(--wp--preset--font-family--montserrat);
font-size: 12px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-mission-card h2 {
margin: 0 0 18px;
font-size: clamp(23px, 1.8vw, 30px);
line-height: 1.2;
color: var(--wp--preset--color--diviza);
}
.fpl-mission-card p {
margin: 0;
line-height: 1.75;
color: var(--wp--preset--color--text-main);
}
.fpl-mission-card p + p {
margin-top: 14px;
}
/* --------------------------------------------------------------------------
Strategic directions
-------------------------------------------------------------------------- */
.fpl-strategy-section {
padding: 38px 0 8px;
}
.fpl-strategy-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.fpl-strategy-grid > .wp-block-column {
margin: 0 !important;
}
.fpl-strategy-card {
height: 100%;
box-sizing: border-box;
padding: 28px 30px;
border-radius: 18px;
background: var(--wp--preset--color--diviza);
color: var(--wp--preset--color--white);
}
.fpl-strategy-card .fpl-card-number {
background: rgba(255, 255, 255, 0.12);
color: var(--wp--preset--color--white);
}
.fpl-strategy-card h3 {
margin: 0 0 16px;
font-size: 21px;
line-height: 1.35;
color: var(--wp--preset--color--white);
}
.fpl-strategy-card p {
margin: 0;
line-height: 1.75;
color: var(--wp--preset--color--white);
opacity: 0.92;
}
/* --------------------------------------------------------------------------
International cooperation
-------------------------------------------------------------------------- */
.fpl-international-section {
margin-top: 56px !important;
padding-top: 42px;
border-top: 1px solid var(--wp--preset--color--border-light);
}
.fpl-ipaf-panel {
padding: 32px 34px;
border-radius: 18px;
background: var(--wp--preset--color--cielo);
}
.fpl-ipaf-panel h3 {
margin: 0 0 14px;
font-size: 26px;
color: var(--wp--preset--color--diviza);
}
.fpl-ipaf-panel p {
line-height: 1.75;
}
.fpl-ipaf-members {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px 28px;
margin: 24px 0 0;
padding: 0;
list-style: none;
}
.fpl-ipaf-members li {
position: relative;
padding: 12px 14px 12px 32px;
border-radius: 10px;
background: rgba(255, 255, 255, 0.65);
line-height: 1.5;
}
.fpl-ipaf-members li::before {
content: "";
position: absolute;
left: 14px;
top: 20px;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--wp--preset--color--aviazone);
}
/* --------------------------------------------------------------------------
IPAF facts
-------------------------------------------------------------------------- */
.fpl-facts-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin-top: 20px;
}
.fpl-fact {
padding: 20px 16px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 14px;
background: var(--wp--preset--color--white);
text-align: center;
}
.fpl-fact strong {
display: block;
margin-bottom: 5px;
font-family: var(--wp--preset--font-family--montserrat);
font-size: 25px;
line-height: 1.1;
color: var(--wp--preset--color--diviza);
}
.fpl-fact span {
font-size: 12px;
line-height: 1.45;
color: var(--wp--preset--color--text-muted);
}
/* --------------------------------------------------------------------------
KAMCO
-------------------------------------------------------------------------- */
.fpl-kamco {
margin-top: 28px;
padding: 30px 34px;
border-left: 4px solid var(--wp--preset--color--aviazone);
border-radius: 0 16px 16px 0;
background: var(--wp--preset--color--white);
box-shadow: 0 10px 30px rgba(22, 85, 103, 0.06);
}
.fpl-kamco h3 {
margin: 0 0 14px;
font-size: 24px;
color: var(--wp--preset--color--diviza);
}
.fpl-kamco p {
margin: 0;
line-height: 1.75;
}
.fpl-kamco p + p {
margin-top: 12px;
}
/* --------------------------------------------------------------------------
Responsive
-------------------------------------------------------------------------- */
@media (max-width: 820px) {
.fpl-mission-page {
padding-bottom: 48px;
}
.fpl-mission-keycards,
.fpl-strategy-grid {
grid-template-columns: 1fr;
}
.fpl-ipaf-members {
grid-template-columns: 1fr;
}
.fpl-facts-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 639px) {
.fpl-mission-page {
padding-bottom: 36px;
}
.fpl-mission-intro,
.fpl-mission-card,
.fpl-strategy-card,
.fpl-ipaf-panel,
.fpl-kamco {
padding: 22px 20px;
border-radius: 14px;
}
.fpl-kamco {
border-radius: 0 14px 14px 0;
}
.fpl-facts-grid {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.fpl-fact {
padding: 16px 10px;
}
}
/* ==========================================================================
CONTENT-01 UX1
Horizontal Mission / Vision and Strategic Direction cards
========================================================================== */
/* Mission + Vision: one horizontal card per row */
.fpl-mission-keycards {
grid-template-columns: 1fr !important;
gap: 18px;
}
.fpl-mission-card {
display: grid;
grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 38px;
row-gap: 8px;
min-height: 0;
padding: 28px 32px;
}
/* Number in left column */
.fpl-mission-card > .fpl-card-number {
grid-column: 1;
grid-row: 1;
margin: 0 0 6px;
justify-self: start;
}
/* Heading in left column */
.fpl-mission-card > h2 {
grid-column: 1;
grid-row: 2;
margin: 0;
align-self: start;
}
/* Content in right column */
.fpl-mission-card > p:not(.fpl-card-number) {
grid-column: 2;
margin-top: 0;
margin-bottom: 12px;
}
.fpl-mission-card > p:not(.fpl-card-number):last-child {
margin-bottom: 0;
}
/* Strategic directions: same horizontal model */
.fpl-strategy-grid {
grid-template-columns: 1fr !important;
gap: 18px;
}
.fpl-strategy-card {
display: grid;
grid-template-columns: minmax(220px, 290px) minmax(0, 1fr);
grid-template-rows: auto auto;
column-gap: 38px;
row-gap: 8px;
min-height: 0;
padding: 28px 32px;
}
.fpl-strategy-card > .fpl-card-number {
grid-column: 1;
grid-row: 1;
margin: 0 0 6px;
justify-self: start;
}
.fpl-strategy-card > h3 {
grid-column: 1;
grid-row: 2;
margin: 0;
align-self: start;
}
.fpl-strategy-card > p:not(.fpl-card-number) {
grid-column: 2;
margin: 0;
}
/* Slightly tighten section spacing after cards became shorter */
.fpl-strategy-section {
padding-top: 26px;
}
/* Tablet / mobile: return to natural vertical card layout */
@media (max-width: 820px) {
.fpl-mission-card,
.fpl-strategy-card {
display: block;
padding: 24px 22px;
}
.fpl-mission-card > .fpl-card-number,
.fpl-strategy-card > .fpl-card-number {
margin-bottom: 14px;
}
.fpl-mission-card > h2,
.fpl-strategy-card > h3 {
margin-bottom: 16px;
}
.fpl-mission-card > p:not(.fpl-card-number) {
margin-bottom: 12px;
}
}
/* ==========================================================================
CONTENT-01 UX2
Horizontal cards: stable side heading + content column
========================================================================== */
@media (min-width: 821px) {
.fpl-mission-card,
.fpl-strategy-card {
position: relative;
display: block;
min-height: 0;
padding: 28px 32px 28px 300px;
}
/* Vertical separation between label and body */
.fpl-mission-card::after,
.fpl-strategy-card::after {
content: "";
position: absolute;
left: 270px;
top: 28px;
bottom: 28px;
width: 1px;
pointer-events: none;
}
.fpl-mission-card::after {
background: var(--wp--preset--color--border-light);
}
.fpl-strategy-card::after {
background: rgba(255, 255, 255, 0.18);
}
/* Number */
.fpl-mission-card > .fpl-card-number,
.fpl-strategy-card > .fpl-card-number {
position: absolute;
left: 32px;
top: 28px;
margin: 0;
}
/* Left-side heading */
.fpl-mission-card > h2 {
position: absolute;
left: 32px;
top: 78px;
width: 215px;
margin: 0;
font-size: 25px;
line-height: 1.2;
}
.fpl-strategy-card > h3 {
position: absolute;
left: 32px;
top: 78px;
width: 220px;
margin: 0;
font-size: 20px;
line-height: 1.3;
}
/* Right-side body */
.fpl-mission-card > p:not(.fpl-card-number),
.fpl-strategy-card > p:not(.fpl-card-number) {
position: static;
display: block;
margin: 0;
}
.fpl-mission-card > p:not(.fpl-card-number) + p:not(.fpl-card-number) {
margin-top: 14px;
}
}
/* ==========================================================================
CONTENT-02 — Fund History
========================================================================== */
.fpl-history-page {
max-width: 1120px;
margin: 0 auto;
padding-bottom: 64px;
}
.fpl-history-page > * + * {
margin-top: 44px;
}
/* Foundation */
.fpl-history-foundation {
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
overflow: hidden;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 18px;
background: var(--wp--preset--color--white);
box-shadow: 0 12px 34px rgba(22, 85, 103, 0.055);
}
.fpl-history-date {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 220px;
padding: 30px;
background: var(--wp--preset--color--diviza);
color: var(--wp--preset--color--white);
text-align: center;
}
.fpl-history-date strong {
display: block;
font-family: var(--wp--preset--font-family--montserrat);
font-size: clamp(48px, 5vw, 68px);
font-weight: 700;
line-height: 1;
}
.fpl-history-date span {
display: block;
margin-top: 10px;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
opacity: 0.8;
}
.fpl-history-foundation-content {
position: relative;
overflow: hidden;
padding: 34px 38px;
background: var(--wp--preset--color--cielo);
}
.fpl-history-foundation-content::after {
content: "";
position: absolute;
right: -80px;
top: -100px;
width: 220px;
height: 220px;
border: 34px solid rgba(22, 85, 103, 0.05);
transform: rotate(45deg);
pointer-events: none;
}
.fpl-history-foundation-content > * {
position: relative;
z-index: 1;
}
.fpl-history-foundation-content .fpl-content-kicker {
margin-bottom: 8px;
}
.fpl-history-foundation-content h2 {
margin: 0 0 16px;
font-size: clamp(25px, 2vw, 34px);
line-height: 1.2;
color: var(--wp--preset--color--diviza);
}
.fpl-history-foundation-content p {
margin: 0;
font-size: 16px;
line-height: 1.75;
}
.fpl-history-foundation-content p + p {
margin-top: 12px;
}
/* Mission / strategy summary */
.fpl-history-summary {
margin-top: 48px;
}
.fpl-history-summary-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
.fpl-history-summary-grid > .wp-block-column {
margin: 0 !important;
}
.fpl-history-summary-card {
position: relative;
height: 100%;
box-sizing: border-box;
padding: 28px 30px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 16px;
background: var(--wp--preset--color--white);
box-shadow: 0 8px 26px rgba(22, 85, 103, 0.045);
}
.fpl-history-summary-card--mission {
border-top: 4px solid var(--wp--preset--color--aviazone);
}
.fpl-history-summary-card--strategy {
border-top: 4px solid var(--wp--preset--color--diviza);
}
.fpl-history-summary-card h3 {
margin: 0 0 16px;
font-size: 23px;
line-height: 1.25;
color: var(--wp--preset--color--diviza);
}
.fpl-history-summary-card p {
margin: 0;
line-height: 1.7;
}
.fpl-history-summary-card ul {
margin: 15px 0 0;
padding: 0;
list-style: none;
}
.fpl-history-summary-card li {
position: relative;
margin-top: 10px;
padding-left: 27px;
line-height: 1.55;
}
.fpl-history-summary-card li::before {
position: absolute;
left: 0;
top: 0;
font-family: var(--wp--preset--font-family--montserrat);
font-size: 11px;
font-weight: 700;
color: var(--wp--preset--color--aviazone);
}
.fpl-history-summary-card li:nth-child(1)::before {
content: "01";
}
.fpl-history-summary-card li:nth-child(2)::before {
content: "02";
}
.fpl-history-more {
display: inline-flex;
margin-top: 22px;
font-weight: 700;
text-decoration: none;
color: var(--wp--preset--color--diviza);
}
.fpl-history-more::after {
content: "→";
margin-left: 8px;
transition: transform 0.2s ease;
}
.fpl-history-more:hover::after {
transform: translateX(4px);
}
/* Activities */
.fpl-history-activities {
padding-top: 4px;
}
.fpl-history-activities-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
counter-reset: history-activity;
}
.fpl-history-activity {
position: relative;
min-height: 104px;
box-sizing: border-box;
padding: 22px 24px 22px 74px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 14px;
background: var(--wp--preset--color--white);
counter-increment: history-activity;
}
.fpl-history-activity::before {
content: counter(history-activity, decimal-leading-zero);
position: absolute;
left: 22px;
top: 22px;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 28px;
border-radius: 999px;
background: var(--wp--preset--color--cielo);
font-family: var(--wp--preset--font-family--montserrat);
font-size: 11px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-history-activity p {
margin: 0;
line-height: 1.65;
}
/* Responsive */
@media (max-width: 820px) {
.fpl-history-foundation {
grid-template-columns: 160px minmax(0, 1fr);
}
.fpl-history-summary-grid,
.fpl-history-activities-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 639px) {
.fpl-history-page {
padding-bottom: 36px;
}
.fpl-history-page > * + * {
margin-top: 34px;
}
.fpl-history-foundation {
grid-template-columns: 1fr;
border-radius: 14px;
}
.fpl-history-date {
min-height: 0;
padding: 22px;
flex-direction: row;
gap: 12px;
}
.fpl-history-date strong {
font-size: 38px;
}
.fpl-history-date span {
margin-top: 0;
}
.fpl-history-foundation-content,
.fpl-history-summary-card {
padding: 22px 20px;
}
.fpl-history-activity {
min-height: 0;
padding: 20px 18px 20px 66px;
}
.fpl-history-activity::before {
left: 18px;
top: 20px;
}
}
/* CONTENT-02 UX1 — remove WordPress block gap inside foundation grid */
.fpl-history-foundation > .fpl-history-date,
.fpl-history-foundation > .fpl-history-foundation-content {
margin-block-start: 0 !important;
margin-block-end: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.fpl-history-foundation-content {
align-self: stretch;
}
/* ==========================================================================
CONTENT-WIDTH-01
Wide editorial layout
========================================================================== */
/*
* article.css intentionally limits ordinary article pages to 800px.
* Structured editorial pages use the full width available inside
* the article wrapper.
*/
.fpl-article-header,
.fpl-article-content {
max-width: 100%;
}
/* ==========================================================================
CONTENT-03 — Corporate Governance Hub
========================================================================== */
.fpl-governance-page {
max-width: 1240px;
margin: 0 auto;
padding-bottom: 64px;
}
.fpl-governance-page > * + * {
margin-top: 48px;
}
/* Intro */
.fpl-governance-intro {
position: relative;
overflow: hidden;
padding: 34px 38px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 18px;
background: var(--wp--preset--color--cielo);
}
.fpl-governance-intro::after {
content: "";
position: absolute;
right: -80px;
top: -110px;
width: 230px;
height: 230px;
border: 34px solid rgba(22, 85, 103, 0.05);
transform: rotate(45deg);
pointer-events: none;
}
.fpl-governance-intro > * {
position: relative;
z-index: 1;
}
.fpl-governance-intro p {
max-width: 82ch;
margin: 0;
font-size: 16px;
line-height: 1.75;
}
.fpl-governance-intro p + p {
margin-top: 12px;
}
/* Governance structure */
.fpl-governance-shareholder {
display: grid;
grid-template-columns: 190px minmax(0, 1fr);
overflow: hidden;
margin-bottom: 18px;
border-radius: 16px;
background: var(--wp--preset--color--diviza);
color: var(--wp--preset--color--white);
}
.fpl-governance-shareholder-label {
display: flex;
align-items: center;
justify-content: center;
padding: 28px;
font-family: var(--wp--preset--font-family--montserrat);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
background: rgba(255,255,255,0.08);
}
.fpl-governance-shareholder-body {
padding: 26px 30px;
}
.fpl-governance-shareholder-body h3 {
margin: 0 0 8px;
font-size: 23px;
color: var(--wp--preset--color--white);
}
.fpl-governance-shareholder-body p {
margin: 0;
line-height: 1.65;
color: rgba(255,255,255,0.9);
}
.fpl-governance-organs {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.fpl-governance-organ {
position: relative;
display: block;
min-height: 220px;
box-sizing: border-box;
padding: 30px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 16px;
background: var(--wp--preset--color--white);
text-decoration: none !important;
box-shadow: 0 8px 26px rgba(22, 85, 103, 0.045);
transition:
transform 0.2s ease,
box-shadow 0.2s ease,
border-color 0.2s ease;
}
.fpl-governance-organ:hover {
transform: translateY(-2px);
border-color: var(--wp--preset--color--aviazone);
box-shadow: 0 14px 32px rgba(22, 85, 103, 0.09);
}
.fpl-governance-organ-number {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 30px;
padding: 0 10px;
border-radius: 999px;
background: var(--wp--preset--color--cielo);
font-size: 11px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-governance-organ h3 {
margin: 28px 0 10px;
font-size: 25px;
line-height: 1.25;
color: var(--wp--preset--color--diviza);
}
.fpl-governance-organ p {
margin: 0;
line-height: 1.65;
color: var(--wp--preset--color--text-main);
}
.fpl-governance-organ-link {
display: inline-block;
margin-top: 22px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-governance-organ-link::after {
content: " →";
}
/* Documents */
.fpl-governance-documents {
padding-top: 6px;
}
.fpl-governance-doc-list {
display: grid;
gap: 12px;
}
.fpl-governance-doc {
display: grid;
grid-template-columns: 56px minmax(0, 1fr) auto;
align-items: center;
gap: 18px;
padding: 20px 22px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 13px;
background: var(--wp--preset--color--white);
}
.fpl-governance-doc-index {
font-family: var(--wp--preset--font-family--montserrat);
font-size: 13px;
font-weight: 700;
color: var(--wp--preset--color--aviazone);
}
.fpl-governance-doc-title {
font-size: 17px;
font-weight: 650;
line-height: 1.4;
color: var(--wp--preset--color--diviza);
}
.fpl-governance-doc-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 54px;
height: 28px;
padding: 0 10px;
border-radius: 999px;
background: var(--wp--preset--color--cielo);
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: var(--wp--preset--color--diviza);
}
/* Related sections */
.fpl-governance-related-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.fpl-governance-related {
display: block;
padding: 22px 24px;
border-radius: 14px;
background: var(--wp--preset--color--cielo);
text-decoration: none !important;
}
.fpl-governance-related strong {
display: block;
font-size: 17px;
line-height: 1.4;
color: var(--wp--preset--color--diviza);
}
.fpl-governance-related span {
display: block;
margin-top: 9px;
font-size: 13px;
color: var(--wp--preset--color--text-muted);
}
.fpl-governance-related span::after {
content: " →";
}
/* Responsive */
@media (max-width: 820px) {
.fpl-governance-organs,
.fpl-governance-related-grid {
grid-template-columns: 1fr;
}
.fpl-governance-shareholder {
grid-template-columns: 145px minmax(0, 1fr);
}
}
@media (max-width: 639px) {
.fpl-governance-page {
padding-bottom: 36px;
}
.fpl-governance-page > * + * {
margin-top: 34px;
}
.fpl-governance-intro {
padding: 24px 20px;
border-radius: 14px;
}
.fpl-governance-shareholder {
grid-template-columns: 1fr;
}
.fpl-governance-shareholder-label {
justify-content: flex-start;
padding: 16px 20px;
}
.fpl-governance-shareholder-body {
padding: 22px 20px;
}
.fpl-governance-organ {
min-height: 0;
padding: 24px 20px;
}
.fpl-governance-doc {
grid-template-columns: 38px minmax(0, 1fr);
gap: 12px;
padding: 18px;
}
.fpl-governance-doc-badge {
grid-column: 2;
justify-self: start;
}
}
/* ==========================================================================
CONTENT-04 — Core Activity
========================================================================== */
.fpl-activity-page {
max-width: 1240px;
margin: 0 auto;
padding-bottom: 64px;
}
.fpl-activity-page > * + * {
margin-top: 52px;
}
/* Intro */
.fpl-activity-intro {
position: relative;
overflow: hidden;
padding: 34px 38px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 18px;
background: var(--wp--preset--color--cielo);
}
.fpl-activity-intro::after {
content: "";
position: absolute;
right: -70px;
top: -105px;
width: 225px;
height: 225px;
border: 34px solid rgba(22, 85, 103, 0.05);
transform: rotate(45deg);
pointer-events: none;
}
.fpl-activity-intro p {
position: relative;
z-index: 1;
max-width: 82ch;
margin: 0;
font-size: 16px;
line-height: 1.75;
}
.fpl-activity-intro p + p {
margin-top: 12px;
}
/* Strategic directions */
.fpl-activity-directions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.fpl-activity-direction {
display: grid;
grid-template-columns: 78px minmax(0, 1fr);
gap: 22px;
min-height: 190px;
box-sizing: border-box;
padding: 28px;
border-radius: 16px;
background: var(--wp--preset--color--diviza);
color: var(--wp--preset--color--white);
}
.fpl-activity-direction-index {
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 4px;
font-family: var(--wp--preset--font-family--montserrat);
font-size: 12px;
font-weight: 700;
color: rgba(255,255,255,0.72);
}
.fpl-activity-direction h3 {
margin: 0 0 12px;
font-size: 21px;
line-height: 1.3;
color: var(--wp--preset--color--white);
}
.fpl-activity-direction p {
margin: 0;
line-height: 1.65;
color: rgba(255,255,255,0.9);
}
/* Major activity blocks */
.fpl-activity-feature {
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
overflow: hidden;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 16px;
background: var(--wp--preset--color--white);
box-shadow: 0 8px 26px rgba(22, 85, 103, 0.045);
}
.fpl-activity-feature-heading {
padding: 30px;
border-right: 1px solid var(--wp--preset--color--border-light);
background: var(--wp--preset--color--cielo);
}
.fpl-activity-feature-number {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 28px;
padding: 0 10px;
margin-bottom: 24px;
border-radius: 999px;
background: rgba(255,255,255,0.72);
font-size: 11px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-activity-feature-heading h3 {
margin: 0;
font-size: 24px;
line-height: 1.25;
color: var(--wp--preset--color--diviza);
}
.fpl-activity-feature-body {
padding: 30px 34px;
}
.fpl-activity-feature-body p {
margin: 0;
line-height: 1.7;
}
.fpl-activity-feature-body p + p {
margin-top: 13px;
}
.fpl-activity-feature-link {
display: inline-block;
margin-top: 22px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-activity-feature-link::after {
content: " →";
}
/* Management methods */
.fpl-activity-methods {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 22px;
}
.fpl-activity-method {
padding: 20px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 13px;
background: var(--wp--preset--color--white);
line-height: 1.55;
}
.fpl-activity-method-index {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
height: 24px;
margin-bottom: 14px;
padding: 0 8px;
border-radius: 999px;
background: var(--wp--preset--color--cielo);
font-size: 10px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
/* Management instruments */
.fpl-activity-tools {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.fpl-activity-tool {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
gap: 12px;
padding: 20px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 13px;
background: var(--wp--preset--color--white);
}
.fpl-activity-tool-index {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--wp--preset--color--cielo);
font-size: 10px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-activity-tool-text {
line-height: 1.55;
}
/* Legal conditions */
.fpl-activity-legal {
padding: 30px 32px;
border-left: 4px solid var(--wp--preset--color--aviazone);
border-radius: 0 14px 14px 0;
background: rgba(231, 240, 237, 0.52);
}
.fpl-activity-legal h3 {
margin: 0 0 12px;
font-size: 22px;
color: var(--wp--preset--color--diviza);
}
.fpl-activity-legal > p {
margin: 0 0 20px;
line-height: 1.7;
}
.fpl-activity-legal-list {
display: grid;
gap: 10px;
}
.fpl-activity-legal-item {
display: grid;
grid-template-columns: 34px minmax(0, 1fr);
gap: 12px;
line-height: 1.6;
}
.fpl-activity-legal-index {
font-size: 11px;
font-weight: 700;
color: var(--wp--preset--color--aviazone);
}
/* Related activity pages */
.fpl-activity-related {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.fpl-activity-related-card {
display: block;
box-sizing: border-box;
padding: 24px;
border-radius: 14px;
background: var(--wp--preset--color--cielo);
text-decoration: none !important;
transition: transform .2s ease, box-shadow .2s ease;
}
.fpl-activity-related-card:hover {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(22, 85, 103, 0.08);
}
.fpl-activity-related-card strong {
display: block;
font-size: 18px;
color: var(--wp--preset--color--diviza);
}
.fpl-activity-related-card span {
display: block;
margin-top: 10px;
font-size: 13px;
color: var(--wp--preset--color--text-muted);
}
.fpl-activity-related-card span::after {
content: " →";
}
/* Responsive */
@media (max-width: 900px) {
.fpl-activity-directions,
.fpl-activity-methods,
.fpl-activity-tools {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fpl-activity-feature {
grid-template-columns: 220px minmax(0, 1fr);
}
}
@media (max-width: 639px) {
.fpl-activity-page {
padding-bottom: 36px;
}
.fpl-activity-page > * + * {
margin-top: 36px;
}
.fpl-activity-intro {
padding: 24px 20px;
}
.fpl-activity-directions,
.fpl-activity-methods,
.fpl-activity-tools,
.fpl-activity-related {
grid-template-columns: 1fr;
}
.fpl-activity-direction {
grid-template-columns: 48px minmax(0, 1fr);
min-height: 0;
padding: 22px 20px;
}
.fpl-activity-feature {
grid-template-columns: 1fr;
}
.fpl-activity-feature-heading {
padding: 22px 20px;
border-right: 0;
border-bottom: 1px solid var(--wp--preset--color--border-light);
}
.fpl-activity-feature-number {
margin-bottom: 14px;
}
.fpl-activity-feature-body {
padding: 22px 20px;
}
.fpl-activity-legal {
padding: 24px 20px;
}
}
/* ==========================================================================
CONTENT-05 — Asset Acquisition
========================================================================== */
.fpl-acquisition-page {
max-width: 1240px;
margin: 0 auto;
padding-bottom: 64px;
}
.fpl-acquisition-page > * + * {
margin-top: 52px;
}
/* Intro */
.fpl-acquisition-intro {
position: relative;
overflow: hidden;
padding: 34px 38px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 18px;
background: var(--wp--preset--color--cielo);
}
.fpl-acquisition-intro::after {
content: "";
position: absolute;
right: -70px;
top: -105px;
width: 225px;
height: 225px;
border: 34px solid rgba(22, 85, 103, 0.05);
transform: rotate(45deg);
pointer-events: none;
}
.fpl-acquisition-intro p {
position: relative;
z-index: 1;
max-width: 84ch;
margin: 0;
font-size: 16px;
line-height: 1.75;
}
/* Asset types */
.fpl-acquisition-types {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.fpl-acquisition-type {
padding: 26px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 15px;
background: var(--wp--preset--color--white);
}
.fpl-acquisition-type-index {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 38px;
height: 26px;
margin-bottom: 20px;
padding: 0 9px;
border-radius: 999px;
background: var(--wp--preset--color--cielo);
font-size: 10px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-acquisition-type h3 {
margin: 0 0 10px;
font-size: 20px;
color: var(--wp--preset--color--diviza);
}
.fpl-acquisition-type p {
margin: 0;
line-height: 1.65;
}
/* Acquisition process */
.fpl-acquisition-process {
display: grid;
gap: 12px;
}
.fpl-acquisition-step {
display: grid;
grid-template-columns: 76px minmax(0, 1fr);
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 14px;
overflow: hidden;
background: var(--wp--preset--color--white);
}
.fpl-acquisition-step-index {
display: flex;
align-items: center;
justify-content: center;
min-height: 102px;
background: var(--wp--preset--color--cielo);
font-size: 13px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-acquisition-step-body {
padding: 21px 25px;
}
.fpl-acquisition-step-body h3 {
margin: 0 0 7px;
font-size: 18px;
color: var(--wp--preset--color--diviza);
}
.fpl-acquisition-step-body p {
margin: 0;
line-height: 1.62;
}
/* Sellers */
.fpl-acquisition-sources {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.fpl-acquisition-source {
padding: 24px;
border-radius: 14px;
background: var(--wp--preset--color--diviza);
color: var(--wp--preset--color--white);
}
.fpl-acquisition-source span {
display: block;
margin-bottom: 12px;
font-size: 11px;
font-weight: 700;
color: rgba(255,255,255,0.65);
}
.fpl-acquisition-source strong {
display: block;
font-size: 18px;
line-height: 1.4;
}
/* Criteria */
.fpl-acquisition-criteria {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.fpl-acquisition-criterion {
display: grid;
grid-template-columns: 40px minmax(0, 1fr);
gap: 13px;
padding: 20px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 13px;
background: var(--wp--preset--color--white);
}
.fpl-acquisition-criterion-index {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--wp--preset--color--cielo);
font-size: 10px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-acquisition-criterion-text {
line-height: 1.6;
}
/* Legal basis */
.fpl-acquisition-legal {
padding: 30px 32px;
border-left: 4px solid var(--wp--preset--color--aviazone);
border-radius: 0 14px 14px 0;
background: rgba(231, 240, 237, 0.58);
}
.fpl-acquisition-legal-label {
display: block;
margin-bottom: 8px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--wp--preset--color--aviazone);
}
.fpl-acquisition-legal h3 {
margin: 0 0 12px;
font-size: 22px;
color: var(--wp--preset--color--diviza);
}
.fpl-acquisition-legal p {
max-width: 86ch;
margin: 0;
line-height: 1.7;
}
.fpl-acquisition-legal-note {
margin-top: 16px !important;
font-size: 13px;
color: var(--wp--preset--color--text-muted);
}
/* Related */
.fpl-acquisition-related {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.fpl-acquisition-related a {
display: block;
padding: 23px;
border-radius: 14px;
background: var(--wp--preset--color--cielo);
text-decoration: none !important;
}
.fpl-acquisition-related strong {
display: block;
font-size: 17px;
color: var(--wp--preset--color--diviza);
}
.fpl-acquisition-related span {
display: block;
margin-top: 9px;
font-size: 13px;
color: var(--wp--preset--color--text-muted);
}
.fpl-acquisition-related span::after {
content: " →";
}
@media (max-width: 900px) {
.fpl-acquisition-types,
.fpl-acquisition-sources {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fpl-acquisition-related {
grid-template-columns: 1fr;
}
}
@media (max-width: 639px) {
.fpl-acquisition-page {
padding-bottom: 36px;
}
.fpl-acquisition-page > * + * {
margin-top: 36px;
}
.fpl-acquisition-intro {
padding: 24px 20px;
}
.fpl-acquisition-types,
.fpl-acquisition-sources,
.fpl-acquisition-criteria {
grid-template-columns: 1fr;
}
.fpl-acquisition-step {
grid-template-columns: 54px minmax(0, 1fr);
}
.fpl-acquisition-step-index {
min-height: 100%;
}
.fpl-acquisition-step-body {
padding: 19px 18px;
}
.fpl-acquisition-legal {
padding: 24px 20px;
}
}
/* ==========================================================================
CONTENT-06 — Asset Management
========================================================================== */
.fpl-management-page {
max-width: 1240px;
margin: 0 auto;
padding-bottom: 64px;
}
.fpl-management-page > * + * {
margin-top: 52px;
}
/* Intro */
.fpl-management-intro {
position: relative;
overflow: hidden;
padding: 34px 38px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 18px;
background: var(--wp--preset--color--cielo);
}
.fpl-management-intro::after {
content: "";
position: absolute;
right: -70px;
top: -105px;
width: 225px;
height: 225px;
border: 34px solid rgba(22, 85, 103, 0.05);
transform: rotate(45deg);
pointer-events: none;
}
.fpl-management-intro p {
position: relative;
z-index: 1;
max-width: 86ch;
margin: 0;
font-size: 16px;
line-height: 1.75;
}
/* Main objectives */
.fpl-management-objectives {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.fpl-management-objective {
min-height: 170px;
padding: 27px;
border-radius: 15px;
background: var(--wp--preset--color--diviza);
color: var(--wp--preset--color--white);
}
.fpl-management-objective-index {
display: block;
margin-bottom: 27px;
font-size: 10px;
font-weight: 700;
color: rgba(255,255,255,0.62);
}
.fpl-management-objective h3 {
margin: 0 0 10px;
font-size: 20px;
line-height: 1.35;
color: var(--wp--preset--color--white);
}
.fpl-management-objective p {
margin: 0;
line-height: 1.6;
color: rgba(255,255,255,0.88);
}
/* Management methods */
.fpl-management-methods {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.fpl-management-method {
position: relative;
min-height: 155px;
box-sizing: border-box;
padding: 23px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 14px;
background: var(--wp--preset--color--white);
}
.fpl-management-method-index {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 25px;
margin-bottom: 17px;
padding: 0 8px;
border-radius: 999px;
background: var(--wp--preset--color--cielo);
font-size: 10px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-management-method h3 {
margin: 0 0 8px;
font-size: 17px;
line-height: 1.4;
color: var(--wp--preset--color--diviza);
}
.fpl-management-method p {
margin: 0;
font-size: 14px;
line-height: 1.58;
}
/* Focus areas */
.fpl-management-focus {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.fpl-management-focus-card {
display: grid;
grid-template-columns: 92px minmax(0, 1fr);
overflow: hidden;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 15px;
background: var(--wp--preset--color--white);
}
.fpl-management-focus-number {
display: flex;
align-items: center;
justify-content: center;
min-height: 150px;
background: var(--wp--preset--color--cielo);
font-size: 13px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-management-focus-body {
padding: 24px;
}
.fpl-management-focus-body h3 {
margin: 0 0 9px;
font-size: 19px;
color: var(--wp--preset--color--diviza);
}
.fpl-management-focus-body p {
margin: 0;
line-height: 1.62;
}
/* Legal */
.fpl-management-legal {
padding: 30px 32px;
border-left: 4px solid var(--wp--preset--color--aviazone);
border-radius: 0 14px 14px 0;
background: rgba(231, 240, 237, 0.58);
}
.fpl-management-legal-label {
display: block;
margin-bottom: 8px;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--wp--preset--color--aviazone);
}
.fpl-management-legal h3 {
margin: 0 0 12px;
font-size: 22px;
color: var(--wp--preset--color--diviza);
}
.fpl-management-legal p {
max-width: 86ch;
margin: 0;
line-height: 1.7;
}
.fpl-management-legal-note {
margin-top: 15px !important;
font-size: 13px;
color: var(--wp--preset--color--text-muted);
}
/* Related */
.fpl-management-related {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.fpl-management-related a {
display: block;
padding: 23px;
border-radius: 14px;
background: var(--wp--preset--color--cielo);
text-decoration: none !important;
transition: transform .2s ease, box-shadow .2s ease;
}
.fpl-management-related a:hover {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(22, 85, 103, 0.08);
}
.fpl-management-related strong {
display: block;
font-size: 17px;
color: var(--wp--preset--color--diviza);
}
.fpl-management-related span {
display: block;
margin-top: 9px;
font-size: 13px;
color: var(--wp--preset--color--text-muted);
}
.fpl-management-related span::after {
content: " →";
}
@media (max-width: 900px) {
.fpl-management-objectives,
.fpl-management-methods {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fpl-management-related {
grid-template-columns: 1fr;
}
}
@media (max-width: 639px) {
.fpl-management-page {
padding-bottom: 36px;
}
.fpl-management-page > * + * {
margin-top: 36px;
}
.fpl-management-intro {
padding: 24px 20px;
}
.fpl-management-objectives,
.fpl-management-methods,
.fpl-management-focus,
.fpl-management-related {
grid-template-columns: 1fr;
}
.fpl-management-objective {
min-height: 0;
}
.fpl-management-focus-card {
grid-template-columns: 58px minmax(0, 1fr);
}
.fpl-management-focus-number {
min-height: 100%;
}
.fpl-management-focus-body {
padding: 21px 18px;
}
.fpl-management-legal {
padding: 24px 20px;
}
}
/* ==========================================================================
CONTENT-07 — Restructuring & Rehabilitation
========================================================================== */
.fpl-restructuring-page {
max-width: 1240px;
margin: 0 auto;
padding-bottom: 64px;
}
.fpl-restructuring-page > * + * {
margin-top: 52px;
}
/* Intro */
.fpl-restructuring-intro {
position: relative;
overflow: hidden;
padding: 34px 38px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 18px;
background: var(--wp--preset--color--cielo);
}
.fpl-restructuring-intro::after {
content: "";
position: absolute;
right: -70px;
top: -105px;
width: 225px;
height: 225px;
border: 34px solid rgba(22, 85, 103, 0.05);
transform: rotate(45deg);
pointer-events: none;
}
.fpl-restructuring-intro p {
position: relative;
z-index: 1;
max-width: 86ch;
margin: 0;
font-size: 16px;
line-height: 1.75;
}
/* Objectives */
.fpl-restructuring-goals {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.fpl-restructuring-goal {
padding: 27px;
border-radius: 15px;
background: var(--wp--preset--color--diviza);
color: var(--wp--preset--color--white);
}
.fpl-restructuring-goal-index {
display: block;
margin-bottom: 26px;
font-size: 10px;
font-weight: 700;
color: rgba(255,255,255,.62);
}
.fpl-restructuring-goal h3 {
margin: 0 0 10px;
font-size: 20px;
line-height: 1.35;
color: var(--wp--preset--color--white);
}
.fpl-restructuring-goal p {
margin: 0;
line-height: 1.62;
color: rgba(255,255,255,.88);
}
/* Process */
.fpl-restructuring-process {
display: grid;
gap: 12px;
}
.fpl-restructuring-step {
display: grid;
grid-template-columns: 76px minmax(0, 1fr);
overflow: hidden;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 14px;
background: var(--wp--preset--color--white);
}
.fpl-restructuring-step-index {
display: flex;
align-items: center;
justify-content: center;
min-height: 108px;
background: var(--wp--preset--color--cielo);
font-size: 13px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-restructuring-step-body {
padding: 22px 25px;
}
.fpl-restructuring-step-body h3 {
margin: 0 0 7px;
font-size: 18px;
color: var(--wp--preset--color--diviza);
}
.fpl-restructuring-step-body p {
margin: 0;
line-height: 1.63;
}
/* Analysis */
.fpl-restructuring-analysis {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.fpl-restructuring-analysis-item {
display: grid;
grid-template-columns: 38px minmax(0, 1fr);
gap: 13px;
padding: 20px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 13px;
background: var(--wp--preset--color--white);
}
.fpl-restructuring-analysis-index {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--wp--preset--color--cielo);
font-size: 10px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-restructuring-analysis-text {
line-height: 1.6;
}
/* Instruments */
.fpl-restructuring-tools {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
}
.fpl-restructuring-tool {
padding: 23px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 14px;
background: var(--wp--preset--color--white);
}
.fpl-restructuring-tool-index {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 25px;
margin-bottom: 17px;
padding: 0 8px;
border-radius: 999px;
background: var(--wp--preset--color--cielo);
font-size: 10px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-restructuring-tool h3 {
margin: 0 0 8px;
font-size: 17px;
line-height: 1.4;
color: var(--wp--preset--color--diviza);
}
.fpl-restructuring-tool p {
margin: 0;
font-size: 14px;
line-height: 1.6;
}
/* Monitoring */
.fpl-restructuring-monitor {
display: grid;
grid-template-columns: 250px minmax(0, 1fr);
overflow: hidden;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 15px;
background: var(--wp--preset--color--white);
}
.fpl-restructuring-monitor-heading {
padding: 28px;
background: var(--wp--preset--color--diviza);
color: var(--wp--preset--color--white);
}
.fpl-restructuring-monitor-heading span {
display: block;
margin-bottom: 18px;
font-size: 10px;
font-weight: 700;
color: rgba(255,255,255,.62);
}
.fpl-restructuring-monitor-heading h3 {
margin: 0;
font-size: 21px;
line-height: 1.35;
color: var(--wp--preset--color--white);
}
.fpl-restructuring-monitor-body {
padding: 28px 32px;
}
.fpl-restructuring-monitor-body p {
margin: 0;
line-height: 1.7;
}
.fpl-restructuring-monitor-body p + p {
margin-top: 12px;
}
/* Legal */
.fpl-restructuring-legal {
padding: 30px 32px;
border-left: 4px solid var(--wp--preset--color--aviazone);
border-radius: 0 14px 14px 0;
background: rgba(231, 240, 237, 0.58);
}
.fpl-restructuring-legal-label {
display: block;
margin-bottom: 8px;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--wp--preset--color--aviazone);
}
.fpl-restructuring-legal h3 {
margin: 0 0 12px;
font-size: 22px;
color: var(--wp--preset--color--diviza);
}
.fpl-restructuring-legal p {
max-width: 86ch;
margin: 0;
line-height: 1.7;
}
.fpl-restructuring-legal-note {
margin-top: 15px !important;
font-size: 13px;
color: var(--wp--preset--color--text-muted);
}
/* Related */
.fpl-restructuring-related {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.fpl-restructuring-related a {
display: block;
padding: 23px;
border-radius: 14px;
background: var(--wp--preset--color--cielo);
text-decoration: none !important;
transition: transform .2s ease, box-shadow .2s ease;
}
.fpl-restructuring-related a:hover {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(22,85,103,.08);
}
.fpl-restructuring-related strong {
display: block;
font-size: 17px;
color: var(--wp--preset--color--diviza);
}
.fpl-restructuring-related span {
display: block;
margin-top: 9px;
font-size: 13px;
color: var(--wp--preset--color--text-muted);
}
.fpl-restructuring-related span::after {
content: " →";
}
@media (max-width: 900px) {
.fpl-restructuring-goals,
.fpl-restructuring-tools {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fpl-restructuring-related {
grid-template-columns: 1fr;
}
}
@media (max-width: 639px) {
.fpl-restructuring-page {
padding-bottom: 36px;
}
.fpl-restructuring-page > * + * {
margin-top: 36px;
}
.fpl-restructuring-intro {
padding: 24px 20px;
}
.fpl-restructuring-goals,
.fpl-restructuring-analysis,
.fpl-restructuring-tools,
.fpl-restructuring-related {
grid-template-columns: 1fr;
}
.fpl-restructuring-step {
grid-template-columns: 54px minmax(0, 1fr);
}
.fpl-restructuring-step-body {
padding: 19px 18px;
}
.fpl-restructuring-monitor {
grid-template-columns: 1fr;
}
.fpl-restructuring-monitor-heading,
.fpl-restructuring-monitor-body {
padding: 22px 20px;
}
.fpl-restructuring-legal {
padding: 24px 20px;
}
}
/* ==========================================================================
CONTENT-08 — Debt Recovery
========================================================================== */
.fpl-recovery-page {
max-width: 1240px;
margin: 0 auto;
padding-bottom: 64px;
}
.fpl-recovery-page > * + * {
margin-top: 52px;
}
/* Intro */
.fpl-recovery-intro {
position: relative;
overflow: hidden;
padding: 34px 38px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 18px;
background: var(--wp--preset--color--cielo);
}
.fpl-recovery-intro::after {
content: "";
position: absolute;
right: -70px;
top: -105px;
width: 225px;
height: 225px;
border: 34px solid rgba(22, 85, 103, 0.05);
transform: rotate(45deg);
pointer-events: none;
}
.fpl-recovery-intro p {
position: relative;
z-index: 1;
max-width: 86ch;
margin: 0;
font-size: 16px;
line-height: 1.75;
}
/* Source */
.fpl-recovery-source {
padding: 18px 22px;
border-left: 4px solid var(--wp--preset--color--aviazone);
border-radius: 0 12px 12px 0;
background: rgba(231, 240, 237, 0.46);
}
.fpl-recovery-source strong {
color: var(--wp--preset--color--diviza);
}
.fpl-recovery-source p {
margin: 0;
line-height: 1.65;
}
/* Recovery stages */
.fpl-recovery-stages {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.fpl-recovery-stage {
display: grid;
grid-template-columns: 70px minmax(0, 1fr);
overflow: hidden;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 15px;
background: var(--wp--preset--color--white);
}
.fpl-recovery-stage-index {
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 27px;
background: var(--wp--preset--color--cielo);
font-size: 12px;
font-weight: 700;
color: var(--wp--preset--color--diviza);
}
.fpl-recovery-stage-body {
padding: 24px;
}
.fpl-recovery-stage-body h3 {
margin: 0 0 10px;
font-size: 19px;
line-height: 1.4;
color: var(--wp--preset--color--diviza);
}
.fpl-recovery-stage-body p {
margin: 0;
line-height: 1.65;
}
.fpl-recovery-stage-body ul {
margin: 14px 0 0;
padding-left: 20px;
}
.fpl-recovery-stage-body li + li {
margin-top: 7px;
}
/* Enforcement measures */
.fpl-recovery-enforcement {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 18px;
}
.fpl-recovery-enforcement-item {
padding: 20px 21px;
border: 1px solid var(--wp--preset--color--border-light);
border-radius: 13px;
background: var(--wp--preset--color--white);
font-size: 14px;
line-height: 1.55;
}
.fpl-recovery-enforcement-item strong {
display: block;
margin-bottom: 6px;
color: var(--wp--preset--color--diviza);
}
/* Published result */
.fpl-recovery-result {
padding: 30px 32px;
border-radius: 16px;
background: var(--wp--preset--color--diviza);
color: var(--wp--preset--color--white);
}
.fpl-recovery-result-label {
display: block;
margin-bottom: 10px;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: rgba(255,255,255,.65);
}
.fpl-recovery-result strong {
display: block;
margin-bottom: 9px;
font-size: 26px;
line-height: 1.25;
color: var(--wp--preset--color--white);
}
.fpl-recovery-result p {
margin: 0;
max-width: 84ch;
line-height: 1.65;
color: rgba(255,255,255,.88);
}
/* Current legal basis */
.fpl-recovery-legal {
padding: 30px 32px;
border-left: 4px solid var(--wp--preset--color--aviazone);
border-radius: 0 14px 14px 0;
background: rgba(231, 240, 237, 0.58);
}
.fpl-recovery-legal-label {
display: block;
margin-bottom: 8px;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--wp--preset--color--aviazone);
}
.fpl-recovery-legal h3 {
margin: 0 0 12px;
font-size: 22px;
color: var(--wp--preset--color--diviza);
}
.fpl-recovery-legal p {
max-width: 88ch;
margin: 0;
line-height: 1.7;
}
.fpl-recovery-legal p + p {
margin-top: 13px;
}
.fpl-recovery-legal-note {
font-size: 13px;
color: var(--wp--preset--color--text-muted);
}
/* Related */
.fpl-recovery-related {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.fpl-recovery-related a {
display: block;
padding: 23px;
border-radius: 14px;
background: var(--wp--preset--color--cielo);
text-decoration: none !important;
transition: transform .2s ease, box-shadow .2s ease;
}
.fpl-recovery-related a:hover {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(22, 85, 103, 0.08);
}
.fpl-recovery-related strong {
display: block;
font-size: 17px;
color: var(--wp--preset--color--diviza);
}
.fpl-recovery-related span {
display: block;
margin-top: 9px;
font-size: 13px;
color: var(--wp--preset--color--text-muted);
}
.fpl-recovery-related span::after {
content: " →";
}
@media (max-width: 900px) {
.fpl-recovery-stages,
.fpl-recovery-enforcement,
.fpl-recovery-related {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.fpl-recovery-page {
padding-bottom: 42px;
}
.fpl-recovery-page > * + * {
margin-top: 38px;
}
.fpl-recovery-intro {
padding: 26px 24px;
}
.fpl-recovery-stages,
.fpl-recovery-enforcement,
.fpl-recovery-related {
grid-template-columns: 1fr;
}
.fpl-recovery-stage {
grid-template-columns: 54px minmax(0, 1fr);
}
.fpl-recovery-stage-index {
padding-top: 24px;
}
.fpl-recovery-stage-body {
padding: 21px;
}
.fpl-recovery-result,
.fpl-recovery-legal {
padding: 25px 23px;
}
}
/* ==========================================================================
CONTENT-08A — Debt Recovery Source-Faithful Article
========================================================================== */
.fpl-recovery-source-faithful {
max-width: 1240px;
margin: 0 auto;
padding-bottom: 64px;
}
.fpl-recovery-article-title {
max-width: 980px;
margin: 0 auto 30px;
text-align: center;
font-size: clamp(28px, 3vw, 42px);
line-height: 1.2;
color: var(--wp--preset--color--diviza);
}
.fpl-recovery-source-image {
max-width: 900px;
margin: 0 auto 48px;
text-align: center;
}
.fpl-recovery-source-image a {
display: inline-block;
}
.fpl-recovery-source-image img {
display: block;
width: 100%;
height: auto;
border-radius: 18px;
}
.fpl-recovery-source-content {
max-width: 900px;
margin: 0 auto;
}
.fpl-recovery-source-content p {
margin: 0 0 18px;
font-size: 16px;
line-height: 1.75;
}
.fpl-recovery-source-content p > b:only-child,
.fpl-recovery-source-content p > strong:only-child,
.fpl-recovery-source-content h3 {
display: block;
margin: 42px 0 18px;
font-size: 23px;
font-weight: 700;
line-height: 1.35;
color: var(--wp--preset--color--diviza);
}
.fpl-recovery-source-content h3:first-child {
margin-top: 0;
}
.fpl-recovery-source-content i {
color: inherit;
}
@media (max-width: 640px) {
.fpl-recovery-source-faithful {
padding-bottom: 42px;
}
.fpl-recovery-article-title {
margin-bottom: 24px;
font-size: 27px;
}
.fpl-recovery-source-image {
margin-bottom: 34px;
}
.fpl-recovery-source-content p {
font-size: 15px;
line-height: 1.7;
}
.fpl-recovery-source-content p > b:only-child,
.fpl-recovery-source-content p > strong:only-child,
.fpl-recovery-source-content h3 {
margin-top: 34px;
font-size: 21px;
}
}
/* ==========================================================================
CONTENT-08C — Debt Recovery Final Reading UX
========================================================================== */
/* --------------------------------------------------------------------------
Main page title
-------------------------------------------------------------------------- */
body.page-id-106 .wp-block-post-title,
body.page-id-107 .wp-block-post-title,
body.page-id-108 .wp-block-post-title {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
text-align: center;
text-wrap: balance;
}
/* --------------------------------------------------------------------------
Article shell
-------------------------------------------------------------------------- */
.fpl-recovery-source-faithful {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
padding-bottom: 72px;
}
/* Original article title */
.fpl-recovery-article-title {
max-width: 920px;
margin: 0 auto 32px;
text-align: center;
font-size: clamp(26px, 2.4vw, 36px);
line-height: 1.28;
font-weight: 700;
text-wrap: balance;
}
/* --------------------------------------------------------------------------
Source illustration
-------------------------------------------------------------------------- */
.fpl-recovery-source-image {
max-width: 780px;
margin: 0 auto 56px;
text-align: center;
}
.fpl-recovery-source-image img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
}
/* --------------------------------------------------------------------------
Reading column
-------------------------------------------------------------------------- */
.fpl-recovery-source-content {
max-width: 880px;
margin-left: auto;
margin-right: auto;
counter-reset: recovery-section;
}
/* Normal article paragraphs */
.fpl-recovery-source-content p {
margin: 0 0 22px;
font-size: 17px;
line-height: 1.8;
text-align: left;
text-wrap: pretty;
overflow-wrap: break-word;
hyphens: auto;
}
/* Introductory paragraphs */
.fpl-recovery-source-content > p:nth-of-type(1),
.fpl-recovery-source-content > p:nth-of-type(2) {
font-size: 18px;
line-height: 1.78;
}
/* --------------------------------------------------------------------------
Section headings
RU / EN use ...
KK also contains
-------------------------------------------------------------------------- */
.fpl-recovery-source-content > p:has(> b:only-child),
.fpl-recovery-source-content > p:has(> strong:only-child),
.fpl-recovery-source-content > h3 {
margin: 48px 0 20px;
padding-top: 34px;
border-top: 1px solid rgba(15, 40, 55, 0.10);
}
/* Bold-only source headings */
.fpl-recovery-source-content
> p
> b:only-child,
.fpl-recovery-source-content
> p
> strong:only-child,
.fpl-recovery-source-content
> h3 {
display: flex;
align-items: baseline;
gap: 16px;
font-size: 23px;
font-weight: 700;
line-height: 1.35;
color: var(
--wp--preset--color--diviza,
#175f68
);
text-wrap: balance;
}
/* Automatic section numbers 01–09 */
.fpl-recovery-source-content
> p
> b:only-child::before,
.fpl-recovery-source-content
> p
> strong:only-child::before,
.fpl-recovery-source-content
> h3::before {
counter-increment: recovery-section;
content: counter(
recovery-section,
decimal-leading-zero
);
flex: 0 0 auto;
font-size: 14px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.06em;
color: var(
--wp--preset--color--diviza,
#175f68
);
opacity: 0.62;
}
/* --------------------------------------------------------------------------
Converted numbered paragraphs
-------------------------------------------------------------------------- */
.fpl-recovery-source-content
.fpl-recovery-list-intro {
margin-bottom: 14px;
}
/* Semantic lists */
.fpl-recovery-source-content
ol.fpl-recovery-list {
counter-reset: recovery-list-item;
list-style: none;
display: grid;
gap: 10px;
margin: 4px 0 28px;
padding: 0;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li {
counter-increment: recovery-list-item;
position: relative;
margin: 0;
padding: 14px 18px 14px 56px;
font-size: 16.5px;
line-height: 1.65;
text-align: left;
background:
rgba(15, 75, 85, 0.045);
border:
1px solid rgba(15, 75, 85, 0.09);
border-radius: 12px;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li::before {
content:
counter(recovery-list-item);
position: absolute;
left: 17px;
top: 15px;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
font-size: 12px;
font-weight: 700;
line-height: 1;
border-radius: 50%;
color: var(
--wp--preset--color--diviza,
#175f68
);
background:
rgba(15, 75, 85, 0.10);
}
/* --------------------------------------------------------------------------
Mobile
-------------------------------------------------------------------------- */
@media (max-width: 700px) {
.fpl-recovery-source-faithful {
padding-bottom: 48px;
}
.fpl-recovery-article-title {
font-size: 25px;
line-height: 1.3;
margin-bottom: 26px;
}
.fpl-recovery-source-image {
margin-bottom: 40px;
}
.fpl-recovery-source-content p {
font-size: 16px;
line-height: 1.72;
}
.fpl-recovery-source-content
> p:nth-of-type(1),
.fpl-recovery-source-content
> p:nth-of-type(2) {
font-size: 16.5px;
}
.fpl-recovery-source-content
> p:has(> b:only-child),
.fpl-recovery-source-content
> p:has(> strong:only-child),
.fpl-recovery-source-content
> h3 {
margin-top: 38px;
padding-top: 28px;
}
.fpl-recovery-source-content
> p
> b:only-child,
.fpl-recovery-source-content
> p
> strong:only-child,
.fpl-recovery-source-content
> h3 {
gap: 11px;
font-size: 20px;
line-height: 1.38;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li {
padding:
13px 14px
13px 50px;
font-size: 15.5px;
line-height: 1.62;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li::before {
left: 14px;
top: 14px;
}
}
/* ==========================================================================
CONTENT-08D — Debt Recovery Visual Corrections
========================================================================== */
/* --------------------------------------------------------------------------
Original publication title — force true visual centering
-------------------------------------------------------------------------- */
.fpl-recovery-source-faithful .fpl-recovery-article-title {
display: block;
width: 100%;
max-width: 920px;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 32px;
padding-left: 0;
padding-right: 0;
text-align: center !important;
}
/*
* Old source markup may contain an inner element carrying its
* own alignment. Override it only inside this title.
*/
.fpl-recovery-source-faithful
.fpl-recovery-article-title * {
text-align: center !important;
}
/* --------------------------------------------------------------------------
Number badges inside converted lists
-------------------------------------------------------------------------- */
.fpl-recovery-source-content
ol.fpl-recovery-list > li {
min-height: 52px;
padding-left: 60px;
display: flex;
align-items: center;
box-sizing: border-box;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li::before {
position: absolute;
left: 17px;
top: 50%;
transform: translateY(-50%);
display: grid;
place-items: center;
width: 28px;
height: 28px;
box-sizing: border-box;
padding: 0;
margin: 0;
font-size: 12px;
font-weight: 700;
line-height: 1;
font-variant-numeric: tabular-nums;
color: var(
--wp--preset--color--diviza,
#175f68
);
background:
rgba(23, 95, 104, 0.10);
border:
1px solid rgba(23, 95, 104, 0.16);
border-radius: 50%;
}
/* --------------------------------------------------------------------------
Section numbers 01–09
Give them a little more presence and stable alignment
-------------------------------------------------------------------------- */
.fpl-recovery-source-content
> p
> b:only-child::before,
.fpl-recovery-source-content
> p
> strong:only-child::before,
.fpl-recovery-source-content
> h3::before {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 26px;
font-size: 12px;
font-weight: 700;
line-height: 1;
font-variant-numeric: tabular-nums;
letter-spacing: 0.04em;
opacity: 0.72;
}
/* --------------------------------------------------------------------------
Mobile
-------------------------------------------------------------------------- */
@media (max-width: 700px) {
.fpl-recovery-source-faithful
.fpl-recovery-article-title {
max-width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li {
min-height: 50px;
padding:
12px 14px
12px 56px;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li::before {
left: 14px;
width: 27px;
height: 27px;
font-size: 12px;
}
}
/* ==========================================================================
CONTENT-08E — Debt Recovery Marker Refinement
========================================================================== */
/* List item number badges */
.fpl-recovery-source-content
ol.fpl-recovery-list > li::before {
width: 26px;
height: 26px;
font-size: 13px;
font-weight: 700;
line-height: 1;
color: #ffffff;
background:
var(
--wp--preset--color--diviza,
#175f68
);
border: 0;
opacity: 1;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.08);
}
/* Slightly tighter alignment with the badge */
.fpl-recovery-source-content
ol.fpl-recovery-list > li {
padding-left: 58px;
min-height: 50px;
}
/* Section numbers 01–09 */
.fpl-recovery-source-content
> p
> b:only-child::before,
.fpl-recovery-source-content
> p
> strong:only-child::before,
.fpl-recovery-source-content
> h3::before {
min-width: 28px;
font-size: 13px;
font-weight: 700;
color:
var(
--wp--preset--color--diviza,
#175f68
);
opacity: 1;
letter-spacing: 0.03em;
}
/* A little more separation between sections */
.fpl-recovery-source-content
> p:has(> b:only-child),
.fpl-recovery-source-content
> p:has(> strong:only-child),
.fpl-recovery-source-content
> h3 {
border-top-color:
rgba(23, 95, 104, 0.14);
}
@media (max-width: 700px) {
.fpl-recovery-source-content
ol.fpl-recovery-list > li::before {
width: 25px;
height: 25px;
font-size: 12px;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li {
padding-left: 54px;
}
}
/* ==========================================================================
CONTENT-08F — Debt Recovery Final Visual Polish
========================================================================== */
/* --------------------------------------------------------------------------
Section separation
-------------------------------------------------------------------------- */
.fpl-recovery-source-content
> p:has(> b:only-child),
.fpl-recovery-source-content
> p:has(> strong:only-child),
.fpl-recovery-source-content
> h3 {
margin: 32px 0 16px;
padding-top: 22px;
border-top:
1px solid rgba(23, 95, 104, 0.14);
}
/* --------------------------------------------------------------------------
Section heading + 01–09
Number becomes part of the heading, not a detached label.
-------------------------------------------------------------------------- */
.fpl-recovery-source-content
> p
> b:only-child,
.fpl-recovery-source-content
> p
> strong:only-child,
.fpl-recovery-source-content
> h3 {
display: grid;
grid-template-columns:
32px minmax(0, 1fr);
column-gap: 12px;
align-items: start;
width: 100%;
font-size: 23px;
font-weight: 700;
line-height: 1.35;
}
.fpl-recovery-source-content
> p
> b:only-child::before,
.fpl-recovery-source-content
> p
> strong:only-child::before,
.fpl-recovery-source-content
> h3::before {
position: static;
display: grid;
place-items: center;
width: 32px;
height: 26px;
min-width: 0;
margin: 3px 0 0;
padding: 0;
box-sizing: border-box;
font-size: 11px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.02em;
font-variant-numeric: tabular-nums;
color:
var(
--wp--preset--color--diviza,
#175f68
);
background:
rgba(23, 95, 104, 0.08);
border:
1px solid rgba(23, 95, 104, 0.18);
border-radius: 6px;
opacity: 1;
}
/* --------------------------------------------------------------------------
Numbered cards
Use real CSS grid instead of absolute positioning.
This keeps numbers aligned even when an item wraps to 2–3 lines.
-------------------------------------------------------------------------- */
.fpl-recovery-source-content
ol.fpl-recovery-list {
display: grid;
gap: 8px;
margin: 6px 0 26px;
padding: 0;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li {
position: relative;
display: grid;
grid-template-columns:
28px minmax(0, 1fr);
column-gap: 12px;
align-items: center;
min-height: 50px;
margin: 0;
padding: 10px 16px;
box-sizing: border-box;
font-size: 16.5px;
line-height: 1.55;
background:
rgba(23, 95, 104, 0.045);
border:
1px solid rgba(23, 95, 104, 0.10);
border-radius: 10px;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li::before {
position: static;
transform: none;
display: grid;
place-items: center;
width: 28px;
height: 28px;
margin: 0;
padding: 0;
box-sizing: border-box;
font-size: 12px;
font-weight: 700;
line-height: 1;
font-variant-numeric: tabular-nums;
color: #ffffff;
background:
var(
--wp--preset--color--diviza,
#175f68
);
border: 0;
border-radius: 50%;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.08);
}
/* --------------------------------------------------------------------------
Illustration
-------------------------------------------------------------------------- */
.fpl-recovery-source-image img {
cursor: zoom-in;
}
/* --------------------------------------------------------------------------
Mobile
-------------------------------------------------------------------------- */
@media (max-width: 700px) {
.fpl-recovery-source-content
> p:has(> b:only-child),
.fpl-recovery-source-content
> p:has(> strong:only-child),
.fpl-recovery-source-content
> h3 {
margin-top: 28px;
padding-top: 20px;
}
.fpl-recovery-source-content
> p
> b:only-child,
.fpl-recovery-source-content
> p
> strong:only-child,
.fpl-recovery-source-content
> h3 {
grid-template-columns:
30px minmax(0, 1fr);
column-gap: 10px;
font-size: 20px;
}
.fpl-recovery-source-content
> p
> b:only-child::before,
.fpl-recovery-source-content
> p
> strong:only-child::before,
.fpl-recovery-source-content
> h3::before {
width: 30px;
height: 25px;
font-size: 10px;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li {
grid-template-columns:
26px minmax(0, 1fr);
column-gap: 10px;
min-height: 48px;
padding: 10px 13px;
font-size: 15.5px;
}
.fpl-recovery-source-content
ol.fpl-recovery-list > li::before {
width: 26px;
height: 26px;
font-size: 11px;
}
}
/* ==========================================================================
CONTENT-08G — Debt Recovery Heading Spacing
========================================================================== */
/* Main page title */
body.page-id-106 .wp-block-post-title,
body.page-id-107 .wp-block-post-title,
body.page-id-108 .wp-block-post-title {
margin-bottom: 38px !important;
}
/* Remove any additional top spacing from article block */
body.page-id-106 .fpl-recovery-source-faithful,
body.page-id-107 .fpl-recovery-source-faithful,
body.page-id-108 .fpl-recovery-source-faithful {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Original article title */
body.page-id-106 .fpl-recovery-article-title,
body.page-id-107 .fpl-recovery-article-title,
body.page-id-108 .fpl-recovery-article-title {
margin-top: 0 !important;
margin-bottom: 28px;
}
@media (max-width: 700px) {
body.page-id-106 .wp-block-post-title,
body.page-id-107 .wp-block-post-title,
body.page-id-108 .wp-block-post-title {
margin-bottom: 28px !important;
}
body.page-id-106 .fpl-recovery-article-title,
body.page-id-107 .fpl-recovery-article-title,
body.page-id-108 .fpl-recovery-article-title {
margin-bottom: 24px;
}
}
/* ==========================================================================
FPL SUBS-02 — Multilingual Subsidiaries Section
========================================================================== */
.fpl-subsidiaries-wrapper {
max-width: 1240px;
margin: 0 auto;
padding-bottom: 64px;
}
.fpl-subsidiaries-lead {
font-family: var(--wp--preset--font-family--montserrat);
font-size: clamp(16px, 1.15vw, 18px);
line-height: 1.6;
color: var(--wp--preset--color--text-muted);
margin-top: 0;
margin-bottom: 36px;
}
/* 3-Card Grid layout using core blocks */
.fpl-subsidiaries-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
align-items: stretch;
}
/* Neutralize Gutenberg block margin-block-start on grid children */
.fpl-subsidiaries-grid > .fpl-subsidiary-card,
.fpl-subsidiaries-grid > * {
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-block-start: 0 !important;
margin-block-end: 0 !important;
}
.fpl-subsidiary-card {
display: flex;
flex-direction: column;
background-color: var(--wp--preset--color--white, #ffffff);
border: 1px solid var(--wp--preset--color--border-light, #D1DFE2);
border-radius: 18px;
padding: 28px;
box-shadow: 0 4px 16px rgba(22, 85, 103, 0.04);
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
box-sizing: border-box;
height: 100%;
}
.fpl-subsidiary-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 30px rgba(22, 85, 103, 0.09);
border-color: var(--wp--preset--color--aviazone, #7FBAC2);
}
/* Logo container */
.fpl-subsidiary-card > .fpl-subsidiary-logo-wrap,
.fpl-subsidiary-logo-wrap {
display: flex;
align-items: center;
justify-content: center;
height: 80px;
padding: 10px 16px;
background-color: #F8FAFB;
border: 1px solid #E8EEF1;
border-radius: 12px;
margin-top: 0 !important;
margin-bottom: 24px !important;
margin-block-start: 0 !important;
margin-block-end: 24px !important;
box-sizing: border-box;
width: 100%;
overflow: hidden;
}
.fpl-subsidiary-logo-wrap figure {
margin: 0 !important;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.fpl-subsidiary-logo-wrap img {
max-height: 52px;
max-width: 100%;
width: auto;
height: auto;
object-fit: contain;
display: block;
}
/* Narrowly scoped logo presentation normalizing perceived scale */
.fpl-subsidiary-logo-wrap img[src*="kaztranzitservice"] {
max-height: 54px;
max-width: 100%;
}
.fpl-subsidiary-logo-wrap img[src*="kazkom"] {
max-height: 48px;
max-width: 100%;
}
/* Description */
.fpl-subsidiary-card > .fpl-subsidiary-desc,
.fpl-subsidiary-desc {
font-family: var(--wp--preset--font-family--montserrat);
font-size: 14.5px;
line-height: 1.65;
color: var(--wp--preset--color--text-main, #1A2F35);
margin-top: 0 !important;
margin-bottom: 24px !important;
margin-block-start: 0 !important;
margin-block-end: 0 !important;
flex: 1 0 auto;
}
/* Card bottom area */
.fpl-subsidiary-card > .fpl-subsidiary-bottom,
.fpl-subsidiary-bottom {
margin-top: auto !important;
padding-top: 18px;
border-top: 1px solid var(--wp--preset--color--border-light, #D1DFE2);
min-height: 62px;
display: flex;
align-items: center;
box-sizing: border-box;
margin-block-start: auto !important;
margin-block-end: 0 !important;
}
.fpl-subsidiary-contact {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--wp--preset--font-family--montserrat);
font-size: 13.5px;
color: var(--wp--preset--color--text-muted, #50686E);
line-height: 1.5;
margin: 0 !important;
}
.fpl-subsidiary-contact-icon {
flex-shrink: 0;
width: 18px;
height: 18px;
color: var(--wp--preset--color--diviza, #165567);
}
.fpl-subsidiary-contact a {
color: var(--wp--preset--color--diviza, #165567);
text-decoration: none;
font-weight: 600;
}
.fpl-subsidiary-contact a:hover {
text-decoration: underline;
}
.fpl-subsidiary-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
box-sizing: border-box;
padding: 10px 18px;
font-family: var(--wp--preset--font-family--montserrat);
font-size: 13.5px;
font-weight: 600;
color: var(--wp--preset--color--white, #ffffff) !important;
background-color: var(--wp--preset--color--diviza, #165567);
border-radius: 8px;
text-decoration: none !important;
transition: background-color 0.2s ease, transform 0.15s ease;
}
.fpl-subsidiary-btn:hover {
background-color: var(--wp--preset--color--diviza-dark, #0E3B48);
transform: translateY(-1px);
}
.fpl-subsidiary-btn svg {
width: 14px;
height: 14px;
flex-shrink: 0;
}
/* Responsive Breakpoints */
@media (max-width: 992px) {
.fpl-subsidiaries-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 20px;
}
.fpl-subsidiary-card:last-child {
grid-column: span 2;
}
}
@media (max-width: 640px) {
.fpl-subsidiaries-grid {
grid-template-columns: 1fr !important;
gap: 18px;
}
.fpl-subsidiary-card:last-child {
grid-column: span 1;
}
.fpl-subsidiary-card {
padding: 22px 18px;
height: auto;
}
.fpl-subsidiary-logo-wrap {
height: 68px;
}
}
/* ==========================================================================
CAREERS-01A2: Approved Full-Width Hero and True Tabs Interaction
========================================================================== */
/* Page-scoped overflow containment preventing horizontal scrollbar */
body.page-id-61,
body.page-id-62,
body.page-id-63 {
overflow-x: hidden;
}
/* Hide bare article header on Careers pages (Hero renders H1 + subtitle) */
.page-id-61 .fpl-article-header,
.page-id-62 .fpl-article-header,
.page-id-63 .fpl-article-header {
display: none !important;
}
/* Let Careers page break out of default container constraints smoothly */
.page-id-61 .fpl-article-container,
.page-id-62 .fpl-article-container,
.page-id-63 .fpl-article-container {
padding-top: 20px;
padding-left: 0;
padding-right: 0;
max-width: 100%;
}
.page-id-61 .fpl-breadcrumbs,
.page-id-62 .fpl-breadcrumbs,
.page-id-63 .fpl-breadcrumbs {
max-width: 1140px;
margin: 0 auto 16px;
padding: 0 24px;
box-sizing: border-box;
}
.fpl-careers-page {
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* 1. FULL-WIDTH HERO (EDGE-TO-EDGE CONTINUOUS PANORAMIC BACKGROUND) */
.fpl-careers-hero {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-top: 0;
margin-bottom: 0;
min-height: 400px;
box-sizing: border-box;
overflow: hidden;
border-bottom: 1px solid #eef2f6;
background-color: #f0f7f9;
background-image:
linear-gradient(to right,
rgba(255, 255, 255, 0.95) 0%,
rgba(255, 255, 255, 0.88) 36%,
rgba(255, 255, 255, 0.65) 52%,
rgba(255, 255, 255, 0.0) 68%
),
url('../images/careers-hero-panoramic.webp');
background-size: cover;
background-position: right center;
background-repeat: no-repeat;
display: flex;
align-items: center;
}
.fpl-careers-hero-inner {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 56px 24px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.fpl-careers-hero-content {
max-width: 520px;
display: flex;
flex-direction: column;
justify-content: center;
}
.fpl-careers-hero-title {
font-family: var(--fpl-font-heading);
font-size: clamp(32px, 3.2vw, 44px);
font-weight: 600;
color: #103254;
text-transform: uppercase;
letter-spacing: -0.5px;
line-height: 1.1;
margin: 0 0 16px;
}
.fpl-careers-hero-subtitle {
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 18px;
font-weight: 500;
line-height: 1.45;
color: #1e293b;
margin: 0;
}
/* 2. ACCESSIBLE HORIZONTAL TABS BAR */
.fpl-careers-tabs {
width: 100%;
background: #ffffff;
border-bottom: 1px solid #e2e8f0;
margin: 0 0 48px;
position: sticky;
top: 0;
z-index: 20;
}
.fpl-careers-tabs-list {
max-width: 1140px;
margin: 0 auto;
padding: 0 24px;
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(3, 1fr);
text-align: center;
}
.fpl-careers-tab-item {
display: block;
position: relative;
padding: 18px 12px 16px;
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 15px;
font-weight: 500;
color: #334155;
background: transparent;
border: none;
cursor: pointer;
text-decoration: none !important;
transition: color 0.2s ease;
box-sizing: border-box;
outline: none;
}
.fpl-careers-tab-item:focus-visible {
outline: 2px solid #0e4d61;
outline-offset: -2px;
border-radius: 4px;
}
.fpl-careers-tab-item:hover {
color: #0e4d61;
}
.fpl-careers-tab-item.is-active,
.fpl-careers-tab-item[aria-selected="true"] {
color: #0e4d61;
font-weight: 700;
}
.fpl-careers-tab-line {
display: none;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 3px;
background: #0e4d61;
border-radius: 2px 2px 0 0;
}
.fpl-careers-tab-item.is-active .fpl-careers-tab-line,
.fpl-careers-tab-item[aria-selected="true"] .fpl-careers-tab-line {
display: block;
}
/* 3. TAB PANELS CONTAINER (ALIGNED TO 1140px CORPORATE GRID) */
.fpl-careers-panels {
max-width: 1140px;
margin: 0 auto;
padding: 0 24px 64px;
box-sizing: border-box;
}
.fpl-careers-panel {
display: none;
outline: none;
}
.fpl-careers-panel.is-active,
.fpl-careers-panel:not([hidden]) {
display: block;
}
.fpl-careers-panel[hidden] {
display: none !important;
}
/* 4. SECTION HEADING & STRUCTURE INSIDE PANELS */
.fpl-careers-section {
margin-bottom: 0;
}
.fpl-careers-section-heading {
display: flex;
align-items: flex-start;
gap: 16px;
margin-bottom: 24px;
}
.fpl-careers-section-num {
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 34px;
font-weight: 300;
color: #64748b;
line-height: 1;
flex-shrink: 0;
letter-spacing: -1px;
}
.fpl-careers-section-title {
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 26px;
font-weight: 700;
color: #103254;
line-height: 1.25;
margin: 0;
}
.fpl-careers-heading-group {
flex: 1;
}
.fpl-careers-section-sub {
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 14.5px;
line-height: 1.5;
color: #64748b;
margin: 6px 0 0;
}
/* SECTION 01: CULTURE & PRESENTATION (2-COLUMN LAYOUT) */
.fpl-careers-culture-grid {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 40px;
align-items: start;
}
.fpl-careers-culture-text {
display: flex;
flex-direction: column;
}
.fpl-careers-paragraph {
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 15px;
line-height: 1.65;
color: #334155;
margin: 0 0 16px;
}
.fpl-careers-presentation-action {
margin-top: 12px;
}
.fpl-careers-btn-primary {
display: inline-flex;
align-items: center;
gap: 10px;
background: #0e4d61;
color: #ffffff !important;
padding: 13px 22px;
border-radius: 8px;
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 14.5px;
font-weight: 600;
text-decoration: none !important;
transition: all 0.2s ease;
box-shadow: 0 4px 14px rgba(14, 77, 97, 0.2);
}
.fpl-careers-btn-primary:hover {
background: #0a3a49;
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(14, 77, 97, 0.3);
}
.fpl-btn-icon,
.fpl-btn-arrow {
flex-shrink: 0;
}
.fpl-careers-presentation-meta {
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 13px;
color: #64748b;
margin-top: 10px;
}
.fpl-careers-culture-visual {
width: 100%;
}
.fpl-careers-culture-img {
width: 100%;
height: auto;
display: block;
border-radius: 10px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
object-fit: cover;
}
/* SECTION 03: FEATURED DOCUMENT CARD */
.fpl-careers-featured-card {
display: flex;
align-items: center;
gap: 28px;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 10px;
padding: 24px 28px;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
}
.fpl-careers-card-thumb-wrap {
flex-shrink: 0;
width: 140px;
}
.fpl-careers-card-thumb {
width: 100%;
height: auto;
display: block;
border-radius: 6px;
border: 1px solid #e2e8f0;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
object-fit: cover;
}
.fpl-careers-card-body {
flex: 1;
display: flex;
flex-direction: column;
}
.fpl-careers-card-title {
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 18px;
font-weight: 700;
color: #103254;
margin: 0 0 6px;
line-height: 1.35;
}
.fpl-careers-card-date {
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 13.5px;
color: #64748b;
font-weight: 500;
margin: 0 0 6px;
}
.fpl-careers-card-meta {
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 13px;
color: #64748b;
margin: 0 0 18px;
}
.fpl-careers-card-actions {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.fpl-careers-card-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 20px;
border-radius: 6px;
font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
transition: all 0.2s ease;
cursor: pointer;
}
.fpl-careers-card-btn-view {
background: #0e4d61;
color: #ffffff !important;
border: 1.5px solid #0e4d61;
}
.fpl-careers-card-btn-view:hover {
background: #0a3a49;
border-color: #0a3a49;
transform: translateY(-1px);
}
.fpl-careers-card-btn-download {
background: #ffffff;
color: #0e4d61 !important;
border: 1.5px solid #0e4d61;
}
.fpl-careers-card-btn-download:hover {
background: #f0f7f9;
border-color: #0a3a49;
color: #0a3a49 !important;
transform: translateY(-1px);
}
/* RESPONSIVE BREAKPOINTS (1024px, 768px, 480px, 390px) */
@media (max-width: 991px) {
.fpl-careers-hero {
min-height: 360px;
background-position: 80% center;
}
.fpl-careers-hero-inner {
padding: 40px 24px;
}
.fpl-careers-hero-title {
font-size: 34px;
}
.fpl-careers-hero-subtitle {
font-size: 16px;
}
.fpl-careers-culture-grid {
gap: 28px;
}
}
@media (max-width: 768px) {
.fpl-careers-hero {
min-height: 340px;
background-position: 78% center;
background-image:
linear-gradient(to right,
rgba(255, 255, 255, 0.96) 0%,
rgba(255, 255, 255, 0.90) 55%,
rgba(255, 255, 255, 0.45) 82%,
rgba(255, 255, 255, 0.10) 100%
),
url('../images/careers-hero-panoramic.webp');
}
.fpl-careers-hero-inner {
padding: 32px 20px;
}
.fpl-careers-hero-title {
font-size: 30px;
}
.fpl-careers-tabs-list {
display: flex;
overflow-x: auto;
scrollbar-width: none;
-webkit-overflow-scrolling: touch;
}
.fpl-careers-tabs-list::-webkit-scrollbar {
display: none;
}
.fpl-careers-tab-item {
white-space: nowrap;
flex: 0 0 auto;
padding: 14px 18px 12px;
}
.fpl-careers-culture-grid {
grid-template-columns: 1fr;
gap: 24px;
}
.fpl-careers-featured-card {
flex-direction: column;
align-items: flex-start;
gap: 20px;
padding: 20px;
}
.fpl-careers-card-thumb-wrap {
width: 120px;
}
}
@media (max-width: 480px) {
.fpl-careers-hero {
min-height: 320px;
background-position: 85% center;
background-image:
linear-gradient(to bottom,
rgba(255, 255, 255, 0.97) 0%,
rgba(255, 255, 255, 0.92) 58%,
rgba(255, 255, 255, 0.35) 100%
),
url('../images/careers-hero-panoramic.webp');
}
.fpl-careers-hero-inner {
padding: 28px 16px 36px;
}
.fpl-careers-hero-title {
font-size: 26px;
}
.fpl-careers-hero-subtitle {
font-size: 15px;
}
.fpl-careers-section-num {
font-size: 28px;
}
.fpl-careers-section-title {
font-size: 22px;
}
.fpl-careers-card-title {
font-size: 16px;
}
.fpl-careers-card-actions {
width: 100%;
}
.fpl-careers-card-btn {
width: 100%;
justify-content: center;
}
}