.cint { --cint-accent:#246651; --cint-surface:#f7f7f7; --cint-panel:#fff; --cint-text:#303632; --cint-logo:180px; width:100%; color:var(--cint-text); }
.cint *, .cint *::before, .cint *::after { box-sizing:border-box; }
.cint [hidden] { display:none!important; }
.cint .cint-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; align-items:start; }
.cint .cint-card { position:relative; display:flex; align-items:center; flex-direction:column; justify-content:center; gap:22px; width:100%; min-width:0; margin:0; padding:22px 16px; border:1px solid transparent; border-radius:16px; background:var(--cint-surface); color:var(--cint-text); font:inherit; cursor:pointer; text-align:center; box-shadow:0 8px 28px #00000005; transition:background .2s,box-shadow .2s,border-color .2s; appearance:none; }
.cint .cint-logo { display:grid; place-items:center; width:min(100%,var(--cint-logo)); aspect-ratio:1; background:#fff; border-radius:12px; flex-shrink:0; }
.cint--circle .cint-logo { border-radius:50%; }
.cint .cint-logo img { display:block; width:68%; height:68%; object-fit:contain; max-width:100%; border-radius:0; box-shadow:none; }
.cint .cint-placeholder { font-size:3rem; color:var(--cint-accent); }
.cint .cint-title { width:100%; font-size:1rem; line-height:1.4; font-weight:500; overflow-wrap:anywhere; }
.cint .cint-card[aria-expanded=true] { border-color:var(--cint-accent); }
.cint .cint-marker { --cint-marker-color:var(--cint-accent); --cint-marker-size:16px; --cint-marker-thickness:2px; --cint-marker-offset:-9px; position:absolute; bottom:var(--cint-marker-offset); width:var(--cint-marker-size); height:var(--cint-marker-size); background:var(--cint-marker-color); transform:rotate(45deg); opacity:0; transition:opacity .2s; pointer-events:none; }
.cint.is-ready .cint-card[aria-expanded=true] .cint-marker { opacity:1; }
.cint[data-indicator=none] .cint-marker { display:none; }
.cint[data-indicator=line] .cint-marker { transform:none; height:var(--cint-marker-thickness); }
.cint[data-indicator=dot] .cint-marker { transform:none; border-radius:50%; }
.cint[data-indicator=chevron] .cint-marker { background:transparent; border-right:var(--cint-marker-thickness) solid var(--cint-marker-color); border-bottom:var(--cint-marker-thickness) solid var(--cint-marker-color); }
.cint .cint-panel { grid-column:1/-1; min-width:0; overflow:hidden; background:var(--cint-panel); border-radius:12px; }
.cint .cint-panel-inner { position:relative; padding:30px clamp(18px,3vw,40px); border-top:2px solid var(--cint-accent); }
.cint .cint-panel-title { margin:0 45px 18px 0; color:inherit; font-size:1.25rem; line-height:1.4; }
.cint .cint-description { line-height:1.75; font-size:1rem; overflow-wrap:anywhere; }
.cint .cint-description > :first-child { margin-top:0; }
.cint .cint-description > :last-child { margin-bottom:0; }
.cint .cint-description img { max-width:100%; height:auto; }
.cint .cint-validity { font-size:.9rem; margin:16px 0 0; }
.cint .cint-download { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:44px; margin-top:22px; padding:12px 20px; border:1px solid transparent; border-radius:8px; background:var(--cint-accent); color:#fff; text-decoration:none; font-size:.95rem; font-weight:600; overflow-wrap:anywhere; }
.cint .cint-close { position:absolute; top:16px; right:16px; width:44px; height:44px; min-height:44px; padding:0; border:1px solid #dce1de; border-radius:50%; font:inherit; font-size:26px; line-height:1; background:var(--cint-panel); color:var(--cint-text); cursor:pointer; }
.cint button:focus-visible,.cint a:focus-visible { outline:3px solid var(--cint-accent); outline-offset:4px; }
.cint .cint-panel:focus-visible { outline:2px solid var(--cint-accent); outline-offset:2px; }
.cint--soft .cint-card { border-radius:24px; box-shadow:0 8px 24px #16352a12; border-color:#dae5df; }
.cint--soft .cint-card[aria-expanded=true] { border-color:var(--cint-accent); box-shadow:0 10px 30px #16352a24; }
.cint--minimal .cint-card { background:transparent; border-radius:0; box-shadow:none; border-width:0 0 2px; }
.cint--minimal .cint-panel { border-radius:0; }
@media (hover:hover) { .cint .cint-card:hover { box-shadow:0 10px 28px #16352a18; } .cint .cint-download:hover { background-color:var(--cint-pdf-hover,var(--cint-accent)); color:#fff; } }
@media (max-width:1024px) { .cint .cint-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px) { .cint .cint-grid { grid-template-columns:1fr; gap:18px; } .cint { --cint-logo:160px; } .cint .cint-panel-inner { padding:24px 18px; } }
@media (prefers-reduced-motion:reduce) { .cint *, .cint *::before, .cint *::after { transition:none!important; scroll-behavior:auto!important; } }