/* Sentido Común Ideas */
.wp-block-shortcode:has(> .sci-list), .sci-list { width: 100%; max-width: none; }
.sci-vote { --sci-for: #2e7d32; --sci-against: #c62828; margin: 1em 0 1.5em; }
.sci-buttons { display: flex; flex-wrap: wrap; gap: .5em; align-items: center; }
.sci-btn { display: inline-flex; align-items: center; gap: .4em; padding: .45em 1em; border: 2px solid currentColor; border-radius: 999px; background: transparent; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; line-height: 1.3; }
.sci-btn.sci-for { color: var(--sci-for); }
.sci-btn.sci-against { color: var(--sci-against); }
.sci-btn[aria-pressed="true"].sci-for { background: var(--sci-for); color: #fff; border-color: var(--sci-for); }
.sci-btn[aria-pressed="true"].sci-against { background: var(--sci-against); color: #fff; border-color: var(--sci-against); }
.sci-btn:focus-visible { outline: 3px solid #1565c0; outline-offset: 2px; }
.sci-n { font-variant-numeric: tabular-nums; opacity: .85; }
.sci-hint { font-size: .85em; opacity: .7; }
.sci-bar { height: 8px; margin: .75em 0 .35em; border-radius: 4px; background: var(--sci-against); overflow: hidden; max-width: 420px; }
.sci-novotes .sci-bar { background: rgba(0,0,0,.1); }
.sci-bar span { display: block; height: 100%; background: var(--sci-for); transition: width .3s; }
.sci-vote .sci-summary { margin: 0; font-size: .9em; opacity: .8; }
.sci-busy { opacity: .6; pointer-events: none; }

.sci-why { margin: .75em 0; padding: .75em; border-left: 4px solid var(--sci-for); background: rgba(0,0,0,.03); max-width: 560px; }
.sci-why[data-side="against"] { border-left-color: var(--sci-against); }
.sci-why label { display: block; font-weight: 600; }
.sci-why textarea { width: 100%; margin-top: .35em; font: inherit; }
.sci-why-row { display: flex; gap: .5em; align-items: center; margin-top: .4em; }
.sci-count { margin-right: auto; font-size: .85em; opacity: .75; }
.sci-count.sci-bad { color: var(--sci-against); opacity: 1; }
.sci-err { margin: .4em 0 0; color: var(--sci-against); font-size: .9em; }
.sci-err:empty { display: none; }

.sci-temas { margin-bottom: .35em; }
.sci-tema a { display: inline-block; margin-right: .4em; padding: .1em .6em; border-radius: 4px; background: rgba(0,0,0,.06); font-size: .8em; text-decoration: none; }

.sci-list { display: grid; gap: 1em; width: 100%; max-width: none; }
.sci-card { width: 100%; box-sizing: border-box; margin: 0;  padding: 1em 1.25em; border: 1px solid rgba(0,0,0,.1); border-radius: 8px; }
.sci-card-title { margin: 0 0 .25em; font-size: 1.15em; }
.sci-card .sci-vote { margin: .5em 0 0; }
.sci-meta { margin: .5em 0 0; font-size: .85em; }
.sci-filters { display: flex; flex-wrap: wrap; gap: .5em 1em; margin-bottom: .5em; }

.sci-reasons { margin-top: 2.5em; }
.sci-reasons-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5em; }
@media (max-width: 700px) { .sci-reasons-cols { grid-template-columns: 1fr; } }
.sci-side h3 span { font-weight: 400; opacity: .7; }
.sci-side-for h3 { color: #2e7d32; }
.sci-side-against h3 { color: #c62828; }
.sci-reason { margin: 0 0 .9em; padding: .5em .9em; border-left: 3px solid rgba(0,0,0,.15); font-style: normal; }
.sci-reason p { margin: 0 0 .25em; }
.sci-reason cite { font-size: .8em; opacity: .7; font-style: normal; }

.sci-form label { display: block; font-weight: 600; margin-bottom: .25em; }
.sci-form input[type="text"], .sci-form textarea, .sci-form select { width: 100%; }
.sci-form small { display: block; opacity: .7; }
.sci-form .sci-check { font-weight: 400; }
.sci-hp { position: absolute !important; left: -9999px; }
.sci-notice { padding: .75em 1em; border-radius: 6px; background: #e3f2fd; margin-bottom: 1em; }
.sci-notice.sci-ok { background: #e8f5e9; }
.sci-notice.sci-error { background: #ffebee; }
.sci-notice ul { margin: 0; }

/* Beat the theme's generic button:hover/focus colors. */
.sci-vote .sci-btn.sci-for:is(:hover, :focus) { background: rgba(46,125,50,.08); color: var(--sci-for); border-color: var(--sci-for); }
.sci-vote .sci-btn.sci-against:is(:hover, :focus) { background: rgba(198,40,40,.08); color: var(--sci-against); border-color: var(--sci-against); }
.sci-vote .sci-btn[aria-pressed="true"].sci-for:is(:hover, :focus) { background: var(--sci-for); color: #fff; }
.sci-vote .sci-btn[aria-pressed="true"].sci-against:is(:hover, :focus) { background: var(--sci-against); color: #fff; }
.sci-vote .sci-why .sci-cancel, .sci-vote .sci-why .sci-cancel:is(:hover, :focus) { background: transparent; color: inherit; border: 0; padding: .5em .75em; text-decoration: underline; box-shadow: none; }
.sci-vote .sci-why .sci-send:disabled { opacity: .45; cursor: not-allowed; }