/* Comfortable reading for case details, discussions and dialogs. */
body { font-size: 16px; }
#main:focus { outline: none; }
/* Case pages, the jury and the conversation. */
.breadcrumb { font-size: 13px; flex-wrap: wrap; }
.case-id,
.detail-topline .status { font-size: 12px; }
.detail-excerpt,
.story-body { font-size: 16px; line-height: 1.85; }
.detail-actions { flex-wrap: wrap; gap: 10px 22px; }
.text-button,
.detail-actions .text-button { font-size: 14px; min-height: 44px; }
.story-reader summary { font-size: 15px; gap: 12px; }
.reader-label { flex-wrap: wrap; gap: 8px; }
.reader-time { font-size: 13px; margin-left: 0; }
.story-body .fiction-note { font-size: 12px; }
.board-top { flex-wrap: wrap; }
.board-top p { font-size: 14px; }
.board-top .eyebrow { font-size: 12px; }
.timer-wrap { flex-wrap: wrap; gap: 10px 15px; }
.timer-copy { display: block; font-size: 12px; max-width: 95px; }
.time-piece { height: 64px; }
.time-piece small { font-size: 11px; letter-spacing: 0; }
.gauge-labels { font-size: 12px; }
.gauge-caption { font-size: 14px; }
.gauge-caption strong { font-size: 16px; }
.vote-totals { flex-wrap: wrap; }
.vote-totals span { font-size: 14px; }
.result-row-top { font-size: 14px; }
.result-row-top b { font-size: 16px; }
.result-name { flex-wrap: wrap; }
.vote-code,
.comment-head .vote-code { font-size: 11px; padding: 4px 5px; }
.result-row-bottom { font-size: 12px; }
.board-bottom p { font-size: 14px; }
.board-bottom p strong { font-size: 15px; }
.board-bottom .btn { font-size: 14px; white-space: normal; min-height: 48px; }
.participants-subtitle { font-size: 15px; }
.comment-head { font-size: 14px; }
.comment-time { font-size: 12px; }
.comment-text { font-size: 16px; line-height: 1.8; }
.comment-like { font-size: 12px; min-height: 40px; }
.load-comments { font-size: 14px; min-height: 44px; }
.debate-aside p { font-size: 15px; line-height: 1.8; }
.debate-aside .btn { font-size: 13px; min-height: 48px; }
.debate-aside .aside-note { font-size: 12px !important; }
.case-meta { font-size: 12px; gap: 8px; }
.case-meta .status { font-size: 11px; }
.case-title { font-size: 17px; }
.case-excerpt { font-size: 15px; line-height: 1.8; }
.case-footer { flex-wrap: wrap; gap: 10px; font-size: 12px; }
.case-read,
.vote-count { font-size: 12px; }
.not-found p { font-size: 16px; }

/* Supporting text and controls get the same treatment. */
.btn { font-size: 14px; }
.dialog-close { width: 40px; height: 40px; }
.dialog-eyebrow { font-size: 12px; padding-right: 40px; }
.dialog-intro,
.dialog-content-prose { font-size: 16px; }
.dialog-steps li { font-size: 15px; }
.dialog-note,
.find-hint { font-size: 12px; }
.vote-option small { font-size: 12px; text-align: center; }
.find-form label { font-size: 14px; }
.find-result strong { font-size: 14px; }
.find-result small { font-size: 12px; }
.find-empty { font-size: 15px; }
.find-person { font-size: 15px; }
.find-person span { font-size: 13px; }
.toast { font-size: 14px; }
.footer-pact { font-size: 14px; }
.club-footer-links button { font-size: 13px; min-height: 36px; }
.club-footer-bottom { font-size: 12px; }

@media (max-width: 1020px) {
  .board-bottom { flex-wrap: wrap; }
}
@media (max-width: 760px) {
  .timer-wrap { justify-content: flex-start; }
  .timer-copy { width: 100%; max-width: none; }
  .timer-copy br { display: none; }
  .time-piece { height: 60px; }
  .board-top h2 { line-height: 1.06; }
  .debate-aside { display: block; }
  .debate-aside .btn { margin-top: 16px; width: 100%; }
  .reader-label { max-width: calc(100% - 28px); }
}

