/*
 * PluginPip 2027: approved offset-corner action pills.
 * Reference: lime "View package details" and outlined "Ask for a quote".
 * Rounded top-left, top-right and bottom-left, with square bottom-right.
 * Navigation, text links, cards, breadcrumbs and badges stay unchanged.
 */
:root {
 --pp-action-lime:#ccf83f;
 --pp-action-lime-hover:#e5ff89;
 --pp-action-ink:#24133d;
 --pp-action-outline:#b5a4d7;
 --pp-action-round:24px 24px 0 24px;
}
:is(
 .pill-link,
 .header-cta,
 .pp-folio-button,
 .pp-folio .pp-folio-card-pill,
 .pp-folio .pp-folio-chapter__body .pp-folio-card-pill,
 .pp-folio .pp-folio-chapter__body .pp-folio-package-action,
 .pp-folio .pp-folio-subcard > .pp-folio-package-action,
 .pp-folio .pp-folio-side-cta a,
 .pp-folio .pp-folio-overview__right > a,
 .pp-stage--services .pp-services-hero__button,
 .pp-contact-form__submit,
 .pp-stage__scroll,
 .pp-action-link
) {
 box-sizing:border-box;
 display:inline-flex;
 align-items:center;
 justify-content:space-between;
 gap:1rem;
 min-height:46px;
 max-width:100%;
 width:auto;
 padding:.76rem 1.05rem;
 border:1.5px solid transparent;
 border-radius:var(--pp-action-round) !important;
 background:var(--pp-action-lime);
 color:var(--pp-action-ink);
 font-family:inherit;
 font-weight:800;
 font-size:.86rem;
 line-height:1.3;
 letter-spacing:normal;
 text-align:left;
 text-transform:none;
 text-decoration:none;
 box-shadow:none;
 transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
:is(
 .pp-folio .pp-folio-card-pill--primary,
 .pp-folio .pp-folio-chapter__body .pp-folio-card-pill--primary,
 .pp-stage--services .pp-services-hero__button--primary
) {
 background:var(--pp-action-lime);
 border-color:var(--pp-action-lime);
 color:var(--pp-action-ink);
}
:is(
 .pp-folio .pp-folio-card-pill--secondary,
 .pp-folio .pp-folio-chapter__body .pp-folio-card-pill--secondary,
 .pp-stage--services .pp-services-hero__button--secondary,
 .pp-folio .pp-folio-hero__explore
) {
 box-sizing:border-box;
 display:inline-flex;
 align-items:center;
 justify-content:space-between;
 gap:1rem;
 max-width:100%;
 min-height:46px;
 width:auto;
 padding:.76rem 1.05rem;
 border:1.5px solid var(--pp-action-outline);
 border-radius:var(--pp-action-round) !important;
 background:transparent;
 color:#342451;
 font-family:inherit;
 font-size:.86rem;
 font-weight:800;
 line-height:1.3;
 letter-spacing:normal;
 text-transform:none;
 text-decoration:none;
 box-shadow:none;
 transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
:is(.pp-folio-hero,.pp-stage,.pp-service-detail-hero,.hero,.pp-post__hero,.pp-case-detail__hero)
 :is(.pp-folio-hero__explore,.pp-stage__scroll,.pp-stage--services .pp-services-hero__button--secondary,.pp-action-link) {
 color:#f4eaff;
 border-color:#cdb8eb;
 background:transparent;
}
.pp-folio .pp-folio-chapter--2 .pp-folio-card-pill--secondary,
.pp-folio .pp-folio-chapter--2 .pp-folio-chapter__body .pp-folio-card-pill--secondary {
 color:#f7eeff;
 border-color:#d1bfea;
 background:transparent;
}
:is(
 .pill-link,.header-cta,.pp-folio-button,
 .pp-folio .pp-folio-card-pill,
 .pp-folio .pp-folio-chapter__body .pp-folio-package-action,
 .pp-folio .pp-folio-subcard > .pp-folio-package-action,
 .pp-folio .pp-folio-side-cta a,
 .pp-folio .pp-folio-overview__right > a,
 .pp-stage--services .pp-services-hero__button--primary,
 .pp-contact-form__submit,.pp-stage__scroll,.pp-action-link
):hover {
 background:var(--pp-action-lime-hover);
 border-color:var(--pp-action-lime-hover);
 color:var(--pp-action-ink);
 transform:translateY(-2px);
}
:is(
 .pp-folio .pp-folio-card-pill--secondary,
 .pp-folio .pp-folio-chapter__body .pp-folio-card-pill--secondary,
 .pp-stage--services .pp-services-hero__button--secondary,
 .pp-folio .pp-folio-hero__explore
):hover {
 background:rgba(172,137,218,.14);
 border-color:#a486cf;
 color:inherit;
 transform:translateY(-2px);
}
:is(.pp-folio-hero,.pp-stage,.pp-service-detail-hero,.hero,.pp-post__hero,.pp-case-detail__hero)
 :is(.pp-folio-hero__explore,.pp-stage__scroll,.pp-stage--services .pp-services-hero__button--secondary,.pp-action-link):hover {
 background:rgba(230,212,255,.12);
 border-color:#f1e8ff;
 color:#fff;
}
:is(.pill-link,.header-cta,.pp-folio-button,.pp-folio .pp-folio-card-pill,.pp-folio .pp-folio-chapter__body .pp-folio-package-action,.pp-stage--services .pp-services-hero__button,.pp-contact-form__submit,.pp-stage__scroll,.pp-action-link):focus-visible {
 outline:3px solid #8d5add;
 outline-offset:3px;
}
.pp-folio .pp-folio-card-actions {gap:.75rem}
.pp-folio .pp-folio-card-actions .pp-folio-card-pill {
 min-height:46px;
 flex:1 1 170px;
 justify-content:space-between;
}
.pp-folio .pp-folio-hero__actions,.pp-stage--services .pp-services-hero__actions {gap:.8rem;flex-wrap:wrap}
.pp-folio .pp-folio-hero__explore .pp-folio-hero__disc {border:0;border-radius:0;width:auto;height:auto}
.pp-stage .pp-stage__scroll {align-self:flex-start;border-bottom:1.5px solid currentColor}
.pp-action-link {gap:1.5rem}
.pp-contact-form__submit {cursor:pointer}
/* Keep dark, readable labels and icon on every lime action, including dark chapter panels.
   Existing chapter-specific link colours must never override primary CTA contrast. */
.pp-folio .pp-folio-chapter .pp-folio-chapter__body a.pp-folio-card-pill--primary,
.pp-folio .pp-folio-chapter .pp-folio-chapter__body a.pp-folio-package-action,
.pp-folio .pp-folio-chapter .pp-folio-subcard > a.pp-folio-package-action,
.pp-folio .pp-folio-card-actions a.pp-folio-card-pill--primary,
.pp-stage--services a.pp-services-hero__button--primary,
a.pp-folio-button,
a.pill-link,
a.header-cta,
.pp-contact-form__submit {
 color:var(--pp-action-ink) !important;
}
.pp-folio .pp-folio-chapter .pp-folio-chapter__body a.pp-folio-card-pill--primary :is(span,svg,i),
.pp-folio .pp-folio-chapter .pp-folio-chapter__body a.pp-folio-package-action :is(span,svg,i),
.pp-folio .pp-folio-card-actions a.pp-folio-card-pill--primary :is(span,svg,i) {
 color:var(--pp-action-ink) !important;
}
.pp-folio .pp-folio-chapter .pp-folio-chapter__body a.pp-folio-card-pill--primary:hover,
.pp-folio .pp-folio-card-actions a.pp-folio-card-pill--primary:hover {
 color:var(--pp-action-ink) !important;
}
@media(max-width:550px) {
 .pp-folio .pp-folio-card-actions {flex-direction:column;align-items:stretch}
 .pp-folio .pp-folio-card-actions .pp-folio-card-pill {width:100%;flex:0 0 auto}
}
@media(prefers-reduced-motion:reduce) {
 :is(.pill-link,.header-cta,.pp-folio-button,.pp-folio .pp-folio-card-pill,.pp-stage--services .pp-services-hero__button,.pp-contact-form__submit,.pp-stage__scroll,.pp-action-link) {transition:none}
 :is(.pill-link,.header-cta,.pp-folio-button,.pp-folio .pp-folio-card-pill,.pp-stage--services .pp-services-hero__button,.pp-contact-form__submit,.pp-stage__scroll,.pp-action-link):hover {transform:none}
}