.tile-discovery{margin:24px 0;padding:24px;background:#f0f5fc;border:1px solid #ccd8ed;border-radius:20px}.tile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:24px}.tile-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));max-width:520px;gap:0;border:2px solid #162966}.tile-grid button{aspect-ratio:1;min-height:0;min-width:0;padding:0;border:2px solid #c3cfe7;border-radius:0;background:white;touch-action:manipulation}.tile-grid button[aria-pressed=true]{background:#657bd0;border-color:#aab8ea}.tile-grid button:focus-visible{outline:3px solid #e69a24;outline-offset:-5px;z-index:1}.tile-metrics{display:flex;flex-wrap:wrap;gap:12px}.tile-metrics p{background:white;padding:14px;border-radius:12px;flex:1}.tile-metrics b{font-size:32px;display:block;color:#334a9c}.tile-layout aside svg{display:block;max-width:240px;width:100%;margin-top:12px}.tile-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.tile-discovery textarea{display:block;width:100%;min-height:100px;padding:14px;margin-top:10px;border:1px solid #abbcdb;border-radius:12px;font:inherit}#tileFeedback{padding:16px;background:white;border-left:4px solid #425aab}@media(max-width:850px){.tile-layout{grid-template-columns:1fr}.tile-discovery{padding:14px}.tile-grid{max-width:none}}@media print{.tile-actions{display:none}.tile-grid button{print-color-adjust:exact;-webkit-print-color-adjust:exact}}