/* info.css: layout for the FAQ, Contact and About pages. The look itself
   (tokens, type, buttons) is pp.css; the page measure (.bp-body, .bp-main)
   and the boxed terms note (.bp-terms) come from boxpage.css. */

/* ---- topic links under the page title ---- */
.jump{margin:22px 0 0;}
.jump ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px 10px;}
.jump a{display:inline-flex; align-items:center; min-height:44px; padding:0 16px; border:1.5px solid var(--rule);
  border-radius:999px; font-family:var(--ui); font-weight:600; font-size:.95rem; color:var(--plum);
  text-decoration:none; background:var(--white);}
.jump a:hover{border-color:var(--plum);}

/* ---- FAQ: one group per topic, one disclosure per question ---- */
.faq-group{scroll-margin-top:calc(var(--hdr-off,57px) + 12px);}
.faq-group + .faq-group{margin-top:56px;}
.faq-group > h2{font-size:clamp(1.65rem, 3.6vw, 2.2rem); margin:0 0 6px;}
.faq-list{border-top:1px solid var(--rule);}
.faq-list details{border-bottom:1px solid var(--rule); scroll-margin-top:calc(var(--hdr-off,57px) + 12px);}
.faq-list summary{display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:56px;
  padding:14px 0; cursor:pointer; list-style:none; font-family:var(--head); font-weight:700; font-size:1.14rem;
  line-height:1.3; color:var(--plum); -webkit-tap-highlight-color:transparent;}
.faq-list summary::-webkit-details-marker{display:none;}
/* The marker says which way it goes: plus while closed, minus while open. */
.faq-list summary::after{content:"+"; flex:0 0 auto; width:32px; height:32px; border-radius:50%;
  background:var(--rose-light); color:var(--plum); font-family:var(--ui); font-size:1.3rem; font-weight:700;
  line-height:32px; text-align:center;}
.faq-list details[open] > summary::after{content:"\2212";}
.faq-list summary:hover{color:var(--line-statement);}
.ans{padding:0 0 20px;}
.ans p{margin:0 0 10px;}
.src{font-family:var(--ui); font-size:.92rem; color:var(--muted); margin:6px 0 0;}
.src a{color:var(--line-statement); text-underline-offset:3px; display:inline-block; padding:6px 0;}
.ans .btn{margin-top:8px;}
.faq-close{margin:56px 0 0; padding-top:24px; border-top:1px solid var(--rule);}
.faq-close a{color:var(--line-statement);}

/* ---- Contact: the email topics ---- */
.topics{list-style:none; margin:0; padding:0; border-top:1px solid var(--rule);}
.topics li{border-bottom:1px solid var(--rule);}
.topics a{display:flex; align-items:center; min-height:56px; padding:12px 0; font-family:var(--ui); font-weight:700;
  font-size:1.08rem; color:var(--plum); text-decoration:none;}
.topics a:hover{color:var(--line-statement); text-decoration:underline;}
.plain-addr{font-family:var(--ui); font-weight:700; color:var(--plum);}
.plain-addr a, .phone a{color:var(--plum); text-decoration-color:var(--rose); text-underline-offset:4px;}
.phone{font-family:var(--ui); font-weight:700; font-size:1.4rem; margin:0 0 10px;}
.phone a{display:inline-block; padding:6px 0;}
.org-line{font-size:1rem; color:var(--muted);}
.org-line a{color:var(--line-statement);}

/* ---- About ---- */
.about-list{list-style:none; margin:0; padding:0; border-top:1px solid var(--rule);}
.about-list li{padding:14px 0; border-bottom:1px solid var(--rule);}
.about-close{background:var(--plum); color:var(--cream); padding-block:56px 64px;}
.about-close h2{color:var(--cream); font-size:clamp(1.9rem, 4vw, 2.6rem); margin:0 0 12px;}
.about-close p{color:var(--rose-light);}
.actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:24px;}
.bp-main .inline-link{color:var(--line-statement);}