/* activity record hints | v3 | standalone so older site styles remain intact */
.record-examples-section{margin:30px 0 26px;padding:27px 27px 24px;border:1px solid #d9e9df;background:linear-gradient(135deg,#f8fcf7,#fffcf4);border-radius:22px;box-shadow:0 10px 30px rgba(17,58,47,.045)}
.record-examples-heading{margin-bottom:19px}
.record-examples-heading h2{font-size:24px;color:#144f40;line-height:1.45;margin:5px 0 6px}
.record-examples-heading p{font-size:14px;color:#485d54;line-height:1.85;max-width:880px;margin:4px 0 0}
.record-examples-heading strong{color:#225b49}
.record-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.record-example-card{border:1px solid #e0eae2;background:#fff;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:0 2px 8px rgba(13,74,57,.025)}
.record-example-top{display:flex;align-items:flex-start;gap:11px}
.record-example-index{font-size:13px;font-weight:800;background:#e7f3e8;color:#1d6554;border-radius:10px;min-width:35px;height:35px;display:flex;align-items:center;justify-content:center}
.record-example-top h3{font-size:16px;line-height:1.6;color:#174d3f;margin:0}
.record-example-top p{margin:3px 0 0;color:#718077;font-size:12px;line-height:1.5}
.record-example-text{font-size:15px;color:#253f35;line-height:1.9;background:#f6faf7;border-radius:10px;border-left:3px solid #80bd9d;padding:13px 14px;white-space:pre-line;overflow-wrap:anywhere;flex-grow:1}
.record-copy{align-self:flex-start;font-family:inherit;border:1px solid #bcdccb;background:#fff;color:#17614f;border-radius:9px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer}
.record-copy:hover,.record-copy:focus-visible{background:#e9f5ed;outline:2px solid transparent}
.record-example-footer{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:17px;flex-wrap:wrap}
.record-example-footer p{margin:0;font-size:12px;line-height:1.65;color:#66786c;flex:1;min-width:230px}
@media(max-width:740px){.record-examples-section{padding:20px 14px;border-radius:17px}.record-example-grid{grid-template-columns:1fr}.record-examples-heading h2{font-size:20px}.record-example-card{padding:15px}.record-example-footer>a{width:100%;text-align:center;justify-content:center}}
@media print{.record-examples-section{break-inside:avoid;box-shadow:none}.record-copy,.record-example-footer>a{display:none!important}}