/* PhilippinesPedia Smart Portal Helper — independent plugin, zero external assets. */
.pph-p02{--pph-navy:#102e54;--pph-ink:#142c49;--pph-blue:#13599d;--pph-blue-dark:#073d75;--pph-gold:#e8b94e;--pph-cream:#fff8e9;--pph-pale:#f1f7ff;--pph-line:#d4e3ef;--pph-muted:#536982;position:relative;isolation:isolate;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:2rem 0 2.75rem;border:1px solid #c5d8e9;border-radius:22px;overflow:hidden;background:#fff;color:var(--pph-ink);box-shadow:0 18px 55px rgba(16,46,84,.085);font-family:inherit;font-size:16px;line-height:1.6}
.pph-p02 *, .pph-p02 *::before, .pph-p02 *::after{box-sizing:border-box}
.pph-p02 [hidden]{display:none!important}
.pph-p02 :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--pph-gold)!important;outline-offset:3px}
.pph-p02 :is(a,button,summary){touch-action:manipulation}
.pph-p02 p{line-height:1.64;overflow-wrap:anywhere}
.pph-p02__hero{position:relative;background:linear-gradient(125deg,#10315c 3%,#15518a 57%,#0a3763 100%);border-top:5px solid var(--pph-gold);color:#fff;overflow:hidden}
.pph-p02__hero-shape{position:absolute;width:37rem;height:37rem;right:-19rem;top:-21rem;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.13) 0%,rgba(255,255,255,.045) 52%,transparent 54%);border:2px solid rgba(246,196,86,.3);pointer-events:none}
.pph-p02__hero::after{content:"";position:absolute;bottom:-11.5rem;left:-3rem;width:115%;height:12rem;background:rgba(17,108,168,.15);border-radius:50% 50% 0 0;transform:rotate(-4deg);pointer-events:none}
.pph-p02__hero-body{position:relative;z-index:1;padding:clamp(1.25rem,3vw,2.3rem) clamp(1.15rem,3.2vw,2.4rem)}
.pph-p02__overline{display:flex;align-items:center;gap:.65rem;color:#ffe29b;font-weight:800;font-size:.72rem;letter-spacing:.10em;line-height:1.4}
.pph-p02__brand-mark{display:grid;place-items:center;border:1px solid #f6c75a;background:rgba(255,255,255,.1);border-radius:9px;color:#fff;font-size:1rem;font-weight:900;width:2rem;height:2rem;letter-spacing:0;flex:none}
.pph-p02__hero-main{display:flex;align-items:center;justify-content:space-between;gap:1.75rem;margin-top:1.2rem}
.pph-p02 .pph-p02__micro{margin:0 0 .3rem;color:#f8d37c;font-weight:650;font-size:.92rem}
.pph-p02 :is(h2,h3,h4){font-family:inherit;font-weight:800;letter-spacing:-.025em;text-transform:none;text-wrap:pretty}
.pph-p02 :is(.pph-p02__hero h2,.pph-p02__hero h2::after),.pp-g3-page .pp-g3-content .pph-p02 h2{color:#fff}
.pph-p02 .pph-p02__hero h2,.pp-g3-page .pp-g3-content .pph-p02 .pph-p02__hero h2{margin:0 0 .65rem!important;max-width:27ch;font-size:clamp(1.7rem,3.5vw,2.55rem)!important;line-height:1.17!important;font-weight:850}
.pph-p02 .pph-p02__hero h2::after,.pp-g3-page .pp-g3-content .pph-p02 .pph-p02__hero h2::after{display:none!important}
.pph-p02 .pph-p02__hero-desc{margin:0;max-width:66ch;color:#e8f2fd;font-size:clamp(.92rem,1.6vw,1.02rem);line-height:1.72}
.pph-p02__hero-stamp{display:flex;align-items:center;flex-direction:column;justify-content:center;flex:0 0 7.3rem;min-height:7.3rem;border-radius:100%;border:1px solid rgba(255,216,124,.53);box-shadow:inset 0 0 0 6px rgba(255,255,255,.06);background:rgba(16,52,93,.44);text-align:center;transform:rotate(7deg)}
.pph-p02__hero-stamp strong{font-size:2.2rem;line-height:1;color:#ffdd88}.pph-p02__hero-stamp span{font-size:.65rem;letter-spacing:.11em;line-height:1.25;color:#fff;font-weight:800;margin-top:.45rem}
.pph-p02__hero-points{margin-top:1.5rem;display:flex;align-items:center;gap:.45rem 1.2rem;flex-wrap:wrap}.pph-p02__hero-points span{font-size:.78rem;color:#e7f3ff;font-weight:650}
.pph-p02__body{padding:0 clamp(1rem,3.2vw,2.25rem) clamp(1.25rem,3.2vw,2.3rem)}
.pph-p02__journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 calc(-1 * clamp(1rem,3.2vw,2.25rem));background:linear-gradient(90deg,#f7fbff,#fff);border-bottom:1px solid var(--pph-line)}
.pph-p02__journey a{display:flex;align-items:center;gap:.75rem;text-decoration:none!important;padding:1.05rem .95rem;border-right:1px solid var(--pph-line);min-width:0;font-size:.78rem;font-weight:750;line-height:1.35;color:var(--pph-navy)!important}
.pph-p02__journey a:last-child{border-right:0}.pph-p02__journey a:hover{background:#eaf4ff}
.pph-p02__journey b{flex:none;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid #b8d5ed;background:#fff;color:var(--pph-blue);font-size:.68rem}
.pph-p02__section{padding-top:clamp(1.35rem,3vw,2rem);scroll-margin-top:7rem}
.pph-p02__section+.pph-p02__section{margin-top:1.5rem;border-top:1px solid var(--pph-line)}
.pph-p02__section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}
.pph-p02__kicker{font-size:.71rem;font-weight:850;letter-spacing:.115em;color:#915c08}
.pph-p02 .pph-p02__section-head h3,.pp-g3-page .pp-g3-content .pph-p02 .pph-p02__section-head h3{margin:.25rem 0 .35rem!important;font-size:clamp(1.22rem,2.2vw,1.54rem)!important;line-height:1.28!important;color:var(--pph-ink)!important}
.pph-p02__section-head p{margin:0;color:var(--pph-muted);font-size:.88rem;max-width:68ch}
.pph-p02__section-counter{flex:none;color:#a9bed4;font-weight:800;font-size:.76rem;letter-spacing:.1em;padding-top:1.15rem}
.pph-p02__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}
.pph-p02__choice{min-width:0;min-height:0;border:1px solid #d7e5ef;background:linear-gradient(135deg,#fff 0%,#f9fcff 100%);border-radius:14px;overflow:hidden;box-shadow:0 4px 12px rgba(18,68,107,.027);transition:box-shadow .18s,border-color .18s,background .18s}
.pph-p02__choice:hover{border-color:#a2cae5;box-shadow:0 7px 17px rgba(16,68,124,.075)}
.pph-p02__choice--active{border-color:var(--pph-blue);box-shadow:0 0 0 2px rgba(30,114,189,.18)!important;background:#f2f8ff}
.pph-p02__choice--stop{border-color:#e7d1a2;background:linear-gradient(120deg,#fffdf7,#fff8ec)}
.pph-p02__choice details{display:block}
.pph-p02__choice summary{list-style:none;display:flex;align-items:center;gap:.8rem;padding:1rem;cursor:pointer;min-height:5.4rem;color:var(--pph-ink)}
.pph-p02__choice summary::-webkit-details-marker{display:none}
.pph-p02__choice-number{display:grid;place-items:center;flex:none;border-radius:11px;width:2.6rem;height:2.6rem;background:linear-gradient(145deg,#e6f2ff,#f6fbff);border:1px solid #c7dced;color:#0d5798;font-weight:900;font-size:.78rem}
.pph-p02__choice--stop .pph-p02__choice-number{background:#fff1d1;color:#8a5000;border-color:#f3d999}
.pph-p02__choice-name{display:flex;flex-direction:column;gap:.17rem;min-width:0;flex:1}
.pph-p02__choice-tag{font-size:.61rem;line-height:1.2;font-weight:850;letter-spacing:.10em;color:#8d640e}
.pph-p02__choice-label{font-size:.91rem;line-height:1.38;font-weight:800;color:#183451;text-wrap:pretty}
.pph-p02__choice-plus{flex:none;width:1.6rem;height:1.6rem;border:1px solid #bfd9e8;border-radius:50%;display:grid;place-items:center;background:#fff;color:#205b94;font-size:1.1rem;line-height:1}
.pph-p02__choice details[open] .pph-p02__choice-plus{font-size:0}.pph-p02__choice details[open] .pph-p02__choice-plus:before{content:'−';font-size:1.1rem}
.pph-p02__choice-info{padding:0 1rem 1.05rem;border-top:1px solid #e9eff6}
.pph-p02 .pph-p02__small-caution{font-size:.79rem;margin:.65rem 0 .6rem;color:#875f17}
.pph-p02 button{font-family:inherit;font-size:.87rem;font-weight:780;line-height:1.25;border:1px solid transparent;border-radius:10px;padding:.76rem 1rem;cursor:pointer;min-height:2.8rem;background:var(--pph-blue);color:#fff!important;box-shadow:none;text-decoration:none!important}
.pph-p02 button:hover{background:var(--pph-blue-dark)}
.pph-p02 button:disabled{cursor:not-allowed;opacity:.58}
.pph-p02 button.pph-p02__button-quiet,.pph-p02__result-actions button{background:#eef5fc;color:#164e7d!important;border-color:#ccdeed}
.pph-p02 button.pph-p02__button-quiet:hover,.pph-p02__result-actions button:hover{background:#dfedf9}
.pph-p02__detail-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.pph-p02__panel{background:#f9fcff;border:1px solid var(--pph-line);border-radius:14px;padding:1.15rem;min-width:0}
.pph-p02 .pph-p02__panel h4,.pp-g3-page .pp-g3-content .pph-p02 .pph-p02__panel h4{color:var(--pph-ink)!important;font-size:1rem!important;margin:0 0 .4rem!important}
.pph-p02__panel-intro{margin:0 0 .85rem;font-size:.82rem;color:var(--pph-muted)}
.pph-p02__panel code{padding:.14rem .28rem;border-radius:4px;background:#eaf3fa;color:#173b66;font-size:.91em;white-space:nowrap}
.pph-p02 label{display:block;font-size:.81rem;font-weight:780;color:#273f5a;margin:.65rem 0 .3rem}
.pph-p02 :is(input,select,textarea){font:inherit;font-size:.87rem;color:#1a3049;background:#fff;border:1px solid #9fb6ce;border-radius:9px;width:100%;max-width:100%;min-width:0;padding:.7rem;line-height:1.45;box-shadow:none}
.pph-p02 :is(select,input,textarea):hover{border-color:#2d75ad}
.pph-p02__check-row{display:flex;flex-wrap:wrap;gap:.48rem}
.pph-p02__check-row input{flex:1 1 11rem}.pph-p02__check-row button{flex:0 0 auto}
.pph-p02__validation{padding:.58rem .7rem;border-radius:8px;background:#eaf2fa;font-size:.79rem;line-height:1.5;margin:.7rem 0 0}
.pph-p02__validation--yes{background:#edf8f2;color:#245840}.pph-p02__validation--no{background:#fff2e7;color:#854a0a}
.pph-p02__safe-note{margin:.85rem 0 0;padding:.8rem;border-radius:8px;background:#fff7e9;border-left:3px solid var(--pph-gold);color:#65490e;font-size:.78rem}
.pph-p02__message-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.pph-p02__message{min-width:0;padding:1rem 1rem 1.2rem;border:1px solid #cddfec;border-radius:14px;background:linear-gradient(145deg,#fff,#f7fbff)}
.pph-p02__message-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.6rem;border-bottom:1px solid #e4edf4}
.pph-p02__message-top span:first-child{font-size:.7rem;font-weight:850;letter-spacing:.07em;color:#1a5486}
.pph-p02__message-top span:last-child{font-size:.68rem;color:#697f91}
.pph-p02__message p{margin:.8rem 0 0;font-size:.84rem;color:#273e58;line-height:1.7;overflow-wrap:anywhere}
.pph-p02__composer{margin-top:1rem;padding:1.15rem;background:#f4f9ff;border:1px solid #cfdfef;border-radius:14px}
.pph-p02__composer-header strong{font-size:.94rem}.pph-p02__composer-header p{margin:.2rem 0 .65rem;font-size:.81rem;color:var(--pph-muted)}
.pph-p02__composer-controls{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.pph-p02__composer textarea{resize:vertical;min-height:7rem;max-height:25rem}
.pph-p02__copyrow{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:.7rem}
.pph-p02__copyrow p{flex:1 1 12rem;margin:0;font-size:.79rem;color:#285470}
.pph-p02__privacy{margin-top:1.15rem;padding:1rem 1.05rem;border-radius:11px;border-left:4px solid var(--pph-gold);background:#fff8eb;color:#634d2b;font-size:.82rem;line-height:1.65}
.pph-p02__privacy strong{color:#513b18}
.pph-p02__footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.78rem 1.4rem;background:#0d3059;color:#cbdff1;font-size:.67rem;font-weight:750;letter-spacing:.065em}
.pph-p02__noscript{margin:0;padding:.8rem 1rem;background:#fff2d5;font-size:.79rem}
@media(max-width:820px){.pph-p02__detail-panels{grid-template-columns:1fr}.pph-p02__hero-stamp{flex-basis:6rem;min-height:6rem}.pph-p02__hero-stamp strong{font-size:1.8rem}}
@media(max-width:660px){.pph-p02{border-radius:17px;margin:1.3rem 0 2rem}.pph-p02__hero-main{align-items:flex-start}.pph-p02__hero-stamp{display:none}.pph-p02__journey{grid-template-columns:1fr}.pph-p02__journey a{padding:.66rem 1rem;border-right:0;border-bottom:1px solid #e4eef6}.pph-p02__journey a:last-child{border-bottom:0}.pph-p02__choices,.pph-p02__message-grid,.pph-p02__composer-controls{grid-template-columns:1fr}.pph-p02__section-counter{display:none}.pph-p02__choice summary{min-height:4.7rem}.pph-p02__hero-points{gap:.4rem .8rem}.pph-p02__hero-points span{font-size:.72rem}}
@media(max-width:390px){.pph-p02__hero-body{padding:1.15rem}.pph-p02__body{padding-left:.8rem;padding-right:.8rem}.pph-p02__journey{margin-left:-.8rem;margin-right:-.8rem}.pph-p02__check-row button{flex:1 1 auto}.pph-p02__choice summary{gap:.5rem;padding:.8rem}.pph-p02__choice-number{width:2.15rem;height:2.15rem}.pph-p02__choice-label{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){.pph-p02 *, .pph-p02 *::before,.pph-p02 *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Full-width final safety decision avoids an unfinished last row. */
.pph-p02__choice--stop{grid-column:1/-1}
.pph-p02__choice--stop summary{min-height:4.45rem}
@media(max-width:660px){.pph-p02__choice--stop{grid-column:auto}}

/* v1.0.1: explicit affordances, single device-navigation surface, browser-native anchor links */
.pph-p02 select{cursor:pointer;appearance:auto;-webkit-appearance:menulist;background-color:#fff}
.pph-p02 select option{cursor:pointer}
.pph-p02__device-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.8rem 0 .2rem}
.pph-p02__device-link{display:flex;flex-direction:column;justify-content:space-between;gap:.24rem;min-width:0;min-height:8.2rem;padding:.88rem .9rem;background:#fff;border:1px solid #c4ddef;border-radius:11px;text-decoration:none!important;color:#17416b!important;cursor:pointer;transition:background .17s,border-color .17s,box-shadow .17s}
.pph-p02__device-link:hover,.pph-p02__device-link:focus-visible{background:#e8f4ff;border-color:#2877ae;box-shadow:0 5px 16px rgba(22,90,153,.10)}
.pph-p02__device-link-title{display:flex;justify-content:space-between;gap:.35rem;font-weight:850;font-size:.88rem;line-height:1.34}
.pph-p02__device-link-title span{color:#0a5798;font-size:1.05rem}
.pph-p02__device-link-desc{font-size:.75rem;color:#52708c;line-height:1.5}
.pph-p02__device-link-action{font-size:.74rem;font-weight:800;color:#0a548e;margin-top:.18rem;text-decoration:underline;text-underline-offset:.15em}
@media(max-width:420px){.pph-p02__device-links{grid-template-columns:1fr}.pph-p02__device-link{min-height:auto;padding:.8rem .85rem}}

/* Match in-page device jumps with sticky guide headers. */
#p02-device-iphone-ipad,#p02-device-android,#p02-device-windows,#p02-device-mac{scroll-margin-top:6.5rem}

/* v1.1.0: one non-duplicated action plan, in place, per scenario. */
.pph-p02__choice-cue{display:block;margin-top:.22rem;font-size:.77rem;font-weight:480;line-height:1.48;color:#55718d;max-width:44ch}
.pph-p02__choice--active{grid-column:1/-1;box-shadow:0 0 0 2px rgba(30,114,189,.16)!important}
.pph-p02__choice--active .pph-p02__choice-label{font-size:1.02rem}
.pph-p02__choice--active .pph-p02__choice-info{padding:1rem clamp(1rem,3vw,1.7rem) 1.4rem}
.pph-p02 .pph-p02__choice-info h4,.pp-g3-page .pp-g3-content .pph-p02 .pph-p02__choice-info h4{margin:0 0 .25rem!important;color:#153f6c!important;font-size:1.04rem!important}
.pph-p02__plan-intro{margin:.25rem 0 1rem!important;font-size:.81rem!important;color:#536e87!important}
.pph-p02__action-list{list-style:none!important;margin:.7rem 0!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;counter-reset:none}
.pph-p02__action-list>li{min-width:0;margin:0!important;padding:0!important;list-style:none!important}
.pph-p02__action-list label{display:block;margin:0!important;position:relative;cursor:pointer;height:100%;font-weight:normal}
.pph-p02__action-list input{position:absolute;left:.6rem;top:1rem;width:1.05rem!important;height:1.05rem!important;min-height:1.05rem!important;accent-color:#145c9d;cursor:pointer}
.pph-p02__action-list label>span{display:flex;flex-direction:column;gap:.45rem;min-height:100%;padding:.88rem .82rem 1rem 2.1rem;background:#fff;border:1px solid #d0e2f2;border-radius:10px;color:#2a4765;font-size:.84rem;line-height:1.58}
.pph-p02__action-list label>span b{color:#0f5594;font-size:.68rem;letter-spacing:.09em}
.pph-p02__action-list input:checked+span{background:#eef8f4;border-color:#82c5a6}
.pph-p02__action-list input:checked+span b:after{content:' · reviewed';color:#27724d;font-weight:750;letter-spacing:0}
.pph-p02 .pph-p02__review-status{display:inline-block;background:#eaf4ff;padding:.42rem .73rem;margin:.15rem 0 .75rem;border-radius:8px;color:#185181;font-size:.78rem}
.pph-p02__route-actions{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;margin:.95rem 0 .2rem}
.pph-p02__route-actions a{display:inline-flex;gap:.3rem;align-items:center;min-height:2.7rem;padding:.55rem .78rem;border-radius:9px;border:1px solid #145b9f;background:#145b9f;color:#fff!important;text-decoration:none!important;font-weight:750;font-size:.8rem;line-height:1.3;cursor:pointer}
.pph-p02__route-actions a:hover{background:#09477d;color:#fff!important}
.pph-p02__route-actions a.pph-p02__route-secondary{border-color:#c4d8e8;background:#f0f7ff;color:#164d80!important}
.pph-p02__route-actions a.pph-p02__route-secondary:hover{background:#e2effb;color:#153e70!important}
.pph-p02 .pph-p02__small-caution{max-width:100%;margin:.7rem 0 .3rem;padding:.76rem .88rem;background:#fff7e8;border-left:3px solid #e7ad39;border-radius:6px;color:#6a4d17}
.pph-p02__route-disclaimer{font-size:.79rem!important;color:#58718a;margin:.9rem 0 0}
.pph-p02__choice summary:hover{background:#ecf6ff}
.pph-p02__choice--stop summary:hover{background:#fff3df}
.pph-p02__journey a:hover{color:#0a518d!important;text-decoration:underline!important}
@media(max-width:1020px){.pph-p02__action-list{grid-template-columns:1fr}}
@media(max-width:660px){.pph-p02__choice--active{grid-column:auto}.pph-p02__choice-cue{font-size:.73rem}.pph-p02__route-actions a{flex:1 1 100%;justify-content:center}.pph-p02__action-list label>span{min-height:auto}}