* {
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	font-size:100%;
	font-weight:inherit;
	vertical-align:baseline
}
html {
	line-height:1
}
* {
	box-sizing:border-box
}
body {
	background:#fff;
	font-family:"Source Sans Pro";
	font-weight:400;
	font-size:15px;
	line-height:20px
}
abbr {
	font-weight:700
}
pre,code,kbd,var,samp,.attribute,.command,.output {
	font-size:13px
}
mark {
	background:#ffc
}
blockquote {
	font-style:italic;
	margin-left:20px;
	margin-bottom:20px
}
p {
	margin-bottom:20px
}
pre {
	border-radius:4px;
	box-shadow:0 1px 1px rgba(0,0,0,0.3);
	background:#f7f5f4;
	padding:10px;
	margin:0 0 20px 0;
	white-space:pre-wrap;
	word-wrap:break-word
}
a {
	text-decoration:none;
	padding:0 2px;
	margin:0 -1px;
	border-radius:3px
}
a:link,a:visited {
	color:#0e65c2
}
a:hover {
        background-color:#1272A9;
	color:#fff
}

a:active {
    border-style: solid;
    border-color: white;
    border-width: 0.0625em;
}

h1,h2,h3,h4,h5,h6 {
	color:#ed3400;
	margin-top:2em;
	margin-bottom:1rem;
	font-weight:400;
	line-height:1
}
h1 {
	margin-top:0
}
h1 {
	font-size:2.25rem
}
h2 {
	font-size:1.5rem
}
h3 {
	font-size:1.25rem
}
h4 {
	font-size:1rem
}
ul > li {
	list-style-type:square
}
ol > li {
	list-style-type:decimal
}
ul,ol {
	margin-left:20px;
	margin-bottom:20px
}
ul:last-child,ol:last-child {
	margin-bottom:0
}
ol > li > ol,ol > li > ul,ul > li > ol,ul > li > ul {
	margin-bottom:0
}
ul.spacious li,ol.spacious li {
	margin-bottom:20px
}
ul.spacious li pre,ol.spacious li pre {
	margin-top:20px
}
dl {
	margin-bottom:20px
}
dl.compact dt,dl.compact dd {
	margin-top:0;
	margin-bottom:0
}
dt {
	color:#000;
	font-weight:700
}
dd {
	margin:0 0 20px 20px
}

