/* PluginPip 2027 / content system for all imported pages */
.pp-content-page { background: #eee9ff; color: #1a1135; }
.pp-content-hero { position: relative; isolation: isolate; overflow: hidden; background: #190d36; color: #e8ddff; padding: clamp(9rem, 12vw, 12rem) 0 clamp(4.8rem, 8vw, 8rem); min-height: 28rem; }
.pp-content-hero::before { content: ""; position: absolute; width: min(45vw, 540px); aspect-ratio: 1; border-radius: 50%; right: -10%; top: -45%; background: radial-gradient(circle, rgba(201,245,61,.19), transparent 66%); pointer-events: none; }
.pp-content-hero::after { content: ""; position: absolute; right: 8%; bottom: 0; width: min(30vw, 340px); height: 55%; opacity: .32; background: repeating-linear-gradient(90deg, transparent 0 42px, rgba(201,245,61,.3) 43px 44px, transparent 45px 75px); clip-path: polygon(0 50%, 20% 50%, 20% 22%, 55% 22%, 55% 75%, 100% 75%, 100% 100%, 0 100%); pointer-events: none; }
.pp-content-hero__inner { position: relative; z-index: 1; }
.pp-content-breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; column-gap:.8rem; row-gap:.4rem; font-size: .79rem; font-weight: 650; margin-bottom: clamp(2.8rem,6vw,5rem); color: #d3c7e8; }
.pp-content-breadcrumbs a { color: inherit; text-decoration: none; }
.pp-content-breadcrumbs a:hover, .pp-content-breadcrumbs a:focus-visible { color: #c9f53d; }
.pp-content-crumb-separator { width:6px; height:6px; border-top: 1.8px solid currentColor; border-right:1.8px solid currentColor; transform:rotate(45deg); opacity:.7; }
.pp-content-hero__tag,.pp-content-kicker { display: inline-flex; align-items:center; gap:.6rem; font-size: .72rem; letter-spacing: .12em; font-weight: 800; }
.pp-content-hero__tag::before { content: ""; height: 7px; width: 7px; background:#c9f53d; border-radius:50%; }
.pp-content-hero h1 { max-width: 1050px; font: 750 clamp(3.1rem,7.4vw,7.6rem)/1.06 system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing: .013em; text-wrap: balance; overflow-wrap: anywhere; margin: 1.35rem 0 1.5rem; }
.pp-content-hero__intro { max-width: 780px; font-size:clamp(1rem,1.4vw,1.27rem); line-height:1.65; color:#d9cdee; }
.pp-content-hero--lime .pp-content-hero__tag::before { background:#c9f53d; }
.pp-content-hero--blue .pp-content-hero__tag::before { background:#669cff; }
.pp-content-hero--pink .pp-content-hero__tag::before { background:#fa7aae; }
.pp-content-hero__bottom { margin-top:clamp(2.5rem,5vw,5rem); display:flex; justify-content:space-between; gap:1rem; align-items:center; padding-top:1.4rem; border-top:1px solid rgba(255,255,255,.18); color:#d8ccee; font-size:.77rem; font-weight:750; letter-spacing:.075em; text-transform: uppercase; }
.pp-content-hero__bottom .pp-content-hero__signal { display:flex;align-items:center;gap:.7rem; color:#c9f53d; }
.pp-content-hero__signal::before { content: ""; width:42px;height:2px;background:#c9f53d; border-radius:5px; }
.pp-content-layout { background: #eee9ff; padding:clamp(4rem,7.5vw,8rem) 0 clamp(5rem,9vw,9rem); }
.pp-content-layout--embedded { border-top: 1px solid rgba(25,13,54,.1); }
.pp-content-layout__intro { padding-bottom:clamp(2.3rem,5vw,4.5rem); max-width:850px; }
.pp-content-layout__intro .pp-content-kicker { color:#514581; }
.pp-content-layout__intro h2 { font:750 clamp(2.6rem,5vw,5rem)/1.1 system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:.012em; margin:.9rem 0 1rem; text-wrap:balance; }
.pp-content-layout__intro p { max-width:700px; font-size:1.04rem; color:#4d4263; }
.pp-content-layout__grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,290px);align-items:start;gap:clamp(2.2rem,5vw,6rem); }
.pp-content-article { min-width:0; max-width:860px; font-size:clamp(1rem,1.1vw,1.125rem);line-height:1.8; color:#342b4b;overflow-wrap:break-word; }
.pp-content-article > :first-child { margin-top:0; }
.pp-content-article h1,.pp-content-article h2,.pp-content-article h3,.pp-content-article h4 { font-family:system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:750; letter-spacing:.008em; color:#1d143a; text-transform:none; line-height:1.21; text-wrap:balance; }
.pp-content-article h2 { font-size:clamp(1.85rem,3vw,3rem);padding-top:1.4rem;margin:2.25rem 0 1rem;scroll-margin-top:80px; }
.pp-content-article h3 { font-size:clamp(1.4rem,2.1vw,2.05rem);margin:1.75rem 0 .8rem;scroll-margin-top:80px; }
.pp-content-article p { margin:0 0 1.35rem; }
.pp-content-article ul,.pp-content-article ol { margin:0 0 1.6rem;padding-left:1.65rem; }
.pp-content-article li { padding:.2rem 0 .3rem .25rem; }
.pp-content-article li::marker { color:#6657a2; }
.pp-content-article a { color:#4130a6;text-decoration:underline;text-decoration-color:#aaa0d0;text-underline-offset:.2em;overflow-wrap:anywhere; }
.pp-content-article a:hover { color:#271b70; text-decoration-color:#271b70; }
.pp-content-article blockquote { border-left:4px solid #c9f53d;background:#e3dcf7;border-radius:0 18px 18px 0;padding:1.6rem 2rem;margin:2rem 0; }
.pp-content-article table { width:100%;max-width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:2rem 0;border-radius:14px; }
.pp-content-article th,.pp-content-article td { border:1px solid #cfc4e7;padding:.85rem 1rem;text-align:left;min-width:100px; }
.pp-content-article th { background:#dcd2f2;color:#1b1237; }
.pp-content-article code,.pp-content-article pre { background:#e1dcf0;border-radius:6px;overflow-wrap:anywhere; }
.pp-content-article pre { padding:1.2rem;max-width:100%;overflow-x:auto; }
.pp-content-sidebar { position:sticky;top:1.5rem;display:grid;gap:1.3rem; }
.pp-content-sidebar__panel { background:#fff;border:1px solid #dfd8ec;border-radius:20px;padding:1.4rem;box-shadow:0 12px 35px rgba(35,18,79,.06); }
.pp-content-sidebar__label {font-size:.68rem;letter-spacing:.14em;font-weight:850;color:#655b7f;margin:0 0 1.15rem;}
.pp-content-sidebar__panel nav {display:grid;gap:.2rem;}
.pp-content-sidebar__panel a {display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;padding:.62rem 0;border-bottom:1px solid #eee9f4;font-size:.86rem;font-weight:650;line-height:1.5;color:#32264f;}
.pp-content-sidebar__panel a:last-child {border-bottom:0;}
.pp-content-sidebar__panel a:hover {color:#6142b2;}
.pp-content-sidebar__panel .pp-ui-icon {flex-shrink:0;margin-top:.15rem;}
.pp-content-sidebar__cta {background:#20103f;color:#f7f3ff;border-radius:20px;padding:1.65rem;box-shadow:0 16px 35px rgba(35,18,79,.1);}
.pp-content-sidebar__cta .pp-content-kicker {color:#c9f53d;}
.pp-content-sidebar__cta h3 {color:inherit;font-size:1.65rem;line-height:1.2;margin:.95rem 0;}
.pp-content-sidebar__cta p {font-size:.9rem;line-height:1.6;color:#d9cee9;margin:0 0 1.4rem;}
.pp-content-sidebar__cta a {display:inline-flex;align-items:center;gap:.75rem;background:#c9f53d;color:#1b1333;padding:.85rem 1rem;border-radius:100px;font-size:.82rem;font-weight:800;}
.pp-content-sidebar__cta a:hover {background:#e1ff80;transform:translateY(-1px);}
.pp-content-sidebar__cta .pp-ui-icon {color:#1b1333;}
@media(max-width:880px){.pp-content-layout__grid{grid-template-columns:1fr}.pp-content-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}.pp-content-hero::after{opacity:.14;}}
@media(max-width:620px){.pp-content-hero{padding:8rem 0 4.5rem}.pp-content-hero h1{font-size:clamp(2.8rem,11.5vw,4.4rem)}.pp-content-hero__bottom{font-size:.65rem;letter-spacing:.04em}.pp-content-layout{padding:3rem 0 5rem}.pp-content-sidebar{grid-template-columns:1fr}.pp-content-article h2{padding-top:.6rem}.pp-content-breadcrumbs{margin-bottom:2.3rem}}
@media(prefers-reduced-motion:reduce){.pp-content-sidebar__cta a{transition:none}}