.if-pattern-guide{margin:1.4rem 0;padding:1.1rem;background:#f4f6f3;border-radius:12px}.if-pattern-guide>h3{margin-top:0}.if-pattern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:1rem}.if-pattern-card{padding:1rem;background:#fff;border:1px solid #d8e1d8;border-radius:10px;min-width:0}.if-pattern-card h4{margin-top:0}.if-pattern-card ul{padding-left:1.2rem}.if-pattern-card li{margin:.6rem 0;overflow-wrap:anywhere}.if-pattern-card small{display:block;color:#425247;margin-top:.2rem}.if-pattern-source a,.if-question-why a{color:#24543e;font-weight:600;text-decoration:none;border-bottom:0;text-shadow:none}.if-pattern-source a:hover,.if-question-why a:hover{color:#153123;text-decoration:none}.if-pattern-source a:focus-visible,.if-question-why a:focus-visible{outline:2px solid #24543e;outline-offset:3px;text-decoration:none}.if-pattern-source a:visited,.if-question-why a:visited{color:#385c48;text-decoration:none}