/* Phase10 parent portal / parents-only UI */
:root{
  --p10-ink:#432d20;
  --p10-muted:#786a61;
  --p10-blue:#3f7583;
  --p10-blue-pale:#eef5f6;
  --p10-sage:#789786;
  --p10-sage-pale:#eef4ef;
  --p10-terra:#c77a62;
  --p10-terra-pale:#f8efeb;
  --p10-gold:#b99358;
  --p10-gold-pale:#f8f1e4;
  --p10-rose:#b96f73;
  --p10-rose-pale:#f8ecee;
  --p10-line:rgba(86,59,42,.13);
}

/* public-page portal: one large link, inner service tiles are descriptive only */
.guardian-portal-card{
  position:relative;display:block;margin-top:46px;padding:38px 40px 30px;
  border:1px solid rgba(63,117,131,.18);border-radius:26px;text-decoration:none;color:var(--p10-ink);
  background:radial-gradient(circle at 95% 5%,rgba(63,117,131,.07) 0 105px,transparent 106px),linear-gradient(115deg,#fffdf9 0%,#f7fbfb 100%);
  box-shadow:0 16px 38px rgba(68,46,31,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.guardian-portal-card:hover,.guardian-portal-card:focus-visible{transform:translateY(-2px);border-color:rgba(63,117,131,.38);box-shadow:0 20px 44px rgba(68,46,31,.11);outline:none}
.guardian-portal-head{display:grid;grid-template-columns:72px 1fr;gap:24px;align-items:start;max-width:850px}
.guardian-portal-lock{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff;box-shadow:0 9px 24px rgba(63,117,131,.11)}
.guardian-portal-lock .lock-symbol{transform:scale(1.26)}
.guardian-portal-copy .eyebrow{margin:0 0 8px;color:var(--p10-blue);font-size:12px;letter-spacing:.16em;font-weight:700}
.guardian-portal-copy h2{margin:0 0 10px;font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:.02em}
.guardian-portal-copy>p:not(.eyebrow){margin:0;max-width:760px;color:var(--p10-muted);line-height:1.9}
.guardian-portal-services{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:30px 0 26px}
.guardian-portal-service{min-width:0;padding:18px 14px 16px;border:1px solid rgba(90,61,42,.09);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 7px 18px rgba(68,46,31,.04)}
.guardian-portal-service-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:13px;border-radius:50%}
.guardian-portal-service-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.guardian-portal-service strong{display:block;font-size:14px;line-height:1.45;margin-bottom:5px;color:var(--p10-ink)}
.guardian-portal-service>span:last-child{display:block;color:#8a7b70;font-size:11px;line-height:1.55}
.guardian-portal-service--contact .guardian-portal-service-icon{color:#af654d;background:var(--p10-terra-pale)}
.guardian-portal-service--documents .guardian-portal-service-icon{color:#4f7b5f;background:var(--p10-sage-pale)}
.guardian-portal-service--album .guardian-portal-service-icon{color:#3f7583;background:var(--p10-blue-pale)}
.guardian-portal-service--movie .guardian-portal-service-icon{color:#9e763c;background:var(--p10-gold-pale)}
.guardian-portal-service--camera .guardian-portal-service-icon{color:#a65d64;background:var(--p10-rose-pale)}
.guardian-portal-foot{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:22px;border-top:1px solid var(--p10-line)}
.guardian-portal-note{display:flex;align-items:center;gap:10px;margin:0;color:#766960;font-size:13px;line-height:1.6}
.guardian-portal-mini-lock{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#fff}
.guardian-portal-mini-lock .lock-symbol{transform:scale(.72)}
.guardian-portal-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;padding:14px 22px;border-radius:999px;background:var(--p10-blue);color:#fff;font-weight:700;font-size:14px;box-shadow:0 8px 18px rgba(63,117,131,.20)}
.guardian-portal-card:hover .guardian-portal-cta,.guardian-portal-card:focus-visible .guardian-portal-cta{background:#356a77}

/* protected portal: same visual language, now the service cards themselves are real links */
.private-portal--secure{background:radial-gradient(circle at 4% 9%,rgba(199,122,98,.08) 0 145px,transparent 146px),radial-gradient(circle at 96% 91%,rgba(120,151,134,.10) 0 210px,transparent 211px),#f8f3e9}
.private-header--secure{border-bottom:1px solid rgba(63,117,131,.10);box-shadow:none}
.private-welcome--secure{padding-bottom:28px}
.private-welcome--secure .private-eyebrow{color:var(--p10-blue)}
.private-service-grid--phase10{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;max-width:1180px}
.private-service-grid--phase10 .private-service-card{position:relative;display:flex;min-height:250px;flex-direction:column;align-items:flex-start;padding:22px 20px 20px;border:1px solid rgba(90,61,42,.09);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(68,46,31,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.private-service-grid--phase10 .private-service-card:hover,.private-service-grid--phase10 .private-service-card:focus-visible{transform:translateY(-3px);box-shadow:0 16px 30px rgba(68,46,31,.11);border-color:rgba(63,117,131,.26);outline:none}
.private-service-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:50%}
.private-service-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.private-service-card--contact .private-service-icon{color:#af654d;background:var(--p10-terra-pale)}
.private-service-card--documents .private-service-icon{color:#4f7b5f;background:var(--p10-sage-pale)}
.private-service-card--album .private-service-icon{color:#3f7583;background:var(--p10-blue-pale)}
.private-service-card--movie .private-service-icon{color:#9e763c;background:var(--p10-gold-pale)}
.private-service-card--camera .private-service-icon{color:#a65d64;background:var(--p10-rose-pale)}
.private-service-grid--phase10 .private-service-card>span:not(.private-service-icon){font-size:10px;letter-spacing:.14em;margin-bottom:9px}
.private-service-grid--phase10 .private-service-card h2{font-size:20px;line-height:1.45;margin:0 0 9px}
.private-service-grid--phase10 .private-service-card p{font-size:13px;line-height:1.75;color:#786a61;margin:0}
.private-service-grid--phase10 .private-card-window-note{margin-top:9px;color:#8a7b70;font-size:10px}
.private-service-grid--phase10 .private-service-card b{margin-top:auto;align-self:flex-end;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f7f1e8;color:#815b43;font-weight:400}
.private-close--secure{margin-top:34px}

@media(max-width:900px){
  .guardian-portal-card{padding:30px 24px 26px}
  .guardian-portal-services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guardian-portal-service:last-child{grid-column:1/-1}
  .guardian-portal-foot{align-items:stretch;flex-direction:column}
  .guardian-portal-cta{width:100%}
  .private-service-grid--phase10{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:16px}
}
@media(max-width:560px){
  .guardian-portal-card{margin-top:32px;padding:24px 16px 20px;border-radius:20px}
  .guardian-portal-head{grid-template-columns:50px 1fr;gap:14px}
  .guardian-portal-lock{width:48px;height:48px;border-radius:14px}
  .guardian-portal-copy h2{font-size:24px}
  .guardian-portal-copy>p:not(.eyebrow){font-size:13px;line-height:1.8}
  .guardian-portal-services{grid-template-columns:1fr;gap:9px;margin:22px 0 20px}
  .guardian-portal-service,.guardian-portal-service:last-child{grid-column:auto;display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;padding:12px 13px}
  .guardian-portal-service-icon{grid-row:1/3;margin:0;width:36px;height:36px}
  .guardian-portal-service strong{margin:0;font-size:13px}
  .guardian-portal-service>span:last-child{font-size:10px}
  .guardian-portal-note{font-size:11px;align-items:flex-start}
  .guardian-portal-cta{padding:13px 15px;font-size:13px}
  .private-service-grid--phase10{grid-template-columns:1fr;gap:11px}
  .private-service-grid--phase10 .private-service-card{min-height:0;display:grid;grid-template-columns:52px 1fr 32px;grid-template-rows:auto auto auto;column-gap:12px;padding:16px}
  .private-service-grid--phase10 .private-service-icon{grid-row:1/4;margin:0;width:44px;height:44px}
  .private-service-grid--phase10 .private-service-card>span:not(.private-service-icon){grid-column:2;margin:0 0 4px}
  .private-service-grid--phase10 .private-service-card h2{grid-column:2;font-size:17px;margin:0 0 4px}
  .private-service-grid--phase10 .private-service-card p{grid-column:2;font-size:12px}
  .private-service-grid--phase10 .private-card-window-note{grid-column:2;margin-top:5px}
  .private-service-grid--phase10 .private-service-card b{grid-column:3;grid-row:1/4;align-self:center;margin:0}
}