:root{--p7-blue:#073b82;--p7-deep:#062b68;--p7-green:#0aad73;--p7-text:#142b54;--p7-muted:#5c6f8e;--p7-border:#dce6f2;--p7-shell:min(1180px,calc(100% - 36px))}
body.siakad-profile-v7{margin:0;background:#f6f9fd;color:var(--p7-text);font-family:Arial,Helvetica,sans-serif}
.p7-site{overflow:hidden}.p7-shell{width:var(--p7-shell);margin-inline:auto}.p7-hero{position:relative;min-height:360px;background:linear-gradient(100deg,#f8fbff 0%,#ecf5ff 42%,#d9ecfb 100%);overflow:hidden}.p7-hero-image{position:absolute;inset:0 0 0 38%;background-image:linear-gradient(90deg,rgba(243,249,255,.94) 0%,rgba(238,247,255,.52) 18%,rgba(231,244,255,.06) 48%),var(--p7-hero);background-size:cover;background-position:center;filter:saturate(1.05)}
.p7-hero:before{content:"";position:absolute;left:0;top:0;width:43%;height:100%;background-image:radial-gradient(circle at 2px 2px,rgba(18,101,210,.14) 1.4px,transparent 1.4px);background-size:16px 16px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.p7-hero-inner{position:relative;z-index:3;min-height:360px;display:flex;align-items:center}.p7-hero-copy{width:46%;padding:35px 0 68px}.p7-badge{display:inline-flex;align-items:center;gap:8px;background:#0867cc;color:#fff;padding:7px 14px;border-radius:999px;font-size:12px;font-weight:800;box-shadow:0 8px 20px rgba(8,103,204,.18)}.p7-badge i{font-style:normal;color:#ffd14a}.p7-hero h1{margin:17px 0 8px;max-width:520px;color:#062b68;font-size:clamp(38px,5vw,58px);line-height:1.03;letter-spacing:-.04em}.p7-hero h2{margin:0 0 12px;color:#075bc5;font-size:19px;line-height:1.4}.p7-hero p{margin:0;max-width:520px;color:#344b6e;font-size:15px;line-height:1.72}.p7-wave{position:absolute;left:-8%;right:-8%;height:120px;border-radius:50% 50% 0 0/100% 100% 0 0;bottom:-72px;z-index:4;transform:rotate(-1deg)}.p7-wave-one{background:#0c69cc;bottom:-58px}.p7-wave-two{background:#18b3b4;bottom:-78px;left:22%;right:-22%;transform:rotate(4deg)}.p7-wave-three{background:#fff;bottom:-98px;left:40%;right:-5%;transform:rotate(-4deg)}
.p7-content-shell{position:relative;z-index:8;margin-top:-10px;padding-bottom:30px}.p7-panel{background:#fff;border:1px solid var(--p7-border);border-radius:15px;box-shadow:0 8px 28px rgba(27,59,104,.07)}.p7-panel h2,.p7-principal>h2,.p7-vision>h2{margin:0 0 16px;color:#062b68;font-size:21px;line-height:1.28}.p7-intro-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;padding:22px 30px}.p7-principal-body{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px}.p7-principal figure{margin:0;padding:9px;border:1px solid var(--p7-border);border-radius:12px;background:#fff;box-shadow:0 5px 15px rgba(20,49,91,.06)}.p7-principal figure img{width:100%;aspect-ratio:3/4;display:block;object-fit:cover;border-radius:8px;background:#eef4fb}.p7-principal figcaption{text-align:center;padding:9px 4px 2px}.p7-principal figcaption strong{display:block;color:#082d68;font-size:13.5px;line-height:1.4}.p7-principal figcaption small{display:block;color:#5d6e89;font-size:11.5px;margin-top:4px}.p7-message{color:#344b6e;font-size:13.3px;line-height:1.8}.p7-message p{margin:0 0 12px}.p7-message p:first-child,.p7-message p:last-child{font-weight:700;color:#203a63}.p7-vision-list{display:grid;gap:14px}.p7-vision-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:15px;padding:16px;border:1px solid var(--p7-border);border-radius:11px;background:#fff;box-shadow:0 4px 16px rgba(26,67,120,.05)}.p7-round-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0bc18c,#078b6c);overflow:hidden}.p7-round-icon img{width:var(--p7-icon-size);height:var(--p7-icon-size);max-width:46px;max-height:46px;object-fit:contain}.p7-vision-item h3{margin:2px 0 7px;color:#08a976;font-size:15px}.p7-vision-item p,.p7-vision-item li{color:#344b6e;font-size:12.2px;line-height:1.65}.p7-vision-item p{margin:0}.p7-vision-item ul{margin:4px 0 0;padding-left:16px}.p7-two-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:15px;margin-top:15px}.p7-identity,.p7-history{padding:20px 28px}.p7-identity-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:15px}.p7-identity-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start}.p7-line-icon{width:30px;height:30px;display:grid;place-items:center}.p7-line-icon img{width:var(--p7-icon-size);height:var(--p7-icon-size);max-width:28px;max-height:28px;object-fit:contain}.p7-identity-item small{display:block;color:#2670d2;font-size:10.5px;margin-bottom:3px}.p7-identity-item strong{display:block;color:#18345f;font-size:11.8px;line-height:1.55}.p7-timeline{display:grid;gap:0}.p7-timeline-item{position:relative;display:grid;grid-template-columns:20px 55px minmax(0,1fr);gap:10px;min-height:51px;align-items:start}.p7-timeline-item:before{content:"";position:absolute;left:7px;top:13px;bottom:-13px;width:2px;background:#16b980}.p7-timeline-item:last-child:before{display:none}.p7-timeline-item>span{position:relative;z-index:2;width:12px;height:12px;border:2px solid #16b980;border-radius:50%;background:#fff;margin-top:3px}.p7-timeline-item strong{color:#0864cf;font-size:12.5px;line-height:1.55}.p7-timeline-item p{margin:0;color:#526681;font-size:11.8px;line-height:1.6}.p7-bottom-grid{display:grid;grid-template-columns:1.03fr 1.05fr 1fr;gap:15px;margin-top:15px}.p7-bottom-grid>.p7-panel{padding:18px 20px;display:flex;flex-direction:column;min-height:245px}.p7-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.p7-program-grid>div{min-height:92px;padding:10px 8px;border:1px solid var(--p7-border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff}.p7-program-icon{width:48px;height:48px;display:grid;place-items:center}.p7-program-icon img{width:var(--p7-icon-size);height:var(--p7-icon-size);max-width:43px;max-height:43px;object-fit:contain}.p7-program-grid strong{color:#12366d;font-size:11px;line-height:1.45}.p7-program-grid small{font-size:9.8px;color:#6b7a91;margin-top:3px}.p7-green-button{margin:auto auto 0;display:inline-flex;align-items:center;gap:10px;padding:8px 17px;border-radius:999px;background:linear-gradient(135deg,#0cb477,#07975e);color:#fff!important;text-decoration:none!important;font-size:11.5px;font-weight:800;box-shadow:0 8px 18px rgba(10,170,108,.18)}.p7-achievement-list,.p7-value-list{display:grid;gap:9px}.p7-achievement-list>div,.p7-value-list>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:9px;align-items:start}.p7-trophy-icon{width:27px;height:27px;display:grid;place-items:center}.p7-trophy-icon img{width:var(--p7-icon-size);height:var(--p7-icon-size);max-width:25px;max-height:25px;object-fit:contain}.p7-achievement-list p{margin:3px 0 0;color:#283e62;font-size:11.2px;line-height:1.55}.p7-value-list>div{grid-template-columns:42px minmax(0,1fr);padding:6px 8px;border:1px solid var(--p7-border);border-radius:9px}.p7-value-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0bbb82,#078d69)}.p7-value-icon img{width:var(--p7-icon-size);height:var(--p7-icon-size);max-width:32px;max-height:32px;object-fit:contain}.p7-value-list p{margin:2px 0 0}.p7-value-list strong{display:block;color:#0871d3;font-size:11.4px}.p7-value-list small{display:block;color:#5b6d88;font-size:10.2px;line-height:1.45;margin-top:2px}
@media(max-width:1000px){.p7-hero-copy{width:52%}.p7-intro-grid{grid-template-columns:1fr}.p7-two-grid{grid-template-columns:1fr}.p7-bottom-grid{grid-template-columns:1fr 1fr}.p7-values{grid-column:1/-1}.p7-value-list{grid-template-columns:1fr 1fr}.p7-principal-body{grid-template-columns:160px 1fr}}
@media(max-width:720px){:root{--p7-shell:min(100% - 22px,1180px)}.p7-hero{min-height:450px}.p7-hero-image{inset:0;background-position:65% center}.p7-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(241,248,255,.2),rgba(241,248,255,.98) 58%,#f5faff)}.p7-hero-inner{min-height:450px;align-items:flex-end}.p7-hero-copy{width:100%;padding:30px 0 90px;position:relative;z-index:2}.p7-hero h1{font-size:38px;max-width:520px}.p7-hero h2{font-size:16px}.p7-hero p{font-size:13px}.p7-content-shell{margin-top:-12px}.p7-intro-grid{padding:18px}.p7-principal-body{grid-template-columns:125px 1fr;gap:15px}.p7-panel h2,.p7-principal>h2,.p7-vision>h2{font-size:18px}.p7-message{font-size:12px}.p7-identity,.p7-history{padding:18px}.p7-identity-grid{column-gap:14px}.p7-bottom-grid{grid-template-columns:1fr}.p7-values{grid-column:auto}.p7-value-list{grid-template-columns:1fr 1fr}.p7-bottom-grid>.p7-panel{min-height:0}.p7-wave{height:95px}}
@media(max-width:520px){.p7-hero{min-height:430px}.p7-hero-inner{min-height:430px}.p7-hero h1{font-size:32px}.p7-badge{font-size:10px}.p7-principal-body{grid-template-columns:1fr}.p7-principal figure{width:150px;margin:auto}.p7-vision-item{grid-template-columns:48px 1fr;padding:13px}.p7-round-icon{width:44px;height:44px}.p7-identity-grid{grid-template-columns:1fr}.p7-timeline-item{grid-template-columns:18px 44px 1fr}.p7-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p7-value-list{grid-template-columns:1fr}.p7-intro-grid{padding:15px}.p7-identity,.p7-history,.p7-bottom-grid>.p7-panel{padding:16px}}


/* 0.7.3: minimum profile description text size */
.p7-identity-item small,
.p7-program-grid small,
.p7-value-list small{font-size:11px!important;line-height:1.45!important}
@media(max-width:520px){.p7-badge{font-size:11px!important}}

/* 0.7.4: profile circular icons fill the frame without square corners */
.p7-round-icon,
.p7-value-icon{
  box-sizing:border-box;
  padding:2px;
  overflow:hidden;
  isolation:isolate;
}
.p7-round-icon img,
.p7-value-icon img{
  display:block;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  clip-path:circle(50% at 50% 50%);
  background:transparent!important;
  box-shadow:none!important;
}
.p7-round-icon img{
  max-width:48px!important;
  max-height:48px!important;
}
.p7-value-icon img{
  max-width:36px!important;
  max-height:36px!important;
}
@media(max-width:520px){
  .p7-round-icon img{max-width:42px!important;max-height:42px!important}
  .p7-value-icon img{max-width:36px!important;max-height:36px!important}
}

/* 0.7.6: profile typography consistency, tighter timeline, and card/button spacing */
body.siakad-profile-v7,
body.siakad-profile-v7 .p7-site{
  font-family:var(--skg-font-body,Inter,"Segoe UI",Roboto,Arial,sans-serif)!important;
}
body.siakad-profile-v7 .p7-hero h1,
body.siakad-profile-v7 .p7-hero h2,
body.siakad-profile-v7 .p7-panel h2,
body.siakad-profile-v7 .p7-principal>h2,
body.siakad-profile-v7 .p7-vision>h2,
body.siakad-profile-v7 .p7-program-grid strong,
body.siakad-profile-v7 .p7-value-list strong,
body.siakad-profile-v7 .p7-vision-item h3{
  font-family:var(--skg-font-display,Inter,"Segoe UI",Roboto,Arial,sans-serif)!important;
}
.p7-hero h1{
  font-size:clamp(34px,4.3vw,54px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
  max-width:13ch!important;
}
.p7-hero h2{
  font-size:22px!important;
  line-height:1.35!important;
  font-weight:800!important;
  color:#0c7d91!important;
}
.p7-hero p{
  font-size:16px!important;
  line-height:1.75!important;
  color:#475e82!important;
}
.p7-panel h2,
.p7-principal>h2,
.p7-vision>h2{
  font-size:22px!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
}
.p7-message,
.p7-vision-item p,
.p7-vision-item li,
.p7-identity-item strong,
.p7-timeline-item p,
.p7-achievement-list p,
.p7-value-list small{
  font-size:13px!important;
  line-height:1.65!important;
}
.p7-identity-item small,
.p7-program-grid small,
.p7-value-list small{
  font-size:11px!important;
}
.p7-timeline{gap:3px!important}
.p7-timeline-item{
  min-height:42px!important;
}
.p7-timeline-item:before{
  top:12px!important;
  bottom:-8px!important;
}
.p7-timeline-item strong{
  font-size:13px!important;
  line-height:1.45!important;
}
.p7-history{
  padding-bottom:16px!important;
}
.p7-bottom-grid>.p7-panel{
  padding-bottom:20px!important;
}
.p7-program-grid{
  row-gap:11px!important;
  margin-bottom:18px!important;
}
.p7-green-button{
  margin:16px auto 0!important;
}
@media(max-width:720px){
  .p7-hero h1{font-size:42px!important;max-width:12ch!important}
  .p7-hero h2{font-size:19px!important}
  .p7-hero p{font-size:15px!important;line-height:1.7!important}
  .p7-panel h2,.p7-principal>h2,.p7-vision>h2{font-size:20px!important}
}
@media(max-width:520px){
  .p7-hero h1{font-size:36px!important}
  .p7-hero h2{font-size:17px!important}
  .p7-hero p{font-size:14px!important}
}

/* 0.7.7: profile hero image fills the complete hero area */
.p7-hero-image{
  inset:0!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media(max-width:720px){
  .p7-hero-image{background-position:62% center!important}
}

/* 0.7.9: clean Nilai Sekolah icons without green background */
.p7-value-icon{
  background:#fff!important;
  border:1px solid var(--p7-border)!important;
  box-shadow:0 4px 12px rgba(20,49,91,.06)!important;
}

/* 0.8.4: profile hero matches news-page style and aligned breadcrumb */
.p7-hero{
  position:relative!important;
  min-height:420px!important;
  overflow:hidden!important;
  background:linear-gradient(100deg,#f8fbff 0%,#eef7ff 48%,#dceeff 100%)!important;
  isolation:isolate;
}
.p7-hero:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:42%;
  height:100%;
  background-image:radial-gradient(circle at 2px 2px,rgba(24,101,208,.16) 1.4px,transparent 1.4px)!important;
  background-size:16px 16px!important;
  mask-image:linear-gradient(90deg,#000,transparent 88%);
  z-index:1;
}
.p7-hero-image{
  position:absolute!important;
  inset:0!important;
  background-image:linear-gradient(90deg,rgba(246,251,255,.99) 0%,rgba(246,251,255,.96) 34%,rgba(246,251,255,.66) 52%,rgba(246,251,255,.05) 72%),var(--p7-hero)!important;
  background-size:cover!important;
  background-position:center 45%!important;
  background-repeat:no-repeat!important;
  filter:saturate(1.04);
}
.p7-hero-inner{
  position:relative;
  z-index:3;
  min-height:420px!important;
  display:flex;
  align-items:center;
}
.p7-hero-copy{
  width:48%!important;
  padding:20px 0 58px 18px!important;
}
.p7-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 18px;
  background:linear-gradient(135deg,#0b62d1,#0847a7)!important;
  color:#fff;
  border-radius:999px;
  box-shadow:0 8px 18px rgba(11,98,209,.17);
}
.p7-badge i{font-style:normal;color:#ffd14a}
.p7-hero h1{
  margin:16px 0 10px!important;
  max-width:13ch!important;
  color:var(--p7-deep)!important;
  font-size:clamp(42px,5vw,62px)!important;
  line-height:1!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
}
.p7-hero h2{
  margin:0 0 12px!important;
  color:#0f5fcb!important;
  font-size:21px!important;
  line-height:1.4!important;
}
.p7-hero p{
  margin:0!important;
  max-width:560px!important;
  color:#365073!important;
  font-size:16px!important;
  line-height:1.7!important;
}
.p7-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
  font-size:13px;
  font-weight:700;
}
.p7-breadcrumb a,
.p7-breadcrumb > span,
.p7-breadcrumb i{
  display:inline-flex;
  align-items:center;
  line-height:1;
}
.p7-breadcrumb a{
  gap:7px;
  color:#0b5fc9!important;
  text-decoration:none!important;
}
.p7-breadcrumb svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.p7-breadcrumb i{
  font-style:normal;
  color:#8ba2c2;
  transform:translateY(-1px);
}
.p7-breadcrumb > span{color:#365073}
.p7-wave{position:absolute;left:-8%;right:-8%;height:100px;border-radius:50% 50% 0 0/100% 100% 0 0;z-index:4}.p7-wave-one{background:#0d65c9;bottom:-68px;transform:rotate(-1deg)}.p7-wave-two{background:#1ab3b5;bottom:-80px;left:31%;right:-16%;transform:rotate(4deg)}.p7-wave-three{background:#fff;bottom:-96px;left:47%;right:-8%;transform:rotate(-4deg)}

@media(max-width:1000px){
  .p7-hero-copy{width:52%!important}
}
@media(max-width:820px){
  .p7-hero{min-height:390px!important}
  .p7-hero-image{
    background-image:linear-gradient(180deg,rgba(246,251,255,.08),rgba(246,251,255,.96) 62%,#f7fbff),var(--p7-hero)!important;
    background-position:66% center!important;
  }
  .p7-hero-inner{min-height:390px!important;align-items:flex-end!important}
  .p7-hero-copy{width:100%!important;padding:26px 0 92px 6px!important}
  .p7-hero h1{font-size:clamp(36px,9vw,52px)!important;max-width:11ch!important}
  .p7-hero h2{font-size:18px!important}
  .p7-hero p{font-size:14px!important;max-width:100%!important}
}
@media(max-width:520px){
  .p7-hero{min-height:430px!important}
  .p7-hero-inner{min-height:430px!important}
  .p7-hero-copy{padding:24px 0 96px 2px!important}
  .p7-badge{min-height:40px;padding:0 16px;font-size:11px!important}
  .p7-hero h1{font-size:clamp(34px,10vw,46px)!important;max-width:10.5ch!important}
  .p7-hero h2{font-size:16px!important}
  .p7-hero p{font-size:13.5px!important;line-height:1.65!important}
  .p7-breadcrumb{font-size:12px;gap:8px}
}

/* 0.8.8: proportional Profile typography */
.p7-badge{font-size:.8125rem!important}
.p7-hero h1{font-size:clamp(2.25rem,4.6vw,3.75rem)!important;line-height:1.02!important}
.p7-hero h2{font-size:clamp(1.25rem,2vw,1.5rem)!important;line-height:1.4!important}
.p7-hero p{font-size:1.0625rem!important;line-height:1.75!important}
.p7-breadcrumb{font-size:.875rem!important}
.p7-panel h2,.p7-principal>h2,.p7-vision>h2{font-size:clamp(1.5rem,2.2vw,2rem)!important;line-height:1.25!important}
.p7-principal figcaption strong{font-size:1rem!important;line-height:1.4!important}
.p7-principal figcaption small{font-size:.8125rem!important;line-height:1.45!important}
.p7-message{font-size:1rem!important;line-height:1.75!important}
.p7-vision-item h3{font-size:1.125rem!important;line-height:1.35!important}
.p7-vision-item p,.p7-vision-item li{font-size:1rem!important;line-height:1.7!important}
.p7-identity-item small{font-size:.8125rem!important;line-height:1.45!important}
.p7-identity-item strong{font-size:.9375rem!important;line-height:1.55!important}
.p7-timeline-item strong{font-size:.9375rem!important;line-height:1.5!important}
.p7-timeline-item p{font-size:.9375rem!important;line-height:1.6!important}
.p7-program-grid strong{font-size:1rem!important;line-height:1.4!important}
.p7-program-grid small{font-size:.8125rem!important;line-height:1.45!important}
.p7-green-button{font-size:.875rem!important;min-height:42px!important}
.p7-achievement-list p{font-size:.9375rem!important;line-height:1.55!important}
.p7-value-list strong{font-size:1rem!important;line-height:1.4!important}
.p7-value-list small{font-size:.8125rem!important;line-height:1.5!important}
@media(max-width:820px){
  .p7-hero h1{font-size:clamp(2.25rem,9vw,3rem)!important}
  .p7-hero h2{font-size:1.25rem!important}
  .p7-hero p{font-size:1rem!important}
  .p7-panel h2,.p7-principal>h2,.p7-vision>h2{font-size:1.5rem!important}
}