/* Case actions and reading invitation share the playful catalogue controls. */
.detail-actions .case-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:12px 18px;border:1.5px solid var(--brown);border-radius:16px;background:var(--orange);color:var(--cream);box-shadow:3px 3px 0 var(--brown);font-size:13px;font-weight:700;line-height:1.25;transition:transform .2s,box-shadow .2s}
.detail-actions .case-action-find{background:var(--yellow);color:var(--brown)}
.case-action .icon{width:20px;height:20px;flex:none}
.case-action-short,.verdict-filter-short{display:none}
.board-bottom .btn,.debate-aside .btn{border:1.5px solid var(--brown);border-radius:15px;box-shadow:3px 3px 0 var(--brown);font-weight:700}
.board-bottom .btn{background:var(--orange);color:var(--cream)}
.debate-aside .btn{background:var(--cream);color:var(--brown)}
.board-bottom .btn:hover,.debate-aside .btn:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--brown)}
.detail-actions .case-action:hover{transform:translate(-1px,-2px);box-shadow:4px 5px 0 var(--brown)}
.detail-actions .case-action:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--brown)}
.case-action:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.story-reader{border:1.5px solid var(--brown);border-radius:18px;background:var(--paper);box-shadow:4px 4px 0 var(--brown);overflow:hidden;margin-bottom:40px}
.story-reader summary{display:grid;grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:14px;min-height:94px;padding:20px;background:var(--yellow);color:var(--brown);list-style:none}
.story-reader summary:hover{background:#ffda57}
.story-reader summary:focus-visible{outline:3px solid var(--brown);outline-offset:-6px}
.story-read-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--cream);transform:rotate(-5deg)}
.story-read-icon .icon{width:25px;height:25px}
.story-reader .reader-label{display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:none}
.reader-label>strong{font:400 34px/.98 Mouse,Arial,sans-serif}
.story-reader .reader-time{font-size:12px;line-height:1.45;max-width:none;margin:0;color:var(--brown)}
.reader-toggle{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--brown);color:var(--yellow);transition:transform .25s ease}
.reader-toggle .icon{width:19px;height:19px}
.story-reader[open] summary{border-bottom:1px solid var(--brown)}
.story-reader[open] .reader-toggle{transform:rotate(180deg)}
.story-reader .story-body{padding:24px;max-width:820px}
.participant-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;border:0;padding-bottom:12px}
.participant-tools .filter-chip{min-height:42px;padding:8px 12px;border:1.5px solid var(--brown);border-radius:13px;background:var(--cream);color:var(--brown);box-shadow:2px 2px 0 var(--brown);font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}
.participant-tools .filter-chip.active{background:var(--orange);border-color:var(--brown);color:var(--cream)}
.participant-tools .filter-chip:hover{transform:translate(-1px,-2px);border-color:var(--brown);box-shadow:3px 4px 0 var(--brown)}
.participant-tools .filter-chip:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--brown)}
.participant-tools .filter-chip:focus-visible{outline-color:var(--brown)}
/* Five results share one definition, color and readable legend throughout the site. */
.result-info,.legend-info{background:#6D8B88}
.result-teob,.legend-teob{background:var(--brown)}
.legend-eob{background:var(--orange)}.legend-neob{background:var(--yellow)}.legend-ngm{background:var(--terra)}
.code-info{background:#e1ece8;color:#355551}
.code-teob{background:var(--brown);color:var(--cream)}
.gauge-labels{justify-content:center;flex-wrap:wrap;gap:7px 10px;padding:0;margin-top:-12px;margin-bottom:30px;font-size:10px;line-height:1.3}
.gauge-labels span{display:inline-flex;align-items:center;gap:4px}
.gauge-labels span:nth-child(2){position:static;top:auto;left:auto;transform:none}
.gauge-labels i{width:6px;height:6px;border-radius:50%;flex:none}
.result-row-top{align-items:flex-start}
.result-name{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:start;min-width:0;flex:1}
.result-name .vote-code{width:48px}
.vote-options{grid-template-columns:minmax(0,1fr);gap:8px}
.vote-option{display:grid;grid-template-columns:52px minmax(0,1fr) 18px;gap:12px;min-height:68px;padding:12px;border:1.5px solid var(--brown);border-radius:13px;text-align:left;color:var(--brown)}
.vote-option b{font-size:29px;line-height:1}
.vote-option-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.vote-option-copy strong{font-size:13px;line-height:1.4}
.vote-option .vote-option-copy small{font-size:11px;line-height:1.5;text-align:left}
.vote-option .icon{width:17px;height:17px;margin:0}
.vote-option:hover{box-shadow:3px 3px 0 var(--brown)}
/* The timer and its frame use the same outline, corners and depth as the actions. */
.judgement-board{border:1.5px solid var(--brown);border-radius:22px;box-shadow:4px 4px 0 var(--brown)}
.board-top{background:var(--yellow);color:var(--brown);border-bottom:1.5px solid var(--brown)}
.board-top p,.board-top .eyebrow{color:var(--brown)}
.board-bottom{border-top:1.5px solid var(--brown);background:var(--cream)}
.timer-wrap{width:auto;max-width:100%;padding:12px 14px;border:1.5px solid var(--brown);border-radius:16px;background:var(--cream);box-shadow:3px 3px 0 var(--brown);gap:10px 14px}
.timer-copy{color:var(--brown)}
.timer{gap:6px;padding-bottom:2px;max-width:100%}
.time-piece{width:46px;min-width:0;border:1.5px solid var(--brown);border-radius:11px;background:var(--orange);color:var(--cream);box-shadow:2px 2px 0 var(--brown)}
.time-piece small{color:var(--cream)}
.timer-colon{color:var(--brown)}
.closed-stamp{border:1.5px solid var(--brown);border-radius:14px;background:var(--orange);color:var(--cream);padding:9px 15px;box-shadow:3px 3px 0 var(--brown);transform:rotate(-3deg)}
@media(max-width:760px){
  .detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
  .detail-actions .case-action{width:100%;min-height:48px;padding:11px 9px;font-size:12px;gap:7px;border-radius:14px}
  .case-action .icon{width:18px;height:18px}
  .case-action-full,.verdict-filter-full{display:none}
  .case-action-short,.verdict-filter-short{display:inline}
  .story-reader summary{grid-template-columns:36px minmax(0,1fr) 31px;gap:11px;padding:17px 14px}
  .story-read-icon{width:36px;height:40px;border-radius:11px}.story-read-icon .icon{width:23px;height:23px}
  .reader-label>strong{font-size:29px;line-height:1.02}
  .story-reader .reader-time{font-size:11px;line-height:1.45}
  .reader-toggle{width:31px;height:31px}
  .story-reader .story-body{padding:20px 18px}
  .participant-tools{grid-template-columns:1.12fr .86fr 1.08fr .94fr .98fr 1.02fr;gap:5px;width:100%}
  .participant-tools .filter-chip{min-width:0;min-height:42px;padding:8px 2px;font-size:12px}
  .timer-wrap{width:100%;padding:12px;gap:9px}
  .timer{gap:4px}
  .time-piece{width:clamp(34px,10vw,42px)}
}
@media(prefers-reduced-motion:reduce){.detail-actions .case-action,.reader-toggle,.participant-tools .filter-chip{transition:none}.detail-actions .case-action:hover,.detail-actions .case-action:active,.participant-tools .filter-chip:hover,.board-bottom .btn:hover,.debate-aside .btn:hover{transform:none}}

/* Rede de onde veio o comentário e comentário escondido pela moderação. */
.comment-platform { display: inline-flex; color: var(--muted); }
.comment-platform .icon { width: 15px; height: 15px; }
.comment-hidden { font-style: italic; color: var(--muted); }