@-ms-viewport{width:device-width}@-o-viewport{width:device-width}@viewport{width:device-width}/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.visuallyhidden,#main nav.section h2,#main nav.section ul li.current span,#main .inner .color-alone figure div svg text tspan{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.hasfocus,#main nav.section h2.hasfocus,#main nav.section ul li.current span.hasfocus,#main .inner .color-alone figure div svg text tspan.hasfocus,.visuallyhidden.focusable:active,#main nav.section h2.focusable:active,#main nav.section ul li.current span.focusable:active,#main .inner .color-alone figure div svg text tspan.focusable:active,.visuallyhidden.focusable:focus,#main nav.section h2.focusable:focus,#main nav.section ul li.current span.focusable:focus,#main .inner .color-alone figure div svg text tspan.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}#tagline{display:block;overflow:hidden;margin:0;padding:0;color:#ffffff;background:#993300;min-height:23px;border-radius:0 28px 0 0}#tagline p{margin:0;padding:0.3em 20px 0.3em 0.3em;text-align:right}#footer ul{margin-left:0;padding:0}#footer ul li{list-style-type:none}ul.inline{display:inline}ul.inline li{display:inline}ul.inline li:before{content:", "}ul.inline li:first-child:before{content:''}ul.inline li:last-child:before{content:', and '}ul.inline li:last-child:after{content:'.'}ul.inline li:last-child:nth-child(2):before{content:" and "}ul.inline li:last-child:first-child:before{content:''}.status{padding:.25em;margin-bottom:1em}.status h3,.status p{display:inline;color:inherit;font-size:1em}.draft .status{background-color:#CFC}.editors-draft .status{background-color:#FCC}.permalink-wrapper{position:relative}.permalink{position:absolute;margin:0 0 -0.3em 0.5em;bottom:0;right:0}.permalink.h4{margin-top:.75em}.permalink>a{color:#666 !important;border:1px solid transparent;text-decoration:none;padding:0.5em 0.5em 0.3em;display:inline-block;vertical-align:middle;margin-left:.5em;font-weight:bold;font-size:60%;white-space:nowrap}.permalink>a svg{vertical-align:middle;display:inline-block;height:1.8em;width:1.8em;fill:currentcolor;background-size:contain;background-repeat:no-repeat;background-position:center}.permalink>a:hover,.permalink>a:focus{border:1px solid darkgray}.permalink .sharebox{font-size:90%;display:none;position:absolute;z-index:999;top:120%;right:0;border:1px solid #8f8f8f;padding:.5em;min-width:20em;max-width:100%;box-shadow:0 0 10px -5px #8f8f8f;background-color:#f5f5f5}.permalink .sharebox.open{display:block}.permalink .sharebox input{display:block;width:100%;box-sizing:border-box}.permalink .sharebox label span{display:block;text-align:right}.permalink .sharebox button{background:linear-gradient(to bottom, #c2c2c2, #cfcfcf);color:#4d4d4d;font-weight:normal;font-size:1em;line-height:1.75;padding:.15em .4em;border-width:1px;border-style:solid;border-radius:.25em;position:absolute;bottom:0.5em;right:0.5em}.permalink .sharebox button:hover,.permalink .sharebox button:focus{background:linear-gradient(to bottom, #333, #404040);color:gainsboro}.permalink .sharebox p:first-child{margin-top:0}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .c,.highlight .cd{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .gd{color:#000000;background-color:#ffdddd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#aa0000}.highlight .gh{color:#999999}.highlight .gi{color:#000000;background-color:#ddffdd}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaaaaa}.highlight .gt{color:#aa0000}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .k,.highlight .kv{color:#000000;font-weight:bold}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .il{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .m,.highlight .mb,.highlight .mx{color:#009999}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .s{color:#d14}.highlight .na{color:#008080}.highlight .bp{color:#999999}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:#008080}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:#800080}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555555}.highlight .nt{color:#000080}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .nv{color:#008080}.highlight .ow{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .w{color:#bbbbbb}.highlight{background-color:#f8f8f8}.highlight{background:none;font-size:0.9em;-moz-tab-size:2;tab-size:2}.highlight .c1,.highlight .cm,.highlight .c,.highlight .cd,.highlight .cp{color:#665}.highlight .m,.highlight .mi{color:#007575}.highlight .na,.highlight .nb{color:#007197}.highlight .s,.highlight .s1,.highlight .s2{color:#cf0f3f}.highlight .err{background-color:transparent}.modal-overlay{background:rgba(0,0,0,0.8) !important;height:100%;width:100%;position:fixed;margin:0;padding:0;top:0;left:0;transition:opacity .2s;z-index:2;display:none}.modal-holder{box-sizing:border-box;background:#efefef;margin-left:auto;margin-right:auto;width:70%;overflow:auto !important;padding:1.5em !important;position:fixed;transition:-webkit-transform .3s;transition:transform .3s;max-height:80%;top:10%;left:15%;z-index:3}.modal-holder[aria-hidden="true"]{opacity:0;visibility:hidden}.modal-holder[aria-hidden="false"]{opacity:1;visibility:visible}.modal-title{margin-top:0;padding-right:1.25em}.modal-desc{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.btn-close{background:none;border:none;cursor:pointer;font-family:arial;font-size:2em;font-weight:800;line-height:1;padding:0;position:absolute;right:.25em;top:.25em;z-index:2}.btn-close:focus{color:#993300}.font-primary{font-family:"Trebuchet MS", "HelveticaNeue", "Helvetica", "Arial", sans-serif}.font-secondary,#main header .subtitle,#main .contribute .heading{font-family:Georgia, Times, "Times New Roman", serif}.related-issue{display:inline-block;margin:0.5em 0 0 0;padding:0.5em 1em;background:#ccffcc}.related-issue i{margin-right:0.5em}.icon-definitions{display:none}#nav{float:none;width:auto}#main{margin:0}@media screen and (min-width: 43em){#nav{float:left;width:24%}#main{margin:0 0 0 27%}}#logos img{max-width:none}@media screen and (min-width: 25em){#main header h1{margin-bottom:1em}}@media screen and (min-width: 43em){#main header h1{margin-bottom:0}#main header h1.has-icon{padding:1.3em 0 0 0}}#main header h1 svg{stroke:black;height:21px;width:23px;position:relative;top:1px}#main header .subtitle{color:black;border:none;font-size:1.2em;margin-top:0.25em;font-weight:bold}#main .right-inset{background-color:#fffaf5}@media screen and (min-width: 25em){#main .right-inset{float:none;width:auto;padding:0 0 2em 0}}@media screen and (min-width: 43em){#main .right-inset{float:right;width:27%;padding:1em 0 1em 1em}}#main nav.section{margin-bottom:1em;background:#ededed;padding:1em;border-radius:3px}#main nav.section p{margin:0 0 0.5em 0;font-size:130%;font-weight:bold}#main nav.section ul{margin:0.5em 0 0 0;list-style:none;padding-left:1.3em;position:relative}#main nav.section ul li{padding:0}#main nav.section ul li.current{font-weight:bold}#main nav.section ul li.current:before{color:#993300;content:"»";font-size:150%;left:0;position:absolute}#main nav.section a{text-decoration:none;color:#003366 !important}#main nav.section a:hover,#main nav.section a:focus{text-decoration:underline}#main nav.section svg{width:16px;height:15px;stroke:black;margin-right:0.2em;position:relative;top:2px}#main aside.what-is-wcag{border:1px solid #993300;padding:1em}#main aside.what-is-wcag h2{margin-top:0;border-bottom:none}#main aside.what-is-wcag p:last-child{margin-bottom:0}.guide2 #main aside.what-is-wcag{border:none;padding:0}#main ul.toc{margin-bottom:2em}#main .tips-grid{margin-left:0;margin-top:2em;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;padding:0;list-style-type:none}#main .tips-grid li{margin:0;padding:0 1em 2em 1em;text-align:center}#main .tips-grid li .fa-li{position:static;font-size:250%;margin-bottom:10px;width:auto}@media screen and (min-width: 25em){#main .tips-grid li{width:50%}}@media screen and (min-width: 43em){#main .tips-grid li{width:25%}}#main .tips-grid li svg{width:44px;height:40px}#main .tips-grid li a{display:block;font-size:105%;margin-bottom:0.2em;padding-bottom:0.2em;line-height:1.5em;font-weight:bold;text-decoration:none;border-bottom:2px solid transparent;stroke:#003366;fill:#003366}#main .tips-grid li a span{display:block;font-size:140%}#main .tips-grid li a:visited{color:#003366;stroke:#003366;fill:#003366}#main .tips-grid li a:hover,#main .tips-grid li a:focus{border-bottom:2px solid #993300;color:#993300;stroke:#993300;fill:#993300}#main .contribute{border:1px solid #666 !important;background-color:#fff7f0;border-radius:.5em;padding:1em;margin:2em auto;width:60%}#main .contribute .heading{color:#333333 !important;border-bottom:none !important;font-weight:bold;font-size:1em;margin:0 !important;padding:0 !important}#main .contribute .heading+p{margin-top:0.5em}#main .contribute .buttons{text-align:center;margin-top:1em;padding:.5em 0 0;border-top:1px solid #ccc;line-height:300%}.index #main .contribute{margin-top:8em}#main .btn,#main .btn-primary,#main .btn-small{background:linear-gradient(to bottom, #e6e6e6, #ccc);color:#333;font-weight:normal;font-size:1em;line-height:244.44444%;padding:.5em .75em;text-decoration:none;white-space:nowrap;border-color:#ccc;border-width:1px;border-style:solid;border-radius:.25em}#main .btn:hover,#main .btn-primary:hover,#main .btn-small:hover,#main .btn:focus,#main .btn-primary:focus,#main .btn-small:focus{color:#333;text-decoration:none;background:linear-gradient(to bottom, #ccc, #b3b3b3)}#main .btn-primary{background:linear-gradient(to bottom, #004c99, #036);color:#fff;border-color:#001933}#main .btn-primary:hover,#main .btn-primary:focus{color:#fff;background:linear-gradient(to bottom, #036, #001933)}#main .btn-small{padding:.15em .2em;line-height:1.75}#main .btn-flat{font-weight:normal;font-size:1em;color:#333333;text-shadow:0 1px 5px rgba(255,255,255,0.25);line-height:244.44444%;padding:.25em .5em;background:#ddecf5;box-shadow:inset 0 -2px #c9e0f0;border-bottom:2px solid #b6d5ea;cursor:pointer}#main .btn-flat:hover,#main .btn-flat:focus{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.25);background:#0077cf;border-bottom:2px solid #0069b6;box-shadow:inset 0 -2px #005A9C}#main .btn-icon{border:none;background-color:transparent;padding:0}#main .btn-next{float:right}#main .btn-jump{display:block;margin:0 1em 1em;text-align:center}#main .inner .tip{margin-bottom:5em}#main .inner .tip>h2{margin-left:0}#main .inner .tip>p,#main .inner .tip>ul li{font-size:110%;line-height:155%}#main .inner h3{color:black;margin:0 0 0.5em 0;font-size:115%}#main .inner h3+ul,#main .inner h3+ol{margin-top:0}#main .inner h3 span{font-weight:normal}.acknowledgements #main .inner h3{margin-top:1em}#main .inner cite{padding:1em 0}@media screen and (min-width: 43em){#main .inner article:first-of-type .permalink-wrapper{margin-right:28%}}#main .inner article .permalink-wrapper h2{padding-right:2.8em}#main .inner article .permalink-wrapper .permalink{background:#fffaf5}#main .inner .example{padding:0.2em 0.5em 0.5em 1em;border-left:0.345em solid #e0e0e0;margin:2em 0 0 2em;color:#555}#main .inner .example:nth-last-of-type(2){margin-bottom:2em}#main .inner .example+.example{margin-top:0;padding-top:2em}#main .inner .example h3{margin-bottom:0;padding-bottom:.5em;color:#333;font-size:1em}#main .inner .example figure{box-sizing:border-box;clear:both;color:#333}#main .inner .example figure.keyboard,#main .inner .example figure.active{margin-top:1em}#main .inner .example figure figcaption{color:inherit;background-color:#f2f2f2;padding:0.2em 0.5em 0.2em;border:1px solid #e0e0e0;border-bottom:none;border-radius:3px 3px 0 0}#main .inner .example figure figcaption svg{width:1.5em;height:1.5em;vertical-align:bottom;fill:#ffffff}#main .inner .example figure>div{padding:.5em;background:#fffdfa;border:1px solid #e0e0e0;overflow:hidden}#main .inner .example figure>div p:first-child,#main .inner .example figure>div ol:first-child,#main .inner .example figure>div ul:first-child{margin-top:0}#main .inner .example figure>div p:last-child,#main .inner .example figure>div ol:last-child,#main .inner .example figure>div ul:last-child{margin-bottom:0}#main .inner .example figure .icon{height:1em;width:1em;position:relative;top:3px}#main .inner .example pre{margin:0}#main .inner .example fieldset{border:0;padding:0;margin:0}#main .inner .more_information{clear:both}#main .inner .note{margin-bottom:0;font-style:italic}#main .inner form{box-sizing:border-box}#main .inner form *,#main .inner form *:before,#main .inner form *:after{box-sizing:inherit}#main .inner form label{text-align:right;padding-right:0.25em}#main .inner form .row.checkbox label{text-align:left;padding-right:0}#main .inner form legend{font-weight:bold}#main .inner form .instruction{margin:0}#main .inner form .row{margin-bottom:0.2em}#main .inner form .row:first-of-type{margin-top:0.5em}#main .inner form .row:last-of-type{margin-bottom:0em}#main .inner form .required{color:#992929}#main .inner .two-column figure{margin-bottom:1em}#main .inner .two-column figure:last-of-type{margin-bottom:0}@media screen and (min-width: 43em){#main .inner .two-column{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#main .inner .two-column figure{width:49%}#main .inner .three-column{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#main .inner .three-column figure{width:32%}#main .inner .four-column{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}#main .inner .four-column figure{width:24.5%}}#main .inner .contrast .fail{color:#999999}#main .inner .contrast .pass{color:#525252}@media screen and (min-width: 25em){#main .inner .color-alone figure div svg{float:left;margin:0 1em 1.5em 0}}@media screen and (min-width: 43em){#main .inner .color-alone figure div svg{float:none;margin:0}}@media screen and (min-width: 56em){#main .inner .color-alone figure div svg{float:left;margin:0 1em 0 0}}#main .inner .color-alone figure div svg text{fill:#f4f4f4}#main .inner .color-alone figure div svg text.yellow{fill:#333333}#main .inner .color-alone figure div svg path{stroke-width:0}#main .inner .color-alone figure div svg path.blue{fill:#0000CC}#main .inner .color-alone figure div svg path.green{fill:#09610D}#main .inner .color-alone figure div svg path.red{fill:#AA0402}#main .inner .color-alone figure div svg path.yellow{fill:#DDDD00}@media screen and (min-width: 25em){#main .inner .color-alone figure.question form{height:154px}}@media screen and (min-width: 43em){#main .inner .color-alone figure.question form{height:auto}}@media screen and (min-width: 56em){#main .inner .color-alone figure.question form{height:154px}}#main .inner .focus{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}#main .inner .focus figure{width:auto}#main .inner .focus figure figcaption{padding-right:1em}#main .inner .focus figure>div{overflow:visible}#main .inner .focus figure:first-of-type{margin-bottom:1em}#main .inner .focus p{position:relative}@media screen and (min-width: 43em){#main .inner .focus>div:first-child{width:19.5em;margin-right:1.5em}#main .inner .focus>div:last-child{width:14em}#main .inner .focus figure:first-of-type{margin-bottom:0}}#main .inner .focus a{text-decoration:underline;color:#850BAC}#main .inner .focus a:hover{color:#850BAC;background-color:rgba(253,247,15,0.3)}#main .inner .focus a:focus{color:#850BAC;background-color:#fdf70f}#main .inner .focus a:active{background:#850BAC;color:#f4f4f4}#main .inner .focus .hover p{text-align:center}#main .inner .focus .hover a{color:#850BAC;background-color:rgba(253,247,15,0.3)}#main .inner .focus .hover a:active{background:#850BAC;color:#f4f4f4}#main .inner .focus .hover div img{position:absolute;top:1em;left:50%}#main .inner .focus .keyboard p{text-align:center}#main .inner .focus .keyboard a{color:#850BAC;background-color:#fdf70f}#main .inner .focus .keyboard a:active{background:#850BAC;color:#f4f4f4}#main .inner .focus .active p{text-align:center}#main .inner .focus .active a{background:#850BAC;color:#f4f4f4}#main .inner .focus .active div img{position:absolute;top:1em;left:50%}#main .inner .labels input,#main .inner .labels textarea{border:1px solid #bfbfbf;padding:2px 4px}#main .inner .labels input:focus,#main .inner .labels textarea:focus{border:1px solid #003366}#main .inner .labels .row{padding:0.25em 0;position:relative}#main .inner .labels label{width:100%;display:block;text-align:left}#main .inner .labels input{width:100%}#main .inner .labels textarea{width:100%;height:5em}#main .inner .labels .checkbox label{width:auto;padding-left:1.2em}#main .inner .labels .checkbox input{width:auto;position:absolute;top:0.5em}@media screen and (min-width: 43em){#main .inner .labels{width:35em}#main .inner .labels label{width:23%;display:inline-block;text-align:right}#main .inner .labels input,#main .inner .labels textarea{width:75.5%}#main .inner .labels .checkbox{padding-left:21%}}#main .inner .errors input,#main .inner .errors textarea{border:1px solid #bfbfbf;padding:2px 4px}#main .inner .errors input:focus,#main .inner .errors textarea:focus{border:1px solid #003366}#main .inner .errors .error-list{margin-bottom:1em}#main .inner .errors .error-list li span{color:#992929}#main .inner .errors .error-list li svg{width:1em;height:1em;top:2px;position:relative;margin-right:0.5em;fill:#992929}#main .inner .errors .row{padding:0.25em}#main .inner .errors .row.error{background:#ffc0cb}#main .inner .errors .row.error svg{width:1em;height:1em;top:1px;position:relative;fill:#992929}#main .inner .errors label{width:100%;display:block;text-align:left}#main .inner .errors input{width:100%}#main .inner .errors textarea{width:100%;height:5em}@media screen and (min-width: 43em){#main .inner .errors{width:35em}#main .inner .errors label{width:23%;display:inline-block}#main .inner .errors input,#main .inner .errors textarea{width:75.5%}}#main .inner .headings svg text{fill:#333333;font-weight:bold}#main .inner .headings svg text.heading{font-size:0.9em}#main .inner .headings svg rect,#main .inner .headings svg circle{fill:#999999}#main .inner .headings svg line{stroke:#999999;stroke-linecap:round}#main .inner .headings svg .image{fill:#d9d9d9}#main .inner .headings svg text.sub-heading{font-size:0.8em}@media screen and (min-width: 43em){#main .inner .responsive img:first-child{margin-right:1em}}#main .inner .autoplay figure{display:inline-block}#main .inner .page-title figure{display:block;margin-bottom:1em}#main .inner .page-title figure:last-child{margin-bottom:0}#main .inner .page-title div svg text{font-size:0.8em;fill:#333333}#main .inner .page-title div svg .banner{stroke:#9d9d9d;stroke-width:0.5;fill:#f4f4f4}#main .inner .page-title div svg path,#main .inner .page-title div svg rect{fill:#737373}@media screen and (min-width: 43em){#main .inner .page-title figure{display:inline-block;width:35em}#main .inner .page-title div{text-align:center}}#main .inner .heading-structure figure{display:inline-block}#main .inner .heading-structure figure>a{display:block;text-decoration:none}#main .inner .heading-structure figure>a:hover,#main .inner .heading-structure figure>afocus{text-decoration:underline}#main .inner .heading-structure figure>a figcaption{color:#003366}#main .inner .heading-structure figure>a div{padding:.5em;background:#fffdfa;border:1px solid #e0e0e0}.designing #main .inner .text-alt ul{margin:0;padding:0;list-style:none}.designing #main .inner .text-alt ul li{display:inline}.designing #main .inner .text-alt ul li:after{content:'|';margin-left:0.5em;margin-right:0.2em}.designing #main .inner .text-alt ul li.last:after{content:''}.designing #main .inner .text-alt .audio-description{vertical-align:bottom}@media screen and (min-width: 43em){.designing #main .inner .text-alt{width:35em}}.writing #main .inner .text-alt figure div img{display:block;margin-bottom:1em}@media screen and (min-width: 25em){.writing #main .inner .text-alt figure div img{float:left;margin-right:1em;display:inline-block}}@media screen and (min-width: 43em){.writing #main .inner .text-alt figure div img{float:none;margin-right:0;display:block}}@media screen and (min-width: 56em){.writing #main .inner .text-alt figure div img{float:left;margin-right:0;display:inline-block;width:30%}.writing #main .inner .text-alt figure div div{float:right;width:65%}}#main .inner .html-example>div{overflow:hidden;border:1px solid #e0e0e0;border-radius:3px 3px 0 0;background:#fffdfa}#main .inner .html-example>div figure figcaption{border:none}#main .inner .html-example>div figure div{border:none}#main .inner .html-example>div .rendered,#main .inner .html-example>div .code{width:auto;overflow:hidden}#main .inner .html-example>div .rendered{margin-bottom:1em}#main .inner .html-example>div .rendered figcaption{border-radius:3px 3px 0 0}#main .inner .html-example>div .code figcaption{border-radius:0}@media screen and (min-width: 43em){#main .inner .html-example>div{display:-webkit-flex;display:-ms-flexbox;display:flex}#main .inner .html-example>div .rendered{width:40%;margin-right:-1px}#main .inner .html-example>div .rendered figcaption{border-radius:3px 0 0 0}#main .inner .html-example>div .code{width:61%;margin-top:0;border-left:1px solid #e0e0e0}#main .inner .html-example>div .code figcaption{border-radius:0 3px 0 0}}#main .inner .mark-up figure h2{border-bottom:none}#main .inner .avoid-mistakes #dob-format,#main .inner .avoid-mistakes #phone-desc{color:#4d4d4d;font-size:90%;margin-top:0em}#main .inner .order figure{display:inline-block}#main .inner .order article{position:relative;overflow:hidden;margin:1em 0 2em 1em}#main .inner .order article h3,#main .inner .order article .desc,#main .inner .order article .buy{margin-left:130px}#main .inner .order article img{float:left;margin-top:-2em;width:120px}@media screen and (min-width: 43em){#main .inner .order article img{width:200px}#main .inner .order article h3,#main .inner .order article .desc,#main .inner .order article .buy{margin-left:210px}}#main .inner .order article .buy svg{height:1em;width:1em;padding-bottom:0.2em;padding-right:0.2em;vertical-align:bottom}#main .inner .order article .buy a{background-color:#44c767;border-radius:19px;border:1px solid #18ab29;display:inline-block;color:#1e1e1e;padding:5px 15px;text-decoration:none;text-shadow:0px 1px 0px #6bd387}#main .inner .order article .buy a:hover{background-color:#5cbf2a}#main .inner .order article .buy a:active{position:relative;top:1px}#main .inner .adapt-code pre{margin:0}#main .inner .non-standard .slider{width:15em;height:0.5em;border-radius:10px;background:#999999;position:relative;float:left;margin-right:1em;margin-top:0.7em}#main .inner .non-standard .slider button{width:1.5em;height:1.5em;border-radius:20px;background:#4d4d4d;border:0;box-shadow:0 0 2px 0 rgba(255,255,255,0.75) inset;position:absolute;top:-0.5em}#main .inner .non-standard .slider-value{width:2em}#main .inner .non-standard .switch{position:relative;width:5em;height:2em;border-radius:20px;color:#ffffff}#main .inner .non-standard .switch span{box-sizing:border-box;position:absolute;top:0.4em;text-transform:uppercase;font-size:90%}#main .inner .non-standard .switch span:before{box-sizing:border-box;content:' ';width:1.5em;height:1.5em;border-radius:20px;position:absolute;top:-1px}#main .inner .non-standard .switch[aria-checked=true] span:before{background:#d7f7e3}#main .inner .non-standard .switch[aria-checked=false] span:before{background:#ffc7c7}#main .inner .non-standard .switch[aria-checked=false]{background:#bb0000}#main .inner .non-standard .switch[aria-checked=false] span{right:12px}#main .inner .non-standard .switch[aria-checked=false] span:before{left:-2.5em}#main .inner .non-standard .switch[aria-checked=true]{background:green}#main .inner .non-standard .switch[aria-checked=true] span{left:12px}#main .inner .non-standard .switch[aria-checked=true] span:before{right:-2.9em}#main .inner .keyboard-accessible .menu-button{background:lightgray;display:inline-block;padding:0.4em 0.8em;border-radius:2px}#main .inner .keyboard-accessible .menu-button:hover,#main .inner .keyboard-accessible .menu-button:focus{background:#bababa;outline:0;text-decoration:underline}#main .inner .keyboard-accessible .menu-button:active{margin-top:1px}#main .inner .keyboard-accessible .menu-button svg{top:2px;height:1em;width:1em;padding-bottom:0.2em;padding-right:0.2em;vertical-align:bottom}#main .inner .keyboard-accessible .menu{position:relative;border:1px solid #adadad;border-radius:2px;background:#c7c7c7;box-shadow:0px 0px 2px #bababa;padding:1em;margin-top:0.5em;width:10em}#main .inner .keyboard-accessible .menu:focus{outline:0}#main .inner .keyboard-accessible .menu[aria-hidden=true]{display:none}#main .inner .keyboard-accessible .menu[aria-hidden=false]{display:block}#main .inner .keyboard-accessible .menu:before,#main .inner .keyboard-accessible .menu:after{content:"";position:absolute;height:0;width:0}#main .inner .keyboard-accessible .menu:before{border-bottom:12px solid #adadad;border-left:8px solid transparent;border-right:8px solid transparent;left:20px;top:-12px}#main .inner .keyboard-accessible .menu:after{border-bottom:9px solid #c7c7c7;border-left:6px solid transparent;border-right:6px solid transparent;left:22px;top:-9px}#main .inner .keyboard-accessible .menu ul{margin:0;padding:0;list-style:none}#main .inner .keyboard-accessible .menu ul li{margin-left:0}#main .inner .keyboard-accessible .menu ul li a{text-decoration:none}.heading-structure h2,.heading-structure h3,.heading-structure h4{color:black;border-bottom:none;margin:0;padding:0.5em 0}.heading-structure h2+p,.heading-structure h3+p,.heading-structure h4+p{margin-top:0}.heading-structure h2{font-size:3em;line-height:1em}.heading-structure h3{font-size:2em}.heading-structure h4{font-size:1.4em}.heading-structure.modal-holder{font-size:80%}@media screen and (min-width: 43em){.heading-structure.modal-holder{font-size:100%}}@media print{body{background:#ffffff}header img{max-width:none}header #masthead{margin:0;float:left}header #masthead>p,header #masthead p{margin:0;width:auto;border-right:none}header #tagline{background:none;color:#333}header #tagline p{text-align:left}#main{margin:0}#controls,#nav,nav.section,.contribute,.permalink{display:none}.color-alone img{width:150px;height:150px}}