.full-pattern{min-width:0}.pattern-toolbar{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end}.pattern-toolbar label{display:grid;gap:.25rem}.full-pattern article{max-width:74ch;margin:auto}.full-pattern article p{white-space:pre-wrap;overflow-wrap:anywhere}.full-pattern article h3{scroll-margin-top:1rem}.full-pattern nav{display:grid;gap:.5rem;max-height:16rem;overflow:auto}.full-pattern input[type=color]{width:2.2rem;height:1.7rem;margin-right:.5rem;vertical-align:middle;opacity:1}.full-pattern iframe{width:100%;height:32rem;border:1px solid #aaa}.full-pattern details{margin-block:1rem}@media(max-width:480px){.pattern-toolbar>*{max-width:100%}.pattern-toolbar select{max-width:100%}}@media print{.pattern-toolbar,.full-pattern>details,.full-pattern>p,.full-pattern>iframe{display:none}}