/* The Appraisal — self-contained, matches the landing dark theme */
* { box-sizing: border-box; margin: 0; }
body { background: linear-gradient(170deg, #ffe066 0%, #ffcf33 52%, #ffb020 100%) fixed; color: #3d2405; font: 16px/1.6 -apple-system, "Segoe UI", Roboto, sans-serif; }
a { color: #ffc36b; text-decoration: none; }
code { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: .85em; color: #b06e00; }

.nav { display: flex; justify-content: space-between; align-items: center; padding: 14px 20px;
       border-bottom: 1px solid #ffd58f; }
.brand { font-weight: 700; color: #fff; } .mark { color: #b06e00; }
.links { display: flex; gap: 16px; align-items: center; }
.cta-mini { padding: 6px 12px; border-radius: 8px; background: #ff6d00; color: #fff; font-weight: 600; }

main { max-width: 880px; margin: 0 auto; padding: 0 20px 60px; }
.hero { padding: 44px 0 8px; }
.eyebrow { color: #b06e00; font-size: .8rem; text-transform: uppercase; letter-spacing: .12em; margin-bottom: 10px; }
h1 { font-size: 2.3rem; line-height: 1.15; margin-bottom: 14px; }
.lede { color: #6b4a14; font-size: 1.05rem; }
h2 { font-size: 1.3rem; margin-bottom: 12px; }
.band { padding: 30px 0; }
.band.alt { border-top: 1px solid #f3d9a2; border-bottom: 1px solid #f3d9a2; }
.muted { color: #6b4a14; } .small { font-size: .85rem; }

.scoreboard { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.stat { padding: 16px; border: 1px solid #ffd58f; border-radius: 12px; background: #ffffff;
        display: flex; flex-direction: column; gap: 6px; }
.stat .k { color: #93641f; font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.stat .v { font-size: 1.7rem; font-weight: 700; color: #fff; }
.stat.big { border-color: #ff6d00; } .stat.big .v { color: #b06e00; }
.samplenote { margin-top: 12px; padding: 10px 14px; border-radius: 10px; font-size: .92rem;
              background: #ffffff; border: 1px dashed #ffd58f; color: #6b4a14; }
.samplenote.young { border-color: #ff6d00; }
.samplenote.small-sample { border-color: #b06e00; }
.samplenote.ok { border-color: #3ddc84; }

.chainrow { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
.chainhead { display: block; padding: 10px 14px; border-radius: 10px; background: #ffffff;
             border: 1px solid #ffd58f; word-break: break-all; flex: 1; min-width: 260px; }
.verify { padding: 10px 16px; border-radius: 9px; border: 0; background: #ff6d00; color: #fff;
          font: inherit; font-weight: 600; cursor: pointer; }
.verify:disabled { opacity: .6; cursor: wait; }
.verdict { margin-top: 12px; font-size: .95rem; min-height: 1.4em; }
.verdict.good { color: #3ddc84; }
.verdict.bad { color: #ff6b6b; }

.grid3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.feat { padding: 18px; border: 1px solid #ffd58f; border-radius: 12px; background: #ffffff; }
.feat h3 { margin-bottom: 8px; font-size: 1rem; color: #b06e00; }
.feat p { color: #6b4a14; font-size: .93rem; }

.method { padding: 14px 18px; border-left: 3px solid #ff6d00; background: #ffffff;
          border-radius: 0 10px 10px 0; color: #d9d6ea; margin-bottom: 12px; font-style: italic; }
.method.honesty { border-left-color: #b06e00; }

.ctaband { text-align: center; }
.cta.primary { display: inline-block; margin-top: 14px; padding: 12px 22px; border-radius: 10px;
               background: #ff6d00; color: #fff; font-weight: 700; }
.foot { text-align: center; padding: 18px; color: #93641f; font-size: .85rem; border-top: 1px solid #ffd58f; }

@media (max-width: 640px) {
  h1 { font-size: 1.7rem; }
  .stat .v { font-size: 1.35rem; }
}