.tile-preset-panel{display:grid;gap:10px;margin-top:14px;padding:14px 16px;border:1px solid #dce5dd;border-radius:14px;background:#fafcfb}.tile-preset-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tile-preset-row>span{min-width:105px;font-size:.92rem;font-weight:650;color:#526273}.tile-preset-button{border:1px solid #cdd6e1;border-radius:999px;background:#fff;color:#243447;font:inherit;font-weight:650;padding:7px 12px;cursor:pointer}.tile-preset-button:hover{border-color:#5b8b62;background:#f4faf5}.tile-preset-button:focus-visible{outline:3px solid rgba(91,139,98,.25);outline-offset:2px}.tile-preset-button[aria-pressed="true"]{border-color:#4f8057;background:#eaf5ec;color:#285332}.tile-formula{margin:18px 0;padding:15px 18px;border-left:4px solid #5b8b62;border-radius:0 10px 10px 0;background:#f3f9f4;font-weight:700;color:#283b2b}.tile-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 30px}.tile-example-grid article{padding:17px;border:1px solid #dce5dd;border-radius:14px;background:#fff}.tile-example-grid h3{margin:0 0 8px;font-size:1rem}.tile-example-grid p{margin:0}.tile-table-wrap{overflow-x:auto;margin:18px 0 28px}.tile-table{width:100%;min-width:590px;border-collapse:collapse}.tile-table th,.tile-table td{padding:13px 15px;border-bottom:1px solid #dce5dd;text-align:left;vertical-align:top}.tile-table thead th{background:#edf6ef;color:#283b2b;font-size:.93rem}.tile-table tbody th{white-space:nowrap;color:#3e7146}.tile-note{padding:15px 18px;border-radius:12px;background:#fff8e6}.tile-guide h2:not(:first-child){margin-top:34px}@media(max-width:680px){.tile-example-grid{grid-template-columns:1fr}.tile-preset-panel{padding:12px}.tile-preset-row{align-items:stretch}.tile-preset-row>span{width:100%}.tile-preset-button{flex:1 1 auto}}