/* =========================================================
   Farm Records lesson page — uses the shared site styles.
   Lesson-specific components only.
========================================================= */
:root{
  --records-green:#E18827;
  --records-dark:#E37609;
  --records-blue:#E18827;
  --records-orange:#F8A552;
  --records-red:#F76A53;
  --records-purple:#F76A53;
  --records-teal:#E18827;
  --records-gold:#E37609;
}

.callout{border-left:6px solid var(--project-colour);padding:14px 16px;border-radius:12px;background:#f7faf8;margin:14px 0}
.small-note{color:var(--muted);font-size:.92rem}

.term-card-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}
.term-card{border:1px solid #dbe3ea;border-radius:16px;padding:16px;background:#fff;cursor:pointer;transition:.2s ease}
.term-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.07)}
.term-card h4{margin:0 0 5px;color:var(--project-dark)}
.term-card .term-role{font-size:.9rem;color:var(--muted)}
.term-card .term-detail{display:none;margin-top:10px;padding-top:10px;border-top:1px dashed #cfd8e2}
.term-card.revealed .term-detail{display:block}.term-card.revealed{border-color:#b9caef;background:#f8fbff}
.term-card .click-hint{margin-top:10px;font-size:.78rem;font-weight:700;color:var(--records-blue)}

.purpose-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
.purpose-card{border-radius:18px;padding:20px;color:#fff;min-height:180px;box-shadow:0 7px 16px rgba(0,0,0,.08)}
.purpose-card h3{margin:0 0 7px;color:#fff}.purpose-card p{margin:7px 0}.purpose-card ul{margin:10px 0 0;padding-left:20px}.purpose-card li{margin:4px 0}
.purpose-legal{background:#315b9e}.purpose-assurance{background:#7b3fb6}.purpose-performance{background:#2e7d32}
.warning-callout{background:#fff8e8;border-left-color:var(--records-orange)}

.choice-row{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}
.choice-btn{border:1px solid #ccd6e1;background:#fff;border-radius:12px;padding:12px;font-weight:800;cursor:pointer;text-align:left;transition:.2s ease}
.choice-btn:hover{background:#f7fafc}.choice-btn.selected{border-width:2px}
.choice-btn.correct{border-color:#2e7d32;background:#eef9ef;color:#205824}.choice-btn.incorrect{border-color:#c3260c;background:#fff0ed;color:#7f1d1d}
.record-sort-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
.sort-pool{display:grid;grid-template-columns:1fr;gap:9px}
.record-card{border:1px solid #ccd6e1;background:#fff;border-radius:12px;padding:11px 12px;cursor:pointer;font-weight:750;transition:.2s ease}
.record-card:hover{box-shadow:0 5px 12px rgba(0,0,0,.06);transform:translateY(-1px)}
.record-card.selected{outline:3px solid rgba(37,99,235,.16);border-color:#8eb0f5}.record-card.done{cursor:default;opacity:.75}
.sort-column{min-height:160px;padding:14px;border:2px dashed #cfd8e2;border-radius:16px;background:#fbfcfd}
.sort-column h4{margin:0 0 10px}.sort-column.legal{border-color:#b9cbed;background:#f6f9ff}.sort-column.assurance{border-color:#d2b8e8;background:#fbf7ff}.sort-column.performance{border-color:#abd6ae;background:#f6fbf6}
.sort-done{display:grid;gap:8px}.sort-done .record-card{cursor:default}

.good-record-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
.good-record{border:1px solid #dbe3ea;border-radius:14px;padding:15px;background:#fff;text-align:center;cursor:pointer;min-height:95px;display:flex;flex-direction:column;justify-content:center;gap:7px;transition:.2s ease}
.good-record:hover{transform:translateY(-2px)}.good-record.correct{background:#eef9ef;border-color:#75b77b}.good-record.incorrect{background:#fff0ed;border-color:#e69a8d}

.bad-record{background:#fffdf9;border:1px solid #eadfc8;border-radius:14px;padding:16px;margin-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;line-height:1.6}
.issue-list{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
.issue-btn{border:1px solid #ccd6e1;background:#fff;border-radius:12px;padding:11px;text-align:left;cursor:pointer;font-weight:700}.issue-btn.selected{border-color:#c3260c;background:#fff0ed}.issue-btn.correct{border-color:#2e7d32;background:#eef9ef}

.confidential-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
.conf-card{border:1px solid #dbe3ea;border-radius:14px;padding:14px;background:#fff;cursor:pointer}.conf-card.selected{border:2px solid #7b3fb6;background:#fbf7ff}

.tech-flow{display:grid;grid-template-columns:1fr;gap:8px;align-items:center;margin-top:16px}
.flow-step{border:1px solid #cfd8e2;border-radius:14px;padding:13px;text-align:center;background:#fff;font-weight:800}.flow-arrow{text-align:center;font-size:1.2rem;color:var(--records-green)}

.verbal-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.pros,.cons{padding:16px;border-radius:14px}.pros{background:#eef9ef;border:1px solid #b8d9bb}.cons{background:#fff7e8;border:1px solid #edd39d}.pros h4,.cons h4{margin:0 0 8px}

.problem-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.problem-card{border:1px solid #dbe3ea;border-radius:14px;padding:14px;background:#fff;cursor:pointer}.problem-card strong{display:block;margin-bottom:5px}.problem-card.selected{border:2px solid var(--records-orange);background:#fffaf0}

.assurance-table{width:100%;border-collapse:collapse;margin-top:14px}.assurance-table th,.assurance-table td{padding:10px;border:1px solid #dbe3ea;text-align:left;vertical-align:top}.assurance-table th{background:#f4eff9}

.answer-list{display:grid;gap:12px;margin-top:14px}.answer-item{padding:14px;border:1px solid #dbe3ea;border-radius:14px;background:#fff}.answer-item label{display:block;font-weight:800;margin-bottom:7px}.answer-item input,.answer-item textarea,.answer-item select{width:100%;padding:10px 12px;border:1px solid #cbd5df;border-radius:10px;font:inherit;box-sizing:border-box}.answer-item textarea{min-height:90px;resize:vertical}

.review-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.review-box{padding:16px;border-radius:14px;background:#fafcff;border:1px solid #dce5ef}.review-box h4{margin:0 0 8px}.reveal-answer{margin-top:10px}
.button-row{margin-top:16px}.lesson-btn{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:11px 16px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.lesson-btn.secondary{background:#fff;color:var(--project-dark)}

@media(max-width:900px){.flow-arrow{transform:rotate(90deg)}}
@media(max-width:620px){.lesson-intro,.progress-strip{padding:0 10px}.lesson-intro-card{padding:20px}}