/* Instrukcja usługi "Dla fotobudek" (operator/help.php). Ten sam wygląd co instrukcja Albumu
   (album/help.php) - jedna kolumna, węższa niż strona sprzedażowa (to jest tekst do czytania),
   ze spisem treści na górze. Kolory jak na stronach publicznych Cloud (lp.css). */
.hp{max-width:820px;margin:0 auto;padding:0 18px 60px}
.hp-hero{padding:34px 0 8px}
.hp-hero h1{font-size:29px;line-height:1.25;margin:0 0 12px}
.hp-hero .lead{font-size:17px;line-height:1.65;color:#4a4f57;margin:0}
.hp-toc{background:#FBF7EF;border:1px solid #e7e2d8;border-radius:12px;padding:18px 22px;margin:26px 0 8px}
.hp-toc b{display:block;margin-bottom:9px;font-size:15px}
.hp-toc ol{margin:0;padding-left:22px;columns:2;column-gap:26px}
.hp-toc li{margin:0 0 5px;line-height:1.5}
.hp-toc a{color:#2F353E}
.hp h2{font-size:22px;margin:42px 0 6px;scroll-margin-top:60px}
.hp h2 .num{color:#F03C0A;margin-right:8px}
.hp .sec-lead{color:#4a4f57;line-height:1.65;margin:0 0 18px}
.hp-pkt{list-style:none;margin:0;padding:0}
.hp-pkt li{background:#fff;border:1px solid #e7e2d8;border-radius:12px;padding:15px 19px;margin:0 0 10px}
.hp-pkt b{display:block;margin-bottom:4px;font-size:15.5px}
.hp-pkt span{color:#4a4f57;line-height:1.65;font-size:14.5px}
.hp-faq details{background:#fff;border:1px solid #e7e2d8;border-radius:12px;padding:15px 19px;margin:0 0 10px}
.hp-faq summary{font-weight:600;cursor:pointer;font-size:15.5px}
.hp-faq p{margin:10px 0 0;line-height:1.65;color:#4a4f57;font-size:14.5px}
.hp-box{background:#FBF7EF;border:1px solid #e7e2d8;border-radius:12px;padding:20px 22px;margin-top:20px}
.hp-box b{display:block;margin-bottom:6px}
.hp-box p{margin:0;color:#4a4f57;line-height:1.65}
.hp-cta{text-align:center;background:#fff;border:1px solid #e7e2d8;border-radius:12px;
  padding:26px 22px;margin-top:34px}
.hp-cta b{display:block;font-size:19px;margin-bottom:6px}
.hp-cta p{margin:0 0 16px;color:#4a4f57}
.hp-cta a{display:inline-block;background:#F03C0A;color:#fff;text-decoration:none;font-weight:700;
  font-size:16px;padding:13px 28px;border-radius:10px}
.hp-end{margin-top:34px;padding-top:22px;border-top:1px solid #e7e2d8;color:#4a4f57;line-height:1.7;
  font-size:14.5px;text-align:center}
.hp-end a{color:#2F353E}
.hp-langs{margin-top:16px;font-size:13.5px}
.hp-langs a{margin:0 7px;color:#6b6f76;white-space:nowrap}
.hp-langs a[aria-current]{font-weight:700;color:#2F353E}
.hp-copy{margin-top:16px;font-size:13px;color:#9a9ea6}
@media(max-width:600px){.hp-hero h1{font-size:24px}.hp h2{font-size:19px}.hp-toc ol{columns:1}}