/* /anti-bullying-discipline-code/ — "Warm & caring": soft rounded panels, colour-coded bullying types, pledge list, care steps */
.p-anti-bullying-discipline-code .pc--html{background:linear-gradient(180deg,#FBF4EC,#fff 420px)}
.p-anti-bullying-discipline-code .ab{max-width:1000px;margin:0 auto}
.p-anti-bullying-discipline-code .ab-head{margin-bottom:34px;padding:clamp(26px,4vw,44px);background:linear-gradient(135deg,var(--maroon),#A33A1E);color:#fff;border-radius:28px 28px 28px 4px}
.p-anti-bullying-discipline-code .ab-head h1{margin:0 0 12px;font-size:clamp(30px,4.2vw,46px);color:#fff}
.p-anti-bullying-discipline-code .ab-lead{margin:0;font-size:18px;line-height:1.75;color:#FBEDE6}
.p-anti-bullying-discipline-code .ab-lead strong,.p-anti-bullying-discipline-code .ab-lead em{color:var(--gold)}
.p-anti-bullying-discipline-code .ab-sec{margin-bottom:36px}
.p-anti-bullying-discipline-code .ab-sec h2{margin:0 0 16px;font-size:clamp(24px,2.6vw,30px);color:var(--maroon)}
.p-anti-bullying-discipline-code .ab-sec h2::after{content:"";display:block;width:60px;height:4px;margin-top:8px;border-radius:2px;background:linear-gradient(90deg,var(--maroon),var(--gold))}
.p-anti-bullying-discipline-code .ab-sec p,.p-anti-bullying-discipline-code .ab-sec li{font-size:17px;line-height:1.65}
.p-anti-bullying-discipline-code .ab-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;list-style:none}
.p-anti-bullying-discipline-code .ab-points li{position:relative;padding:14px 16px 14px 50px;background:#fff;border-radius:16px;box-shadow:0 4px 14px rgb(126 20 22 / .08)}
.p-anti-bullying-discipline-code .ab-points li::before{content:"";position:absolute;left:16px;top:17px;width:20px;height:18px;background:var(--maroon);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 18 1.6 9.6A5 5 0 0 1 10 2.7a5 5 0 0 1 8.4 6.9z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 18'%3E%3Cpath d='M10 18 1.6 9.6A5 5 0 0 1 10 2.7a5 5 0 0 1 8.4 6.9z'/%3E%3C/svg%3E") center/contain no-repeat}
.p-anti-bullying-discipline-code .ab-quote{margin:0;padding:18px 22px;background:#FFF6DA;border-radius:18px;font-family:var(--ff-head);font-size:21px;font-weight:600;line-height:1.35;color:#5A3B0C}
.p-anti-bullying-discipline-code .ab-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px;padding:0;list-style:none}
.p-anti-bullying-discipline-code .ab-types li{position:relative;padding:58px 16px 16px;background:#fff;border-radius:18px;border-top:6px solid #C0392B;box-shadow:0 6px 18px rgb(0 0 0 / .06)}
.p-anti-bullying-discipline-code .ab-types li:nth-child(2){border-top-color:#D9822B}
.p-anti-bullying-discipline-code .ab-types li:nth-child(3){border-top-color:#8E44AD}
.p-anti-bullying-discipline-code .ab-types li:nth-child(4){border-top-color:#2471A3}
.p-anti-bullying-discipline-code .ab-types li::before{content:"STOP";position:absolute;left:16px;top:14px;width:36px;height:36px;display:grid;place-items:center;background:var(--maroon);color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}
.p-anti-bullying-discipline-code .ab-types strong{font-family:var(--ff-head);font-size:21px;color:var(--ink)}
.p-anti-bullying-discipline-code .ab-types p{margin:4px 0 0;font-size:16px}
.p-anti-bullying-discipline-code .ab-pledge{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0 0 14px;padding:18px 22px;list-style:none;background:#fff;border:2px dashed rgb(var(--army-rgb) / .4);border-radius:18px}
.p-anti-bullying-discipline-code .ab-pledge li{position:relative;padding:8px 0 8px 30px}
.p-anti-bullying-discipline-code .ab-pledge li::before{content:"✓";position:absolute;left:0;top:8px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--army);color:#fff;font-size:13px;font-weight:800}
.p-anti-bullying-discipline-code .ab-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.p-anti-bullying-discipline-code .ab-steps li{counter-increment:s;position:relative;padding:54px 16px 16px;background:#fff;border-radius:18px;box-shadow:0 4px 14px rgb(0 0 0 / .06);font-size:16px}
.p-anti-bullying-discipline-code .ab-steps li::before{content:counter(s);position:absolute;left:16px;top:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--gold);font-family:var(--ff-head);font-weight:800;color:var(--ink)}
.p-anti-bullying-discipline-code .ab-tips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.p-anti-bullying-discipline-code .ab-tips li{padding:10px 16px;background:#F3E3DD;border-radius:30px;font-size:16px;color:#4A1A12}
.p-anti-bullying-discipline-code .ab-culture{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.p-anti-bullying-discipline-code .ab-culture li{padding:16px 18px;background:var(--stone-2);border-radius:4px 18px 18px 18px;border-left:5px solid var(--army)}
.p-anti-bullying-discipline-code .ab-culture strong{font-family:var(--ff-head);font-size:20px;color:var(--army)}
.p-anti-bullying-discipline-code .ab-culture p{margin:4px 0 0;font-size:16px}
.p-anti-bullying-discipline-code .ab-sec--close{padding:26px clamp(18px,3vw,30px);background:var(--olive-900);border-radius:24px}
.p-anti-bullying-discipline-code .ab-sec--close h2{color:var(--gold)}
.p-anti-bullying-discipline-code .ab-sec--close p{color:#E9ECE4}
.p-anti-bullying-discipline-code .ab-sec--close strong{color:#fff}
@media (max-width:860px){.p-anti-bullying-discipline-code .ab-types,.p-anti-bullying-discipline-code .ab-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .p-anti-bullying-discipline-code .ab-points,.p-anti-bullying-discipline-code .ab-pledge,.p-anti-bullying-discipline-code .ab-culture,.p-anti-bullying-discipline-code .ab-types,.p-anti-bullying-discipline-code .ab-steps{grid-template-columns:1fr}
  .p-anti-bullying-discipline-code .ab-head{border-radius:20px 20px 20px 4px}
}