/* Shared article typography, independent of site header and simulator UI. */
html body .guide.potch-article{font-size:17px!important;line-height:1.95}
html body .guide.potch-article p,html body .guide.potch-article li,html body .guide.potch-article dd,html body .guide.potch-article dt{font-size:17px!important}
html body .guide.potch-article table,html body .guide.potch-article table p{font-size:15px!important}
html body .guide.potch-article th,html body .guide.potch-article td{font-size:15px!important}
html body .guide-toc a{font-size:16px!important}
html body .guide.potch-article figcaption,html body .guide.potch-article small{font-size:13px!important}
@media(max-width:700px){html body .guide.potch-article,html body .guide.potch-article p,html body .guide.potch-article li,html body .guide.potch-article dd,html body .guide.potch-article dt{font-size:16px!important}html body .guide.potch-article th,html body .guide.potch-article td{font-size:15px!important}}

/* Desktop instruction pairs: text 40%, image 60% within available space. */
@media(min-width:701px){
html body .guide.potch-article .article-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important}
html body .guide.potch-article .article-row>.copy,html body .guide.potch-article .article-row>figure{min-width:0;width:auto!important}
html body .guide.potch-article .article-row>figure img{width:100%;height:auto}
}