/* holidays: the pick list (question 3), the share cards (question 4), and the Manage holidays page (2026-10-29) */
.pgroup{margin-top:24px}
.ph{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}
.picks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pk{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--line2);cursor:pointer;font-weight:600;font-size:16px;line-height:1.25}
.pk:has(input:checked){box-shadow:inset 0 0 0 2px var(--ink)}
.pk input{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:0;border-radius:7px;box-shadow:inset 0 0 0 2px var(--line2);background:#fff;cursor:pointer;display:grid;place-items:center}
.pk input:checked{background:var(--ink);box-shadow:none}
.pk input:checked::after{content:"";width:11px;height:6px;border:solid #fff;border-width:0 0 2.5px 2.5px;transform:translateY(-2px) rotate(-45deg)}
.pk input:focus-visible{outline:3px solid var(--a);outline-offset:2px}
.pk-t{flex:1;min-width:0}
.pk-t small{display:block;font-size:13px;font-weight:500;color:var(--muted);margin-top:1px}
.picks.own{grid-template-columns:1fr}
.picks.own .pk{cursor:default}
#ownAdd{margin-top:10px}
.ownform,.dform{display:grid;gap:12px;margin-top:10px;padding:16px;border-radius:16px;background:var(--soft)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fbtns{display:flex;flex-wrap:wrap;gap:10px}
.ownform .err,.dform .err{color:#9B1C2E;font-weight:600;margin:0}
.dform .fine{margin:0}
.qbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.shr{padding:18px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line2);background:#fff;margin-top:12px}
.shr-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.shr-h h3{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}
.shr-h .when{color:var(--muted);font-size:15px;flex:1;min-width:150px}
.shr-h .when small{display:block;font-size:13px}
.shr-h .btn{align-self:center}
.shr-c{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:end;margin-top:12px}
.shr-c .sel{flex:1 1 220px}
.shr-c select{appearance:none;-webkit-appearance:none;padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231C1A22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;font-weight:600;cursor:pointer}
.whoq{display:grid;gap:6px;font-size:15px;color:var(--muted);font-weight:500}
.shr .seg.sm{flex-wrap:wrap;max-width:100%}
.shr .seg.sm button{font-size:15px;padding:0 16px}
.shr .seg.sm button[aria-pressed=true]{background:var(--ink);color:#fff}
.shr .res{margin:12px 0 0;font-size:14px;color:var(--ink2);font-weight:500}
.bds{margin-top:28px}
.empty{margin:8px 0 0}
/* the page */
.mhead{padding:32px 0 0;max-width:720px}
.mhead .btn{margin-top:16px}
.mcols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:36px;align-items:start}
.mcols .h2{font-size:26px;letter-spacing:-.02em}
.mcols .hpick .picks{grid-template-columns:1fr}
.mdone{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.mdone .fine{margin:0}
@media (max-width:980px){.mcols{grid-template-columns:1fr;gap:40px}.mcols .hpick .picks{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.picks,.mcols .hpick .picks{grid-template-columns:1fr}.frow{grid-template-columns:1fr}.shr{padding:16px}.qbtns .btn{flex:1}.mhead{padding-top:16px}}
.shr .seg.sm{margin:0}
.ownform[hidden],.dform[hidden]{display:none}
.whoq .seg{justify-self:start}
@media (min-width:981px){.mhead .btn{display:none}}
.shr .est{margin:2px 0 0;font-size:13px;color:var(--muted)}
@media (min-width:981px) and (max-width:1279px){.ask .picks{grid-template-columns:1fr}}