/* THC Field Tools — shed identifier. Builds on rf.css (same palette tokens; the child theme may restyle any .thc-shed* class). */

.thc-shed__card { background: var(--thc-rf-raised); border: 1px solid var(--thc-rf-border); border-radius: var(--thc-rf-radius); padding: var(--wp--preset--spacing--lg, 1.5rem); margin-top: var(--wp--preset--spacing--md, 1rem); scroll-margin-top: 5rem; }
.thc-shed__q { margin: 0 0 .6em; font-size: var(--wp--preset--font-size--large, 1.25rem); line-height: 1.3; }
.thc-shed__help { margin: 0 0 1rem; color: var(--thc-rf-deep); line-height: 1.5; }
.thc-shed__help a { color: inherit; font-weight: 600; }
.thc-shed__hint { margin: .6rem 0 0; min-height: 1.4em; font-size: var(--wp--preset--font-size--small, .875rem); color: var(--thc-rf-deep); }
.thc-shed__h3 { margin: 1.5rem 0 .5rem; font-size: 1.05em; }

/* diagrams */
.thc-shed__diag { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: .75rem; margin: 0 0 1rem; }
.thc-shed__diag--one { grid-template-columns: minmax(0, 22rem); margin: .4rem 0 .6rem; }
.thc-shed__diag svg { width: 100%; height: auto; display: block; background: var(--thc-rf-canvas); border: 1px solid var(--thc-rf-border); border-radius: 10px; color: var(--thc-rf-deep); padding: .35rem; box-sizing: border-box; }

/* answer buttons */
.thc-shed__opts { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 0 .5rem; }
.thc-shed__opt {
  font: inherit; font-weight: 600; color: var(--thc-rf-deep); background: var(--thc-rf-canvas); border: 1px solid var(--thc-rf-stroke); border-radius: 12px;
  padding: .7em 1.1em; cursor: pointer; text-align: left; display: inline-flex; flex-direction: column; align-items: flex-start; gap: .15em; flex: 1 1 14rem; max-width: 100%;
}
.thc-shed__opt:hover { background: var(--thc-rf-muted); border-color: var(--thc-rf-deep); }
.thc-shed__opt.is-on { background: var(--thc-rf-leaf); border-color: var(--thc-rf-leaf); color: #fff; }
.thc-shed__opt-n { font-weight: 400; font-size: .8em; opacity: .85; }
.thc-shed__part { border: 0; padding: 0; margin: 0 0 1rem; min-width: 0; }
.thc-shed__part legend { font-weight: 600; color: var(--thc-rf-deep); padding: 0; margin-bottom: .4rem; }
.thc-shed__part .thc-shed__opt { flex: 0 1 auto; }
.thc-shed__num { display: flex; flex-wrap: wrap; gap: .6rem 1rem; align-items: flex-end; }
.thc-shed__num label { display: flex; flex-direction: column; gap: .3rem; flex: 0 1 12rem; }
.thc-shed input[type="number"] { font: inherit; color: inherit; background: var(--thc-rf-canvas); border: 1px solid var(--thc-rf-stroke); border-radius: 10px; padding: .55em .8em; width: 100%; box-sizing: border-box; }
.thc-shed__nav { margin: .8rem 0 0; font-size: var(--wp--preset--font-size--small, .875rem); }

/* ledger of answers */
.thc-shed__ledger { margin-top: var(--wp--preset--spacing--md, 1rem); padding: .9rem 1.25rem; border: 1px dashed var(--thc-rf-border); border-radius: var(--thc-rf-radius); background: color-mix(in srgb, var(--thc-rf-raised) 60%, var(--thc-rf-canvas)); }
@supports not (color: color-mix(in srgb, red 50%, blue)) { .thc-shed__ledger { background: var(--thc-rf-raised); } }
.thc-shed__ledger-title { margin: 0 0 .4rem; font-size: 1em; display: flex; flex-wrap: wrap; align-items: baseline; gap: .5em; }
.thc-shed__ledger-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .3rem 1.25rem; font-size: var(--wp--preset--font-size--small, .875rem); }
.thc-shed__ledger-list li { display: inline-flex; flex-wrap: wrap; gap: .35em; align-items: baseline; }
.thc-shed__ledger-k { color: var(--thc-rf-deep); font-weight: 600; }
.thc-shed__ledger-k::after { content: ":"; }
.thc-shed__ledger-list .thc-rf__linkbtn { font-size: .9em; }

/* results */
.thc-shed__list { border: 1px solid var(--thc-rf-border); border-radius: var(--thc-rf-radius); background: var(--thc-rf-canvas); }
.thc-shed__cand.is-unlikely { opacity: .8; }
.thc-shed__why { list-style: none; margin: .45em 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .3em .5em; font-size: var(--wp--preset--font-size--small, .875rem); }
.thc-shed__why li { padding: .1em .65em .1em .5em; border-radius: 999px; border: 1px solid var(--thc-rf-border); background: var(--thc-rf-raised); }
.thc-shed__why li::before { content: "✓ "; color: var(--thc-rf-doc); font-weight: 700; }
.thc-shed__why li.is-soft::before { content: "~ "; color: var(--thc-rf-exp); }
.thc-shed__why li.is-soft { border-style: dashed; }
.thc-shed__why li.is-no::before { content: "✕ "; color: var(--thc-rf-venom); }
.thc-shed__facts { margin: .45em 0 0; font-size: var(--wp--preset--font-size--small, .875rem); color: var(--thc-rf-deep); }
.thc-shed__src { margin: .3em 0 0; font-size: .8em; color: var(--thc-rf-deep); }
.thc-shed__src summary { cursor: pointer; }
.thc-shed__src p { margin: .3em 0 0; }
.thc-rf .thc-badge--unlikely { background: transparent; color: var(--thc-rf-hist); border-style: dashed; }
.thc-shed__sep, .thc-shed__next { margin: 0; padding-left: 1.2em; line-height: 1.5; }
.thc-shed__sep li, .thc-shed__next li { margin-bottom: .35em; }
.thc-shed__unlikely { margin-top: 1rem; }
.thc-shed__unlikely > summary { cursor: pointer; font-weight: 600; color: var(--thc-rf-deep); }
.thc-shed__unlikely > .thc-shed__list { margin-top: .6rem; }
.thc-shed__summary { width: 100%; box-sizing: border-box; font: inherit; font-size: var(--wp--preset--font-size--small, .875rem); background: var(--thc-rf-canvas); border: 1px solid var(--thc-rf-stroke); border-radius: 10px; padding: .6em .8em; margin-bottom: .6rem; resize: vertical; }
.thc-shed__credit { margin: 1.25rem 0 0; font-size: var(--wp--preset--font-size--small, .875rem); color: var(--thc-rf-deep); line-height: 1.5; }
.thc-shed__credit a { color: inherit; font-weight: 600; }

@media (max-width: 600px) {
  .thc-shed__card { padding: 1rem; }
  .thc-shed__opt { flex-basis: 100%; }
  .thc-shed__diag { grid-template-columns: 1fr; }
}
@media print {
  .thc-shed__opts, .thc-shed__nav, .thc-shed__ledger-list .thc-rf__linkbtn, .thc-shed__summary { display: none !important; }
}
