.design-directions-guide .category-hero h1{text-wrap:balance;max-width:17ch;font-size:clamp(30px,4.5vw,64px)}.design-directions-guide .category-hero-visual img{aspect-ratio:16/9;object-fit:contain}.design-directions-guide .longform-content h2,.design-directions-guide .longform-content h3{text-wrap:balance}.design-directions-guide .longform-content{overflow-wrap:anywhere}.design-directions-guide .longform-content ul{padding-left:1.5em;list-style:outside}.design-directions-guide .longform-content ol{padding-left:1.5em;list-style:decimal}.design-directions-guide .longform-content a[href$=\.zip]{color:#0f273a;background:#58c3f2;border:1px solid #269cc9;border-radius:14px;align-items:center;min-height:44px;margin-bottom:10px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 5px 16px #0f273a12}.design-directions-guide .longform-content a[href$=\.zip]:hover{background:#7bd2f7;box-shadow:0 7px 20px #0f273a20}.design-directions-guide .longform-content a:focus-visible{outline-offset:4px;outline:3px solid #1281b0}.design-directions-guide .content-code-toolbar button{min-height:44px}@media (max-width:620px){.design-directions-guide .category-hero h1{max-width:18ch;font-size:30px}.design-directions-guide .longform-content h2{font-size:28px}.design-directions-guide .longform-content h3{font-size:23px}}