.elms-10705 .elms-element.elms-element-f13dbcd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-da1887e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-d4496fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-778fde1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-be47548{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-9afd10d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-311b103{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-ed1b5a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-f65e4cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-062dc80{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-eedaec8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-a7f8c28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-4fb19b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-a7e83a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-f308711{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-5d27de0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-acec3c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-4ef5a45{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elms-10705 .elms-element.elms-element-c368f57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}
.ceylon-intro { 
--ci-max: 1000px;
--ci-text: #1f2937;      
--ci-muted: #6b7280;     
--ci-accent: #0b6b3a;    
--ci-bg: #f8fafc;        
--ci-ring: rgba(11,107,58,0.15);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--ci-text);
background: linear-gradient(180deg, #ffffff 0%, var(--ci-bg) 100%);
padding: clamp(24px, 4vw, 56px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.ceylon-intro .ci-wrap {
max-width: var(--ci-max);
margin: 0 auto;
}
.ceylon-intro .ci-lead {
font-size: clamp(1.1rem, 2.2vw, 1.35rem);
line-height: 1.75;
margin: 0 0 1rem 0;
}
.ceylon-intro .ci-body {
font-size: clamp(1rem, 1.9vw, 1.1rem);
line-height: 1.9;
color: var(--ci-muted);
margin: 0;
}
.ceylon-intro :where(a, button):focus-visible {
outline: 2px solid var(--ci-ring);
outline-offset: 2px;
border-radius: 8px;
}
@media (prefers-color-scheme: dark) {
.ceylon-intro {
--ci-text: #e5e7eb;   
--ci-muted: #cbd5e1;  
--ci-bg: #0b1220;     
background: linear-gradient(180deg, #0a0f1a 0%, var(--ci-bg) 100%);
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
}
.ceylon-toc {
--ct-max: 1000px;
--ct-text: #1f2937;    
--ct-muted: #6b7280;   
--ct-accent: #0b6b3a;  
--ct-bg: #f8fafc;      
--ct-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--ct-text);
background: linear-gradient(180deg, #ffffff 0%, var(--ct-bg) 100%);
padding: clamp(24px, 4vw, 56px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.ceylon-toc .ct-wrap {
max-width: var(--ct-max);
margin: 0 auto;
}
.ceylon-toc .ct-head {
text-align: center;
margin-bottom: clamp(16px, 3vw, 28px);
}
.ceylon-toc .ct-kicker {
display: inline-block;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--ct-accent);
font-size: 0.8rem;
margin-bottom: 0.25rem;
}
.ceylon-toc .ct-title {
font-size: clamp(1.25rem, 3vw, 1.6rem);
margin: 0.1rem 0 0.4rem 0;
line-height: 1.3;
}
.ceylon-toc .ct-sub {
color: var(--ct-muted);
font-size: clamp(0.95rem, 2vw, 1.05rem);
margin: 0 auto;
max-width: 60ch;
}
.ceylon-toc .ct-list {
counter-reset: ct;
list-style: none;
padding: 0;
margin: clamp(12px, 2vw, 20px) 0 0 0;
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
@media (min-width: 700px) {
.ceylon-toc .ct-list {
grid-template-columns: 1fr 1fr;
gap: 12px;
}
}
@media (min-width: 1024px) {
.ceylon-toc .ct-list {
grid-template-columns: 1fr 1fr 1fr;
}
}
.ceylon-toc .ct-list li a {
position: relative;
display: block;
padding: 14px 16px 14px 46px;
border: 1px solid rgba(0,0,0,0.06);
border-radius: 12px;
background: #fff;
text-decoration: none;
color: var(--ct-text);
line-height: 1.5;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.ceylon-toc .ct-list li a::before {
counter-increment: ct;
content: counter(ct);
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 26px;
height: 26px;
border-radius: 999px;
display: grid;
place-items: center;
font-weight: 700;
font-size: 0.9rem;
color: #fff;
background: var(--ct-accent);
box-shadow: 0 1px 0 rgba(0,0,0,0.08);
}
.ceylon-toc .ct-list li a:hover {
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(0,0,0,0.06);
border-color: var(--ct-ring);
}
.ceylon-toc .ct-list li a:focus-visible {
outline: 3px solid var(--ct-ring);
outline-offset: 2px;
border-radius: 12px;
}
html:has(.ceylon-toc) {
scroll-behavior: smooth;
}
@media (prefers-color-scheme: dark) {
.ceylon-toc {
--ct-text: #e5e7eb;   
--ct-muted: #cbd5e1;  
--ct-bg: #0b1220;     
background: linear-gradient(180deg, #0a0f1a 0%, var(--ct-bg) 100%);
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
.ceylon-toc .ct-list li a {
background: #0e172a;
border-color: rgba(255,255,255,0.08);
}
}
.ceylon-origins {
--co-max: 1000px;
--co-text: #1f2937;     
--co-muted: #6b7280;    
--co-accent: #0b6b3a;   
--co-bg: #f8fafc;       
--co-card: #ffffff;
--co-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--co-text);
background: linear-gradient(180deg, #ffffff 0%, var(--co-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.ceylon-origins .co-wrap {
max-width: var(--co-max);
margin: 0 auto;
}
.ceylon-origins .co-title {
font-size: clamp(1.3rem, 3.2vw, 1.8rem);
margin: 0 0 .6rem 0;
}
.ceylon-origins .co-lead {
font-size: clamp(1.02rem, 2.2vw, 1.18rem);
line-height: 1.8;
color: var(--co-muted);
margin: 0 0 1.2rem 0;
}
.ceylon-origins .co-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin-top: 10px;
}
@media (min-width: 780px) {
.ceylon-origins .co-grid {
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
}
.ceylon-origins .co-card {
background: var(--co-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
padding: 16px;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.ceylon-origins .co-card:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
border-color: var(--co-ring);
}
.ceylon-origins .co-sub {
font-size: 1.02rem;
margin: 0 0 .35rem 0;
color: var(--co-accent);
}
.ceylon-origins .co-card p {
margin: 0;
line-height: 1.75;
}
.ceylon-origins .co-timeline {
list-style: none;
padding: 0;
margin: clamp(16px, 3vw, 28px) 0 0 0;
border-top: 1px dashed rgba(0,0,0,0.1);
}
.ceylon-origins .co-timeline li {
padding: 10px 0;
border-bottom: 1px dashed rgba(0,0,0,0.08);
color: var(--co-muted);
line-height: 1.7;
}
.ceylon-origins .co-timeline .co-year {
display: inline-block;
min-width: 120px;
font-weight: 700;
color: var(--co-text);
}
.ceylon-origins :where(a, button):focus-visible {
outline: 3px solid var(--co-ring);
outline-offset: 2px;
border-radius: 10px;
}
@media (prefers-color-scheme: dark) {
.ceylon-origins {
--co-text: #e5e7eb;   
--co-muted: #cbd5e1;  
--co-bg: #0b1220;
--co-card: #0e172a;
background: linear-gradient(180deg, #0a0f1a 0%, var(--co-bg) 100%);
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
.ceylon-origins .co-card {
border-color: rgba(255,255,255,0.08);
}
.ceylon-origins .co-timeline {
border-top-color: rgba(255,255,255,0.12);
}
.ceylon-origins .co-timeline li {
border-bottom-color: rgba(255,255,255,0.1);
}
}
.ceylon-industry {
--ci-max: 1100px;
--ci-text: #1f2937;    
--ci-muted: #6b7280;   
--ci-accent: #0b6b3a;  
--ci-bg: #f8fafc;      
--ci-card: #ffffff;
--ci-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--ci-text);
background: linear-gradient(180deg, #ffffff 0%, var(--ci-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.ceylon-industry .ci-wrap {
max-width: var(--ci-max);
margin: 0 auto;
}
.ceylon-industry .ci-title {
font-size: clamp(1.3rem, 3.2vw, 1.8rem);
margin: 0 0 .6rem 0;
}
.ceylon-industry .ci-lead {
font-size: clamp(1.02rem, 2.2vw, 1.18rem);
line-height: 1.8;
color: var(--ci-muted);
margin: 0 0 1.2rem 0;
}
.ceylon-industry .ci-stats {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin: 10px 0 18px 0;
}
@media (min-width: 780px) {
.ceylon-industry .ci-stats {
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 14px;
}
}
.ceylon-industry .ci-stat {
background: var(--ci-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
padding: 14px 16px;
display: grid;
gap: 2px;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.ceylon-industry .ci-stat:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
border-color: var(--ci-ring);
}
.ceylon-industry .ci-stat-label {
font-size: 0.9rem;
color: var(--ci-muted);
}
.ceylon-industry .ci-stat-value {
font-weight: 800;
font-size: clamp(1.1rem, 3vw, 1.5rem);
letter-spacing: 0.2px;
}
.ceylon-industry .ci-unit {
font-weight: 700;
font-size: 0.95em;
margin-left: 4px;
opacity: 0.9;
}
.ceylon-industry .ci-stat-note {
font-size: 0.85rem;
color: var(--ci-muted);
}
.ceylon-industry .ci-buyers {
margin: 8px 0 18px 0;
}
.ceylon-industry .ci-sub {
font-size: 1.02rem;
margin: 0 0 .4rem 0;
color: var(--ci-accent);
}
.ceylon-industry .ci-buyer-tags {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.ceylon-industry .ci-buyer-tags li {
background: var(--ci-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 999px;
padding: 6px 12px;
font-size: 0.92rem;
}
.ceylon-industry .ci-grid {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
@media (min-width: 900px) {
.ceylon-industry .ci-grid {
grid-template-columns: repeat(3, minmax(0,1fr));
}
}
.ceylon-industry .ci-card {
background: var(--ci-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
padding: 16px;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.ceylon-industry .ci-card:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
border-color: var(--ci-ring);
}
.ceylon-industry .ci-card p {
margin: 0;
line-height: 1.75;
color: var(--ci-text);
}
.ceylon-industry :where(a, button):focus-visible {
outline: 3px solid var(--ci-ring);
outline-offset: 2px;
border-radius: 10px;
}
@media (prefers-color-scheme: dark) {
.ceylon-industry {
--ci-text: #e5e7eb;
--ci-muted: #cbd5e1;
--ci-bg: #0b1220;
--ci-card: #0e172a;
box-shadow: 0 1px
#process-media.ceylon-process-image {
--cpi-max: 1100px;
--cpi-muted: #6b7280;
padding: clamp(16px, 3vw, 28px) 16px;
}
#process-media .cpi-figure {
max-width: var(--cpi-max);
margin: 0 auto;
border-radius: 16px;
overflow: hidden;
background: #000;
}
#process-media .cpi-figure img { width: 100%; height: auto; display: block; }
#process-media .cpi-figure figcaption {
font-size: 0.85rem;
color: var(--cpi-muted);
padding: 6px 10px;
background: rgba(255,255,255,0.85);
}
@media (prefers-color-scheme: dark) {
#process-media .cpi-figure figcaption {
background: rgba(14,23,42,0.8);
color: #cbd5e1;
}
}
#process.ceylon-process {
--cp-max: 1100px;
--cp-text: #1f2937;
--cp-muted: #6b7280;
--cp-accent: #0b6b3a;
--cp-bg: #f8fafc;
--cp-card: #ffffff;
--cp-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--cp-text);
background: linear-gradient(180deg, #ffffff 0%, var(--cp-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
#process .cp-wrap { max-width: var(--cp-max); margin: 0 auto; }
#process .cp-title { font-size: clamp(1.3rem, 3.2vw, 1.8rem); margin: 0 0 .6rem 0; }
#process .cp-lead {
font-size: clamp(1.02rem, 2.2vw, 1.18rem);
line-height: 1.8;
color: var(--cp-muted);
margin: 0 0 1.4rem 0;
}
#process .cp-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 900px) { #process .cp-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
#process .cp-card {
background: var(--cp-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
padding: 16px;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
#process .cp-card:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,0,0,0.06); border-color: var(--cp-ring); }
#process .cp-sub { font-size: 1.02rem; margin: 0 0 .4rem 0; color: var(--cp-accent); }
#process .cp-card p { margin: 0; line-height: 1.75; }
#process .cp-steps { list-style: disc !important; margin: 0; padding-left: 1.25rem !important; line-height: 1.75; }
#process .cp-steps li { margin-bottom: 4px; }
@media (prefers-color-scheme: dark) {
#process.ceylon-process {
--cp-text: #e5e7eb; --cp-muted: #cbd5e1; --cp-bg: #0b1220; --cp-card: #0e172a;
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
#process .cp-card { border-color: rgba(255,255,255,0.08); }
}
#types-media.ceylon-types-image {
--cti-max: 1100px;
--cti-muted: #6b7280;
padding: clamp(16px, 3vw, 28px) 16px;
}
#types-media .cti-figure {
max-width: var(--cti-max);
margin: 0 auto;
border-radius: 16px;
overflow: hidden;
}
#types-media .cti-figure img {
width: 100%;
height: auto;
display: block;
}
#types-media .cti-figure figcaption {
font-size: 0.85rem;
color: var(--cti-muted);
padding: 6px 10px;
background: rgba(255,255,255,0.85);
}
@media (prefers-color-scheme: dark) {
#types-media .cti-figure figcaption {
background: rgba(14,23,42,0.8);
color: #cbd5e1;
}
}
#types.ceylon-types {
--ct-max: 1100px;
--ct-text: #1f2937;
--ct-muted: #6b7280;
--ct-accent: #0b6b3a;
--ct-bg: #f8fafc;
--ct-card: #ffffff;
--ct-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--ct-text);
background: linear-gradient(180deg, #ffffff 0%, var(--ct-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
#types .ct-wrap { max-width: var(--ct-max); margin: 0 auto; }
#types .ct-title {
font-size: clamp(1.3rem, 3.2vw, 1.8rem);
margin: 0 0 .6rem 0;
}
#types .ct-lead {
font-size: clamp(1.02rem, 2.2vw, 1.18rem);
line-height: 1.8;
color: var(--ct-muted);
margin: 0 0 1.4rem 0;
}
#types .ct-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
margin-top: 12px;
}
@media (min-width: 768px) {
#types .ct-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (min-width: 1100px) {
#types .ct-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
#types .ct-card {
background: var(--ct-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
padding: 16px;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
#types .ct-card:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
border-color: var(--ct-ring);
}
#types .ct-sub {
font-size: 1.02rem;
margin: 0 0 .4rem 0;
color: var(--ct-accent);
}
#types .ct-card p {
margin: 0;
line-height: 1.75;
color: var(--ct-text);
}
@media (prefers-color-scheme: dark) {
#types.ceylon-types {
--ct-text: #e5e7eb;
--ct-muted: #cbd5e1;
--ct-bg: #0b1220;
--ct-card: #0e172a;
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
#types .ct-card { border-color: rgba(255,255,255,0.08); }
}
.ceylon-regions {
--cr-max: 1100px;
--cr-text: #1f2937;
--cr-muted: #6b7280;
--cr-accent: #0b6b3a;
--cr-bg: #f8fafc;
--cr-card: #ffffff;
--cr-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--cr-text);
background: linear-gradient(180deg, #ffffff 0%, var(--cr-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.ceylon-regions .cr-wrap {
max-width: var(--cr-max);
margin: 0 auto;
}
.ceylon-regions .cr-title {
font-size: clamp(1.3rem, 3.2vw, 1.8rem);
margin: 0 0 .6rem 0;
}
.ceylon-regions .cr-lead {
font-size: clamp(1.02rem, 2.2vw, 1.18rem);
line-height: 1.8;
color: var(--cr-muted);
margin: 0 0 1.4rem 0;
}
.ceylon-regions .cr-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
@media (min-width: 768px) {
.ceylon-regions .cr-grid {
grid-template-columns: repeat(2, minmax(0,1fr));
}
}
@media (min-width: 1100px) {
.ceylon-regions .cr-grid {
grid-template-columns: repeat(3, minmax(0,1fr));
}
}
.ceylon-regions .cr-card {
background: var(--cr-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
padding: 16px;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.ceylon-regions .cr-card:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
border-color: var(--cr-ring);
}
.ceylon-regions .cr-sub {
font-size: 1.02rem;
margin: 0 0 .4rem 0;
color: var(--cr-accent);
}
.ceylon-regions .cr-card p {
margin: 0;
line-height: 1.75;
color: var(--cr-text);
}
@media (prefers-color-scheme: dark) {
.ceylon-regions {
--cr-text: #e5e7eb;
--cr-muted: #cbd5e1;
--cr-bg: #0b1220;
--cr-card: #0e172a;
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
.ceylon-regions .cr-card {
border-color: rgba(255,255,255,0.08);
}
}
.ceylon-tourism {
--tt-max: 1100px;
--tt-text: #1f2937;   
--tt-muted: #6b7280;  
--tt-accent: #0b6b3a; 
--tt-bg: #f8fafc;
--tt-card: #ffffff;
--tt-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--tt-text);
background: linear-gradient(180deg, #ffffff 0%, var(--tt-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.ceylon-tourism .tt-wrap {
max-width: var(--tt-max);
margin: 0 auto;
}
.ceylon-tourism .tt-title {
font-size: clamp(1.3rem, 3.2vw, 1.8rem);
margin: 0 0 .6rem 0;
}
.ceylon-tourism .tt-lead {
font-size: clamp(1.02rem, 2.2vw, 1.18rem);
line-height: 1.8;
color: var(--tt-muted);
margin: 0 0 1.2rem 0;
}
.ceylon-tourism .tt-highlights {
list-style: none;
padding: 0;
margin: 0 0 1.1rem 0;
display: grid;
grid-template-columns: 1fr;
gap: 8px;
}
.ceylon-tourism .tt-highlights li {
position: relative;
padding-left: 28px;
color: var(--tt-text);
line-height: 1.7;
}
.ceylon-tourism .tt-highlights li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
transform: translateY(2px);
width: 20px;
height: 20px;
border-radius: 999px;
display: grid;
p
#health-media.ceylon-health-image {
--chi-max: 1100px;
--chi-muted: #6b7280;
padding: clamp(16px, 3vw, 28px) 16px;
}
#health-media .chi-figure {
max-width: var(--chi-max);
margin: 0 auto;
border-radius: 16px;
overflow: hidden;
}
#health-media .chi-figure img {
width: 100%;
height: auto;
display: block;
}
#health-media .chi-figure figcaption {
font-size: 0.85rem;
color: var(--chi-muted);
padding: 6px 10px;
background: rgba(255,255,255,0.85);
}
@media (prefers-color-scheme: dark) {
#health-media .chi-figure figcaption {
background: rgba(14,23,42,0.8);
color: #cbd5e1;
}
}
#health.ceylon-health {
--ch-max: 1100px;
--ch-text: #1f2937;
--ch-muted: #6b7280;
--ch-accent: #0b6b3a;
--ch-bg: #f8fafc;
--ch-card: #ffffff;
--ch-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--ch-text);
background: linear-gradient(180deg, #ffffff 0%, var(--ch-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
#health .ch-wrap { max-width: var(--ch-max); margin: 0 auto; }
#health .ch-title { font-size: clamp(1.3rem, 3.2vw, 1.8rem); margin: 0 0 .6rem 0; }
#health .ch-lead {
font-size: clamp(1.02rem, 2.2vw, 1.18rem);
line-height: 1.8;
color: var(--ch-muted);
margin: 0 0 1.4rem 0;
}
#health .ch-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
@media (min-width: 900px) {
#health .ch-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (min-width: 1200px) {
#health .ch-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
#health .ch-card {
background: var(--ch-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
padding: 16px;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
#health .ch-card:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
border-color: var(--ch-ring);
}
#health .ch-sub { font-size: 1.02rem; margin: 0 0 .4rem 0; color: var(--ch-accent); }
#health .ch-card p { margin: 0; line-height: 1.75; }
#health .ch-highlight {
grid-column: 1 / -1;
background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
border: 1px solid rgba(11,107,58,0.25);
}
#health .ch-list {
list-style: disc inside;
margin: 0;
padding-left: 1.2rem;
line-height: 1.75;
color: var(--ch-text);
}
#health .ch-list li { margin-bottom: 4px; }
@media (prefers-color-scheme: dark) {
#health.ceylon-health {
--ch-text: #e5e7eb;
--ch-muted: #cbd5e1;
--ch-bg: #0b1220;
--ch-card: #0e172a;
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
#health .ch-card { border-color: rgba(255,255,255,0.08); }
#health .ch-highlight {
background: linear-gradient(135deg, #0f1f1a 0%, #0e172a 100%);
border-color: rgba(11,107,58,0.35);
}
}
#world-media.ceylon-world-image {
--cwi-max: 1100px;
--cwi-muted: #6b7280;
padding: clamp(16px, 3vw, 28px) 16px;
}
#world-media .cwi-figure {
max-width: var(--cwi-max);
margin: 0 auto;
border-radius: 16px;
overflow: hidden;
}
#world-media .cwi-figure img {
width: 100%;
height: auto;
display: block;
}
#world-media .cwi-figure figcaption {
font-size: 0.85rem;
color: var(--cwi-muted);
padding: 6px 10px;
background: rgba(255,255,255,0.85);
}
@media (prefers-color-scheme: dark) {
#world-media .cwi-figure figcaption {
background: rgba(14,23,42,0.8);
color: #cbd5e1;
}
}
#world.ceylon-world {
--cw-max: 1100px;
--cw-text: #1f2937;
--cw-muted: #6b7280;
--cw-accent: #0b6b3a;
--cw-bg: #f8fafc;
--cw-card: #ffffff;
--cw-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--cw-text);
background: linear-gradient(180deg, #ffffff 0%, var(--cw-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
#world .cw-wrap { max-width: var(--cw-max); margin: 0 auto; }
#world .cw-title {
font-size: clamp(1.3rem, 3.2vw, 1.8rem);
margin: 0 0 .6rem 0;
}
#world .cw-lead {
font-size: clamp(1.02rem, 2.2vw, 1.18rem);
line-height: 1.8;
color: var(--cw-muted);
margin: 0 0 1.2rem 0;
}
#world .cw-stats { margin: 0 0 1.2rem 0; }
#world .cw-sub { font-size: 1.02rem; margin: 0 0 .4rem 0; color: var(--cw-accent); }
#world .cw-tags {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
#world .cw-tags li {
background: var(--cw-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 999px;
padding: 6px 12px;
font-size: 0.92rem;
}
#world .cw-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
@media (min-width: 900px) { #world .cw-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }
#world .cw-card {
background: var(--cw-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
padding: 16px;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
#world .cw-card:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
border-color: var(--cw-ring);
}
#world .cw-card p { margin: 0; line-height: 1.75; }
@media (prefers-color-scheme: dark) {
#world.ceylon-world {
--cw-text: #e5e7eb;
--cw-muted: #cbd5e1;
--cw-bg: #0b1220;
--cw-card: #0e172a;
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
#world .cw-card, #world .cw-tags li { border-color: rgba(255,255,255,0.08); }
}
#brands-media.ceylon-brands-image {
--cbi-max: 1100px;
--cbi-muted: #6b7280;
padding: clamp(16px, 3vw, 28px) 16px;
}
#brands-media .cbi-figure {
max-width: var(--cbi-max);
margin: 0 auto;
border-radius: 16px;
overflow: hidden;
}
#brands-media .cbi-figure img {
width: 100%;
height: auto;
display: block;
}
#brands-media .cbi-figure figcaption {
font-size: 0.85rem;
color: var(--cbi-muted);
padding: 6px 10px;
background: rgba(255,255,255,0.85);
}
@media (prefers-color-scheme: dark) {
#brands-media .cbi-figure figcaption {
background: rgba(14,23,42,0.8);
color: #cbd5e1;
}
}
#brands.ceylon-brands {
--cb-max: 1100px;
--cb-text: #1f2937;
--cb-muted: #6b7280;
--cb-accent: #0b6b3a;
--cb-bg: #f8fafc;
--cb-card: #ffffff;
--cb-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--cb-text);
background: linear-gradient(180deg, #ffffff 0%, var(--cb-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
#brands .cb-wrap { max-width: var(--cb-max); margin: 0 auto; }
#brands .cb-title {
font-size: clamp(1.3rem, 3.2vw, 1.8rem);
margin: 0 0 .6rem 0;
}
#brands .cb-lead {
font-size: clamp(1.02rem, 2.2vw, 1.18rem);
line-height: 1.8;
color: var(--cb-muted);
margin: 0 0 1.4rem 0;
}
#brands .cb-links {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0 0 1.4rem 0;
}
#brands .cb-links a {
display: inline-block;
padding: 8px 14px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,0.08);
background: var(--cb-card);
text-decoration: none;
color: var(--cb-accent);
font-weight: 600;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
#brands .cb-links a:hover {
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(0,0,0,0.06);
border-color: var(--cb-ring);
}
#brands .cb-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
@media (min-width: 900px) {
#brands .cb-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
#brands .cb-card {
background: var(--cb-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
padding: 16px;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
#brands .cb-card:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
border-color: var(--cb-ring);
}
#brands .cb-sub {
font-size: 1.02rem;
margin: 0 0 .4rem 0;
color: var(--cb-accent);
}
#brands .cb-card p {
margin: 0;
line-height: 1.75;
}
@media (prefers-color-scheme: dark) {
#brands.ceylon-brands {
--cb-text: #e5e7eb;
--cb-muted: #cbd5e1;
--cb-bg: #0b1220;
--cb-card: #0e172a;
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
#brands .cb-card,
#brands .cb-links a {
border-color: rgba(255,255,255,0.08);
}
}
.ceylon-future {
--cf-max: 1100px;
--cf-text: #1f2937;
--cf-muted: #6b7280;
--cf-accent: #0b6b3a;   
--cf-bg: #f8fafc;
--cf-card: #ffffff;
--cf-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--cf-text);
background: linear-gradient(180deg, #ffffff 0%, var(--cf-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.ceylon-future .cf-wrap {
max-width: var(--cf-max);
margin: 0 auto;
}
.ceylon-future .cf-title {
font-size: clamp(1.3rem, 3.2vw, 1.8rem);
margin: 0 0 .6rem 0;
}
.ceylon-future .cf-lead {
font-size: clamp(1.02rem, 2.2vw, 1.18rem);
line-height: 1.8;
color: var(--cf-muted);
margin: 0 0 1.2rem 0;
}
.ceylon-future .cf-grid {
display: grid;
grid-template-columns: 1fr;
gap: 14px;
}
@media (min-width: 900px) {
.ceylon-future .cf-grid {
grid-template-columns: repeat(3, minmax(0,1fr));
}
}
.ceylon-future .cf-card {
background: var(--cf-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
padding: 16px;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.ceylon-future .cf-card:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0,0,0,0.06);
border-color: var(--cf-ring);
}
.ceylon-future .cf-sub {
font-size: 1.02rem;
margin: 0 0 .4rem 0;
color: var(--cf-accent);
}
.ceylon-future .cf-card p {
margin: 0;
line-height: 1.75;
}
.ceylon-future .cf-list {
margin: 0;
padding-left: 1.2rem;
line-height: 1.75;
color: var(--cf-text);
}
.ceylon-future .cf-list li { margin-bottom: 6px; }
.ceylon-future .cf-warn {
background: linear-gradient(135deg, #fff7ed 0%, #ffffff 100%);
border: 1px solid rgba(234,88,12,0.25); 
}
.ceylon-future .cf-opps {
background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
border: 1px solid rgba(11,107,58,0.25);
}
.ceylon-future .cf-cta {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 14px;
}
.ceylon-future .cf-btn {
display: inline-block;
padding: 10px 14px;
border-radius: 999px;
background: var(--cf-accent);
color: #fff;
text-decoration: none;
font-weight: 700;
transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.ceylon-future .cf-btn:hover {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(0,0,0,0.12);
}
.ceylon-future .cf-link {
align-self: center;
color: var(--cf-accent);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid rgba(11,107,58,0.25);
padding-bottom: 2px;
}
.ceylon-future .cf-link:hover {
border-bottom-color: rgba(11,107,58,0.5);
}
@media (prefers-color-scheme: dark) {
.ceylon-future {
--cf-text: #e5e7eb;
--cf-muted: #cbd5e1;
--cf-bg: #0b1220;
--cf-card: #0e172a;
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
.ceylon-future .cf-card {
border-color: rgba(255,255,255,0.08);
}
.ceylon-future .cf-warn {
background: linear-gradient(135deg, #281e12 0%, #0e172a 100%);
border-color: rgba(234,88,12,0.35);
}
.ceylon-future .cf-opps {
background: linear-gradient(135deg, #0f1f1a 0%, #0e172a 100%);
border-color: rgba(11,107,58,0.35);
}
}
.ceylon-graphs {
--cg-max: 1100px;
--cg-text: #1f2937;
--cg-muted: #6b7280;
--cg-accent: #0b6b3a;
--cg-bg: #f8fafc;
--cg-card: #ffffff;
--cg-ring: rgba(11,107,58,0.18);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--cg-text);
background: linear-gradient(180deg, #ffffff 0%, var(--cg-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.ceylon-graphs .cg-wrap {
max-width: var(--cg-max);
margin: 0 auto;
}
.ceylon-graphs .cg-title {
font-size: clamp(1.3rem, 3.2vw, 1.8rem);
margin: 0 0 .6rem 0;
}
.ceylon-graphs .cg-note {
margin: 0 0 1rem 0;
font-size: .95rem;
color: var(--cg-muted);
}
.ceylon-graphs .cg-card {
background: var(--cg-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
padding: 16px;
margin-bottom: 14px;
}
.ceylon-graphs .cg-sub {
font-size: 1.02rem;
margin: 0 0 .6rem 0;
color: var(--cg-accent);
}
.ceylon-graphs .cg-table-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 10px;
}
.ceylon-graphs .cg-table {
width: 100%;
border-collapse: collapse;
min-width: 680px;
}
.ceylon-graphs .cg-table th,
.ceylon-graphs .cg-table td {
padding: 12px 10px;
border-bottom: 1px solid rgba(0,0,0,0.06);
text-align: left;
}
.ceylon-graphs .cg-table thead th {
position: sticky;
top: 0;
background: #ffffff;
z-index: 1;
font-weight: 700;
}
.ceylon-graphs .cg-table tbody tr:hover {
background: rgba(11,107,58,0.035);
}
.ceylon-graphs [contenteditable="true"] {
border-bottom: 1px dotted rgba(0,0,0,0.25);
outline: none;
}
.ceylon-graphs [contenteditable="true"]:focus {
background: rgba(11,107,58,0.06);
}
.ceylon-graphs .cg-bar {
--levels: 3;              
--fill: 0;
position: relative;
width: 140px;
height: 10px;
border-radius: 999px;
background: #e5e7eb;      
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
}
.ceylon-graphs .cg-bar::before {
content: "";
position: absolute;
inset: 0;
transform: scaleX(var(--fill));
transform-origin: left center;
background: linear-gradient(90deg, #86efac, #16a34a);
}
.ceylon-graphs .cg-bar[data-level="1"] { --fill: 0.34; }
.ceylon-graphs .cg-bar[data-level="2"] { --fill: 0.67; }
.ceylon-graphs .cg-bar[data-level="3"] { --fill: 1; }
.ceylon-graphs .cg-badge {
display: inline-block;
font-size: .8rem;
font-weight: 700;
color: #0b6b3a;
padding: 2px 8px;
border-radius: 999px;
background: #ecfdf5;
border: 1px solid rgba(11,107,58,0.25);
}
.ceylon-graphs .cg-price {
font-weight: 800;
letter-spacing: .3px;
}
.ceylon-graphs .cg-price--$$::after { content: " (mid)"; color: var(--cg-muted); font-weight: 600; }
.ceylon-graphs .cg-price--$$$::after { content: " (premium)"; color: var(--cg-muted); font-weight: 600; }
.ceylon-graphs .cg-price-note {
display: block;
color: var(--cg-muted);
margin-top: 2px;
}
@media (prefers-color-scheme: dark) {
.ceylon-graphs {
--cg-text: #e5e7eb;
--cg-muted: #cbd5e1;
--cg-bg: #0b1220;
--cg-card: #0e172a;
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
.ceylon-graphs .cg-table thead th {
background: #0e172a;
}
.ceylon-graphs .cg-table tbody tr:hover {
background: rgba(255,255,255,0.04);
}
}
.ceylon-faqs {
--fq-max: 1000px;
--fq-text: #1f2937;
--fq-muted: #6b7280;
--fq-accent: #0b6b3a;  
--fq-bg: #f8fafc;
--fq-card: #ffffff;
--fq-ring: rgba(11,107,58,0.2);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
color: var(--fq-text);
background: linear-gradient(180deg, #ffffff 0%, var(--fq-bg) 100%);
padding: clamp(28px, 4vw, 60px) 16px;
border-radius: 16px;
box-shadow: 0 1px 0 rgba(0,0,0,0.03);
}
.ceylon-faqs .fq-wrap {
max-width: var(--fq-max);
margin: 0 auto;
}
.ceylon-faqs .fq-title {
font-size: clamp(1.3rem, 3.2vw, 1.8rem);
margin: 0 0 .6rem 0;
}
.ceylon-faqs .fq-lead {
font-size: clamp(1.02rem, 2.2vw, 1.18rem);
line-height: 1.8;
color: var(--fq-muted);
margin: 0 0 1.1rem 0;
}
.ceylon-faqs .fq-accordions {
display: grid;
gap: 10px;
}
.ceylon-faqs .fq-item {
background: var(--fq-card);
border: 1px solid rgba(0,0,0,0.06);
border-radius: 14px;
overflow: hidden;
}
.ceylon-faqs .fq-item[open] {
border-color: var(--fq-ring);
box-shadow: 0 8px 22px rgba(0,0,0,0.06);
}
.ceylon-faqs .fq-q {
list-style: none;
cursor: pointer;
padding: 14px 16px;
margin: 0;
position: relative;
font-weight: 700;
color: var(--fq-accent);
}
.ceylon-faqs .fq-q::-webkit-details-marker { display: none; }
.ceylon-faqs .fq-q::after {
content: "+";
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-weight: 800;
color: var(--fq-accent);
}
.ceylon-faqs .fq-item[open] .fq-q::after { content: "–"; }
.ceylon-faqs .fq-a {
padding: 0 16px 14px 16px;
color: var(--fq-text);
line-height: 1.75;
}
.ceylon-faqs .fq-note {
margin-top: 6px;
padding: 12px 14px;
background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
border: 1px solid rgba(11,107,58,0.25);
border-radius: 12px;
color: var(--fq-text);
}
.ceylon-faqs .fq-item:focus,
.ceylon-faqs .fq-item:focus-within {
outline: 3px solid var(--fq-ring);
outline-offset: 2px;
border-radius: 12px;
}
@media (prefers-color-scheme: dark) {
.ceylon-faqs {
--fq-text: #e5e7eb;
--fq-muted: #cbd5e1;
--fq-bg: #0b1220;
--fq-card: #0e172a;
box-shadow: 0 1px 0 rgba(255,255,255,0.04);
}
.ceylon-faqs .fq-item {
border-color: rgba(255,255,255,0.08);
}
.ceylon-faqs .fq-note {
background: linear-gradient(135deg, #0f1f1a 0%, #0e172a 100%);
border-color: rgba(11,107,58,0.35);
}
}