/* Narratia homepage, «Talk to the interviewer»: the live text trial (js/trial.js). Brand tokens from site.css. */
.trial-own{margin-top:12px;display:grid;gap:6px;max-width:44rem}
.trial-own label{font-size:.9rem;color:var(--soft)}
.trial-own input,.trial-form textarea{font:inherit;font-size:1rem;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-ctl);padding:.65rem .8rem;min-height:44px;width:100%;box-sizing:border-box}
.trial-own input:focus,.trial-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.trial-box{margin-top:22px;background:var(--surface);border-radius:var(--r-card);padding:18px;min-height:280px;box-shadow:var(--shadow)}
.trial-view{display:grid;gap:14px;align-content:start}
.trial-box [hidden]{display:none!important}
.trial-note{margin:0;color:var(--soft)}
.trial-consent{margin:0;font-size:.9rem;line-height:1.5;color:var(--soft);max-width:44rem}
.trial-consent a{color:var(--accent)}
.trial-start .btn{justify-self:start}
.trial-msg{margin:0;color:var(--accent);font-variation-settings:var(--fv-med)}
.trial-bar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:.9rem;color:var(--soft)}
.trial-clock{font-variant-numeric:tabular-nums;font-variation-settings:var(--fv-med);color:var(--text)}
.trial-endbtn{margin-left:auto;min-height:36px;padding:.35rem .8rem}
.trial-log{list-style:none;margin:0;padding:4px;display:grid;gap:10px;max-height:420px;overflow-y:auto;align-content:start}
.trial-turn{max-width:85%;padding:.6rem .85rem;border-radius:var(--r-card);background:var(--bg)}
.trial-turn p{margin:4px 0 0;white-space:pre-wrap;line-height:1.5}
.trial-who{font-size:.78rem;color:var(--soft);font-variation-settings:var(--fv-med)}
.trial-me{justify-self:end;background:var(--accent-tint)}
.trial-wait p{color:var(--soft);animation:trialpulse 1.2s ease-in-out infinite alternate}
@keyframes trialpulse{from{opacity:.45}to{opacity:1}}
.trial-form{display:flex;gap:10px;align-items:flex-end}
.trial-form textarea{resize:vertical;min-height:48px;flex:1 1 auto}
.trial-form .btn{flex:none;white-space:nowrap}
.trial-form textarea:disabled{opacity:.6}
.trial-end-h{margin:0;font-variation-settings:var(--fv-head);font-size:1.25rem}
.trial-end-h:focus{outline:none}
.trial-why{margin:0;color:var(--soft)}
.trial-gist{margin:0;font-size:1.05rem}
.trial-points{margin:0;padding-left:1.2rem;display:grid;gap:6px}
.trial-none{margin:0;color:var(--soft)}
.trial-cta-p{margin:6px 0 0}
.trial-end .cta-row{display:flex;flex-wrap:wrap;gap:10px}
@media (prefers-reduced-motion:reduce){.trial-wait p{animation:none}}