/* Scientific profile page only: isolated from the shared public-page system. */
body.prof-sriwidodo-page {
  --profile-ink: #102c28;
  --profile-green: #176c58;
  --profile-emerald: #27836c;
  --profile-mint: #e8f3ea;
  --profile-paper: #fbfdf9;
  --profile-violet: #6b2aa3;
  --profile-line: rgba(22, 85, 70, .16);
  --profile-shadow: 0 24px 55px rgba(16, 44, 40, .10);
  background: var(--profile-paper);
}

.prof-sriwidodo-page .profile-shell { max-width: 1240px; margin: 0 auto; padding: 28px 28px 96px; }
.prof-sriwidodo-page .profile-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; margin: 0 0 28px; color: var(--hub-muted); font-size: 13px; }
.prof-sriwidodo-page .profile-breadcrumb a { color: var(--profile-green); font-weight: 700; }
.prof-sriwidodo-page .profile-kicker { margin: 0; color: var(--profile-green); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

.prof-sriwidodo-page .profile-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(430px, .96fr); gap: clamp(32px, 5vw, 70px); overflow: hidden; padding: clamp(38px, 6vw, 78px); border: 1px solid var(--profile-line); border-radius: 24px; background: radial-gradient(circle at 84% 16%, rgba(170, 220, 192, .82) 0 2px, transparent 2.5px), radial-gradient(circle at 92% 25%, rgba(170, 220, 192, .72) 0 4px, transparent 4.5px), radial-gradient(circle at 98% 12%, rgba(170, 220, 192, .7) 0 7px, transparent 7.5px), linear-gradient(141deg, #fffefa 0%, #f2f8f1 53%, #dbece0 100%); box-shadow: var(--profile-shadow); }
.prof-sriwidodo-page .profile-hero::before { content: ''; position: absolute; inset: auto -12% -48% auto; z-index: -1; width: 520px; height: 520px; border: 1px solid rgba(23, 108, 88, .20); border-radius: 46% 54% 63% 37%; box-shadow: -46px -35px 0 rgba(255, 255, 255, .72), -92px -60px 0 rgba(107, 42, 163, .05); transform: rotate(-21deg); pointer-events: none; }
.prof-sriwidodo-page .profile-hero::after { content: ''; position: absolute; right: 37%; top: -12%; z-index: -1; width: 280px; height: 280px; opacity: .7; background-image: radial-gradient(rgba(23, 108, 88, .20) 1px, transparent 1.5px); background-size: 16px 16px; mask-image: radial-gradient(circle, #000 0%, transparent 70%); pointer-events: none; }
.prof-sriwidodo-page .profile-hero__copy { align-self: start; padding-top: clamp(18px, 2vw, 34px); }
.prof-sriwidodo-page .profile-hero h1 { max-width: 760px; margin: 13px 0 18px; color: var(--profile-ink); font-size: clamp(40px, 5.3vw, 68px); line-height: 1.04; letter-spacing: -.052em; }
.prof-sriwidodo-page .profile-subtitle { max-width: 720px; margin: 0 0 18px; color: #145844; font-size: clamp(18px, 2vw, 23px); font-weight: 700; line-height: 1.42; }
.prof-sriwidodo-page .profile-summary { max-width: 660px; margin: 0; color: #425a54; font-size: 16px; line-height: 1.82; }
.prof-sriwidodo-page .profile-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.prof-sriwidodo-page .profile-resource-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 12px 16px; border: 1px solid rgba(107, 42, 163, .30); border-radius: 9px; color: #4c2380; background: rgba(255, 255, 255, .76); font-size: 13px; font-weight: 800; text-decoration: none; transition: border-color .2s ease, background-color .2s ease, transform .2s ease; }
.prof-sriwidodo-page .profile-resource-link:hover { border-color: var(--profile-violet); background: #fff; transform: translateY(-1px); }
.prof-sriwidodo-page .profile-resource-link span { color: var(--profile-violet); }
.prof-sriwidodo-page .profile-hero__context { position: relative; align-self: end; overflow: hidden; border: 1px solid rgba(255, 255, 255, .85); border-radius: 18px; background: #f7fbf8; box-shadow: 0 20px 38px rgba(16, 44, 40, .14); }
.prof-sriwidodo-page .profile-hero__photo { display: block; width: 100%; aspect-ratio: 4 / 5.55; margin: 0; object-fit: cover; object-position: center top; }
.prof-sriwidodo-page .profile-hero__context::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 63%, rgba(10, 56, 45, .22)); }
.prof-sriwidodo-page .profile-hero__context p { position: relative; z-index: 1; margin: 20px 24px 8px; color: var(--profile-green); font-size: 11px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.prof-sriwidodo-page .profile-hero__context strong { position: relative; z-index: 1; display: block; margin: 0 24px; color: var(--profile-ink); font-size: 19px; line-height: 1.35; }
.prof-sriwidodo-page .profile-hero__context span { position: relative; z-index: 1; display: block; margin: 11px 24px 24px; color: #526760; font-size: 13px; line-height: 1.7; }

.prof-sriwidodo-page .profile-story { display: grid; grid-template-columns: minmax(230px, .68fr) minmax(0, 1.32fr); gap: clamp(32px, 5vw, 72px); margin-top: 74px; padding: 52px 0; border-top: 1px solid var(--profile-line); border-bottom: 1px solid var(--profile-line); }
.prof-sriwidodo-page .profile-story h2, .prof-sriwidodo-page .profile-sacha h2, .prof-sriwidodo-page .profile-collaboration h2, .prof-sriwidodo-page .profile-section h2, .prof-sriwidodo-page .profile-impact h2 { margin: 11px 0 0; color: var(--profile-ink); font-size: clamp(30px, 3.6vw, 46px); line-height: 1.1; letter-spacing: -.04em; }
.prof-sriwidodo-page .profile-story > p, .prof-sriwidodo-page .profile-sacha p, .prof-sriwidodo-page .profile-collaboration p, .prof-sriwidodo-page .profile-section__head > p { margin: 0; color: #465e57; font-size: 16px; line-height: 1.86; }
.prof-sriwidodo-page .profile-section { margin-top: 66px; }
.prof-sriwidodo-page .profile-section__head { max-width: 830px; margin-bottom: 30px; }
.prof-sriwidodo-page .profile-section__head > p:last-child { margin-top: 15px; }

.prof-sriwidodo-page .profile-expertise { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--profile-line); border-radius: 16px; list-style: none; background: #fff; box-shadow: 0 14px 34px rgba(16, 44, 40, .05); }
.prof-sriwidodo-page .profile-expertise li { position: relative; display: flex; align-items: center; min-height: 82px; padding: 19px 22px 19px 54px; border-bottom: 1px solid var(--profile-line); color: var(--profile-ink); font-size: 15px; font-weight: 700; line-height: 1.45; }
.prof-sriwidodo-page .profile-expertise li::before { content: ''; position: absolute; left: 23px; width: 13px; height: 13px; border: 3px solid var(--profile-green); border-radius: 50%; box-shadow: 0 0 0 5px var(--profile-mint); }
.prof-sriwidodo-page .profile-expertise li:nth-child(odd) { border-right: 1px solid var(--profile-line); }
.prof-sriwidodo-page .profile-expertise li:nth-last-child(-n + 2) { border-bottom: 0; }

.prof-sriwidodo-page .profile-sacha { display: grid; grid-template-columns: minmax(270px, .78fr) minmax(0, 1.22fr); gap: clamp(28px, 5vw, 66px); align-items: center; margin-top: 68px; padding: clamp(22px, 3.4vw, 42px); overflow: hidden; border: 1px solid var(--profile-line); border-radius: 20px; background: linear-gradient(118deg, #eff7ef, #e2f0e7); }
.prof-sriwidodo-page .profile-sacha__visual { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 14px; box-shadow: 0 18px 34px rgba(16, 44, 40, .12); }
.prof-sriwidodo-page .profile-sacha__visual::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, rgba(10, 75, 58, .14), transparent 52%); }
.prof-sriwidodo-page .profile-sacha__visual img { width: 100%; height: 100%; object-fit: cover; }
.prof-sriwidodo-page .profile-sacha__content > p:last-child { margin-top: 18px; }

.prof-sriwidodo-page .profile-pentahelix { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; align-items: stretch; }
.prof-sriwidodo-page .profile-pentahelix::before { content: ''; position: absolute; z-index: -1; top: 50%; left: 9%; right: 9%; height: 1px; background: linear-gradient(90deg, transparent, rgba(23, 108, 88, .28), transparent); }
.prof-sriwidodo-page .profile-pentahelix article { grid-column: span 1; min-height: 174px; padding: 20px 16px; border: 1px solid var(--profile-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 25px rgba(16, 44, 40, .05); }
.prof-sriwidodo-page .profile-pentahelix article:nth-of-type(2n) { transform: translateY(18px); }
.prof-sriwidodo-page .profile-pentahelix h3 { margin: 0 0 9px; color: var(--profile-ink); font-size: 15px; }
.prof-sriwidodo-page .profile-pentahelix p { margin: 0; color: #526760; font-size: 13px; line-height: 1.65; }
.prof-sriwidodo-page .profile-pentahelix__center { display: flex; grid-column: span 1; flex-direction: column; align-items: center; justify-content: center; min-height: 174px; padding: 14px; border: 1px solid rgba(107, 42, 163, .25); border-radius: 50%; color: #fff; text-align: center; background: radial-gradient(circle at 30% 28%, #3c987f, #155545 67%); box-shadow: 0 14px 28px rgba(16, 83, 68, .2); }
.prof-sriwidodo-page .profile-pentahelix__center span { color: #d3efdc; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.prof-sriwidodo-page .profile-pentahelix__center strong { margin-top: 7px; font-size: 14px; line-height: 1.25; }

.prof-sriwidodo-page .profile-impact { position: relative; margin-top: 68px; padding: clamp(30px, 4.3vw, 56px); overflow: hidden; border-radius: 20px; color: #fff; background: radial-gradient(circle at 91% 8%, rgba(91, 182, 133, .38), transparent 27%), linear-gradient(128deg, #0e3f35, #0a5848); }
.prof-sriwidodo-page .profile-impact::after { content: ''; position: absolute; right: -110px; bottom: -180px; width: 380px; height: 380px; border: 1px solid rgba(222, 245, 227, .24); border-radius: 50%; box-shadow: -38px -34px 0 rgba(222, 245, 227, .10); pointer-events: none; }
.prof-sriwidodo-page .profile-impact .profile-kicker { color: #bbe3c7; }
.prof-sriwidodo-page .profile-impact h2 { color: #fff; max-width: 630px; }
.prof-sriwidodo-page .profile-impact ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 30px 0 0; padding: 0; list-style: none; }
.prof-sriwidodo-page .profile-impact li { position: relative; z-index: 1; min-height: 92px; padding: 16px; border: 1px solid rgba(222, 245, 227, .22); border-radius: 12px; color: #e6f1e9; font-size: 13px; font-weight: 700; line-height: 1.55; background: rgba(255, 255, 255, .04); }

.prof-sriwidodo-page .profile-research { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.prof-sriwidodo-page .profile-research article { display: flex; flex-direction: column; align-items: flex-start; min-height: 100%; padding: 26px; border: 1px solid var(--profile-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 26px rgba(16, 44, 40, .045); }
.prof-sriwidodo-page .profile-research article > p { margin: 0 0 12px; color: var(--profile-green); font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.prof-sriwidodo-page .profile-research h3 { margin: 0; color: var(--profile-ink); font-size: 18px; line-height: 1.42; }
.prof-sriwidodo-page .profile-research span { margin-top: 12px; color: #526760; font-size: 13px; line-height: 1.7; }
.prof-sriwidodo-page .profile-research .profile-resource-link { min-height: 40px; margin-top: auto; padding: 8px 12px; }
.prof-sriwidodo-page .profile-resources { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }

.prof-sriwidodo-page .profile-collaboration { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr); gap: 42px; align-items: center; margin-top: 70px; padding: clamp(30px, 4.3vw, 54px); border: 1px solid var(--profile-line); border-radius: 20px; background: linear-gradient(112deg, #f8fbf7, #e9f3eb); }
.prof-sriwidodo-page .profile-collaboration .profile-actions { margin-top: 0; justify-content: flex-end; }
.prof-sriwidodo-page :focus-visible { outline: 3px solid var(--profile-violet); outline-offset: 3px; }

@media (max-width: 1050px) and (min-width: 801px) {
  .prof-sriwidodo-page .profile-hero { grid-template-columns: minmax(0, 1.04fr) minmax(350px, .96fr); padding: 48px; }
  .prof-sriwidodo-page .profile-pentahelix { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .prof-sriwidodo-page .profile-pentahelix__center { order: -1; grid-column: span 1; border-radius: 16px; }
  .prof-sriwidodo-page .profile-pentahelix article:nth-of-type(2n) { transform: none; }
  .prof-sriwidodo-page .profile-impact ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .prof-sriwidodo-page .profile-resources { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
  .prof-sriwidodo-page .profile-shell { padding: 20px 18px 64px; }
  .prof-sriwidodo-page .profile-breadcrumb { margin-bottom: 20px; }
  .prof-sriwidodo-page .profile-hero, .prof-sriwidodo-page .profile-story, .prof-sriwidodo-page .profile-sacha, .prof-sriwidodo-page .profile-collaboration { grid-template-columns: 1fr; gap: 26px; }
  .prof-sriwidodo-page .profile-hero { padding: 34px 22px 22px; border-radius: 17px; }
  .prof-sriwidodo-page .profile-hero__copy { padding-top: 0; }
  .prof-sriwidodo-page .profile-hero h1 { font-size: clamp(35px, 10.4vw, 52px); }
  .prof-sriwidodo-page .profile-summary, .prof-sriwidodo-page .profile-story > p, .prof-sriwidodo-page .profile-sacha p, .prof-sriwidodo-page .profile-collaboration p, .prof-sriwidodo-page .profile-section__head > p { font-size: 15px; }
  .prof-sriwidodo-page .profile-hero__context { max-width: 460px; width: 100%; justify-self: center; }
  .prof-sriwidodo-page .profile-story { margin-top: 52px; padding: 38px 0; }
  .prof-sriwidodo-page .profile-section { margin-top: 52px; }
  .prof-sriwidodo-page .profile-expertise { grid-template-columns: 1fr; }
  .prof-sriwidodo-page .profile-expertise li, .prof-sriwidodo-page .profile-expertise li:nth-child(odd) { min-height: 70px; border-right: 0; border-bottom: 1px solid var(--profile-line); }
  .prof-sriwidodo-page .profile-expertise li:last-child { border-bottom: 0; }
  .prof-sriwidodo-page .profile-sacha { margin-top: 54px; padding: 22px; border-radius: 16px; }
  .prof-sriwidodo-page .profile-sacha__visual { order: 2; }
  .prof-sriwidodo-page .profile-pentahelix { grid-template-columns: 1fr; gap: 10px; }
  .prof-sriwidodo-page .profile-pentahelix::before { display: none; }
  .prof-sriwidodo-page .profile-pentahelix__center { order: -1; min-height: 92px; border-radius: 14px; }
  .prof-sriwidodo-page .profile-pentahelix article, .prof-sriwidodo-page .profile-pentahelix article:nth-of-type(2n) { min-height: 0; transform: none; padding: 18px; }
  .prof-sriwidodo-page .profile-impact { margin-top: 54px; padding: 32px 22px; border-radius: 17px; }
  .prof-sriwidodo-page .profile-impact ul, .prof-sriwidodo-page .profile-research, .prof-sriwidodo-page .profile-resources { grid-template-columns: 1fr; }
  .prof-sriwidodo-page .profile-impact li { min-height: 0; }
  .prof-sriwidodo-page .profile-research article { padding: 22px; }
  .prof-sriwidodo-page .profile-actions, .prof-sriwidodo-page .profile-resources { flex-direction: column; }
  .prof-sriwidodo-page .profile-actions > *, .prof-sriwidodo-page .profile-resources > * { width: 100%; }
  .prof-sriwidodo-page .profile-collaboration { margin-top: 54px; padding: 32px 22px; border-radius: 17px; }
  .prof-sriwidodo-page .profile-collaboration .profile-actions { align-items: stretch; }
}

@media (prefers-reduced-motion: reduce) {
  .prof-sriwidodo-page .profile-resource-link { transition: none; }
}