/* Общая визуальная система меню: бумага, синий акцент, технические рамки. */
:root{--ink:#020835;--blue:#2d7fc1;--paper:#f2f1e9;--muted:#5a6183;--green:#24774d;--amber:#a3650d;--red:#ae3d37;--line:#c7cbd5;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--display:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display)}a{color:var(--blue)}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button,a{touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(34px,4.2vw,64px);line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(28px,3.4vw,50px);line-height:1.12;letter-spacing:-.035em}h3{font-size:22px;line-height:1.3}p{line-height:1.5}code,pre{font-family:var(--mono)}.chrome{min-height:76px;padding:12px 3.5vw;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:2px solid var(--ink);background:var(--paper)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);font:700 11px/1.4 var(--mono)}.brand-mark{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;background:var(--blue);color:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:700 17px var(--mono)}.eyebrow{color:var(--blue);font:700 12px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:16px}.lead{font-size:clamp(19px,1.7vw,26px);color:var(--muted);line-height:1.45;margin-top:18px;max-width:1100px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chips span{padding:8px 11px;border:1px solid var(--line);background:#fff;font:600 13px var(--mono)}.course-page{background-image:linear-gradient(#02083509 1px,transparent 1px),linear-gradient(90deg,#02083509 1px,transparent 1px);background-size:32px 32px}.course{max-width:1200px;margin:auto;padding:55px 26px 70px}.lesson-card{display:block;padding:30px;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:white;text-decoration:none;color:inherit;margin-top:40px}.lesson-card:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--ink)}.lesson-card h2{font-size:clamp(26px,3vw,40px)}.lesson-card>p:not(.eyebrow){font-size:19px;color:var(--muted);margin-top:16px}.lesson-card>strong{display:block;color:var(--blue);margin-top:24px}.course-materials{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px}

/* Карточка игры-расследования: папка дела с фотографиями участников. */
.case-card{display:block;position:relative;margin-top:64px;padding-top:30px;text-decoration:none;color:var(--ink)}
.case-tab{position:absolute;top:0;left:0;background:#E3C98F;border:2px solid var(--ink);border-bottom:0;padding:6px 18px 2px;font:700 13px/1.6 var(--mono)}
.case-body{position:relative;display:block;background:#EFD9A6;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:30px;background-image:repeating-linear-gradient(0deg,transparent 0 3px,rgba(120,80,20,.05) 3px 4px)}
.case-card:hover .case-body{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--ink)}
.case-kicker{display:block;color:var(--red);font:700 12px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px}
.case-title{display:block;font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.12;letter-spacing:-.035em;max-width:760px}
.case-text{display:block;font-size:18px;line-height:1.5;margin-top:14px;max-width:820px;color:#3a3320}
.case-faces{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.case-faces img{width:84px;height:84px;object-fit:cover;background:#fff;padding:6px 6px 16px;border:1px solid rgba(2,8,53,.4);box-shadow:3px 4px 7px rgba(40,20,0,.35);filter:saturate(.8)}
.case-faces img:nth-child(odd){transform:rotate(-2.5deg)}.case-faces img:nth-child(even){transform:rotate(2deg) translateY(5px)}
.case-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.case-chips i{font:600 13px var(--mono);font-style:normal;padding:8px 11px;border:1px solid var(--ink);background:#FFFDF4}
.case-body>strong{display:block;margin-top:22px;color:var(--ink)}
.case-stamp{position:absolute;right:26px;top:22px;border:3px solid var(--red);color:var(--red);font:800 13px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:6px 10px;transform:rotate(7deg);opacity:.8}
/* Темы справочника «Стандарты и сертификаты». */
.topics{margin-top:64px}
.topics h2{font-size:clamp(26px,3vw,40px)}
.topics-lead{font-size:19px;color:var(--muted);margin-top:14px;max-width:900px}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:26px}
.topic{display:block;position:relative;padding:22px 22px 24px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;text-decoration:none;color:inherit}
.topic:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}
.topic b{display:grid;place-items:center;width:38px;height:38px;background:var(--blue);color:#fff;border:2px solid var(--ink);font:700 16px var(--mono);margin-bottom:14px}
.topic h3{font-size:19px;line-height:1.25;letter-spacing:-.01em}
.topic p{font-size:15px;color:var(--muted);margin-top:10px;line-height:1.45}
.topics-all{display:inline-block;margin-top:24px;font-weight:700}
@media (max-width:700px){.case-stamp{position:static;display:inline-block;margin-bottom:12px}.case-body{padding:22px 18px}}