/* LucidLaw Action Block — reusable conversion component
   v21 · One stylesheet, all topics. Brand tokens mirror the guide pages. */

.la-block{
  --la-navy:#1B2138; --la-gold:#D4A853; --la-gold-d:#C4882A;
  --la-wash:#F9F5EC; --la-border:#E8E4DC; --la-muted:#5a6070;
  --la-green:#2A6B4B; --la-green-bg:#EBF5EF;
  --la-amber:#9A5A00; --la-amber-bg:#FFF4E0;
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  background:#fff; border:1px solid var(--la-border); border-radius:10px;
  margin:2.5rem 0; overflow:hidden; box-shadow:0 1px 3px rgba(27,33,56,.06);
}
.la-block *{box-sizing:border-box}

/* ── header ── */
.la-head{background:var(--la-navy);padding:1.35rem 1.5rem}
.la-eyebrow{display:flex;align-items:center;gap:.5rem;font-size:.65rem;font-weight:700;
  letter-spacing:.11em;text-transform:uppercase;color:var(--la-gold);margin-bottom:.5rem}
.la-eyebrow svg{flex-shrink:0}
.la-head h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
  font-size:1.42rem;line-height:1.2;color:#fff;margin:0 0 .4rem}
.la-head p{font-size:.88rem;line-height:1.6;color:rgba(255,255,255,.68);margin:0}

/* ── body ── */
.la-body{padding:1.5rem}
.la-step{display:none}
.la-step.is-active{display:block;animation:la-in .22s ease}
@keyframes la-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* progress */
.la-prog{display:flex;gap:5px;margin-bottom:1.35rem}
.la-prog i{height:3px;flex:1;background:var(--la-border);border-radius:2px;transition:background .25s}
.la-prog i.on{background:var(--la-gold-d)}

/* question */
.la-q{font-size:1.02rem;font-weight:600;color:var(--la-navy);line-height:1.4;margin:0 0 .35rem}
.la-help{font-size:.83rem;color:var(--la-muted);line-height:1.55;margin:0 0 1rem}
.la-opts{display:flex;flex-direction:column;gap:.5rem}
.la-opt{display:flex;align-items:flex-start;gap:.7rem;width:100%;text-align:left;
  background:#fff;border:1px solid var(--la-border);border-radius:7px;
  padding:.8rem .95rem;cursor:pointer;font-family:inherit;font-size:.92rem;
  color:var(--la-navy);line-height:1.45;transition:border-color .15s,background .15s}
.la-opt:hover{border-color:var(--la-gold-d);background:var(--la-wash)}
.la-opt:focus-visible{outline:2px solid var(--la-gold-d);outline-offset:2px}
.la-opt b{display:block;font-weight:600}
.la-opt span{display:block;font-size:.82rem;color:var(--la-muted);margin-top:.15rem}
.la-opt-mark{flex-shrink:0;width:17px;height:17px;border:1.5px solid #c9cbd4;
  border-radius:50%;margin-top:.15rem}
.la-opt:hover .la-opt-mark{border-color:var(--la-gold-d)}

/* number / text input */
.la-field{margin-bottom:1rem}
.la-field label{display:block;font-size:.82rem;font-weight:600;color:var(--la-navy);margin-bottom:.35rem}
.la-field input,.la-field textarea{width:100%;font-family:inherit;font-size:.93rem;
  color:var(--la-navy);background:#fff;border:1px solid var(--la-border);
  border-radius:6px;padding:.6rem .75rem;line-height:1.5}
.la-field input:focus,.la-field textarea:focus{outline:none;border-color:var(--la-gold-d);
  box-shadow:0 0 0 3px rgba(196,136,42,.12)}
.la-field textarea{min-height:74px;resize:vertical}
.la-field .la-hint{font-size:.76rem;color:var(--la-muted);margin-top:.3rem}
.la-two{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}

/* buttons */
.la-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1.15rem}
.la-btn{font-family:inherit;font-size:.88rem;font-weight:600;border-radius:6px;
  padding:.68rem 1.3rem;cursor:pointer;border:1px solid transparent;line-height:1.2;
  transition:background .15s,border-color .15s}
