.area-wrap{max-width:1160px;margin:auto;padding:28px 24px 80px}.area-article{max-width:840px;margin:auto;line-height:1.8;font-size:18px}.area-article p{color:#becbdc}.area-article h2{font-size:clamp(24px,3vw,34px);margin-top:2.2em}.area-article h3{font-size:22px}.area-article math{display:block;overflow:auto;max-width:100%;padding:14px 0}.area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:25px 0}.area-card{padding:22px;display:block;color:inherit;border:1px solid #344c61;border-radius:18px;background:linear-gradient(145deg,#1a2940,#0c131e)}.area-card:hover{border-color:#bcf8d1}.area-card h3{margin:0}.area-note{background:#bcf8d108;border-left:3px solid #bcf8d1;padding:16px 24px;margin:24px 0}.area-lab{background:radial-gradient(ellipse at 40% 40%,#182b43,#0b111c);border:1px solid #3c536a;border-radius:20px;padding:22px;margin:35px 0;scroll-margin-top:100px}.area-lab h2{margin-top:0}.area-lab svg{display:block;width:100%;height:auto;border-radius:12px}.area-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0}.area-controls label{display:grid;gap:8px}.area-controls input{width:100%;accent-color:#bcf8d1}.area-controls select{background:#172639;color:#fff;border:1px solid #637b94;padding:9px;border-radius:8px}.area-lab output{display:block;min-height:85px;font-size:16px;color:#bcf8d1}.area-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.area-article nav{display:flex;gap:18px;flex-wrap:wrap}.area-extension{color:#cabdff!important;font-weight:600}.area-article table{border-collapse:collapse;width:100%;font-size:16px}.area-article td,.area-article th{border:1px solid #48586a;padding:10px;text-align:left}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #bcf8d1;outline-offset:3px}@media(max-width:540px){.area-wrap{padding:18px 14px 60px}.area-article{font-size:17px}.area-lab{padding:14px}.area-lab svg{min-height:205px}.area-controls{grid-template-columns:1fr}.area-article table{display:block;overflow:auto}}@page{margin:16mm}@media print{.header,.footer,.area-controls,.area-actions,.area-article nav{display:none!important}.area-wrap,.area-article{max-width:none;padding:0;color:#111;font-size:11pt}.area-article p,.area-lab output{color:#111}.area-lab{background:white;break-inside:avoid;margin:12pt 0}.area-lab svg{background:#0b111c;print-color-adjust:exact;max-height:230px}.area-article h2{font-size:17pt;break-after:avoid}.area-article h3{font-size:13pt;break-after:avoid}.area-card{background:white;color:#111}}

.area-controls[hidden],.area-actions[hidden]{display:none}