:target:before {
	content:"";
	display:block
}
@media (min-width:720px) {
	:target:before {
		height:70px;
		margin:-70px 0 0
	}
}
@media (max-width:719px) {
	:target:before {
		height:10px;
		margin:-10px 0 0
	}
}
.nws-content {
	position:relative;
	padding:0 20px
}
@media (min-width:720px) {
	.nws-content {
		max-width:1020px;
		margin:40px auto 0 auto
	}
}
.prompt {
	color:rgba(0,0,0,0.5)
}
pre .log-create {
	font-weight:700;
	color:#4a0
}
pre .log-update {
	font-weight:700;
	color:#cb0
}
pre .log-check-ok {
	color:#8c5
}
pre .log-check-error {
	color:#c60
}
pre .comment {
	color:#666
}
pre .key {
	color:#6a0
}
pre .string,pre .value {
	color:#d90
}
pre .constant,pre .class,pre .symbol {
	color:#c60
}
pre .function {
	color:#e21
}
pre .instance-variable,pre .local_variable {
	color:#6a0
}
pre .reserved,pre .predefined,pre .predefined-constant {
	color:#09c
}
pre .tag,pre .keyword {
	color:#8c5
}
pre .integer,pre .attribute_name {
	color:#a50
}
div.admonition-wrapper {
	display:table;
	width:100%;
	margin:0 0 20px 0
}
div.admonition-wrapper:before {
	display:table-cell;
	font-family:"Font Awesome 5 Free";
	font-weight:400;
	font-size:30px;
	line-height:20px;
	width:28px;
	padding:0 20px 0 10px;
	text-align:center;
	vertical-align:middle
}
div.admonition-wrapper .admonition {
	background:#f7f5f4;
	border-radius:4px;
	display:table-cell;
	padding:10px 15px
}
div.admonition-wrapper.tip .admonition {
	background-color:#ebf1f7
}
div.admonition-wrapper.tip:before {
	color:#0e65c2;
	font-weight:900;
	content:"\f0eb"
}
div.admonition-wrapper.note .admonition {
	background-color:#ebf1f7
}
div.admonition-wrapper.note:before {
	color:#0e65c2;
	font-weight:900;
	content:"\f05a"
}
div.admonition-wrapper.caution .admonition {
	background-color:#fbede9
}
div.admonition-wrapper.caution:before {
	color:#ed3400;
	font-weight:900;
	content:"\f071"
}
div.admonition-wrapper.todo .admonition {
	background-color:#f5f4f4
}
div.admonition-wrapper.todo:before {
	color:#949392;
	font-weight:900;
	content:"\f0c3"
}
body.page div.admonition *:first-child {
	margin-top:0
}
body.page div.admonition *:last-child {
	margin-bottom:0
}
* {
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	-ms-hyphens:auto;
	-o-hyphens:auto;
	hyphens:auto
}
p,li,blockquote,dd,.admonition,pre {
	color:#4a4a49
}
li.active,strong,dt {
	color:#000
}
pre,code,kbd,samp,var,.attribute,.command,.output,.filename,.glob,.identifier,.uri {
	-webkit-hyphenate-character:"";
	-moz-hyphenate-character:"";
	-ms-hyphenate-character:"";
	-o-hyphenate-character:"";
	hyphenate-character:""
}
i,em {
	font-style:italic
}
b,strong {
	font-weight:700
}
kbd {
	font-weight:700
}
var {
	font-style:italic
}
.filename,.glob,.identifier,.uri,.productname,.firstterm {
	font-style:italic
}
h2 code,h3 code,h4 code {
	font-size:.9em
}
blockquote {
	font-style:italic
}
pre,code,kbd,var,samp,.output,.attribute,.command {
	font-family:"Roboto Mono",Consolas,Inconsolata,Monaco,monospace
}
pre.template var:before {
	content:"<"
}
pre.template var:after {
	content:">"
}
dl.legacy dt:after {
	content:"LEGACY";
	margin-left:10px;
	padding:1px 4px;
	font-size:10px;
	font-weight:700;
	letter-spacing:1px;
	background:#949392;
	color:#fff;
	border-radius:4px
}
pre.errors:before {
	content:"ERRORS";
	background:#ed3400;
	color:#fff;
	border-top-right-radius:4px
}
pre.legacy:before {
	content:"NANOC 3.X";
	background:#949392;
	color:#fff;
	border-top-right-radius:4px
}
pre.legacy-intermediate:before {
	content:"INTERMEDIATE STEP";
	background:#6c85a0;
	color:#fff;
	border-top-right-radius:4px
}
pre.legacy-49:before {
	content:"NANOC 4.8";
	background:#949392;
	color:#fff;
	border-top-right-radius:4px
}
pre.new:before {
	content:"NANOC 4.x";
	background:#0e65c2;
	color:#fff;
	border-top-right-radius:4px
}
pre.new-49:before {
	content:"NANOC 4.9";
	background:#0e65c2;
	color:#fff;
	border-top-right-radius:4px
}
pre.errors:before,pre.legacy:before,pre.legacy-intermediate:before,pre.legacy-49:before,pre.new:before,pre.new-49:before {
	position:relative;
	top:-10px;
	right:-10px;
	line-height:15px;
	vertical-align:middle;
	font-family:"Source Sans Pro";
	font-size:13px;
	font-weight:700;
	letter-spacing:1px;
	float:right;
	padding:5px 8px
}
figure {
	background:#fff;
	border:1px solid #ebe9e8;
	margin:0 0 20px 0
}
figure img {
	display:block;
	width:100%
}
figure figcaption {
	padding:5px 10px;
	background:#ebe9e8;
	display:block;
	font-size:13px;
	font-style:italic
}
figure.compact img {
	padding:10px 0;
	margin:0 auto;
	width:auto;
	height:180px
}
.explanation {
	border-top:10px solid #f2714d;
	background:#fff;
	color:#ed3400
}
.explanation-content {
	max-width:960px;
	margin:0 auto;
	font-size:32px;
	line-height:40px;
	text-align:center
}
@media (min-width:720px) {
	.explanation-content {
		padding:40px 96px
	}
}
@media (max-width:719px) {
	.explanation-content {
		padding:20px;
		font-size:24px;
		line-height:30px
	}
}
.side {
	margin:20px 0 0 0
}
@media (min-width:720px) {
	.side {
		position:fixed;
		top:40px;
		bottom:0;
		width:260px
	}
}
@media (max-width:719px) {
	.side {
		margin:20px 0 0 0
	}
}
.side h3 {
	display:none
}
.side .section-title {
	margin-bottom:0;
	color:#ed3400
}
.side .section-title + ul,.side h3 + .section-title,.side h3 + ul,.side h3 + ol {
	margin-top:0
}
.side code {
	font-family:inherit;
	font-size:inherit
}
.side .section-title,.side dt,.side ol,.side ul,.side p {
	margin-top:20px
}
@media (max-width:719px) {
	.side .section-title,.side dt,.side ol,.side ul,.side p {
		margin-top:0
	}
}
@media (max-width:719px) {
	.side p + ol.toc,.side .section-title + ol.toc,.side ul + .section-title {
		margin-top:20px
	}
}
.nws-side__content {
	background:#f7f5f4;
	width:100%;
	padding:20px
}
@media (min-width:720px) {
	.nws-side__content {
		position:absolute;
		top:0px;
		bottom:0;
		overflow:auto
	}
}
.toc {
	margin-left:0
}
.toc .toc {
	margin-top:0;
	margin-left:20px
}
.toc li {
	list-style-type:none
}
.toc .active {
	font-weight:700;
	color:#000
}

