
/* ZEPINDO V22 Human-Centred Multi-Silo UI — 2026-08-18 */
:root{--v22-accent:#f97316;--v22-accent2:#0ea5e9;--v22-ink:#0f172a;--v22-surface:#fff;--v22-soft:#f8fafc;--v22-line:rgba(15,23,42,.11);--v22-radius:24px}
html{scroll-behavior:smooth;scroll-padding-top:92px} body{background:var(--v22-page,#fff);overflow-x:hidden}
body[data-v22-silo="aquarium"]{--v22-accent:#06b6d4;--v22-accent2:#2563eb;--v22-page:#f3fbfd;--v22-soft:#eaf9fb;--v22-ink:#082f49}
body[data-v22-silo="beton"]{--v22-accent:#f59e0b;--v22-accent2:#475569;--v22-page:#f7f7f5;--v22-soft:#ecebe7;--v22-ink:#1c1917}
body[data-v22-silo="fasad"]{--v22-accent:#b45309;--v22-accent2:#0f766e;--v22-page:#fbfaf6;--v22-soft:#f2eee4;--v22-ink:#292524}
body[data-v22-silo="interior"]{--v22-accent:#be7c4d;--v22-accent2:#7c3aed;--v22-page:#fffaf5;--v22-soft:#f9eee4;--v22-ink:#2b2118}
body[data-v22-silo="jendela"]{--v22-accent:#0284c7;--v22-accent2:#38bdf8;--v22-page:#f5fbff;--v22-soft:#e8f6ff;--v22-ink:#0c4a6e}
body[data-v22-silo="kanopi"]{--v22-accent:#f59e0b;--v22-accent2:#1d4ed8;--v22-page:#fffdf5;--v22-soft:#fff4cc;--v22-ink:#1e3a5f}
body[data-v22-silo="kontraktor"]{--v22-accent:#2563eb;--v22-accent2:#0f172a;--v22-page:#f6f8fc;--v22-soft:#eaf0ff;--v22-ink:#102a56}
body[data-v22-silo="pagar"]{--v22-accent:#d97706;--v22-accent2:#334155;--v22-page:#fafafa;--v22-soft:#efefef;--v22-ink:#171717}
body[data-v22-silo="pengecatan"]{--v22-accent:#e11d48;--v22-accent2:#7c3aed;--v22-page:#fff8fb;--v22-soft:#fff0f5;--v22-ink:#4c0519}
body[data-v22-silo="pintu"]{--v22-accent:#0f766e;--v22-accent2:#b45309;--v22-page:#f7fbf9;--v22-soft:#e9f6f1;--v22-ink:#14342b}
body[data-v22-silo="tukang"]{--v22-accent:#eab308;--v22-accent2:#334155;--v22-page:#fffdf4;--v22-soft:#fff6cc;--v22-ink:#292524}
/* nav that actually moves */
.v13-nav{position:sticky!important;top:0;z-index:9990!important;background:color-mix(in srgb,var(--v22-page) 90%,transparent)!important;border-bottom:1px solid var(--v22-line);backdrop-filter:blur(14px) saturate(1.15);transition:box-shadow .28s ease,transform .28s ease}
.v13-nav.is-scrolled{box-shadow:0 10px 30px rgba(15,23,42,.10)}.v13-menu a{position:relative}.v13-menu a:not(.v13-nav-cta)::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--v22-accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.v13-menu a:hover::after,.v13-menu a:focus-visible::after{transform:scaleX(1)}
.v13-nav-cta,.v13-btn-primary{background:var(--v22-accent)!important;border-color:var(--v22-accent)!important;transition:transform .2s ease,box-shadow .2s ease!important}.v13-nav-cta:hover,.v13-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,var(--v22-accent) 32%,transparent)!important}
.v22-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:10000;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--v22-accent),var(--v22-accent2));pointer-events:none}
/* silo-specific hero personalities */
.v13-hero{position:relative;overflow:hidden;background:var(--v22-page)!important}.v13-hero::before{content:"";position:absolute;inset:-35%;pointer-events:none;opacity:.35;transform:rotate(-8deg);background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--v22-accent) 20%,transparent),transparent 34%),radial-gradient(circle at 72% 55%,color-mix(in srgb,var(--v22-accent2) 16%,transparent),transparent 32%)}
body[data-v22-silo="aquarium"] .v13-hero{background:linear-gradient(135deg,#e8fbff,#f8feff 48%,#e9f3ff)!important}body[data-v22-silo="aquarium"] .v13-hero-bg{filter:hue-rotate(155deg) saturate(1.12);opacity:.72}
body[data-v22-silo="beton"] .v13-hero{background:linear-gradient(115deg,#e7e5e4 0 38%,#fafaf9 38% 100%)!important}body[data-v22-silo="beton"] .v13-hero-inner{border-left:6px solid var(--v22-accent);padding-left:clamp(20px,4vw,54px)}
body[data-v22-silo="fasad"] .v13-hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)!important}body[data-v22-silo="fasad"] .v13-hero-media{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}
body[data-v22-silo="interior"] .v13-hero{border-radius:0 0 46px 46px}body[data-v22-silo="interior"] .v13-hero-copy{background:rgba(255,255,255,.62);backdrop-filter:blur(10px);padding:clamp(22px,4vw,50px);border-radius:32px}
body[data-v22-silo="jendela"] .v13-hero-inner{outline:1px solid rgba(2,132,199,.16);outline-offset:-18px}body[data-v22-silo="jendela"] .v13-hero-media{border:14px solid rgba(255,255,255,.74);box-shadow:0 0 0 1px rgba(2,132,199,.13)}
body[data-v22-silo="kanopi"] .v13-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:80px;background:var(--v22-page);clip-path:polygon(0 78%,100% 0,100% 100%,0 100%)}
body[data-v22-silo="kontraktor"] .v13-hero{background-image:linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.07) 1px,transparent 1px)!important;background-size:32px 32px!important}
body[data-v22-silo="pagar"] .v13-hero{background:linear-gradient(100deg,#0f172a,#1f2937)!important;color:white}body[data-v22-silo="pagar"] .v13-hero h1,body[data-v22-silo="pagar"] .v13-hero p,body[data-v22-silo="pagar"] .v13-breadcrumb a{color:white!important}
body[data-v22-silo="pengecatan"] .v13-hero{border-bottom:12px solid transparent;border-image:linear-gradient(90deg,#e11d48,#f59e0b,#22c55e,#0284c7,#7c3aed) 1}
body[data-v22-silo="pintu"] .v13-hero-media{border-radius:999px 999px 28px 28px;overflow:hidden}body[data-v22-silo="pintu"] .v13-hero-thumb{border-radius:inherit}
body[data-v22-silo="tukang"] .v13-hero-inner{position:relative}body[data-v22-silo="tukang"] .v13-hero-inner::after{content:"✓ scope  ✓ alat  ✓ K3  ✓ QC";position:absolute;right:20px;bottom:10px;font:800 12px/1.2 system-ui;letter-spacing:.08em;color:#713f12;background:#fde68a;padding:9px 12px;border-radius:999px}
/* reader brief */
.v22-human-brief{max-width:1160px;margin:clamp(28px,5vw,64px) auto;padding:0 24px}.v22-human-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.v22-human-head p{max-width:720px;margin:0;color:#475569}.v22-kicker{font-size:.76rem;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:var(--v22-accent)}
.v22-human-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.v22-human-card{position:relative;padding:22px;border:1px solid var(--v22-line);border-radius:var(--v22-radius);background:color-mix(in srgb,var(--v22-page) 78%,#fff);box-shadow:0 16px 38px rgba(15,23,42,.055);overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s}.v22-human-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--v22-accent),var(--v22-accent2))}.v22-human-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(15,23,42,.10)}.v22-human-card h2,.v22-human-card h3{font-size:1.15rem;margin:.25rem 0 .75rem}.v22-human-card p{margin:0;color:#475569}.v22-human-card ul{margin:.6rem 0 0}.v22-mini{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;background:color-mix(in srgb,var(--v22-accent) 12%,#fff);color:var(--v22-accent);font-weight:900}
/* evidence */
.v22-evidence{margin:42px auto;max-width:1160px;padding:0 24px}.v22-evidence-shell{border-radius:32px;background:var(--v22-ink);color:#fff;padding:clamp(24px,4vw,48px);position:relative;overflow:hidden}.v22-evidence-shell::after{content:"";position:absolute;right:-80px;top:-110px;width:300px;height:300px;border:46px solid color-mix(in srgb,var(--v22-accent) 46%,transparent);border-radius:50%;opacity:.5}.v22-evidence h2{color:#fff!important;margin-top:0}.v22-evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1}.v22-evidence-card{padding:18px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}.v22-evidence-card strong{display:block;font-size:1.34rem;color:#fff;margin-bottom:8px}.v22-evidence-card p{font-size:.92rem;color:#dbeafe;margin:0 0 8px}.v22-evidence-card a{color:#fde68a;font-size:.78rem}
/* sources */
.v22-sources{max-width:920px;margin:48px auto;padding:24px;border:1px solid var(--v22-line);border-radius:24px;background:#fff}.v22-sources h2{margin-top:0}.v22-source-list{display:grid;gap:10px}.v22-source-item{padding:14px 15px;border-radius:14px;background:var(--v22-soft);display:grid;grid-template-columns:90px 1fr;gap:12px}.v22-source-kind{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--v22-accent)}.v22-source-item a{font-weight:750;color:var(--v22-ink)}
/* trust logos from supplied archive */
.v13-client-strip{background:#fff!important;border-block:1px solid var(--v22-line)!important}.v13-client-logo{background:#fff!important;border:1px solid rgba(15,23,42,.07);box-shadow:0 8px 22px rgba(15,23,42,.04)}.v13-client-logo img{object-fit:contain!important;filter:none!important;opacity:.88!important;max-height:62px!important}.v13-marquee-track{animation:v22-marquee 38s linear infinite!important}.v13-client-strip:hover .v13-marquee-track{animation-play-state:paused!important}@keyframes v22-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* reveal + live cards */
.v22-reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.v22-reveal.is-visible{opacity:1;transform:none}.v15-visual-card,.v13-nav-card,.v17-faq-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.v15-visual-card:hover,.v13-nav-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,23,42,.10)!important;border-color:color-mix(in srgb,var(--v22-accent) 35%,var(--v22-line))!important}
.v17-faq-card[open]{border-color:color-mix(in srgb,var(--v22-accent) 40%,var(--v22-line))!important;box-shadow:0 14px 32px rgba(15,23,42,.07)}.v17-faq-card summary{cursor:pointer}.v17-faq-card summary::after{content:"+";margin-left:auto;font-size:1.4rem;color:var(--v22-accent);transition:transform .25s}.v17-faq-card[open] summary::after{transform:rotate(45deg)}
/* process variations per silo */
body[data-v22-silo="kontraktor"] .v22-process li,body[data-v22-silo="tukang"] .v22-process li{border-left:3px solid var(--v22-accent)!important;border-radius:0 18px 18px 0!important}
body[data-v22-silo="interior"] .v15-visual-card,body[data-v22-silo="fasad"] .v15-visual-card{border-radius:30px!important}
body[data-v22-silo="beton"] .v15-visual-card,body[data-v22-silo="pagar"] .v15-visual-card{border-radius:10px!important}
body[data-v22-silo="pengecatan"] .v15-visual-card:nth-child(3n+1){box-shadow:inset 0 5px #e11d48,0 14px 32px rgba(15,23,42,.06)!important}body[data-v22-silo="pengecatan"] .v15-visual-card:nth-child(3n+2){box-shadow:inset 0 5px #f59e0b,0 14px 32px rgba(15,23,42,.06)!important}body[data-v22-silo="pengecatan"] .v15-visual-card:nth-child(3n){box-shadow:inset 0 5px #0284c7,0 14px 32px rgba(15,23,42,.06)!important}
/* local preview banner only visible on file:// via runtime */
.v22-local-banner{display:none;position:fixed;left:16px;bottom:16px;z-index:9999;padding:8px 12px;background:#0f172a;color:#fff;border-radius:999px;font:700 12px system-ui;box-shadow:0 10px 30px rgba(0,0,0,.18)}body.v22-file-preview .v22-local-banner{display:block}
@media(max-width:900px){.v22-human-grid{grid-template-columns:1fr}.v22-evidence-grid{grid-template-columns:repeat(2,1fr)}.v13-menu{display:none!important;position:absolute!important;left:14px;right:14px;top:calc(100% + 8px);padding:14px!important;border-radius:20px;background:var(--v22-page)!important;border:1px solid var(--v22-line);box-shadow:0 24px 60px rgba(15,23,42,.16)}.v13-menu.is-open{display:grid!important;gap:4px}.v13-menu-toggle{display:inline-grid!important;place-items:center}.v22-human-head{display:block}.v22-human-head p{margin-top:8px}}
@media(max-width:620px){.v22-evidence-grid{grid-template-columns:1fr}.v22-source-item{grid-template-columns:1fr}.v22-human-brief,.v22-evidence{padding:0 16px}.v22-evidence-shell{border-radius:24px}.v13-hero-inner{padding-inline:18px!important}body[data-v22-silo="tukang"] .v13-hero-inner::after{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.v22-reveal{opacity:1;transform:none}}

/* V22.1 — each silo has its own composition, not only a different color */
body[data-v22-silo="aquarium"] .v22-human-grid{grid-template-columns:1.15fr .85fr .85fr}
body[data-v22-silo="aquarium"] .v22-human-card{border-radius:34px 18px 34px 18px;background:linear-gradient(155deg,rgba(255,255,255,.92),rgba(224,247,250,.76))}
body[data-v22-silo="aquarium"] .v22-evidence-shell{border-radius:48px 18px 48px 18px;background:linear-gradient(145deg,#083344,#0c4a6e)}
body[data-v22-silo="aquarium"] .v22-evidence-card{border-radius:28px 12px 28px 12px}
body[data-v22-silo="aquarium"] .v22-evidence-shell:before{content:"";position:absolute;width:84px;height:84px;border:1px solid rgba(255,255,255,.2);border-radius:50%;left:5%;bottom:8%;box-shadow:110px -42px 0 -24px rgba(255,255,255,.10),210px 10px 0 -30px rgba(255,255,255,.10)}

body[data-v22-silo="beton"] .v22-human-grid{gap:0;border:1px solid #cbd5e1}
body[data-v22-silo="beton"] .v22-human-card{border-radius:0;box-shadow:none;border:0;border-right:1px solid #cbd5e1;background:#f5f5f4}
body[data-v22-silo="beton"] .v22-human-card:last-child{border-right:0}
body[data-v22-silo="beton"] .v22-human-card:after{content:"";position:absolute;right:12px;top:12px;width:28px;height:28px;border-top:2px solid #78716c;border-right:2px solid #78716c;opacity:.35}
body[data-v22-silo="beton"] .v22-evidence-shell{border-radius:6px;background:#292524;border-left:8px solid #f59e0b}
body[data-v22-silo="beton"] .v22-evidence-card{border-radius:4px;background:rgba(255,255,255,.06)}

body[data-v22-silo="fasad"] .v22-human-grid{grid-template-columns:1.25fr .75fr;grid-auto-rows:minmax(160px,auto)}
body[data-v22-silo="fasad"] .v22-human-card:first-child{grid-row:span 2}
body[data-v22-silo="fasad"] .v22-human-card{border-radius:8px 34px 8px 34px}
body[data-v22-silo="fasad"] .v22-human-card:nth-child(2){transform:translateY(20px)}
body[data-v22-silo="fasad"] .v22-evidence-shell{clip-path:polygon(0 0,96% 0,100% 10%,100% 100%,4% 100%,0 90%);border-radius:0;background:#292524}

body[data-v22-silo="interior"] .v22-human-grid{grid-template-columns:1.35fr .825fr .825fr;align-items:stretch}
body[data-v22-silo="interior"] .v22-human-card:first-child{padding:34px;background:linear-gradient(135deg,#fff,#f8eadf)}
body[data-v22-silo="interior"] .v22-human-card{border-radius:38px;box-shadow:0 24px 60px rgba(89,59,35,.08)}
body[data-v22-silo="interior"] .v22-evidence-shell{border-radius:44px;background:linear-gradient(120deg,#3f2d23,#5b3d31 55%,#4c1d95)}
body[data-v22-silo="interior"] .v22-source-item{border-left:4px solid #be7c4d}

body[data-v22-silo="jendela"] .v22-human-card{background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(224,242,254,.58));backdrop-filter:blur(12px);border:1px solid rgba(2,132,199,.18);box-shadow:inset 0 0 0 7px rgba(255,255,255,.44)}
body[data-v22-silo="jendela"] .v22-human-card:after{content:"";position:absolute;inset:12px;border:1px solid rgba(2,132,199,.10);pointer-events:none}
body[data-v22-silo="jendela"] .v22-evidence-shell{background:linear-gradient(150deg,#075985,#0c4a6e);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}

body[data-v22-silo="kanopi"] .v22-human-card{border-radius:18px;clip-path:polygon(0 0,92% 0,100% 18%,100% 100%,0 100%)}
body[data-v22-silo="kanopi"] .v22-human-card:nth-child(2){transform:translateY(12px)}
body[data-v22-silo="kanopi"] .v22-human-card:nth-child(3){transform:translateY(24px)}
body[data-v22-silo="kanopi"] .v22-evidence-shell{border-radius:12px;clip-path:polygon(0 0,100% 0,100% 88%,94% 100%,0 100%);background:linear-gradient(120deg,#1e3a5f,#1d4ed8)}

body[data-v22-silo="kontraktor"] .v22-human-grid{counter-reset:decision;grid-template-columns:repeat(3,1fr)}
body[data-v22-silo="kontraktor"] .v22-human-card{counter-increment:decision;border-radius:8px;background-image:linear-gradient(rgba(37,99,235,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.055) 1px,transparent 1px);background-size:18px 18px}
body[data-v22-silo="kontraktor"] .v22-human-card:after{content:"0" counter(decision);position:absolute;right:16px;bottom:8px;font:900 46px/1 system-ui;color:rgba(37,99,235,.10)}
body[data-v22-silo="kontraktor"] .v22-evidence-shell{border-radius:10px;background:#102a56;border:1px solid rgba(96,165,250,.35)}

body[data-v22-silo="pagar"] .v22-human-brief{background:#111827;color:#fff;padding:34px;border-radius:12px}
body[data-v22-silo="pagar"] .v22-human-head p,body[data-v22-silo="pagar"] .v22-human-card p,body[data-v22-silo="pagar"] .v22-human-card li{color:#cbd5e1}
body[data-v22-silo="pagar"] .v22-human-card{background:#1f2937;border-radius:4px;border-color:#475569;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
body[data-v22-silo="pagar"] .v22-human-card:after{content:"";position:absolute;left:12px;right:12px;bottom:11px;height:1px;background:repeating-linear-gradient(90deg,#d97706 0 18px,transparent 18px 26px)}
body[data-v22-silo="pagar"] .v22-evidence-shell{border-radius:4px;background:#0f172a}

body[data-v22-silo="pengecatan"] .v22-human-grid{grid-template-columns:repeat(3,1fr)}
body[data-v22-silo="pengecatan"] .v22-human-card{border-radius:28px 28px 8px 28px}
body[data-v22-silo="pengecatan"] .v22-human-card:nth-child(1){background:linear-gradient(145deg,#fff1f2,#fff)}
body[data-v22-silo="pengecatan"] .v22-human-card:nth-child(2){background:linear-gradient(145deg,#fff7ed,#fff)}
body[data-v22-silo="pengecatan"] .v22-human-card:nth-child(3){background:linear-gradient(145deg,#eff6ff,#fff)}
body[data-v22-silo="pengecatan"] .v22-evidence-shell{background:linear-gradient(115deg,#4c0519,#831843 43%,#4c1d95)}

body[data-v22-silo="pintu"] .v22-human-card{border-radius:36px 36px 10px 10px;border:7px double rgba(15,118,110,.16);background:#fff}
body[data-v22-silo="pintu"] .v22-human-card:after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-radius:50%;background:#b45309;box-shadow:0 0 0 4px rgba(180,83,9,.12)}
body[data-v22-silo="pintu"] .v22-evidence-shell{border-radius:40px 40px 8px 8px;background:#14342b}

body[data-v22-silo="tukang"] .v22-human-grid{grid-template-columns:1fr 1fr 1fr;gap:12px}
body[data-v22-silo="tukang"] .v22-human-card{border-radius:12px;background:#fffdf4;border-left:8px solid #eab308}
body[data-v22-silo="tukang"] .v22-human-card h3:before{content:"✓ ";color:#16a34a}
body[data-v22-silo="tukang"] .v22-evidence-shell{border-radius:14px;background:#292524;background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.035) 31px 32px)}

.v22-table-context{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--v22-accent) 8%,#fff);font-size:.82rem;color:#475569}
.v22-source-use,.v22-evidence-use{font-size:.86em;opacity:.88}
@media(max-width:900px){body[data-v22-silo] .v22-human-grid{grid-template-columns:1fr!important;gap:14px!important}body[data-v22-silo] .v22-human-card,body[data-v22-silo] .v22-human-card:nth-child(n){grid-row:auto!important;transform:none!important;clip-path:none!important}body[data-v22-silo="fasad"] .v22-evidence-shell,body[data-v22-silo="kanopi"] .v22-evidence-shell{clip-path:none}body[data-v22-silo="pagar"] .v22-human-brief{margin-inline:16px}}


/* ============================================================
   V22.2 — COMPACT RESEARCH SOURCES + IMAGE SAFETY
   ============================================================ */
#sumber-riset { overflow: clip; }
#sumber-riset .v17-case-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch;
}
#sumber-riset .v17-case-card {
  min-width:0;
  padding:16px 16px 14px !important;
  border-radius:18px !important;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
}
#sumber-riset .v17-case-card h3 { margin:0 !important; font-size:.78rem !important; letter-spacing:.06em; text-transform:uppercase; opacity:.72; }
#sumber-riset .v17-case-card p { margin:0 !important; font-size:.91rem; line-height:1.52; overflow-wrap:anywhere; }
#sumber-riset .v17-case-card p strong { display:block; font-size:.98rem; line-height:1.38; margin-bottom:5px; }
#sumber-riset[data-source-collapsed="true"] .v17-case-card:nth-child(n+5) { display:none !important; }
#sumber-riset[data-source-collapsed="true"] .v17-case-card p:nth-of-type(2) {
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}
.zpd-source-actions { display:flex; justify-content:center; margin-top:16px; }
.zpd-source-toggle {
  appearance:none; border:1px solid rgba(15,23,42,.14); background:#fff; color:#0f172a;
  border-radius:999px; padding:10px 16px; font:inherit; font-weight:750; cursor:pointer;
  box-shadow:0 8px 24px rgba(15,23,42,.07); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.zpd-source-toggle:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(15,23,42,.12); border-color:rgba(15,23,42,.26); }
.zpd-source-toggle:focus-visible { outline:3px solid rgba(56,189,248,.35); outline-offset:3px; }
.zpd-image-fallback { object-fit:cover; background:#eef2f7; }
@media (max-width:1100px){#sumber-riset .v17-case-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:640px){#sumber-riset .v17-case-grid{grid-template-columns:1fr !important;gap:10px !important;}#sumber-riset .v17-case-card{padding:14px !important;}}

/* V23 realistic image layer */
.v23-sprite-photo{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:cover;background:#e8edf2}
.v15-card-media .v23-sprite-photo,.v16-gallery-item .v23-sprite-photo{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
/* Compact source cards */
.v22-sources{max-width:1180px!important}
.v22-source-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important;align-items:stretch}
.v22-source-item{display:flex!important;flex-direction:column;gap:7px!important;min-height:0;padding:13px!important;overflow:hidden}
.v22-source-item>div{min-width:0}.v22-source-item a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}
.v22-source-item>div>div{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}
@media(max-width:900px){.v22-source-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.v22-source-list{grid-template-columns:1fr}.v22-source-item>div>div{-webkit-line-clamp:2}}

/* V23 hero photo backdrop */
.v13-hero-bg[style*='photo-v23-sprites']{filter:none!important;opacity:.22!important;background-repeat:no-repeat!important}


/* V25.1 — no nested cards inside decision columns.
   Lists inside the main human-decision cards are compact numbered lines,
   never card-inside-card. */
.v22-human-card ul,.v22-human-card ol{
  list-style:none!important; padding:0!important; margin:14px 0 0!important;
  display:block!important; counter-reset:v251plain!important;
}
.v22-human-card ul>li,.v22-human-card ol>li{
  position:relative!important; display:block!important; margin:0!important;
  padding:10px 0 10px 42px!important; min-height:34px!important;
  border:0!important; border-radius:0!important; background:transparent!important;
  box-shadow:none!important; transform:none!important; line-height:1.58!important;
  color:inherit; counter-increment:v251plain!important;
}
.v22-human-card ul>li+li,.v22-human-card ol>li+li{
  border-top:1px solid rgba(148,163,184,.22)!important;
}
.v22-human-card ul>li::before,.v22-human-card ol>li::before{
  content:counter(v251plain,decimal-leading-zero)!important; position:absolute!important;
  left:0!important; top:11px!important; width:28px!important; height:auto!important;
  display:block!important; place-items:unset!important; background:transparent!important;
  border:0!important; border-radius:0!important; box-shadow:none!important;
  color:var(--v22-accent,#0ea5e9)!important; font-size:.73rem!important;
  line-height:1.4!important; font-weight:900!important; letter-spacing:.03em!important;
}
.v22-human-card .v18-split-list{
  display:block!important; grid-template-columns:none!important; gap:0!important;
  list-style:none!important; padding:0!important; margin:14px 0 0!important;
}
.v22-human-card .v18-split-list>li{
  position:relative!important; display:block!important; margin:0!important;
  padding:10px 0 10px 42px!important; border:0!important; border-radius:0!important;
  background:transparent!important; box-shadow:none!important; transform:none!important;
}
.v22-human-card .v18-split-list>li:hover{transform:none!important;box-shadow:none!important;}
@media(max-width:640px){
  .v22-human-card ul>li,.v22-human-card ol>li,.v22-human-card .v18-split-list>li{
    padding-left:38px!important; line-height:1.5!important;
  }
}
