.review-four{max-width:1180px;margin:0 auto;padding-bottom:4rem}.r4-hero{margin:1rem 0 2rem;padding:clamp(1.5rem,4vw,3.4rem);border-radius:30px;color:#fff;background:linear-gradient(135deg,#102c3f,#14586b 58%,#1b7780);box-shadow:0 24px 60px #102c3f33}.r4-hero h1{max-width:760px;margin:.4rem 0 .8rem;font-size:clamp(2.15rem,5vw,4.5rem);line-height:.98}.r4-hero p{max-width:760px;margin:.45rem 0;color:#e8f8f8;font-size:1.06rem}.r4-nav{display:flex;gap:.7rem;position:sticky;top:.6rem;z-index:5;width:max-content;margin:-1rem auto 2rem;padding:.55rem;border:1px solid #d6e1e4;border-radius:999px;background:#ffffffed;box-shadow:0 10px 30px #173a4820;backdrop-filter:blur(12px)}.r4-nav a{display:grid;place-items:center;min-width:42px;height:42px;padding:0 .8rem;border-radius:999px;color:#164d59;font-weight:800;text-decoration:none}.r4-nav a:hover{background:#e1f4f2}.r4-section{margin:1.4rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid #d9e3e6;border-radius:26px;background:#fff;box-shadow:0 14px 40px #1e3d4812}.r4-heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.r4-heading>span{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:14px;background:#d9f3ee;color:#14586b;font-size:1.2rem;font-weight:900}.r4-heading h2{margin:0 0 .3rem}.r4-heading p{margin:0;color:#52656d}.r4-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.r4-item{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.65rem;align-items:start;padding:.85rem;border:1px solid #e0e7e9;border-radius:16px;background:#f8fbfb}.r4-item strong{color:#176376}.r4-prompt{line-height:1.5}.r4-input{width:100%;margin-top:.55rem;padding:.7rem .8rem;border:1px solid #bccdd1;border-radius:10px;background:#fff;font:inherit}.r4-input:focus{outline:3px solid #74cfcf4d;border-color:#268c92}.r4-input.r4-correct{border-color:#17845c;background:#ecfaf3}.r4-input.r4-wrong{border-color:#c04d45;background:#fff3f2}.r4-hint{display:block;margin-top:.35rem;color:#718187;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;letter-spacing:.08em}.r4-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.2rem}.r4-score{margin:0;color:#254a54;font-weight:800}.r4-finish{margin-top:1.5rem;padding:2rem;border-radius:24px;text-align:center;background:#e5f5f2}.r4-finish h2{margin:.2rem 0 .5rem}@media(max-width:760px){.r4-grid{grid-template-columns:1fr}.r4-nav{top:.3rem}.r4-section{border-radius:20px}.r4-item{grid-template-columns:1.7rem minmax(0,1fr)}}