:root{font-family:Arial,Helvetica,sans-serif;color:#000;background:#e7e9e6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:hover{color:#900}a:focus-visible{outline:3px solid #900;outline-offset:4px}img{max-width:100%;height:auto}.brand-header{height:141px;background:#f60 url('/images/head_bg.gif') repeat-x center top;border-bottom:2px solid #900;text-align:center}.brand{display:inline-block;height:141px;max-width:100%}.brand img{display:block;width:430px;height:141px;object-fit:contain;max-width:100%}.primary-navigation{background:#f0f0f0}.primary-navigation ul{display:flex;flex-wrap:wrap;list-style:none;margin:0 auto;padding:0 24px;max-width:1200px;gap:36px}.primary-navigation a{display:block;min-height:50px;padding:10px 22px;text-decoration:none;font-size:24px;line-height:30px}.primary-navigation a[aria-current=page]{color:#900;box-shadow:inset 0 -3px #900}.page-heading{max-width:1140px;margin:0 auto;padding:32px 26px 0}.page-heading h1{font-size:30px;line-height:1.25;font-weight:400;margin:0}.introduction{max-width:1140px;margin:0 auto;padding:28px 26px 34px}.introduction h2{font-size:24px;line-height:1.4;font-weight:400;margin:0 0 16px}.introduction p{font-size:20px;margin:0;line-height:1.5}.examples h2{margin:0;border-top:2px solid #900;background:#f60;text-align:center;font-size:24px;font-weight:400;padding:17px 24px;line-height:1.35}.gallery{max-width:800px;margin:0 auto;padding:30px 26px 38px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.gallery figure{margin:0;min-width:0}.preview{display:block;background:#fff;line-height:0}.preview img{display:block;width:100%;height:auto}.gallery figcaption{padding:14px 0 0;font-size:20px;line-height:1.35}.prose{max-width:850px;margin:0 auto;padding:24px 26px 48px;font-size:20px;line-height:1.55}.prose section+section{margin-top:34px}.prose h2{font-size:26px;font-weight:400;line-height:1.3;margin:0 0 16px}.prose p{margin:0}.footer-navigation{background:#f60;border-top:2px solid #900;padding:15px max(26px,calc((100% - 1088px)/2));display:flex;gap:36px;flex-wrap:wrap}.footer-navigation a{font-size:20px;line-height:1.5;text-decoration:none}.brand-footer{padding:30px max(26px,calc((100% - 1088px)/2)) 24px;text-align:right}.brand-footer a{display:inline-block}.brand-footer img{display:block;width:170px;height:23px}.brand-footer p{margin:8px 0 0;font-size:14px}.error-page{max-width:850px;margin:0 auto;padding:36px 26px 60px;font-size:20px;line-height:1.5}.skip-link{position:absolute;left:16px;top:-100px;z-index:5;background:#fff;padding:10px}.skip-link:focus{top:10px}
@media(max-width:760px){.brand-header{height:116px}.brand,.brand img{height:116px;width:min(100%,354px)}.primary-navigation ul{padding:0 8px;gap:12px}.primary-navigation a{font-size:21px;padding:10px 16px}.page-heading{padding:26px 20px 0}.page-heading h1{font-size:27px}.introduction{padding:24px 20px 28px}.introduction h2{font-size:22px}.examples h2{font-size:22px;padding:16px 20px}.gallery{grid-template-columns:1fr;padding:24px 20px 32px;gap:30px;max-width:420px}.gallery figure{width:100%}.prose{font-size:18px;padding:24px 20px 36px}.prose h2{font-size:24px}.footer-navigation{padding:14px 20px;gap:28px}.brand-footer{padding:26px 20px 22px}.error-page{padding:28px 20px 42px}}
