/* Espelho das 7 Igrejas — autoexame interativo */
.church-mirror{background:var(--paper);border-bottom:1px solid var(--line);scroll-margin-top:96px}
.mirror-intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:36px;align-items:start}
.mirror-intro h2{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4.4rem);font-weight:400;line-height:1.02;max-width:13ch;margin:14px 0 22px}
.mirror-intro>div>p{max-width:68ch;color:var(--muted);font-size:1.08rem;line-height:1.75}
.mirror-intro-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.church-mirror .primary-button,.church-mirror .secondary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:14px 20px;font:inherit;text-decoration:none;cursor:pointer}
.church-mirror .primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff}
.church-mirror .secondary-button{background:transparent;border:1px solid var(--line);color:var(--ink)}
.mirror-note{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
.mirror-note strong{font-family:Georgia,serif;font-size:1.35rem;font-weight:400}
.mirror-note p{color:var(--muted);line-height:1.7;margin:12px 0}
.mirror-note small{color:var(--muted)}
.mirror-app{margin-top:42px}
.mirror-shell{max-width:860px;margin:0 auto;border:1px solid var(--line);border-radius:20px;background:var(--bg);overflow:hidden}
.mirror-shell-head{padding:24px 28px;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between}
.mirror-progress-copy{font-size:.9rem;color:var(--muted)}
.mirror-progress-track{height:6px;background:var(--line);flex:1;max-width:330px;border-radius:999px;overflow:hidden}
.mirror-progress-track span{display:block;height:100%;background:var(--accent);transition:width .25s ease}
.mirror-question{padding:36px 28px 28px}
.mirror-question .eyebrow{margin-bottom:14px}
.mirror-question h3{font-family:Georgia,serif;font-size:clamp(1.7rem,3.5vw,2.65rem);font-weight:400;line-height:1.25;margin:0 0 28px}
.mirror-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.mirror-option{position:relative}
.mirror-option input{position:absolute;opacity:0;pointer-events:none}
.mirror-option label{display:flex;min-height:86px;align-items:center;justify-content:center;text-align:center;padding:12px 8px;border:1px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer;font-size:.88rem;line-height:1.35;transition:.18s ease}
.mirror-option input:checked+label{background:var(--dark);border-color:var(--dark);color:#fff;transform:translateY(-2px)}
.mirror-option input:focus-visible+label{outline:3px solid var(--accent);outline-offset:3px}
.mirror-nav{display:flex;gap:12px;justify-content:space-between;padding:0 28px 28px}
.mirror-nav button{min-width:130px}
.mirror-result{max-width:980px;margin:0 auto}
.mirror-result-hero{padding:38px;border-radius:20px;background:var(--dark);color:#fff}
.mirror-result-hero .eyebrow{color:#dbc5a4}
.mirror-result-hero h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;margin:12px 0 18px}
.mirror-result-hero p{max-width:68ch;line-height:1.75;color:#ece9e2}
.mirror-letter-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.mirror-letter-card{padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
.mirror-letter-card h4{font-family:Georgia,serif;font-size:1.55rem;font-weight:400;margin:10px 0 12px}
.mirror-letter-card p{line-height:1.72;margin:0;color:var(--muted)}
.mirror-letter-card.emphasis{border-top:3px solid var(--accent)}
.mirror-call{padding:30px;border-radius:16px;background:var(--soft);margin:14px 0 28px}
.mirror-call h4{font-family:Georgia,serif;font-size:1.65rem;font-weight:400;margin:10px 0}
.mirror-call p{line-height:1.75;margin:0 0 14px}
.mirror-bars{padding:30px;border:1px solid var(--line);border-radius:16px}
.mirror-bars h4{font-family:Georgia,serif;font-size:1.65rem;font-weight:400;margin:10px 0 8px}
.mirror-bars>p{color:var(--muted);line-height:1.65;margin:0 0 24px}
.mirror-bar{display:grid;grid-template-columns:110px 1fr 48px;gap:12px;align-items:center;margin:13px 0}
.mirror-bar strong{font-size:.95rem}
.mirror-bar-track{height:9px;background:var(--line);border-radius:999px;overflow:hidden}
.mirror-bar-track span{display:block;height:100%;background:var(--accent);border-radius:inherit}
.mirror-bar em{font-style:normal;color:var(--muted);font-size:.85rem;text-align:right}
.mirror-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.mirror-actions a,.mirror-actions button{text-decoration:none}
.mirror-footnote{margin-top:18px;color:var(--muted);font-size:.9rem;line-height:1.65}
@media(max-width:760px){
  .mirror-intro,.mirror-letter-grid{grid-template-columns:1fr}
  .mirror-intro h2{max-width:none}
  .mirror-scale{grid-template-columns:1fr}
  .mirror-option label{min-height:0;justify-content:flex-start;text-align:left;padding:14px 16px}
  .mirror-shell-head{align-items:flex-start;flex-direction:column}
  .mirror-progress-track{max-width:none;width:100%}
  .mirror-nav{flex-wrap:wrap}
  .mirror-nav button{flex:1}
  .mirror-result-hero{padding:28px 22px}
  .mirror-bar{grid-template-columns:88px 1fr 42px}
}
