/* Practical ways to help: coloured paper cards with quiet hand-drawn accents. */
.yl-parents-page .ylp-parent-help-note{
 background-image:linear-gradient(120deg,#fffdf3e8,#f6f5e6e8),url('images/event-paper-grain.svg');
 background-size:100% 100%,180px 180px;background-repeat:no-repeat,repeat;
}
.yl-parents-page .ylp-parent-help-note>.wp-block-buttons{position:relative}
.yl-parents-page .ylp-parent-help-note>.wp-block-buttons::after{
 content:"";position:absolute;right:.35rem;bottom:calc(100% + .1rem);width:3rem;height:1.55rem;
 background:url('images/parent-help-invitation-arrow.svg') center/contain no-repeat;pointer-events:none;
}
.yl-parents-page .ylp-help-card:nth-child(2)::after{mask-image:url('images/snacks-cupcake.svg')}
.yl-parents-page .ylp-help-grid{gap:1.15rem;align-items:stretch}
.yl-parents-page .ylp-help-card{
 --yl-help-paper:#e5eedb;
 position:relative;isolation:isolate;overflow:hidden;
 padding:5.3rem 1.5rem 1.55rem;min-height:13.25rem;
 background-color:var(--yl-help-paper);
 background-image:var(--yl-help-doodle),radial-gradient(ellipse at 15% 10%,#ffffff7a,transparent 72%),repeating-linear-gradient(135deg,#ffffff12 0 1px,transparent 1px 4px);
 background-repeat:no-repeat,no-repeat,repeat;background-size:100% 100%,100% 100%,auto;
 border:1px solid #00293617;border-radius:6px;
 box-shadow:0 5px 12px #34452813;
}
.yl-parents-page .ylp-help-card::before{
 content:"";position:absolute;inset:1rem auto auto 1.15rem;width:5.4rem;height:3.7rem;
 border-radius:0;background:linear-gradient(115deg,#d4f32c99,#dce99bbb);
 clip-path:polygon(5% 14%,18% 10%,22% 3%,46% 9%,58% 1%,72% 11%,91% 8%,95% 24%,89% 32%,100% 47%,92% 58%,95% 79%,77% 87%,61% 82%,47% 98%,33% 88%,12% 94%,8% 76%,0 64%,7% 48%,1% 32%);
 transform:rotate(-7deg);pointer-events:none;
}
.yl-parents-page .ylp-help-card::after{
 inset:1.16rem auto auto 1.65rem;width:3.5rem;height:3.5rem;
 background:#002936;pointer-events:none;
}
.yl-parents-page .ylp-help-card h3{
 position:relative;width:fit-content;max-width:100%;margin:0 0 .8rem!important;
 padding:0;font-family:var(--yl-font-heading);font-size:var(--yl-type-subheading);line-height:1.15;
}
.yl-parents-page .ylp-help-card h3::after{
 content:"";position:absolute;left:0;right:-.25rem;bottom:-.25rem;height:3px;
 background:#b9d523;clip-path:polygon(0 44%,45% 0,100% 35%,97% 75%,33% 100%,0 80%);
 transform:rotate(-1deg);
}
.yl-parents-page .ylp-help-card>p:last-child{
 position:relative;margin:.7rem 0 0!important;font-size:var(--yl-type-control);line-height:1.65;color:#002936;
}
@media(max-width:1000px){
 .yl-parents-page .ylp-help-card{padding:5.1rem 1.2rem 1.35rem}
 .yl-parents-page .ylp-help-card::before{left:.9rem}
 .yl-parents-page .ylp-help-card::after{left:1.4rem}
}
@media(max-width:600px){
 .yl-parents-page .ylp-help-grid{grid-template-columns:1fr;gap:1rem}
 .yl-parents-page .ylp-help-card{padding:5.1rem 1.4rem 1.4rem;min-height:0}
 .yl-parents-page .ylp-help-card>p:last-child{font-size:var(--yl-type-compact)}
 .yl-parents-page .ylp-help-card::before{left:1.1rem}
 .yl-parents-page .ylp-help-card::after{left:1.6rem}
}
.yl-parents-page .ylp-help-card:nth-child(1){--yl-help-paper:#e5eedb;--yl-help-doodle:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20370%20230%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2392aa75%22%20stroke-opacity%3D%22.72%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m315%2016%201-9m10%2014%205-8m5%2016%209-3M291%20204q20-19%2048-16m-44%2023q21-17%2045-15%22%2F%3E%3C%2Fsvg%3E")}
.yl-parents-page .ylp-help-card:nth-child(2){--yl-help-paper:#f3e8d8;--yl-help-doodle:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20370%20230%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2392aa75%22%20stroke-opacity%3D%22.72%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M326%2032c-16-12-21%207%200%2018%2021-22%2018-30%207-26-5%202-6%206-7%208M324%20201l-5-7m17-4-3-8m15-2-5-7%22%2F%3E%3C%2Fsvg%3E")}
.yl-parents-page .ylp-help-card:nth-child(3){--yl-help-paper:#e3edf0;--yl-help-doodle:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20370%20230%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2392aa75%22%20stroke-opacity%3D%22.72%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M301%2023q10-12%2019-2t18%200%2018%200M330%20202l-5-8m16%204-1-10m11%208%203-8%22%2F%3E%3C%2Fsvg%3E")}
.yl-parents-page .ylp-help-card:nth-child(4){--yl-help-paper:#f6f0df;--yl-help-doodle:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20370%20230%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%20stroke%3D%22%2392aa75%22%20stroke-opacity%3D%22.72%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m299%2010%2056%2015m-53-13%201%2017%2012-12m7%202%202%2019%2013-15m7%202%202%2016%2010-14M300%20208q13%209%2026-1t27-2%22%2F%3E%3C%2Fsvg%3E")}
.yl-parents-page .ylp-help-card:nth-child(4)::after{mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207M6%208v13h12V8M12%2017s-5-3-3-5c1-1%202-1%203%201%201-2%202-2%203-1%202%202-3%205-3%205Z%22%2F%3E%3C%2Fsvg%3E")}
