:root{--nq-blue: #0072bb;--nq-blue-dark: #005a96;--nq-blue-soft: #e3eef8;--nq-green: #11b24b;--nq-green-dark: #0c8f3c;--nq-green-soft: #e3f4e9;--nq-blue-light: #7da7d9;--nq-green-light: #9dd29c;--nq-primary: var(--nq-blue);--nq-primary-dark: var(--nq-blue-dark);--nq-primary-soft: var(--nq-blue-soft);--nq-bg: #eef3f9;--nq-card: #ffffff;--nq-text: #1f2a37;--nq-muted: #6d6e72;--nq-border: #d9e2ee;--nq-shadow: 0 1px 2px rgba(15,40,80,.05), 0 6px 20px rgba(15,40,80,.07)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--nq-bg);color:var(--nq-text);-webkit-font-smoothing:antialiased}button{cursor:pointer;font:inherit;border:none;border-radius:8px;padding:10px 16px;background:var(--nq-primary);color:#fff;transition:background .15s,box-shadow .15s,transform .1s}button:hover{background:var(--nq-primary-dark)}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--nq-border);border-radius:8px;width:100%;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--nq-primary);box-shadow:0 0 0 3px var(--nq-blue-soft)}.card{background:var(--nq-card);border:1px solid var(--nq-border);border-radius:12px;padding:20px}code{background:var(--nq-bg);padding:1px 6px;border-radius:4px;font-size:.9em}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.nq-appbar{display:flex;align-items:center;justify-content:space-between;padding:10px 28px;background:#fff;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--nq-blue),var(--nq-green)) 1;position:sticky;top:0;z-index:20;box-shadow:0 1px 8px #0f28500d}.nq-brand{display:flex;align-items:center;gap:12px}.nq-brand img{height:38px;width:auto;display:block}.nq-brand .app{font-weight:800;font-size:18px;color:var(--nq-blue);letter-spacing:-.2px}.nq-brand .app em{color:var(--nq-green);font-style:normal}.nq-iconbtn{background:transparent;color:var(--nq-muted);padding:8px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:14px}.nq-iconbtn:hover{background:var(--nq-bg);color:var(--nq-text)}.hub-grid{display:grid;gap:16px;margin-top:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.hub-tile{position:relative;text-align:left;background:#fff;color:var(--nq-text);border:1px solid var(--nq-border);border-radius:14px;padding:20px;cursor:pointer;box-shadow:var(--nq-shadow);transition:transform .15s,box-shadow .15s,border-color .15s;border-top:4px solid var(--tile, var(--nq-blue))}.hub-tile:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 22px #0f28501f}.hub-tile.soon{opacity:.6;cursor:default;box-shadow:none}.hub-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--tile, var(--nq-blue));box-shadow:0 5px 14px color-mix(in srgb,var(--tile, var(--nq-blue)) 38%,transparent)}.hub-tile h3{margin:14px 0 4px;font-size:16px}.hub-tile p{margin:0;font-size:13px;color:var(--nq-muted)}.hub-soon{position:absolute;top:14px;right:14px;font-size:11px;background:var(--nq-bg);color:var(--nq-muted);padding:2px 9px;border-radius:999px}.book-wrap{max-width:1180px;margin:0 auto;padding:24px 28px 64px}.book-hero{background:linear-gradient(125deg,#0072bb,#1596a4 52%,#11b24b);color:#fff;border-radius:18px;padding:28px 32px;box-shadow:0 10px 30px #0072bb40;margin-bottom:24px}.book-hero h1{margin:0;font-size:25px;letter-spacing:-.3px}.book-hero .sub{margin:7px 0 0;opacity:.92;font-size:14px;max-width:760px}.book-stats{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 14px}.book-stat{display:inline-flex;align-items:center;gap:7px;background:#ffffff2e;border:1px solid rgba(255,255,255,.32);border-radius:999px;padding:6px 14px;font-size:13px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.book-stat b{font-size:14px}.book-progress{height:10px;background:#ffffff47;border-radius:999px;overflow:hidden}.book-progress>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d9f7e3,#fff);transition:width .4s ease}.book-grid{display:grid;grid-template-columns:256px 1fr;gap:28px;align-items:start}@media (max-width: 860px){.book-grid{grid-template-columns:1fr}}.toc{position:sticky;top:80px}.toc-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--nq-muted);margin:4px 4px 10px}.toc-item{display:block;width:100%;text-align:left;margin-bottom:8px;background:#fff;color:var(--nq-text);border:1px solid var(--nq-border);border-radius:11px;padding:11px 13px 12px;font-size:13px;line-height:1.3;transition:all .15s;border-left:4px solid var(--sec, var(--nq-blue))}.toc-item:hover{box-shadow:var(--nq-shadow);transform:translate(2px)}.toc-item.active{background:var(--sec, var(--nq-blue));color:#fff;border-color:var(--sec, var(--nq-blue))}.toc-item .toc-num{font-weight:800;margin-right:4px}.toc-mini{height:5px;border-radius:999px;background:var(--nq-bg);overflow:hidden;margin-top:9px}.toc-mini>i{display:block;height:100%;background:var(--nq-green);border-radius:999px}.toc-item.active .toc-mini{background:#ffffff59}.toc-item.active .toc-mini>i{background:#fff}.toc-count{font-size:11px;opacity:.85;margin-top:6px}.section-banner{display:flex;align-items:center;gap:13px;margin:4px 0 20px;padding-bottom:13px;border-bottom:2px solid var(--sec, var(--nq-border))}.section-banner .badge{width:40px;height:40px;border-radius:11px;color:#fff;background:var(--sec, var(--nq-blue));display:grid;place-items:center;font-weight:800;font-size:17px;box-shadow:0 4px 12px color-mix(in srgb,var(--sec, var(--nq-blue)) 40%,transparent)}.section-banner h2{margin:0;font-size:20px}.subsection-title{margin:26px 0 12px;font-size:15px;font-weight:700;color:var(--sec, var(--nq-blue-dark));display:inline-flex;align-items:center;gap:8px}.subsection-title:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--sec, var(--nq-blue))}.crit{background:#fff;border:1px solid var(--nq-border);border-radius:14px;padding:20px 22px;margin-bottom:16px;box-shadow:var(--nq-shadow);border-left:5px solid var(--st-color, var(--nq-border));transition:box-shadow .15s}.crit:hover{box-shadow:0 4px 14px #0f28501a}.crit-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.crit-code{background:var(--sec, var(--nq-blue));color:#fff;font-weight:700;font-size:13px;padding:3px 11px;border-radius:7px;letter-spacing:.3px}.crit-title{font-weight:700;font-size:16.5px;flex:1;min-width:200px}.pill{font-size:11px;padding:3px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.pill-key{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.pill-domain{color:var(--nq-blue-dark);background:var(--nq-blue-soft);border:1px solid #cfe0f3}.guide{font-size:14px;line-height:1.6;color:#243244}.guide-block{margin-bottom:12px}.guide-label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--nq-blue);margin-bottom:5px}.guide ul{margin:0;padding:0;list-style:none}.guide li{position:relative;padding-left:18px;margin-bottom:4px}.guide li:before{content:"";position:absolute;left:4px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--nq-green)}.guide-onsite{background:var(--nq-green-soft);border:1px solid #c6e8d0;border-radius:10px;padding:13px 15px;margin-top:8px}.guide-onsite .onsite-head{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--nq-green-dark);margin-bottom:8px}.guide-onsite .guide-block:last-child{margin-bottom:0}.guide-onsite .guide-label{color:var(--nq-green-dark)}.guide-onsite li:before{background:var(--nq-green-dark)}.crit-foot{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:16px;padding-top:14px;border-top:1px dashed var(--nq-border)}.foot-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--nq-muted)}.seg{display:inline-flex;border:1px solid var(--nq-border);border-radius:9px;overflow:hidden;background:#fff}.seg button{background:#fff;color:var(--nq-muted);border:none;border-right:1px solid var(--nq-border);padding:7px 13px;font-size:13px;border-radius:0;display:inline-flex;align-items:center;gap:6px}.seg button:last-child{border-right:none}.seg button:hover{background:var(--nq-bg)}.seg button.on{color:#fff;font-weight:600}.proof{display:flex;align-items:center;gap:8px;flex:1;min-width:300px}.proof .link-open{display:inline-flex;align-items:center;gap:4px;color:#fff;background:var(--nq-green);font-size:13px;white-space:nowrap;text-decoration:none;font-weight:600;padding:7px 11px;border-radius:8px}.proof .link-open:hover{background:var(--nq-green-dark)}.preuves{margin-top:14px}.preuves-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;flex-wrap:wrap}button.mini{background:#fff;color:var(--nq-blue-dark);border:1px solid var(--nq-border);padding:6px 11px;font-size:13px;display:inline-flex;align-items:center;gap:6px;border-radius:8px}button.mini:hover{background:var(--nq-blue-soft);border-color:var(--nq-blue)}button.mini:disabled{opacity:.6}.preuves-empty{font-size:13px;color:var(--nq-muted);background:var(--nq-bg);border:1px dashed var(--nq-border);border-radius:9px;padding:12px 14px}.preuves-grid{display:flex;flex-wrap:wrap;gap:10px}.preuve-item{position:relative;width:132px;border:1px solid var(--nq-border);border-radius:10px;background:#fff;overflow:hidden;transition:box-shadow .15s,border-color .15s}.preuve-item:hover{box-shadow:var(--nq-shadow);border-color:var(--nq-blue-light)}.preuve-link,.preuve-img,.preuve-file{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;background:#fff;color:var(--nq-text);border:none;padding:12px 8px;cursor:pointer;text-decoration:none}.preuve-link{color:var(--nq-blue-dark)}.preuve-img{padding:0}.preuve-img img{width:100%;height:84px;object-fit:cover;display:block;background:var(--nq-bg)}.preuve-file svg,.preuve-link svg{color:var(--nq-blue);margin-top:4px}.preuve-name{font-size:11.5px;line-height:1.25;color:var(--nq-text);padding:0 8px 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;text-align:center}.preuve-img .preuve-name{padding-top:6px}.preuve-size{font-size:10.5px;color:var(--nq-muted);padding-bottom:8px}.preuve-del,.preuve-dl{position:absolute;top:5px;background:#ffffffeb;color:var(--nq-muted);border:1px solid var(--nq-border);border-radius:7px;padding:4px;line-height:0}.preuve-del{right:5px}.preuve-del:hover{color:#dc2626;background:#fff;border-color:#fca5a5}.preuve-dl{right:5px;top:auto;bottom:5px}.preuve-dl:hover{color:var(--nq-blue-dark);background:#fff;border-color:var(--nq-blue)}.utbl{width:100%;border-collapse:collapse;font-size:14px}.utbl th{text-align:left;padding:12px 16px;font-weight:600;color:var(--nq-muted);background:var(--nq-bg);font-size:12.5px}.utbl td{padding:11px 16px;border-top:1px solid var(--nq-border)}.ubadge{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 9px;border-radius:999px}.ubadge.ok{background:var(--nq-green-soft);color:var(--nq-green-dark)}.ubadge.off{background:#f1f5f9;color:var(--nq-muted)}.crit-notes{margin-top:14px}.crit-notes .foot-label{display:block;margin-bottom:6px}.crit-notes textarea{resize:vertical;min-height:46px;line-height:1.5}