/* PhilippinesPedia Editorial Signature v1.0.0
 * ONE isolated component. Existing G3A patterns, table of contents, H1,
 * article blocks and footer styling are not modified.
 */
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature{
  --sig-ink:#132742;--sig-deep:#071a31;--sig-haze:#dbe8ec;--sig-mint:#a8dfd0;
  --sig-gold:#e8ba64;--sig-ground:#f9f8f5;--sig-line:rgba(230,240,250,.18);
  box-sizing:border-box; position:relative; isolation:isolate; clear:both;
  width:100%;max-width:900px;margin:clamp(38px,6vw,72px) 0 22px!important;
  padding:0!important;border:1px solid #bdcad7;border-radius:22px;
  background:var(--sig-deep)!important;color:#fff!important;overflow:hidden;
  box-shadow:0 18px 40px rgba(10,33,59,.10),0 2px 8px rgba(10,33,59,.05);
  font-family:Inter,system-ui,-apple-system,sans-serif;
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature *,
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature *::before,
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature *::after{box-sizing:border-box}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--cobalt{--sig-ink:#0e325c;--sig-deep:#0b2853;--sig-mint:#c9dcef;--sig-gold:#ebc87b}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--jade{--sig-ink:#154747;--sig-deep:#103b3d;--sig-mint:#b2e1cb;--sig-gold:#e4be85}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--saffron{--sig-ink:#513b25;--sig-deep:#382a20;--sig-mint:#eddbc5;--sig-gold:#f4cb74}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__topline{height:5px;display:grid;grid-template-columns:5fr 1fr 1fr}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__topline span:nth-child(1){background:var(--sig-gold)}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__topline span:nth-child(2){background:var(--sig-mint)}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__topline span:nth-child(3){background:#7192ba}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__head{
  padding:19px clamp(22px,4vw,34px) 9px;display:flex;justify-content:space-between;
  gap:12px;align-items:center;position:relative;z-index:1
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__eyebrow{
  display:inline-flex;gap:10px;align-items:center;margin:0!important;padding:0!important;
  font-size:10px!important;letter-spacing:.15em!important;line-height:1.5!important;
  font-weight:750!important;color:var(--sig-mint)!important;text-transform:uppercase;
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__eyebrow-mark{
  width:16px;height:1px;background:var(--sig-gold);display:inline-block;flex:0 0 auto
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__folio{
  color:#b6c8d8;font-size:9px;letter-spacing:.095em;font-weight:700;white-space:nowrap
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__folio span{color:var(--sig-gold);font-size:13px;padding-left:3px}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__body{
  padding:18px clamp(22px,4vw,34px) 28px;display:grid;
  grid-template-columns:clamp(114px,18%,151px) minmax(0,1fr);align-items:center;
  gap:clamp(20px,3.3vw,36px);position:relative;z-index:1;
  background:radial-gradient(ellipse 70% 80% at 96% 100%,rgba(140,188,209,.13),transparent 75%),
    repeating-linear-gradient(120deg,transparent 0,transparent 39px,rgba(255,255,255,.014) 40px,transparent 41px);
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__visual{min-width:0;align-self:center}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__seal{
  height:154px;width:136px;max-width:100%;border:1px solid rgba(235,244,250,.29);
  border-radius:13px 13px 35px 13px;position:relative;overflow:hidden;
  display:flex;flex-direction:column;align-items:center;justify-content:space-around;
  background:linear-gradient(145deg,rgba(225,245,241,.12),rgba(208,226,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__seal:before{
  content:"";width:44px;height:44px;border:1px solid var(--sig-gold);border-radius:50%;
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.22
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__seal>span:nth-child(2){
  font:750 43px/.95 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.08em;color:#f8fafc;
  text-shadow:0 1px 5px rgba(4,19,33,.14);margin-right:8px
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__seal-stop{color:var(--sig-gold)}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__seal-lines{
  height:1px;width:60%;background:linear-gradient(90deg,transparent,var(--sig-gold),transparent);opacity:.7
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__image-wrap{
  position:relative;overflow:hidden;background:#ecf1f7;border-radius:14px 14px 30px 14px;
  border:2px solid rgba(240,247,255,.64);aspect-ratio:4/5;
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__image-wrap img{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:cover!important;object-position:50% 25%;margin:0!important;border:0!important;
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__portrait{margin:0!important;padding:0!important;min-width:0}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__portrait-name{
 display:block;color:#f5f7fa!important;text-align:center;font-family:'Plus Jakarta Sans',Inter,sans-serif;
 font-size:11px!important;font-weight:720!important;line-height:1.35!important;margin:9px 0 0!important;
 word-break:normal;overflow-wrap:break-word
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__art-note{
  margin-left:auto;color:#617282;font-size:10px;line-height:1.4;text-align:right
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__bio p{color:inherit!important;font-size:inherit!important;line-height:inherit!important;margin:0 0 8px!important}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__bio p:last-child{margin-bottom:0!important}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__description{min-width:0}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__credit-label{
  color:var(--sig-mint)!important;font-size:11px!important;font-weight:700!important;
  letter-spacing:.06em!important;line-height:1.5!important;margin:0 0 7px!important
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__separator{
  display:inline-block;width:3px;height:3px;vertical-align:middle;background:var(--sig-gold);
  border-radius:50%;margin:0 8px
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__name{
  font-family:'Plus Jakarta Sans',Inter,sans-serif!important;font-size:clamp(21px,3vw,29px)!important;
  font-weight:800!important;line-height:1.2!important;letter-spacing:-.027em!important;
  color:#fff!important;margin:0 0 6px!important;overflow-wrap:anywhere
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__role{
  color:#d0dce5!important;font-size:12.5px!important;font-weight:650!important;
  line-height:1.5!important;margin:0 0 14px!important
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__bio{
  color:#e0e8ef!important;font-size:14px!important;line-height:1.65!important;
  max-width:60ch;margin:0 0 14px!important;overflow-wrap:break-word
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__profile-link{
  display:inline-flex!important;gap:7px;align-items:center;color:#fff!important;
  font:700 12px/1.45 Inter,sans-serif!important;
  text-decoration:none!important;border-bottom:1.5px solid var(--sig-gold)!important;
  padding:3px 0 4px!important;border-radius:0!important;background:transparent!important;
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__profile-link:hover{color:var(--sig-gold)!important}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__profile-link:focus-visible{
  outline:3px solid var(--sig-gold)!important;outline-offset:5px!important
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__footer{
  display:flex;gap:11px;align-items:center;padding:12px clamp(22px,4vw,34px);
  background:var(--sig-ground);border-top:1px solid #e0e8ed;color:#4e5a68;
  font-size:11px;line-height:1.5;letter-spacing:.012em;
}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__footer-symbol{color:#866536;font-size:15px}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__footer-id{margin-left:auto;color:#687785;font-weight:750;font-size:9px;letter-spacing:.1em}
/* Quiet colophon retains the original surface but reduces visual weight. */
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--compact .pp-g3-signature__body{grid-template-columns:84px minmax(0,1fr);gap:22px;padding-top:10px;padding-bottom:20px}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--compact .pp-g3-signature__seal{width:82px;height:99px;border-radius:10px 10px 22px 10px}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--compact .pp-g3-signature__seal>span:nth-child(2){font-size:28px;margin-right:4px}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--compact .pp-g3-signature__name{font-size:20px!important}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--compact .pp-g3-signature__role{margin-bottom:7px!important}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--compact .pp-g3-signature__bio{font-size:13px!important;margin-bottom:9px!important}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--compact .pp-g3-signature__folio{display:none}
@media(max-width:700px){
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature{border-radius:17px;margin-top:34px!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__folio{display:none}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__head{padding:17px 19px 2px}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__body{gap:17px;grid-template-columns:102px minmax(0,1fr);padding:15px 19px 22px;align-items:start}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__seal{width:100px;height:116px}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__seal>span:nth-child(2){font-size:32px}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__name{font-size:21px!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__bio{font-size:13px!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__footer{padding:12px 19px}
}
@media(max-width:430px){
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__body{grid-template-columns:minmax(0,1fr);gap:12px}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__visual{display:flex;align-items:center;gap:12px}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__seal{width:72px;height:75px;border-radius:9px 9px 18px 9px}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__seal>span:nth-child(2){font-size:26px}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__image-wrap{width:82px;flex:0 0 82px}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__portrait-name{text-align:left;font-size:11px!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__head{padding-bottom:0}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__body{padding-top:14px}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__name{font-size:21px!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__footer-id{display:none}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--compact .pp-g3-signature__body{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature *,
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature *::before,
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature *::after{transition:none!important;animation:none!important}
}

@media(max-width:430px){.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__portrait{max-width:122px}.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__footer{flex-wrap:wrap}.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__art-note{margin-left:0;text-align:left}}

.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__custom-content{margin:12px 0 14px;color:#e0e8ef}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__custom-content p,.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__custom-content li{color:inherit!important;font-size:13px!important;line-height:1.6!important}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__custom-content img{max-width:100%;height:auto;border-radius:8px}

.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--no-image .pp-g3-signature__body{grid-template-columns:minmax(0,1fr)}

/* G3A v1.6.15: accessible editorial heading accent, per-colorway palette. */
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature{--sig-accent:#FFDC8A}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--cobalt{--sig-accent:#FFE6A8}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--jade{--sig-accent:#D6F6BB}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--saffron{--sig-accent:#FFE2BC}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--accent-gold{--sig-accent:#FFE08A}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--accent-ice{--sig-accent:#DDF4FF}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--accent-mint{--sig-accent:#D7F6C7}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--accent-peach{--sig-accent:#FFE2BF}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--accent-white{--sig-accent:#FFFFFF}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature .pp-g3-sig-accent{color:var(--sig-accent)!important;text-decoration-color:var(--sig-accent)!important}
@media(max-width:430px){
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__body,
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature--compact .pp-g3-signature__body{grid-template-columns:minmax(0,1fr)!important;gap:19px!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__visual{display:block!important;width:100%!important;max-width:none!important;min-width:0!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__portrait{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__image-wrap{display:block!important;width:100%!important;max-width:none!important;height:clamp(218px,64vw,294px)!important;aspect-ratio:auto!important;flex:none!important;border-radius:15px 15px 34px 15px}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__image-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 26%!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__portrait-name{text-align:center!important;font-size:13px!important;margin:10px 0 0!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__seal{width:100%;height:110px}
}

/* G3A v1.6.16 targeted fixes: full portrait, official logo, editable folio and simple accents. */
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__brand-image{display:flex;align-items:center;justify-content:center;width:100%;padding:8px;min-height:60px}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__brand-image img{display:block;object-fit:contain;max-width:100%;width:100%;max-height:128px;height:auto;filter:none;border:0;box-shadow:none;background:transparent}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__logo-placeholder{font:800 12px/1.4 'Plus Jakarta Sans',sans-serif;letter-spacing:.04em;color:#fff;overflow-wrap:anywhere;text-align:center}
.pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__folio{max-width:43%;white-space:normal;text-align:right;overflow-wrap:anywhere}
@media(max-width:430px){
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__image-wrap{height:auto!important;aspect-ratio:4/5!important;max-height:none!important;background:#eef3f8!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__image-wrap img{display:block!important;object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;max-height:none!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__brand-image img{max-height:118px!important}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__folio{display:block!important;font-size:9px!important;max-width:45%}
 .pp-ds.pp-g3-page .pp-g3-content .pp-g3-signature__head{gap:12px!important;align-items:start}
}