/*! social-pinks — accessibility statement (legal pages) template styles.
    Same .pol-* component set as page-privacy.css (each page bundle is
    self-contained per inc/enqueue.php, so the rules are repeated here
    rather than shared) plus a 3-column pillar-grid variant and the
    citation-superscript styling this page's body copy uses. Ported 1:1
    from the approved accessibility-statement design; scoped to its own
    bundle since no other page uses these rules. */

.pol-hero{position:relative;overflow:hidden;background:radial-gradient(80% 70% at 90% -10%,rgba(230,0,126,.08),transparent 55%),linear-gradient(180deg,#fff,#fdfbff)}
.pol-hero .wrap{max-width:900px}
.pol-hero h1{font-family:var(--disp);font-weight:900;letter-spacing:-.02em;font-size:clamp(2rem,3.8vw,2.9rem);color:var(--ink);margin:14px 0 14px;line-height:1.08}
.pol-hero .dek{font-size:1.14rem;line-height:1.6;color:var(--ink-2);margin:0 0 18px;max-width:64ch}
.pol-updated{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:var(--ink-3);background:var(--lilac);border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.pol-updated svg{color:var(--pink);width:14px;height:14px}
.pol-updated a{color:var(--pink);font-weight:600}
.pol-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:940px;margin:28px auto 0;position:relative;z-index:2}
/* this page's hero has 3 pillars (not 4), matching the source design */
.pol-pillars-3{grid-template-columns:repeat(3,1fr);max-width:760px}
.pol-pillar{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 14px 40px -26px rgba(30,20,60,.16)}
.pol-pillar-ic{width:40px;height:40px;border-radius:11px;background:var(--rose);color:var(--pink);display:grid;place-items:center;margin-bottom:12px;font-family:var(--disp);font-weight:800}
.pol-pillar b{font-family:var(--disp);font-weight:800;font-size:.95rem;color:var(--ink);display:block;margin-bottom:5px}
.pol-pillar span{font-size:.82rem;color:var(--ink-2);line-height:1.45}

.pol-layout{display:grid;grid-template-columns:1fr 240px;gap:44px;max-width:1060px;margin:0 auto;align-items:start}
.pol-main{max-width:720px}
.pol-step{display:flex;gap:18px;padding:24px 0;border-top:1px solid var(--line)}
.pol-step:first-child{border-top:none}
.pol-num{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;display:grid;place-items:center;font-family:var(--disp);font-weight:800;flex:none}
.pol-step h2{font-family:var(--disp);font-weight:800;font-size:1.25rem;color:var(--ink);margin:2px 0 10px;scroll-margin-top:90px}
.pol-step p{font-size:1.02rem;line-height:1.7;color:var(--ink-2);margin:0 0 12px}
.pol-step a{color:var(--pink);font-weight:600}
.pol-step ul{margin:0 0 12px;padding-left:20px}
.pol-step li{font-size:1rem;line-height:1.65;color:var(--ink-2);margin-bottom:7px}

.pol-rail{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}
.pol-toc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.pol-toc h4{font-family:var(--disp);font-weight:800;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);margin:0 0 10px}
.pol-toc a{display:block;font-size:.84rem;color:var(--ink-2);text-decoration:none;padding:5px 0 5px 12px;border-left:2px solid var(--line)}
.pol-toc a:hover{color:var(--pink);border-color:var(--pink)}
.pol-rev-card{background:linear-gradient(135deg,var(--pink),var(--purple));border-radius:16px;padding:18px;color:#fff}
.pol-rev-card b{font-family:var(--disp);font-weight:800;font-size:.9rem;display:block;margin-bottom:6px}
.pol-rev-card p{font-size:.8rem;color:rgba(255,255,255,.85);margin:0 0 4px;line-height:1.5}
.pol-rev-card a{color:#fff;font-weight:700}

.pol-sources{max-width:1060px;margin:0 auto;background:var(--lilac);border:1px solid var(--line);border-radius:16px;padding:26px}
.pol-sources h3{font-family:var(--disp);font-weight:800;font-size:1rem;color:var(--ink);margin:0 0 14px;display:flex;align-items:center;gap:9px}
.pol-sources h3 svg{color:var(--pink)}
.pol-sources ol{margin:0;padding-left:22px}
.pol-sources ol li{font-size:.9rem;color:var(--ink-2);margin-bottom:9px;line-height:1.5;padding-left:4px}
.pol-sources ol li a{color:var(--pink);word-break:break-word}
.pol-sources ol li::marker{color:var(--pink);font-weight:700}

.pol-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,var(--forest),var(--forest-2));border-radius:20px;padding:32px;max-width:1060px;margin:24px auto 0}
.pol-callout b{font-family:var(--disp);font-weight:800;font-size:1.3rem;color:#fff;display:block;margin-bottom:6px}
.pol-callout p{font-size:.95rem;color:rgba(255,255,255,.75);margin:0}
.pol-callout .btn{background:var(--pink);color:#fff;white-space:nowrap}

/* citation superscripts, e.g. the "our commitment" and "the standard" sections' [1]/[2] marks */
sup.cite{font-size:.66em;font-weight:700;margin-left:1px}
sup.cite a{color:var(--pink);text-decoration:none;background:var(--rose);border-radius:4px;padding:0 4px}
sup.cite a:hover{background:var(--pink);color:#fff}

@media(max-width:860px){
  .pol-pillars{grid-template-columns:1fr 1fr}
  .pol-layout{grid-template-columns:1fr}
  .pol-toc{display:none}
}