/* Тонкая открытка-экспорт Senti. Один measurement из /api/measurement, без mock и навигации.
   Экранная вёрстка отдельно от фиксированной геометрии PNG (та живёт в canvas app.js). */
:root { color-scheme:only light; --bg:#f6f1ea; --ink:#2c2622; --muted:#8a7f75; --line:#e6ddd2; --sage:#7c8a6f; --terra:#a8674a; }
* { box-sizing:border-box; }
html,body { margin:0; background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
body { min-height:100dvh; }
#root { max-width:520px; margin:0 auto; padding:calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + 24px); }
.pc-note { text-align:center; color:var(--muted); padding:40px 12px; font-size:15px; line-height:1.5; }
.pc-note b { color:var(--ink); }

.card { background:#fff; border:1px solid var(--line); border-radius:22px; overflow:hidden; box-shadow:0 6px 22px rgba(60,40,30,.08); }
.card .scene { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; background:#efe7dc; }
.card .body { padding:16px 16px 18px; }
.chips { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 8px; }
.chip { font-size:12px; padding:4px 10px; border-radius:999px; background:#efe0d6; color:var(--terra); }
.chip.muted { background:#eef0ea; color:var(--sage); }
.headline { font-size:20px; line-height:1.3; margin:6px 0 6px; }
.summary { font-size:14px; line-height:1.5; color:var(--muted); margin:0 0 14px; }

.inds { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ind { min-width:0; border:1px solid var(--line); border-radius:14px; padding:10px 12px; }
.ind .lab { font-size:12px; color:var(--muted); }
.ind .row { display:flex; align-items:baseline; gap:8px; min-width:0; }
.ind .val { font-size:22px; font-weight:600; }
.ind .st { font-size:12px; color:var(--ink); overflow-wrap:anywhere; }
.ind.na .val { color:var(--muted); font-weight:400; }

.guard { margin:14px 2px 0; font-size:12px; line-height:1.45; color:var(--muted); }
.actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:16px; }
.btn { border:0; border-radius:14px; padding:12px 18px; font-size:15px; cursor:pointer; }
.btn.primary { background:var(--sage); color:#fff; }
.btn.ghost { background:#efe7dc; color:var(--ink); }
.wordmark { text-align:center; margin-top:14px; font-size:13px; letter-spacing:.14em; color:var(--muted); text-transform:uppercase; }