.nq-case{--book-paper:#f2f2ee;--book-ink:#111a2f;--book-accent:#9a672b;--book-line:color-mix(in srgb,var(--book-ink) 23%,transparent);background:var(--book-paper);color:var(--book-ink);font:16px/1.65 "Segoe UI",Arial,sans-serif;isolation:isolate;overflow-wrap:break-word}
.nq-case *{box-sizing:border-box;min-width:0}.nq-case [hidden]{display:none!important}.nq-case img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;mix-blend-mode:normal}.nq-case figure,.nq-case p,.nq-case h3,.nq-case h4,.nq-case h5{margin:0}.nq-case button,.nq-case a{font:inherit}.nq-case button{cursor:pointer}.nq-case :focus-visible{outline:3px solid var(--book-accent);outline-offset:4px}.nq-icon{display:inline-block;width:1em;height:1em;vertical-align:-.1em;fill:none;stroke:currentColor;stroke-width:1.4}.nq-index,.nq-label{display:block;font:11px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.nq-nav{display:flex;flex-wrap:wrap;gap:0 25px;padding:22px 5vw;border-bottom:1px solid var(--book-line)}.nq-nav a{display:flex;gap:10px;align-items:center;color:var(--book-ink);text-decoration:none;font-size:13px;min-height:44px;text-transform:capitalize}.nq-nav a span{font-size:10px}.nq-nav a:hover{text-decoration:underline;text-underline-offset:4px}.nq-scope{padding:28px 5vw!important;font-size:13px;border-bottom:1px solid var(--book-line);max-width:none}.nq-chapter{padding:90px 5vw;border-bottom:1px solid var(--book-line);scroll-margin-top:100px}.nq-head{display:grid;grid-template-columns:140px minmax(0,1.1fr) minmax(0,.9fr);gap:45px;margin-bottom:55px;align-items:start}.nq-head h3{font-size:clamp(37px,4.3vw,68px);line-height:1.04;letter-spacing:-.045em;font-weight:400}.nq-head>p{font-size:17px;line-height:1.8;max-width:650px}.nq-head>.nq-index{padding-top:8px}.nq-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:6vw;align-items:center}.nq-form figure{background:#fff;border:1px solid var(--book-line)}.nq-case figcaption{font-size:12px;line-height:1.7;padding:18px 22px;color:var(--book-ink)}.nq-features article{padding:25px 0;border-top:1px solid var(--book-line)}.nq-features h4{font-size:24px;font-weight:400;letter-spacing:-.02em;line-height:1.2;margin:13px 0}.nq-features p{font-size:15px}.nq-versions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.nq-versions figure{background:white;border:1px solid var(--book-line)}.nq-note{font-size:13px;line-height:1.8;margin-top:24px!important;max-width:980px}.nq-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nq-palette>div{min-height:330px;padding:30px;display:flex;flex-direction:column;gap:18px}.nq-palette span{font-size:12px}.nq-palette strong{font:30px/1.3 ui-monospace,Consolas,monospace;margin-top:auto;font-weight:400}.nq-palette p{font-size:14px}.nq-details{margin-top:25px;font-size:13px;line-height:1.8}.nq-details summary{cursor:pointer;min-height:44px;padding:13px 0}.nq-details p{max-width:1000px}.nq-type{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-top:1px solid var(--book-line);padding-top:40px;gap:70px}.nq-aa{font-size:clamp(100px,18vw,240px);font-weight:300;line-height:1}.nq-type h4{font-size:clamp(30px,3.4vw,52px);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:25px 0}.nq-type p{line-height:1.9}.nq-type dl{font-size:13px;margin-top:35px}.nq-type dl>div{display:flex;gap:25px;justify-content:space-between;padding:12px 0;border-top:1px solid var(--book-line)}.nq-type dd{margin:0;text-align:right}.nq-space{background:color-mix(in srgb,var(--book-accent) 12%,white);padding:40px 6vw 10px}.nq-space-field{border:1px dashed var(--book-accent);padding:35px;max-width:780px;margin:auto;background:#fff;text-align:center}.nq-space-field>div{max-width:580px;margin:auto}.nq-space-bottom{display:block;font-size:11px;padding-top:10px}.nq-size-lab{background:white;padding:30px;border:1px solid var(--book-line)}.nq-controls{display:flex;gap:8px;flex-wrap:wrap}.nq-controls button{min-height:44px;border:1px solid var(--book-line);padding:10px 19px;background:#fff;color:var(--book-ink);font-size:13px}.nq-controls button[aria-pressed=true]{background:var(--book-ink);color:white;border-color:var(--book-ink)}.nq-size-lab>p{font-size:12px;margin:18px 0}.nq-size-scroll{overflow:auto;max-width:100%;border-block:1px solid var(--book-line);overscroll-behavior-x:contain;scrollbar-width:thin}.nq-size-sample{flex:none;max-width:none;margin:auto}.nq-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.nq-rules article{border-top:2px solid var(--book-accent);padding-top:22px}.nq-rules article>span{font:28px/1 ui-monospace,Consolas,monospace}.nq-rules h4{font-size:23px;line-height:1.15;font-weight:400;margin:30px 0 20px;letter-spacing:-.02em}.nq-rules p{font-size:14px}.nq-study{background:#fff;border:1px solid var(--book-line);margin-top:35px}.nq-study-head{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:45px;padding:20px 36px;border-bottom:1px solid var(--book-line)}.nq-study-brand{max-width:200px}.nq-study-head h4{font-size:27px;font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:15px 0}.nq-study-head p{font-size:12px}.nq-reader,.nq-collection,.nq-frame-lab,.nq-register{padding:36px}.nq-reading{padding:60px;max-width:780px;margin:35px auto;background:var(--book-paper);border-radius:50% 50% 2px 2px/25% 25% 2px 2px;min-height:420px}.nq-reading h5{font:400 clamp(34px,4vw,56px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:30px 0}.nq-reading p{font-size:17px;max-width:560px}.nq-reading small{font-size:11px}.nq-reading-rule{display:block;width:70px;height:2px;background:var(--book-accent);margin:38px 0 18px}.nq-collection>p{margin:30px 0!important}.nq-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.nq-cards article{border:1px solid var(--book-line);padding:27px;min-height:290px;background:var(--book-paper)}.nq-cards article span{font-size:10px}.nq-cards h5{font:400 32px/1.12 Georgia,serif;margin:28px 0 22px;letter-spacing:-.03em}.nq-cards p{font-size:14px}.nq-frame-preview{display:flex;flex-direction:column;align-items:flex-start;min-height:450px;margin-top:28px;padding:48px;background:var(--book-ink);color:#fff;position:relative}.nq-frame-code{font:11px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.08em}.nq-frame-preview h5{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.045em;font-weight:500;margin:40px 0 25px;max-width:680px}.nq-frame-preview p{font-size:15px;max-width:480px}.nq-frame-rule{height:5px;width:130px;background:#d8b889;margin-top:35px}.nq-frame-preview[data-align=centre]{align-items:center;text-align:center}.nq-frame-preview[data-align=offset]{padding-left:30%;border-left:10px solid #d8b889}.nq-register-content{display:grid;grid-template-columns:170px minmax(0,1fr);gap:25px 40px;padding:40px;margin-top:28px;border:1px solid var(--book-line);background:var(--book-paper)}.nq-register-content h5{font-size:38px;line-height:1.1;letter-spacing:-.03em;font-weight:400}.nq-register-content>p,.nq-register-content dl{grid-column:2;font-size:15px}.nq-register-content dl{margin:10px 0 0}.nq-register-content dl>div{border-top:1px solid var(--book-line);padding:13px 0;display:flex;justify-content:space-between;gap:25px;font-size:12px}.nq-register-content dd{margin:0}.nq-sources{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.nq-sources ul{padding-left:20px;font-size:15px;line-height:1.9;margin-top:24px}.nq-sources li{margin:12px 0}.nq-footer{display:flex;align-items:center;gap:35px;justify-content:space-between;border-top:1px solid var(--book-line);margin-top:50px;padding-top:28px}.nq-footer>span{font:11px/1.8 ui-monospace,Consolas,monospace;letter-spacing:.05em}.nq-footer button{border:1px solid var(--book-ink);border-radius:30px;min-height:52px;background:transparent;color:var(--book-ink);padding:15px 22px;font-size:13px}.nq-footer button svg{margin-left:20px}
@media(max-width:1000px){.nq-head{grid-template-columns:100px 1fr;gap:25px}.nq-head>p{grid-column:2}.nq-rules{grid-template-columns:repeat(2,minmax(0,1fr))}.nq-form{gap:35px}.nq-study-head{grid-template-columns:180px 1fr}.nq-palette>div{padding:24px}}
@media(max-width:700px){.nq-chapter{padding:58px 20px}.nq-head{display:block;margin-bottom:35px}.nq-head h3{font-size:40px;margin:25px 0}.nq-head>p{font-size:16px;line-height:1.8}.nq-nav{padding:15px 20px;gap:0 20px}.nq-scope{padding:24px 20px!important}.nq-form,.nq-versions,.nq-type,.nq-sources{grid-template-columns:minmax(0,1fr);gap:32px}.nq-palette{grid-template-columns:minmax(0,1fr)}.nq-palette>div{min-height:245px;padding:25px}.nq-palette strong{margin-top:18px}.nq-type{gap:35px}.nq-aa{font-size:130px}.nq-space{padding:20px 15px 5px}.nq-space-field{padding:22px 12px}.nq-space-field>.nq-label{font-size:9px}.nq-size-lab{padding:20px 14px}.nq-rules{grid-template-columns:minmax(0,1fr);gap:30px}.nq-rules h4{margin:18px 0}.nq-study-head{grid-template-columns:minmax(0,1fr);gap:0;padding:20px}.nq-study-brand{max-width:210px}.nq-study-head h4{font-size:27px}.nq-reader,.nq-collection,.nq-frame-lab,.nq-register{padding:20px}.nq-reading{padding:45px 20px;min-height:390px;margin:25px 0}.nq-reading h5{font-size:34px}.nq-reading p{font-size:16px}.nq-cards{grid-template-columns:minmax(0,1fr)}.nq-cards article{min-height:230px;padding:24px}.nq-frame-preview{padding:28px 22px;min-height:430px}.nq-frame-preview h5{font-size:40px}.nq-frame-preview[data-align=offset]{padding-left:45px;border-left-width:6px}.nq-register-content{display:block;padding:25px 20px}.nq-register-content h5{font-size:32px;margin:25px 0}.nq-register-content dl{margin-top:30px}.nq-footer{display:block}.nq-footer button{margin-top:28px;width:100%;text-align:left}.nq-footer button svg{float:right}}
@media(prefers-reduced-motion:reduce){.nq-case *{scroll-behavior:auto!important}}

.nq-case .nq-chapter:nth-of-type(even){background:#fff}.nq-case .nq-head .nq-index{border-top:4px solid #9a672b;padding-top:18px}.nq-case .nq-features article{border-top:2px solid #111a2f}.nq-case .nq-aa{font-weight:600}.nq-case .nq-type h4{text-transform:uppercase;font-weight:600}.nq-case .nq-controls button{border-radius:0}

.nq-case .nq-study-head{grid-template-columns:220px minmax(0,1fr);padding:30px 36px}.nq-case .nq-study-brand{max-width:none}.nq-case .nq-support-name{display:block;font:400 24px/1.3 Arial,sans-serif;letter-spacing:0;margin:12px 0;color:var(--book-ink)}.nq-case .nq-study-brand small{display:block;font-size:10px;line-height:1.6}@media(max-width:700px){.nq-case .nq-study-head{grid-template-columns:minmax(0,1fr);gap:25px;padding:25px 20px}}