article {
	padding:20px 40px 40px 0
}
@media (min-width:720px) {
	article {
		margin:0 0 0 300px
	}
}
.home footer {
	background:#f7f5f4
}
footer {
	margin:60px 0 -40px 0
}
footer p {
	color:#949392
}
footer a {
	padding:0 2px;
	margin:0
}
footer a:link,footer a:visited {
	color:#0c0c0c
}
footer a:hover {
	background-color:#0c0c0c;
	color:#f7f5f4
}
.home .footer-content {
	max-width:960px;
	margin:0 auto;
	padding:0 20px
}
.page .footer-content-wrapper {
	max-width:1020px;
	margin:0 auto;
	padding:0
}
@media (min-width:720px) {
	.page .footer-content-wrapper {
		padding:0 20px 30px 320px
	}
}
@media (max-width:719px) {
	.page .footer-content-wrapper {
		padding:0 20px
	}
}
.page .footer-content {
	border-top-width:1px;
	border-top-style:solid;
	border-color:#ebe9e8
}
.page .footer-copyright {
	display:none
}
.footer-releasenotes {
	padding:40px 0 20px 0;
	color:#949392
}
.footer-links-explanation {
	color:#949392
}
.footer-links {
	padding:0 0 10px 0;
	margin:0
}
.footer-links strong {
	color:#ed3400;
	font-family:"Noto Emoji","Noto Sans Symbols","Zapf Dingbats","Menlo","Arial Unicode MS"
}
.footer-links li {
	padding:0 2px;
	margin:0 -2px;
	display:inline-block
}
.footer-links li:first-child {
	margin-left:-4px
}
.footer-links li:after {
	color:#949392;
	padding:0 5px;
	content:"\00B7"
}
.footer-links li:last-child:after {
	padding:0;
	content:""
}


.nws-nav {
	background:#029FE0;
	margin:0;
	padding:0;
	z-index:100
}
@media (min-width:720px) {
	.nws-nav {
		position:fixed;
		top:0;
		left:0;
		right:0
	}
}
.nws-nav-content {
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	padding:0 20px;
	max-width:1020px
}
@media (max-width:719px) {
	.nws-nav-content {
		padding:0
	}
}
.nws-nav-item {
	display:block;
	flex:0 0 auto;
	margin:0;
	padding:0;
	list-style-type:none
}
.nws-nav-link,.nws-nav-item .active {
	display:block;
	margin:0;
	padding:10px;
	border-radius:1
 
}
.nws-nav-item .active {
	color:#fff;
	padding-top:7px;
	border-top:3px solid #fff
}
.nws-nav-link:link,.nws-nav-link:visited {
	color:rgba(255,255,255,0.7)
}
.nws-nav-link:hover {
	color:#fff;
	background:transparent
}
.nws-nav-link:active {
	background:transparent
}