.transparency-page{max-width:1120px;padding-top:48px;padding-bottom:72px}
.transparency-heading{position:relative;isolation:isolate;overflow:hidden;margin:0 0 26px;padding:clamp(30px,6vw,58px);border-radius:28px;background:linear-gradient(125deg,var(--color-primary-dark) 0%,var(--color-primary) 54%,var(--color-secondary) 100%);color:#fff;box-shadow:0 20px 48px rgba(var(--color-primary-rgb),.18)}
.transparency-heading:after{position:absolute;z-index:-1;right:-60px;bottom:-190px;width:390px;height:390px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 34px rgba(255,255,255,.035),0 0 0 70px rgba(255,255,255,.025);content:""}
.transparency-heading .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:8px 13px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.transparency-heading h1{max-width:720px;margin:0 0 14px;color:#fff;font-size:clamp(2.25rem,5vw,3.7rem);line-height:1.08;letter-spacing:-.04em}
.transparency-heading>p:last-child{max-width:760px;margin:0;color:rgba(255,255,255,.88);font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.7}
.scope-panel,.source-notices{padding:clamp(20px,4vw,30px);margin:24px 0;border:1px solid #e9e2e1;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(51,40,50,.045)}
.scope-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 24px}
.scope-panel h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}.scope-switch{display:flex;gap:5px;padding:5px;border:1px solid #eee8e7;border-radius:999px;background:#f8f6f5}
.scope-switch button{border:0;border-radius:999px;background:transparent;color:var(--color-text-light);padding:10px 17px;font:inherit;font-size:.92rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.scope-switch button:hover{color:var(--color-primary)}.scope-switch button[aria-pressed=true]{background:var(--color-primary);color:#fff;box-shadow:0 3px 10px rgba(var(--color-primary-rgb),.2)}
.scope-switch button:focus-visible,.project-controls input:focus-visible,.project-controls select:focus-visible{outline:3px solid #e2aa36;outline-offset:3px}
.scope-note{grid-column:1/-1;margin:2px 0 0;color:var(--color-text-light);font-size:.93rem;line-height:1.6}
.interpretation-notice{display:flex;gap:15px;align-items:flex-start;padding:19px 21px;border:1px solid #f0e1c3;border-radius:16px;background:linear-gradient(110deg,#fff9ed,#fffdf8);line-height:1.65}
.interpretation-notice:before{display:grid;flex:none;width:34px;height:34px;place-items:center;border-radius:11px;background:#f4e4c4;color:#805713;content:"i";font-family:Georgia,serif;font-size:1.2rem;font-weight:700}
.interpretation-notice strong{display:block;color:#543e21}.interpretation-notice p{margin:4px 0 0;color:#625544}
.snapshot-status{position:relative;overflow:hidden;margin:24px 0;padding:24px;border:1px solid #e9e2e1;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(51,40,50,.045);color:var(--color-text);line-height:1.6}
.snapshot-status[data-state=loading]{min-height:204px;padding:28px 28px 25px 82px}
.snapshot-status[data-state=loading]:before{position:absolute;top:31px;left:30px;width:30px;height:30px;border:3px solid #eee6e7;border-top-color:var(--color-primary);border-radius:50%;content:"";animation:transparency-spin .8s linear infinite}
.snapshot-status[data-state=loading]:after{position:absolute;right:28px;bottom:25px;left:28px;height:58px;border-radius:10px;background:linear-gradient(90deg,#f6f3f2 25%,#fff 42%,#f6f3f2 65%);background-size:300% 100%;content:"";animation:transparency-shimmer 1.5s ease-in-out infinite}
.snapshot-status[data-state=loading] strong{display:block;margin:0 0 4px;font-size:1.05rem}.snapshot-status[data-state=loading] strong:after{content:""}.snapshot-status[data-state=loading]{font-size:.92rem;color:var(--color-text-light)}
.snapshot-status[data-state=loading]::marker{display:none}
.snapshot-status[data-state=ready]{border-color:#cfe5dd;background:#f5fbf8}.snapshot-status[data-state=ready] strong{color:#246957}
.snapshot-status[data-state=unavailable],.snapshot-status[data-state=stale]{border-color:#efdfbd;background:#fff9ed}.snapshot-status[data-state=unavailable] strong,.snapshot-status[data-state=stale] strong{color:#77561b}
.snapshot-status[data-state=error]{border-color:#efd1d1;background:#fff5f5}
@keyframes transparency-spin{to{transform:rotate(360deg)}}@keyframes transparency-shimmer{to{background-position:-150% 0}}
#project-browser>h2{margin:42px 0 10px;font-size:1.8rem;letter-spacing:-.03em}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.summary-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:20px;border:1px solid #e9e2e1;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(51,40,50,.035)}.summary-card strong{color:var(--color-primary);font-size:clamp(1.1rem,2vw,1.45rem);overflow-wrap:anywhere}.summary-card span{font-size:.84rem;color:var(--color-text-light)}
.project-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:24px 0}.project-controls label{display:grid;gap:7px;font-size:.9rem;font-weight:650}.project-controls input,.project-controls select{min-width:0;padding:12px 13px;border:1px solid #ddd4d5;border-radius:10px;background:#fff;color:var(--color-text);font:inherit}.project-controls input:focus,.project-controls select:focus{border-color:var(--color-primary)}
#result-count{color:var(--color-text-light);font-size:.9rem}.project-list{display:grid;gap:12px}.project-card{padding:22px;margin:0;border:1px solid #e9e2e1;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(51,40,50,.035)}.project-card h3{margin:0 0 9px;font-size:1.12rem}.project-card h3 a{color:var(--color-primary)}.project-meta,.project-amounts,.inclusion-reasons{display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 0;color:var(--color-text-light);font-size:.9rem}.project-amounts{padding:12px 14px;border-radius:10px;background:#f7f5f4}.project-card details{margin-top:14px;padding-top:12px;border-top:1px solid #eee8e7}.project-card details summary{color:var(--color-primary);cursor:pointer;font-weight:700}.project-card p{line-height:1.6}.source-notices{margin-top:34px;line-height:1.65}.source-notices h2{margin:0 0 14px;font-size:1.35rem;letter-spacing:-.02em}.source-notices p{margin:8px 0;color:var(--color-text-light)}.source-notices p:first-child{color:var(--color-text)}
@media(max-width:760px){.transparency-page{padding-top:26px;padding-bottom:44px}.transparency-heading{border-radius:20px}.scope-panel{grid-template-columns:1fr;align-items:start}.scope-switch{justify-self:start}.scope-note{grid-column:auto}.summary-grid{grid-template-columns:1fr}.summary-card{gap:4px}.project-controls{grid-template-columns:1fr}.snapshot-status[data-state=loading]{padding:76px 20px 94px}.snapshot-status[data-state=loading]:before{top:24px;left:21px}.snapshot-status[data-state=loading]:after{right:20px;left:20px}.interpretation-notice{padding:16px}}
@media(prefers-reduced-motion:reduce){.snapshot-status[data-state=loading]:before,.snapshot-status[data-state=loading]:after{animation:none}.scope-switch button{transition:none}}