.films-score{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:25px}.films-score span{min-width:230px;padding:18px;border-radius:12px;background:var(--thanks-soft);font-size:18px}.films-score strong{display:block;font-size:42px;color:var(--thanks-green)}.films-brand h1{font-size:clamp(52px,10vw,120px)}.films-base-note{padding:12px 15px;border-radius:10px;background:#eef6e7}.films-show .films-title{min-width:min(520px,95%)}.films-title span{font-size:clamp(25px,4vw,48px)}.films-recall{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;padding:20px 24px 45px}.films-answer{display:grid;grid-template-columns:30px 1fr;gap:8px;padding:11px;border:1px solid var(--thanks-line);border-radius:11px}.films-answer label{grid-row:1/3;color:#75806d;padding-top:12px}.films-field{position:relative}.films-field input{width:100%;height:42px;border:1px solid #bbc9b2;border-radius:8px;padding:0 10px;font-size:16px}.films-suggest{position:absolute;z-index:25;top:45px;left:0;right:0;border:1px solid var(--thanks-line);border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(38,51,34,.2);overflow:hidden}.films-option{display:block;width:100%;border:0;border-bottom:1px solid #edf1e9;background:#fff;padding:10px;text-align:left;cursor:pointer}.films-option:hover{background:var(--thanks-soft)}@media(max-width:650px){.films-recall{grid-template-columns:1fr;padding:14px}}
/* Review of an individual films attempt */
.films-review{max-width:1180px;margin:22px auto;text-align:left;border:1px solid var(--thanks-line);border-radius:12px;background:#fff;padding:14px}
.films-review summary{cursor:pointer;font-size:18px;font-weight:700;color:var(--thanks-green)}
.films-review>p{margin:8px 0 14px;color:#687361;font-size:13px}
.films-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.films-review-row{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;min-height:78px;padding:10px;border:1px solid var(--thanks-line);border-radius:9px;background:#fff}
.films-review-row>b{color:#73806e}.films-review-row.is-correct{border-color:#75b45d;background:#f2faee}.films-review-row.is-wrong{border-color:#d88478;background:#fff9f8;cursor:help}
.films-review-answer{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.films-review-answer.is-correct{color:#276b37}.films-review-answer.is-wrong{color:#a44338}
.films-review-expected{position:absolute;z-index:4;left:8px;right:8px;bottom:calc(100% + 6px);padding:9px 10px;border-radius:8px;background:#243a28;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.22);font-size:13px;line-height:1.35;visibility:hidden;opacity:0;transform:translateY(4px);transition:.14s;pointer-events:none}
.films-review-row.is-wrong:hover .films-review-expected,.films-review-row.is-wrong:focus .films-review-expected{visibility:visible;opacity:1;transform:translateY(0)}
@media(max-width:650px){.films-review-grid{grid-template-columns:1fr}.films-review{padding:11px}.films-review-expected{position:static;display:none;margin-top:8px}.films-review-row.is-wrong:hover .films-review-expected,.films-review-row.is-wrong:focus .films-review-expected{display:block}}
