:root{--ink:#10182c;--muted:#5b6880;--blue:#2458e6;--line:#dbe4f3;--paper:#fff;--soft:#f4f7fc}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#eef5ff,#f8fafc)}a{color:var(--blue)}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(18px,5vw,72px);background:#fff;border-bottom:1px solid var(--line)}.brand{font-size:1.35rem;font-weight:900;text-decoration:none}.top nav{display:flex;gap:18px;flex-wrap:wrap}.top nav a{text-decoration:none;font-weight:700}main{max-width:1220px;margin:auto;padding:34px 22px 70px}.hero{padding:clamp(30px,7vw,78px);border:1px solid var(--line);border-radius:32px;background:radial-gradient(circle at 90% 10%,#dbe7ff,transparent 26%),#fff;box-shadow:0 22px 60px rgba(31,65,130,.09)}.hero.small{padding:38px}.hero h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:1;margin:10px 0 18px;max-width:900px}.hero p{font-size:1.08rem;color:var(--muted);max-width:760px;line-height:1.7}.kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--blue)!important;font-size:.78rem!important;font-weight:900}.hero form{display:flex;gap:10px;margin-top:24px;max-width:720px}input,button,.button{font:inherit;border-radius:14px;padding:13px 16px}input{flex:1;border:1px solid #bfd0ee;background:#fff}button,.button{border:0;background:var(--blue);color:#fff;font-weight:800;text-decoration:none;display:inline-block}.button.secondary{background:#fff;color:var(--blue);border:1px solid #bdd0ff}.section-head{display:flex;justify-content:space-between;align-items:end;margin:38px 0 16px}.section-head h2{margin:3px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.card,.concept,.references,.toc,.empty{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(31,65,130,.06)}.card{display:flex;flex-direction:column;align-items:flex-start}.card .button{margin-top:auto}.card small{color:var(--muted);margin-bottom:16px}.list{display:grid;gap:10px;margin-top:20px}.result{display:flex;justify-content:space-between;gap:20px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none}.result span{color:var(--muted)}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:28px;border-radius:26px}.page-head h1{font-size:clamp(2rem,5vw,4rem);margin:5px 0}.uid,.summary{color:var(--muted)}.language{background:#edf3ff;color:var(--blue);padding:8px 12px;border-radius:99px;font-weight:800}.summary{font-size:1.1rem;line-height:1.8;background:#fff;padding:20px;border-radius:18px}.concept{display:flex;justify-content:space-between;align-items:center;margin:18px 0}.concept h2{margin:5px 0}.concept>a{font-weight:800}.toc{margin:18px 0}.toc ol{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}.toc a{display:block;padding:7px 10px;background:#eef3ff;border-radius:99px;text-decoration:none}.content-tree{display:grid;gap:18px}.unit.section{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}.unit.subsection{margin:18px 0;padding:18px;border-left:4px solid #4d7df0;background:#f6f9ff}.unit.paragraph{margin:14px 0;padding:18px;border-radius:17px;background:#f7f9fc;border:1px solid var(--line)}.unit.statement{margin:12px 0;padding:16px 18px;border-left:4px solid #7957e8;background:#f6f1ff;font-weight:650}.unit p{line-height:1.75}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips a{font-size:.8rem;padding:6px 9px;border:1px solid #c8d5ff;border-radius:99px;text-decoration:none}.references{margin-top:18px}.references li{line-height:1.7;margin:10px 0}.references small{color:var(--muted)}.locked .button{margin-right:8px}footer{display:flex;justify-content:center;gap:20px;padding:26px;color:var(--muted);background:#fff;border-top:1px solid var(--line)}@media(max-width:700px){.top,.page-head,.concept,.result{display:block}.top nav{margin-top:12px}.hero form{display:grid}.hero{padding:30px 22px}.concept>a{display:inline-block;margin-top:12px}}
.concept-services{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:.55rem;border:1px solid #dbe4ea;border-radius:14px;background:#fff}
.concept-services a{padding:.55rem .8rem;border-radius:10px;text-decoration:none;font-weight:700}
.concept-services a.active,.concept-services a:hover{background:#315c45;color:#fff}