.la-btn-primary{background:var(--la-gold);color:var(--la-navy)}
.la-btn-primary:hover{background:#c9963d}
.la-btn-ghost{background:#fff;border-color:var(--la-border);color:var(--la-navy)}
.la-btn-ghost:hover{border-color:var(--la-gold-d)}
.la-btn-link{background:none;border:none;color:var(--la-muted);font-size:.82rem;
  text-decoration:underline;cursor:pointer;font-family:inherit;padding:.4rem 0}
.la-btn-link:hover{color:var(--la-navy)}
.la-btn[disabled]{opacity:.5;cursor:not-allowed}

/* result */
.la-verdict{border-radius:8px;padding:1.1rem 1.25rem;margin-bottom:1.15rem}
.la-verdict-flag{background:var(--la-amber-bg);border-left:3px solid var(--la-amber)}
.la-verdict-ok{background:var(--la-green-bg);border-left:3px solid var(--la-green)}
.la-verdict-unclear{background:var(--la-wash);border-left:3px solid var(--la-gold-d)}
.la-verdict-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:.45rem}
.la-verdict-flag .la-verdict-label{color:var(--la-amber)}
.la-verdict-ok .la-verdict-label{color:var(--la-green)}
.la-verdict-unclear .la-verdict-label{color:var(--la-gold-d)}
.la-verdict h4{font-size:1.02rem;font-weight:600;color:var(--la-navy);
  line-height:1.4;margin:0 0 .5rem}
.la-verdict p{font-size:.9rem;line-height:1.65;color:var(--la-navy);margin:0 0 .6rem}
.la-verdict p:last-child{margin-bottom:0}

.la-points{list-style:none;padding:0;margin:0 0 1.15rem}
.la-points li{position:relative;padding:.45rem 0 .45rem 1.4rem;font-size:.89rem;
  line-height:1.6;color:var(--la-navy);border-bottom:1px solid var(--la-border)}
.la-points li:last-child{border-bottom:none}
.la-points li::before{content:'';position:absolute;left:.25rem;top:.95rem;
  width:5px;height:5px;border-radius:50%;background:var(--la-gold-d)}
.la-points li em{font-style:normal;color:var(--la-muted);font-size:.83rem;display:block;margin-top:.15rem}

.la-cite{background:var(--la-wash);border:1px solid var(--la-border);border-radius:6px;
  padding:.75rem .9rem;font-size:.79rem;color:var(--la-muted);line-height:1.6;margin-bottom:1.15rem}
.la-cite strong{color:var(--la-navy);font-weight:600}

/* letter */
.la-letter{background:#fff;border:1px solid var(--la-border);border-radius:7px;
  padding:1.15rem 1.25rem;margin-bottom:1rem;max-height:340px;overflow-y:auto}
.la-letter pre{font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  font-size:.79rem;line-height:1.72;color:var(--la-navy);white-space:pre-wrap;
  word-wrap:break-word;margin:0}

/* support / safety panel */
.la-support{background:var(--la-wash);border:1px solid var(--la-border);
  border-radius:8px;padding:1.15rem 1.25rem;margin-bottom:1rem}
.la-support h4{font-size:.95rem;font-weight:600;color:var(--la-navy);margin:0 0 .5rem}
.la-support p{font-size:.87rem;line-height:1.65;color:var(--la-navy);margin:0 0 .75rem}
.la-support ul{list-style:none;padding:0;margin:0}
.la-support li{font-size:.87rem;line-height:1.75;color:var(--la-navy)}
.la-support li strong{font-weight:600}
.la-support a{color:var(--la-gold-d);text-decoration:none}
.la-support a:hover{text-decoration:underline}

/* footnote */
.la-foot{font-size:.74rem;line-height:1.6;color:var(--la-muted);
  border-top:1px solid var(--la-border);padding:.9rem 1.5rem;background:var(--la-wash)}
.la-foot a{color:var(--la-gold-d)}

.la-status{font-size:.83rem;color:var(--la-muted);margin-top:.65rem;min-height:1.1em}
.la-status.err{color:#8B1A1A}
.la-status.ok{color:var(--la-green)}

.la-hidden-form{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media (max-width:620px){
  .la-head{padding:1.15rem 1.15rem}
  .la-body{padding:1.15rem}
  .la-foot{padding:.85rem 1.15rem}
  .la-two{grid-template-columns:1fr}
  .la-actions .la-btn{width:100%;text-align:center}
}
@media print{.la-block{display:none}}