/* Osmora Academy — COA Laboratory styles. Analytical, archival, restrained. */
.coa-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 24px}
.coa-modes{display:inline-flex;border:1px solid rgba(30,50,41,.16);border-radius:8px;overflow:hidden}
.coa-mode{background:none;border:none;padding:9px 18px;font-family:var(--font-body);font-size:.8rem;letter-spacing:.04em;
  color:#6a6a6a;cursor:pointer;transition:all .15s ease}
.coa-mode.is-active{background:var(--forest-ink,#1E3229);color:var(--cream,#F4EFE6)}
.coa-hint{font-size:.85rem;color:#8a8a82;margin:0}

.coa-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:start}
@media(max-width:900px){.coa-grid{grid-template-columns:1fr;gap:24px}}

/* Certificate */
.coa-cert{background:var(--cream-2,#FAF7F2);border:1px solid rgba(30,50,41,.14);border-radius:12px;overflow:hidden}
.coa-cert__head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:24px 26px;border-bottom:1px solid rgba(30,50,41,.12);background:#fff}
.coa-cert__k{font-family:var(--font-display,Georgia,serif);font-size:1.15rem;color:var(--forest-ink,#1E3229);margin:0}
.coa-cert__sub{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft,#B79A5B);margin:4px 0 0}
.coa-cert__badge{font-size:.62rem;letter-spacing:.1em;font-weight:700;color:#8a5a2b;background:rgba(183,154,91,.14);
  border:1px solid rgba(183,154,91,.4);border-radius:5px;padding:8px 12px;max-width:200px;text-align:center;line-height:1.35}
.coa-row{display:flex;justify-content:space-between;gap:20px;padding:14px 26px;border-bottom:1px solid rgba(30,50,41,.07)}
.coa-row:last-child{border-bottom:none}
.coa-row__label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#8a8a82;flex:none;width:44%}
.coa-row__value{font-family:var(--font-display,Georgia,serif);color:var(--forest-ink,#1E3229);text-align:right}
/* interactive fields (annotated mode) */
.coa-row--live{cursor:pointer;position:relative;transition:background .14s ease}
.coa-row--live .coa-row__value{border-bottom:1px dotted var(--gold-soft,#B79A5B)}
.coa-row--live:hover,.coa-row--live:focus{background:rgba(183,154,91,.08);outline:none}
.coa-row--live.is-active{background:rgba(44,95,79,.07)}
.coa-row--live::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold-soft,#B79A5B);opacity:0;transition:opacity .14s}
.coa-row--live:hover::after,.coa-row--live.is-active::after{opacity:1}
/* clean mode hides annotation affordances */
.coa--clean .coa-row--live{cursor:default}
.coa--clean .coa-row--live .coa-row__value{border-bottom:none}
.coa--clean .coa-row--live::after{display:none}
.coa--clean .coa-row--live:hover{background:none}

/* Callout panel */
.coa-panel{position:sticky;top:96px}
@media(max-width:900px){.coa-panel{position:static}}
.coa-callout{background:#fff;border:1px solid rgba(30,50,41,.12);border-top:3px solid var(--gold-soft,#B79A5B);
  border-radius:12px;padding:26px 28px}
.coa-callout--empty{border-top-color:rgba(30,50,41,.12);color:#6a6a6a}
.coa-callout__field{font-family:var(--font-display,Georgia,serif);font-size:1.3rem;color:var(--forest-ink,#1E3229);margin:0 0 18px}
.coa-callout__sec{margin:0 0 18px}
.coa-callout__sec h4{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft,#B79A5B);margin:0 0 6px}
.coa-callout__sec p{margin:0;color:#3a443d;font-size:.95rem;line-height:1.55}
.coa-callout__sec ul{margin:0;padding-left:18px;color:#3a443d;font-size:.93rem;line-height:1.5}
.coa-callout__sec ul li{margin:3px 0}
.coa-callout__sec--not h4{color:#a85a3c}
.coa-callout__sec--not ul{color:#7a4a38}
.coa-panel__gloss{display:inline-block;margin-top:4px;color:var(--forest,#2C5F4F);text-decoration:none;font-size:.85rem;border-bottom:1px solid transparent}
.coa-panel__gloss:hover{border-color:var(--gold-soft,#B79A5B)}

/* Checklist */
.coa-checklist{margin-top:44px;background:var(--cream-2,#FAF7F2);border:1px solid rgba(30,50,41,.12);border-radius:12px;padding:30px 32px}
.coa-checklist__k{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft,#B79A5B);margin:0 0 18px}
.coa-checklist__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
@media(max-width:720px){.coa-checklist__list{grid-template-columns:1fr}}
.coa-checklist__list label{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;color:#3a443d;cursor:pointer;line-height:1.45}
.coa-checklist__list input{margin-top:3px;accent-color:var(--forest,#2C5F4F);flex:none}
.coa-checklist__reset{margin-top:22px;background:none;border:1px solid rgba(30,50,41,.16);border-radius:5px;
  padding:8px 14px;font-size:.72rem;color:#8a8a82;cursor:pointer;letter-spacing:.04em}
.coa-checklist__reset:hover{border-color:var(--forest,#2C5F4F);color:var(--forest,#2C5F4F)}