body.page-template-page-complaint-php{
--page-max: 1000px;
--content-max: 1000px;
--space-x: 20px;
--space-x-mobile: 12px;
--space-y: 40px;
--space-y-mobile: 24px;
--radius-lg: 20px;
--radius-md: 14px;
--radius-sm: 10px;
--color-bg: #f8fafc;
--color-surface: #ffffff;
--color-surface-soft: #f1f5f9;
--color-text: #0f172a;
--color-text-soft: #475569;
--color-line: #dbe3ee;
--color-primary: #1d4ed8;
--color-primary-deep: #1e3a8a;
--color-danger: #dc2626;
--color-danger-soft: #fef2f2;
--color-warn: #92400e;
--color-warn-soft: #fffbeb;
--color-info: #075985;
--color-info-soft: #eff6ff;
--shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
--shadow-md: 0 10px 30px rgba(15, 23, 42, 0.06);
}
body.page-template-page-complaint-php{
scroll-behavior: smooth;
}
body.page-template-page-complaint-php{
color: var(--color-text);
background: var(--color-bg);
}
body.page-template-page-complaint-php .site,
body.page-template-page-complaint-php .site-main,
body.page-template-page-complaint-php .content-area,
body.page-template-page-complaint-php .entry-content,
body.page-template-page-complaint-php .page-content,
body.page-template-page-complaint-php .post-content,
body.page-template-page-complaint-php .wp-site-blocks{
min-width: 0;
}
body.page-template-page-complaint-php .complaint-page{
width: 100%;
max-width: none;
margin: 0;
padding: 0;
background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
color: var(--color-text);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}
body.page-template-page-complaint-php .complaint-page *,
body.page-template-page-complaint-php .complaint-page *::before,
body.page-template-page-complaint-php .complaint-page *::after{
box-sizing: border-box;
}
body.page-template-page-complaint-php .complaint-shell{
width: 100%;
max-width: var(--page-max);
margin: 0 auto;
padding: 0 var(--space-x);
}
body.page-template-page-complaint-php .complaint-page a{
color: var(--color-primary);
text-decoration: underline;
text-decoration-thickness: 1.5px;
text-underline-offset: 0.14em;
}
body.page-template-page-complaint-php .complaint-page a:hover{
color: var(--color-primary-deep);
}
body.page-template-page-complaint-php .complaint-page a:focus-visible,
body.page-template-page-complaint-php .complaint-page button:focus-visible,
body.page-template-page-complaint-php .complaint-page [tabindex]:focus-visible{
outline: 3px solid rgba(29, 78, 216, 0.28);
outline-offset: 3px;
border-radius: 8px;
}
body.page-template-page-complaint-php .complaint-hero{
margin-bottom: 18px;
padding-top: 20px;
}
body.page-template-page-complaint-php .complaint-kicker{
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 36px;
padding: 6px 12px;
margin: 0 0 14px;
border: 1px solid #c7d2fe;
border-radius: 999px;
background: #eef2ff;
color: #3730a3;
font-size: 0.92rem;
font-weight: 700;
line-height: 1.3;
}
body.page-template-page-complaint-php .complaint-title{
margin: 0;
font-size: clamp(2rem, 4vw, 3.25rem);
line-height: 1.16;
font-weight: 800;
letter-spacing: -0.02em;
color: var(--color-text);
}
body.page-template-page-complaint-php .complaint-summary{
max-width: 860px;
margin: 16px 0 0;
font-size: 1.08rem;
line-height: 1.8;
color: var(--color-text-soft);
}
body.page-template-page-complaint-php .complaint-meta{
display: flex;
flex-wrap: wrap;
gap: 10px 12px;
margin: 18px 0 0;
padding: 0;
list-style: none;
}
body.page-template-page-complaint-php .complaint-meta li{
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 38px;
padding: 8px 12px;
border: 1px solid var(--color-line);
border-radius: 999px;
background: rgba(255, 255, 255, 0.78);
color: var(--color-text-soft);
font-size: 0.95rem;
line-height: 1.4;
}
body.page-template-page-complaint-php .complaint-alert{
margin: 0 0 24px;
padding: 18px 18px 18px 20px;
border: 1px solid #fecaca;
border-left: 4px solid var(--color-danger);
border-radius: var(--radius-md);
background: var(--color-danger-soft);
}
body.page-template-page-complaint-php .complaint-alert-title{
margin: 0 0 8px;
font-size: 1.02rem;
line-height: 1.45;
font-weight: 800;
color: #991b1b;
}
body.page-template-page-complaint-php .complaint-alert p{
margin: 0;
color: #7f1d1d;
line-height: 1.75;
}
body.page-template-page-complaint-php .complaint-body{
width: 100%;
max-width: var(--content-max);
margin: 0 auto;
padding: 0;
background: transparent;
}
body.page-template-page-complaint-php .complaint-section{
margin: 0 0 var(--space-y);
}
body.page-template-page-complaint-php .complaint-section h2{
margin: 0 0 18px;
padding-bottom: 12px;
border-bottom: 2px solid #e2e8f0;
font-size: clamp(1.45rem, 2.5vw, 1.9rem);
line-height: 1.32;
font-weight: 800;
color: var(--color-text);
}
body.page-template-page-complaint-php .complaint-section h3{
margin: 0 0 14px;
font-size: clamp(1.18rem, 2vw, 1.38rem);
line-height: 1.38;
font-weight: 800;
color: var(--color-text);
}
body.page-template-page-complaint-php .complaint-section h4{
margin: 0 0 12px;
font-size: 1.02rem;
line-height: 1.45;
font-weight: 800;
color: var(--color-text);
}
body.page-template-page-complaint-php .complaint-section p{
margin: 0 0 16px;
font-size: 1.04rem;
line-height: 1.85;
color: var(--color-text);
}
body.page-template-page-complaint-php .complaint-section ul,
body.page-template-page-complaint-php .complaint-section ol{
margin: 0 0 16px 1.2em;
padding: 0;
}
body.page-template-page-complaint-php .complaint-section li{
margin: 0 0 10px;
font-size: 1.02rem;
line-height: 1.82;
color: var(--color-text);
}
body.page-template-page-complaint-php .complaint-section strong{
font-weight: 800;
}
body.page-template-page-complaint-php .block-card{
margin: 20px 0 0;
padding: 22px 22px 20px;
border: 1px solid var(--color-line);
border-radius: var(--radius-lg);
background: var(--color-surface);
box-shadow: var(--shadow-sm);
}
body.page-template-page-complaint-php .block-card + .block-card{
margin-top: 18px;
}
body.page-template-page-complaint-php .block-card p:last-child,
body.page-template-page-complaint-php .block-card ul:last-child,
body.page-template-page-complaint-php .block-card ol:last-child{
margin-bottom: 0;
}
body.page-template-page-complaint-php .regulator-card{
position: relative;
overflow: clip;
}
body.page-template-page-complaint-php .regulator-card::before{
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 4px;
background: var(--color-primary);
}
body.page-template-page-complaint-php .regulator-card--iom::before{
background: #059669;
}
body.page-template-page-complaint-php .regulator-card--mga::before{
background: #2563eb;
}
body.page-template-page-complaint-php .regulator-card--curacao::before{
background: #d97706;
}
body.page-template-page-complaint-php .regulator-head{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 12px;
margin-bottom: 14px;
}
body.page-template-page-complaint-php .regulator-title{
margin: 0;
font-size: clamp(1.22rem, 2vw, 1.5rem);
line-height: 1.35;
font-weight: 800;
color: var(--color-text);
}
body.page-template-page-complaint-php .regulator-badge{
display: inline-flex;
align-items: center;
min-height: 30px;
padding: 5px 10px;
border: 1px solid #fcd34d;
border-radius: 999px;
background: #fef3c7;
color: #78350f;
font-size: 0.84rem;
line-height: 1.2;
font-weight: 800;
}
body.page-template-page-complaint-php .data-points{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px 18px;
margin: 16px 0 0;
}
body.page-template-page-complaint-php .data-points div{
min-width: 0;
}
body.page-template-page-complaint-php .data-points dt{
margin: 0 0 4px;
color: var(--color-text-soft);
font-size: 0.92rem;
line-height: 1.5;
}
body.page-template-page-complaint-php .data-points dd{
margin: 0;
color: var(--color-text);
font-size: 1rem;
line-height: 1.75;
font-weight: 600;
}
body.page-template-page-complaint-php .evidence-grid{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 18px;
}
body.page-template-page-complaint-php .evidence-item{
min-width: 0;
padding: 16px 14px;
border: 1px solid var(--color-line);
border-radius: var(--radius-md);
background: var(--color-surface);
}
body.page-template-page-complaint-php .evidence-item h3{
margin: 0 0 8px;
font-size: 1rem;
line-height: 1.45;
font-weight: 800;
color: var(--color-text);
}
body.page-template-page-complaint-php .evidence-item p{
margin: 0;
font-size: 0.95rem;
line-height: 1.7;
color: var(--color-text-soft);
}
body.page-template-page-complaint-php .notice-box,
body.page-template-page-complaint-php .warning-box,
body.page-template-page-complaint-php .info-box,
body.page-template-page-complaint-php .result-box{
margin: 18px 0 0;
padding: 16px 18px;
border-radius: var(--radius-md);
}
body.page-template-page-complaint-php .notice-box{
border: 1px solid var(--color-line);
background: #f8fafc;
}
body.page-template-page-complaint-php .warning-box{
border: 1px solid #fcd34d;
background: var(--color-warn-soft);
}
body.page-template-page-complaint-php .warning-box strong,
body.page-template-page-complaint-php .warning-box p,
body.page-template-page-complaint-php .warning-box li{
color: var(--color-warn);
}
body.page-template-page-complaint-php .info-box{
border: 1px solid #bfdbfe;
background: var(--color-info-soft);
}
body.page-template-page-complaint-php .info-box h4,
body.page-template-page-complaint-php .info-box p,
body.page-template-page-complaint-php .info-box li{
color: var(--color-info);
}
body.page-template-page-complaint-php .result-box{
border: 1px solid #bbf7d0;
background: #f0fdf4;
color: #166534;
font-weight: 700;
}
body.page-template-page-complaint-php .steps-list{
list-style: none;
margin: 16px 0 0;
padding: 0;
counter-reset: complaint-step;
}
body.page-template-page-complaint-php .steps-list > li{
position: relative;
margin: 0 0 14px;
padding-left: 46px;
counter-increment: complaint-step;
}
body.page-template-page-complaint-php .steps-list > li::before{
content: counter(complaint-step);
position: absolute;
top: 2px;
left: 0;
width: 30px;
height: 30px;
border-radius: 999px;
background: var(--color-primary);
color: #fff;
font-size: 0.95rem;
line-height: 30px;
font-weight: 800;
text-align: center;
}
body.page-template-page-complaint-php .steps-list ul{
margin-top: 8px;
}
body.page-template-page-complaint-php .template-box{
margin-top: 18px;
padding: 18px;
border: 1px solid #dbeafe;
border-radius: var(--radius-md);
background: #f8fbff;
}
body.page-template-page-complaint-php .template-box h4{
margin-bottom: 10px;
}
body.page-template-page-complaint-php .template-box pre{
margin: 0;
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: anywhere;
font: 500 0.95rem/1.8 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
color: var(--color-text);
}
body.page-template-page-complaint-php .table-scroll{
margin: 18px 0 0;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid var(--color-line);
border-radius: var(--radius-md);
background: var(--color-surface);
-webkit-overflow-scrolling: touch;
}
body.page-template-page-complaint-php .table-scroll:focus-visible{
outline: 3px solid rgba(29, 78, 216, 0.28);
outline-offset: 3px;
}
body.page-template-page-complaint-php .data-table{
width: 100%;
min-width: 720px;
border-collapse: collapse;
background: var(--color-surface);
}
body.page-template-page-complaint-php .data-table caption{
padding: 14px 16px 0;
text-align: left;
font-size: 0.95rem;
line-height: 1.6;
color: var(--color-text-soft);
}
body.page-template-page-complaint-php .data-table th,
body.page-template-page-complaint-php .data-table td{
padding: 14px 16px;
border-bottom: 1px solid var(--color-line);
text-align: left;
vertical-align: top;
font-size: 0.98rem;
line-height: 1.7;
}
body.page-template-page-complaint-php .data-table thead th{
background: #eff6ff;
color: var(--color-primary-deep);
font-weight: 800;
}
body.page-template-page-complaint-php .data-table tbody tr:last-child th,
body.page-template-page-complaint-php .data-table tbody tr:last-child td{
border-bottom: 0;
}
body.page-template-page-complaint-php .faq-list{
display: grid;
gap: 14px;
margin-top: 18px;
}
body.page-template-page-complaint-php .faq-item{
padding: 18px;
border: 1px solid var(--color-line);
border-radius: var(--radius-md);
background: var(--color-surface);
}
body.page-template-page-complaint-php .faq-item h3{
margin-bottom: 8px;
font-size: 1.04rem;
}
body.page-template-page-complaint-php .contact-card{
margin-top: 18px;
padding: 18px;
border: 1px solid #cbd5e1;
border-radius: var(--radius-md);
background: var(--color-surface-soft);
}
body.page-template-page-complaint-php .contact-card h3{
margin-bottom: 8px;
}
body.page-template-page-complaint-php .contact-card p{
margin-bottom: 6px;
}
body.page-template-page-complaint-php .contact-card p:last-child{
margin-bottom: 0;
}
body.page-template-page-complaint-php .related-links{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 18px;
}
body.page-template-page-complaint-php .related-link{
display: block;
padding: 16px;
border: 1px solid var(--color-line);
border-radius: var(--radius-md);
background: var(--color-surface);
color: var(--color-text);
text-decoration: none;
box-shadow: var(--shadow-sm);
}
body.page-template-page-complaint-php .related-link:hover{
border-color: #bfd4ff;
box-shadow: var(--shadow-md);
text-decoration: none;
}
body.page-template-page-complaint-php .related-link strong{
display: block;
margin-bottom: 6px;
color: var(--color-text);
font-size: 1rem;
line-height: 1.45;
}
body.page-template-page-complaint-php .related-link span{
display: block;
color: var(--color-text-soft);
font-size: 0.94rem;
line-height: 1.65;
}
@media (max-width: 900px){
body.page-template-page-complaint-php .evidence-grid,
body.page-template-page-complaint-php .related-links{
grid-template-columns: 1fr;
}
body.page-template-page-complaint-php .data-points{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px){
body.page-template-page-complaint-php .complaint-shell{
max-width: none;
padding: 0 var(--space-x-mobile);
}
body.page-template-page-complaint-php .complaint-hero{
margin-bottom: 16px;
padding-top: 16px;
}
body.page-template-page-complaint-php .complaint-summary{
font-size: 1rem;
line-height: 1.78;
}
body.page-template-page-complaint-php .complaint-section{
margin-bottom: var(--space-y-mobile);
}
body.page-template-page-complaint-php .block-card,
body.page-template-page-complaint-php .faq-item,
body.page-template-page-complaint-php .contact-card,
body.page-template-page-complaint-php .notice-box,
body.page-template-page-complaint-php .warning-box,
body.page-template-page-complaint-php .info-box,
body.page-template-page-complaint-php .result-box,
body.page-template-page-complaint-php .template-box{
padding: 16px 14px;
border-radius: 12px;
}
body.page-template-page-complaint-php .complaint-alert{
padding: 14px 14px 14px 16px;
border-radius: 12px;
}
body.page-template-page-complaint-php .regulator-head{
gap: 8px 10px;
}
body.page-template-page-complaint-php .complaint-meta li{
min-height: 34px;
padding: 6px 10px;
font-size: 0.9rem;
}
body.page-template-page-complaint-php .steps-list > li{
padding-left: 40px;
}
body.page-template-page-complaint-php .steps-list > li::before{
width: 26px;
height: 26px;
line-height: 26px;
font-size: 0.88rem;
}
body.page-template-page-complaint-php .table-scroll{
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 480px){
body.page-template-page-complaint-php .complaint-title{
font-size: 1.75rem;
}
body.page-template-page-complaint-php .complaint-section p,
body.page-template-page-complaint-php .complaint-section li{
font-size: 0.98rem;
}
body.page-template-page-complaint-php .complaint-kicker{
min-height: 32px;
padding: 5px 10px;
font-size: 0.84rem;
}
}
body.page-template-page-complaint-php .tzp-u-a805fb6fb1{color:#1d4ed8 !important;text-decoration:underline !important}
body.page-template-page-complaint-php .tzp-u-a658149799{margin: 20px 0 !important;padding: 16px 18px !important;border: 1px solid #fcd34d !important;border-radius: 12px !important;background: #fffbeb !important}
body.page-template-page-complaint-php .tzp-u-dda0f28a4d{margin: 0 0 10px !important;font-size: 1.1rem !important;color: #92400e !important}
body.page-template-page-complaint-php .tzp-u-15caf9218c{margin: 0 0 10px !important;color: #92400e !important;font-size: 0.95rem !important;line-height: 1.6 !important}
body.page-template-page-complaint-php .tzp-u-8033188d8c{margin: 0 !important;color: #92400e !important;font-size: 0.95rem !important}
body.page-template-page-complaint-php .tzp-u-31be6c6be8{color:#92400e !important;text-decoration:underline !important}
body.page-template-page-complaint-php .tzp-u-a7f335d5bc{font-weight:800 !important}
body.page-template-page-complaint-php .tzp-u-4ded1a88de{margin-top: 40px !important;padding: 24px !important;border: 2px solid #1d4ed8 !important;border-radius: 14px !important;background: #eff6ff !important}
body.page-template-page-complaint-php .tzp-u-80daf3f0c2{margin: 0 0 14px !important;font-size: 1.3rem !important;color: #1e3a8a !important;border: none !important;padding: 0 !important}
body.page-template-page-complaint-php .tzp-u-169b7e5b12{margin: 0 0 12px !important;font-size: 1rem !important;color: #0f172a !important;line-height: 1.8 !important}
body.page-template-page-complaint-php .tzp-u-6ec8906793{margin: 0 0 16px 1.2em !important;padding: 0 !important;color: #0f172a !important;font-size: 1rem !important;line-height: 1.8 !important}
body.page-template-page-complaint-php .tzp-u-7f3cbaf643{margin-bottom: 8px !important}
body.page-template-page-complaint-php .tzp-u-24b406b318{margin: 0 !important;font-size: 1rem !important;color: #0f172a !important;line-height: 1.8 !important}