/* Free Coloring Pages (free-printables/) — builds on style.css */
.pp-hero{padding:var(--s7) 0 var(--s6);text-align:center}
.pp-hero h1{font-size:clamp(38px,4.6vw,58px);line-height:1.08;color:var(--ink)}
.pp-hero .lede{font-size:21px;color:var(--muted);margin:var(--s4) auto 0;max-width:34em}
.pp{padding-top:var(--s6)}
.pp .tabs{margin-top:0}
.pp-card{grid-row:span 3}
.pp-card .card__t{margin-bottom:var(--s3)}
.pp-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--s2);align-self:end}
.pp-btn{min-height:46px;padding:8px var(--s4);font-size:16.5px;line-height:1.15;text-align:center;box-shadow:0 3px 0 var(--teal-d)}
.pp-btn:hover{box-shadow:0 5px 0 var(--teal-d)}
.pp-btn[disabled]{background:#efe6d2;color:#6b6250;box-shadow:none;cursor:not-allowed;transform:none;border:1.5px dashed #d9c79f}
.pp-amz{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px var(--s4);border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--orange-t);font:500 16px/1.15 var(--display);text-align:center;text-decoration:none;transition:background .2s,border-color .2s}
a.pp-amz:hover{border-color:#d9c79f;background:#fffaf0}
.pp-amz--soon{color:var(--muted);border-style:dashed;background:transparent}
@media (max-width:700px){
 .pp-hero{padding:var(--s6) 0 var(--s5)}.pp-hero .lede{font-size:17.5px}
 .pp-btn{font-size:15px;padding:8px var(--s3)}.pp-amz{font-size:15px;padding:6px var(--s3)}
}