.sscr-article {
	--sscr-ink: #172033;
	--sscr-muted: #526071;
	--sscr-line: #dce3ea;
	--sscr-soft: #f5f8fb;
	--sscr-blue: #1155cc;
	--sscr-green: #0f6b50;
	color: var(--sscr-ink);
	font-size: 1.05rem;
	line-height: 1.72;
}

.sscr-article > * {
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.sscr-article h2 {
	margin-top: 2.35em;
	line-height: 1.25;
}

.sscr-article h3 {
	margin-top: 1.7em;
	line-height: 1.3;
}

.sscr-article a {
	text-decoration-thickness: .08em;
	text-underline-offset: .16em;
}

.sscr-article figure {
	max-width: 920px;
	margin-top: 1.8rem;
	margin-bottom: 2rem;
}

.sscr-article img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 12px;
}

.sscr-article figcaption {
	color: var(--sscr-muted);
	font-size: .9rem;
	text-align: center;
	margin-top: .55rem;
}

.sscr-updated,
.sscr-source {
	color: var(--sscr-muted);
	font-size: .93rem;
}

.sscr-lead {
	font-size: 1.16rem;
	line-height: 1.65;
}

.sscr-note,
.sscr-warning,
.sscr-summary,
.sscr-related,
.sscr-method {
	box-sizing: border-box;
	padding: 18px 20px;
	border: 1px solid var(--sscr-line);
	border-radius: 12px;
	background: var(--sscr-soft);
	margin-top: 1.4rem;
	margin-bottom: 1.6rem;
}

.sscr-warning {
	border-left: 5px solid #c55a11;
	background: #fff8ef;
}

.sscr-summary {
	border-left: 5px solid var(--sscr-green);
	background: #f0faf6;
}

.sscr-related h2,
.sscr-method h2 {
	margin-top: 0;
	font-size: 1.25rem;
}

.sscr-related ul,
.sscr-checklist,
.sscr-article ul,
.sscr-article ol {
	padding-left: 1.35rem;
}

.sscr-related li + li,
.sscr-checklist li + li,
.sscr-article li + li {
	margin-top: .45rem;
}

.sscr-table-wrap {
	overflow-x: auto;
	max-width: 920px;
	-webkit-overflow-scrolling: touch;
}

.sscr-table {
	width: 100%;
	border-collapse: collapse;
	font-size: .97rem;
}

.sscr-table th,
.sscr-table td {
	padding: 12px 14px;
	border: 1px solid var(--sscr-line);
	text-align: left;
	vertical-align: top;
}

.sscr-table th {
	background: #edf3f8;
	font-weight: 700;
}

.sscr-faq details {
	border-top: 1px solid var(--sscr-line);
	padding: 13px 0;
}

.sscr-faq summary {
	cursor: pointer;
	font-weight: 700;
}

@media (max-width: 640px) {
	.sscr-article {
		font-size: 1rem;
	}

	.sscr-note,
	.sscr-warning,
	.sscr-summary,
	.sscr-related,
	.sscr-method {
		padding: 15px 16px;
	}
}