.pat-wrap{max-width:1160px;margin:auto;padding:28px 24px 64px}.pat-wrap .article{min-width:0}.pat-wrap h1{max-width:950px}.pat-goals{padding:1.2rem 1.8rem;background:#f1f6ee;border-radius:12px}.pat-example{padding:1.25rem;margin:1.5rem 0;border-left:4px solid #356d51;background:#f4f7f3}.pat-example li{margin:.7rem 0}.pat-note{padding:1rem;background:#fff6e9;border:1px solid #d7b985;border-radius:10px}.pat-nav,.pat-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));margin:2rem 0}.pat-card{display:block;padding:1.25rem;border:1px solid #bcccbb;border-radius:12px;text-decoration:none;color:inherit;background:white}.pat-card h2,.pat-card h3{font-size:1.3rem}.pat-table{overflow-x:auto;margin-top:1rem}.pat-table table{width:100%;border-collapse:collapse}.pat-table th,.pat-table td{text-align:center;border:1px solid #c4d4c6;padding:.4rem .6rem}.pat-table th{background:#e9f0e6}.pat-controls{padding:1rem;border:1px solid #bbcdbe;border-radius:10px;background:#f4f8f3;margin:1rem 0}.pat-controls label{display:block;margin:.75rem 0;font-weight:600}.pat-controls select,.pat-controls textarea{display:block;width:100%;padding:.65rem;font:inherit;background:white;color:#193c2d;border:1px solid #5c7863;border-radius:6px}.pat-controls input[type=range]{width:85%;margin-right:1rem}.pat-controls button{padding:.7rem 1rem;font:inherit;background:#245a3e;color:white;border:0;border-radius:6px;cursor:pointer}.pat-wrap [hidden]{display:none!important}.pat-wrap :focus-visible{outline:3px solid #995816;outline-offset:3px}.pat-visual svg{display:block;width:100%;height:auto}.pat-visual figcaption{font-weight:500}.pat-wrap math{max-width:100%}.pat-extension{font-weight:700;color:#785117}.pat-counts{display:flex;gap:1rem;flex-wrap:wrap}.pat-counts span{padding:.6rem 1rem;border-radius:20px;background:#eaf2e5}
@media(max-width:650px){.pat-wrap{padding:20px 14px 45px}.pat-controls select{font-size:16px}.pat-wrap h1{overflow-wrap:anywhere}}
@media print{.pat-controls,.pat-nav,.pat-wrap>.breadcrumb{display:none!important}.pat-wrap{padding:0}.pat-example{break-inside:avoid}.pat-visual{break-inside:auto!important}.pat-visual svg{max-height:210px}.pat-table tr{break-inside:avoid}.pat-wrap h2,.pat-wrap h3{break-after:avoid}}