/* Help center, on top of main.css. No photo header and its own bar, so the content starts under the fixed bar */
html {scroll-padding-top:90px;}
.help-page #header {display:none;}
.help-page #main {padding-top:68px;}
.help-page .help-tb {background:#fff; box-shadow:0 1px 0 rgba(16,40,52,.06);}
.help-page .help-tb .in {max-width:1300px;}
.help-page .help-tb .home {display:flex; align-items:center; gap:14px; line-height:1;}
.help-page .help-tb .help-label {padding-left:14px; border-left:1px solid #d6e2e8; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:#6b7a80;}
#main .help a, #main .help-home a {font-weight:normal; color:#0a75ac;}
#main .help-beta {display:inline-block; margin:0 0 0 6px; padding:1px 8px; border-radius:999px; background:#fdf0d8; font:11px/1.6 open-sans, Helvetica, sans-serif; letter-spacing:.04em; color:#8a5a00; vertical-align:2px;}

.help-footer {background:#2b2d35;}
.help-footer .in {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; max-width:1300px; margin:0 auto; padding:22px 20px; font:14px open-sans, Helvetica, sans-serif; color:#8d96a3;}
.help-footer span {color:#8d96a3;}
.help-footer nav {display:flex; flex-wrap:wrap; gap:8px 24px;}
.help-footer a {color:#d5dae0;}
.help-footer a:hover {color:#fff;}

/* Search */
.help-search {position:relative;}
.help-search input {width:100%; height:44px; padding:0 18px; border:1px solid #d6e2e8; border-radius:999px; background:#fff; font:15px open-sans-light, Helvetica, sans-serif; color:#1f2d33; outline:0;}
.help-search input:focus {border-color:#0a75ac;}
.help-results {position:absolute; z-index:40; left:0; right:0; top:calc(100% + 6px); max-height:440px; overflow:auto; background:#fff; border:1px solid #e6ecef; border-radius:14px; box-shadow:0 18px 40px -16px rgba(10,60,90,.35);}
.help-results:empty {display:none;}
#main .help-results a {display:block; padding:12px 18px; border-bottom:1px solid #eef2f4;}
#main .help-results a:hover, #main .help-results a:focus, #main .help-results a.selected {background:#f2f8fc; outline:0;}
.help-results strong {display:block; font-family:open-sans; font-weight:normal; font-size:15px; color:#0a75ac;}
.help-results small {display:block; font-size:13px; line-height:1.5; color:#6b7a80;}
.help-results .empty {padding:14px 18px; font-size:14px;}

/* Home */
.help-home {max-width:1000px; margin:0 auto; padding:64px 20px 80px; font-family:open-sans-light, Helvetica, sans-serif;}
.help-home h1 {font-size:34px; line-height:1.2; color:#0a75ac;}
.help-home .lead {max-width:720px; margin:0 0 28px; font-size:20px; line-height:1.6; color:#3e4e54;}
.help-home > .help-search {max-width:640px;}
.help-home > .help-search input {height:54px; padding:0 24px; font-size:17px;}
.help-home h2 {margin:56px 0 18px; font-family:open-sans; font-size:19px; color:#1f2d33;}
.help-cards {display:grid; grid-template-columns:repeat(4,1fr); gap:16px;}
.help-cards.help-start {grid-template-columns:repeat(2,1fr);}
#main .help-cards a {display:block; padding:22px 24px; background:#fff; border:1px solid #dde6eb; border-radius:14px; transition:border-color .2s, box-shadow .2s;}
#main .help-cards a:hover {border-color:#0a75ac; box-shadow:0 14px 34px -18px rgba(10,60,90,.35);}
.help-cards strong, .help-topics-list strong {display:block; font-family:open-sans; font-weight:normal; font-size:16px; color:#0a75ac;}
.help-cards span, .help-topics-list span {display:block; margin-top:4px; font-size:14.5px; line-height:1.55; color:#4a5c62;}
.help-contact {display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:64px; padding:26px 32px; background:#f3f5f6; border-radius:14px;}
#main .help-contact h2 {margin:0 0 4px; font-family:open-sans; font-size:19px; line-height:1.3; color:#1f2d33;}
.help-contact p {margin:0; font-size:16px;}
.help .help-contact {margin-top:32px;}
#main a.help-button, #main a.button {flex:none; display:inline-block; padding:12px 24px; border-radius:999px; background:#0a75ac; font:15px open-sans, Helvetica, sans-serif; color:#fff; transition:background-color .2s;}
#main a.help-button:hover, #main a.button:hover {background:#045078; color:#fff;}
.help-topics-list {display:grid; grid-template-columns:repeat(3,1fr); gap:6px 40px;}
#main .help-topics-list a {display:block; padding:12px 0; border-bottom:1px solid #e6ecef;}
#main .help-topics-list a:hover strong {text-decoration:underline;}

/* Article: topics, text, on this page */
.help {display:grid; grid-template-columns:240px minmax(0,720px) 200px; justify-content:center; gap:48px; max-width:1300px; margin:0 auto; padding:40px 20px 80px; font-family:open-sans-light, Helvetica, sans-serif;}
.help-toc {position:sticky; top:96px; align-self:start; max-height:calc(100vh - 116px); overflow-y:auto; scrollbar-width:thin;}
.help-sidebar .help-search {margin-bottom:18px;}
#main .help-sidebar .help-beta {margin-left:3px; padding:0 6px; font-size:10px;}
#main .help-all {display:block; margin-bottom:6px; font-family:open-sans; font-size:15px; color:#1f2d33;}
.help-sidebar h4, .help-toc h4 {margin:20px 0 8px; font-family:open-sans; font-weight:normal; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:#8d96a3;}
#main .help-sidebar nav a, #main .help-toc a {display:block; padding:5px 0 5px 12px; border-left:2px solid #e6ecef; font-size:14.5px; line-height:1.4; color:#3e4e54;}
#main .help-sidebar nav a:hover, #main .help-toc a:hover {color:#0a75ac;}
#main .help-sidebar nav a.active, #main .help-toc a.current {border-left-color:#0a75ac; font-family:open-sans; color:#0a75ac;}
#main .help-toc a {font-size:13.5px;}
.help-topics {display:none;}
.help-crumbs {margin-bottom:18px; font-size:14px; color:#8d96a3;}
#main .help-crumbs a {color:#6b7a80;}
.help-article h1 {font-size:34px; line-height:1.2; color:#0a75ac;}

.help-intro p {font-size:20px; line-height:1.6; color:#3e4e54;}
.help-text {font-size:17px; line-height:1.75;}
.help-text p {margin:0 0 16px;}
.help-text ul, .help-text ol {margin:0 0 16px; padding-left:24px;}
.help-text ul {list-style-type:disc;}
.help-text li {margin:0 0 6px;}
.help-content hr {margin:44px 0 0; border:0; border-top:1px solid #e6ecef;}
.help-content h2 {margin:40px 0 16px; font-family:open-sans-light; font-size:27px; line-height:1.25; color:#0a75ac;}
.help-content h3 {margin:30px 0 8px; font-family:open-sans; font-size:19px; line-height:1.35; color:#1f2d33;}
.help-text strong {font-family:open-sans; font-weight:normal; color:#1f2d33;}
.help-content em {font-style:italic;}
#main .help-text a:hover {text-decoration:underline;}
.help table {width:100%; margin:8px 0 24px; border-collapse:collapse; font-size:15px; line-height:1.6;}
.help th, .help td {padding:10px 14px; border-bottom:1px solid #e6ecef; text-align:left; vertical-align:top;}
.help th {font-family:open-sans; font-weight:normal; color:#1f2d33; border-bottom-color:#cfdbe1;}
.help .note {margin:0 0 20px; padding:18px 22px; background:#f3f5f6; border-radius:14px;}
.help .green-banner {margin:0 0 20px; padding:18px 22px; background:#eef7f0; border-radius:14px;}
.help ol.steps {counter-reset:step; list-style:none; padding-left:0;}
.help ol.steps > li {counter-increment:step; position:relative; margin:0 0 12px; padding-left:42px;}
.help ol.steps > li:before {content:counter(step); position:absolute; top:2px; left:0; width:26px; height:26px; border-radius:50%; background:#0a75ac; font:13px/26px open-sans, Helvetica, sans-serif; color:#fff; text-align:center;}
.help-content details {border-bottom:1px solid #e6ecef;}
.help-content summary {position:relative; padding:16px 36px 16px 0; font-family:open-sans; font-size:17px; line-height:1.45; color:#1f2d33; list-style:none; cursor:pointer;}
.help-content summary::-webkit-details-marker {display:none;}
.help-content summary:after {content:"+"; position:absolute; right:4px; top:12px; font:24px/1.2 open-sans-light, Helvetica, sans-serif; color:#0a75ac;}
.help-content details[open] > summary:after {content:"\2212";}
.help-content summary:hover {color:#0a75ac;}
.help-content details[open] {padding-bottom:8px;}
.help figure {margin:8px 0 24px;}
.help figure img {display:block; max-width:100%; height:auto; border:1px solid #e0e0e0; border-radius:6px;}
.help figcaption {margin-top:8px; font-size:14px; color:#6b7a80;}

.help-pager {display:flex; justify-content:space-between; gap:20px; margin-top:56px; padding-top:24px; border-top:1px solid #e6ecef;}
#main .help-pager a {font-family:open-sans; font-size:15px;}
.help-pager .next {margin-left:auto; text-align:right;}
.help-pager small {display:block; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:#8d96a3;}

@media (max-width:1180px) {
	.help {grid-template-columns:240px minmax(0,1fr); gap:40px;}
	.help-toc {display:none;}
}
@media (max-width:860px) {
	.help-cards {grid-template-columns:repeat(2,1fr);}
	.help-topics-list {grid-template-columns:1fr 1fr;}
	.help {display:block; padding-top:24px;}
	.help-sidebar {display:none; margin-bottom:28px; padding-bottom:20px; border-bottom:1px solid #e6ecef;}
	.help-sidebar.open {display:block;}
	.help-topics {display:inline-block; margin-bottom:18px; padding:8px 19px; border:0; border-radius:999px; background:none; box-shadow:inset 0 0 0 1.5px #0a75ac; font:14.5px open-sans, Helvetica, sans-serif; color:#0a75ac; cursor:pointer;}
}
@media (max-width:600px) {
	.help-home {padding:40px 16px 60px;}
	.help-home h1, .help-article h1 {font-size:28px;}
	.help-home .lead, .help-intro p {font-size:18px; line-height:1.5;}
	.help-topics-list {grid-template-columns:1fr;}
	.help-cards {gap:10px;}
	.help-cards.help-start {grid-template-columns:1fr;}
	#main .help-cards a {padding:16px;}
	.help-contact {flex-direction:column; align-items:flex-start; padding:22px 20px;}
	.help {padding:20px 16px 60px;}
	.help-footer .in {flex-direction:column; text-align:center;}
	.help-footer nav {justify-content:center;}
	.help-text {font-size:16px; line-height:1.65;}
	.help-content h2 {font-size:23px;}
	.help table {display:block; overflow-x:auto;}
	.help-pager {flex-direction:column;}
}