/* Product directory and detail pages; shared with the homepage. */
.wrap.directory-link{margin:24px auto 0}
.source-visual .file-row{grid-template-columns:56px minmax(0,1fr)}
@media(max-width:620px){}
.product-menu{display:none}.product-menu summary{cursor:pointer;list-style:none;font-size:14px;font-weight:700;padding:9px 12px;border:1px solid var(--line2);border-radius:9px}.product-menu summary::-webkit-details-marker{display:none}.product-menu[open] summary{color:var(--accent)}.product-menu-list{position:absolute;right:24px;top:calc(100% + 4px);width:min(340px,calc(100vw - 34px));padding:12px;border:1px solid var(--line2);border-radius:12px;background:#101a2b;box-shadow:0 12px 40px #0009}.product-menu-list a{display:block;padding:10px 12px;border-radius:6px}.product-menu-list a:hover{background:#192e49;color:#fff}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-tile{display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:28px;border:1px solid var(--line2);background:linear-gradient(145deg,#11213a,#0b1424);border-radius:14px;min-width:0}.product-tile .kicker{font-size:10px;letter-spacing:.08em}.product-tile h3{font-size:21px;line-height:1.45;margin:16px 0 12px}.product-tile h3 a:hover{color:var(--accent)}.product-tile p{font-size:14px;color:#a9beca;margin:0 0 22px}.product-tile .detail-link{margin-top:auto}.detail-link{display:inline-flex;gap:8px;align-items:center;color:#83b7ff;font-size:14px;font-weight:700;min-height:36px}.detail-link:hover{text-decoration:underline;text-underline-offset:4px}.directory-link{margin:24px 0 0}.footer-products{display:flex;gap:12px 24px;flex-wrap:wrap;padding:20px 0 6px;margin-top:18px;border-top:1px solid var(--line);font-size:13px}.footer-products a:hover{color:var(--accent)}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:#9bb1be;font-size:13px;padding:26px 0 0}.breadcrumb a:hover{color:#fff}.breadcrumb [aria-current]{color:#e1ecf7}.product-hero{padding:48px 0 58px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 20%,#15355a77,transparent 60%)}.product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 550px;gap:40px;align-items:center}.product-hero-grid>*{min-width:0}.product-hero h1,.hub-hero h1{font-size:clamp(32px,4.2vw,54px);line-height:1.25;letter-spacing:-.03em;overflow-wrap:anywhere;margin:16px 0 22px}.product-hero .lead{font-size:16px;line-height:1.9;margin-bottom:20px}.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:0;list-style:none}.product-tags li{padding:4px 10px;font-size:12px;background:#112640;border:1px solid #284467;border-radius:6px;color:#b3d2f4}
.source-visual,.strategy-visual{padding:26px;border-radius:15px;border:1px solid #2b415c;background:linear-gradient(145deg,#10223c,#0a1424);box-shadow:0 20px 60px #0005}.source-visual h2,.strategy-visual h2{font-size:19px;margin:0 0 20px}.file-row{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line2);align-items:center}.file-row b{font-family:monospace;color:#76afff;font-size:12px}.file-row strong{display:block;font-size:14px}.file-row small{display:block;color:#8fa4b8;font-size:12px;margin-top:3px}.strategy-visual ol{list-style:none;padding:0;margin:0;counter-reset:task}.strategy-visual li{counter-increment:task;position:relative;padding:18px 0 18px 48px;border-top:1px solid var(--line2)}.strategy-visual li:before{content:"0" counter(task);position:absolute;left:0;top:18px;color:#76afff;font-family:monospace;font-size:18px}.strategy-visual strong{display:block;font-size:15px}.strategy-visual small{color:#8fa4b8;font-size:12px}
.detail-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:56px;padding:52px 0}.detail-toc{align-self:start;position:sticky;top:98px;font-size:13px}.detail-toc strong{display:block;margin-bottom:12px;color:#d3e4f3;font-size:14px}.detail-toc a{display:block;border-left:2px solid var(--line2);padding:9px 12px;color:#9bb1be;line-height:1.6}.detail-toc a:hover{border-color:var(--accent);color:#fff;background:#101d30}.detail-body{min-width:0}.detail-section{padding:0 0 38px;margin:0 0 38px;border-bottom:1px solid var(--line)}.detail-section h2{font-size:clamp(24px,2.4vw,32px);line-height:1.4;margin:0 0 20px;letter-spacing:-.025em}.detail-section p{color:#adc0d0;line-height:1.95;margin:14px 0}.detail-section ul{color:#adc0d0;padding-left:22px;line-height:1.9}.detail-section li{margin:10px 0}.detail-section .flow{gap:18px}.detail-section .step p{font-size:14px}.table-scroll{overflow-x:auto;border:1px solid var(--line2);border-radius:12px}.product-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.product-table caption{text-align:left;padding:14px 18px;background:#14243b;color:#cde0f1;font-weight:700}.product-table th,.product-table td{padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.8}.product-table thead{background:#102038}.product-table tbody{color:#a9beca}.product-table tbody tr:last-child td{border-bottom:0}.product-table tbody th{color:#edf6fb;font-weight:600}.product-table a{color:#83b7ff;text-decoration:underline;text-underline-offset:4px}.detail-faq details{border-top:1px solid var(--line2);padding:18px 0}.detail-faq summary{font-weight:700;cursor:pointer;line-height:1.7;padding-right:8px}.detail-faq details p{font-size:14px;margin-bottom:0}.related-products{padding:56px 0;background:#0a1220;border-top:1px solid var(--line)}.related-products h2{font-size:28px;margin:0 0 24px}.contact-panel{padding:28px;border-radius:14px;border:1px solid #305584;background:linear-gradient(140deg,#142a48,#0c1729)}.contact-panel h2{font-size:26px;margin-top:0}.contact-panel p{color:#adc0d0;line-height:1.9}.contact-panel .actions{margin-top:20px}.hub-hero{padding:45px 0 50px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 80% 0,#1c3f7166,transparent 65%)}.hub-hero .lead{max-width:800px}.hub-section{padding:56px 0;border-bottom:1px solid var(--line)}.hub-section h2{font-size:30px;line-height:1.4;margin:0 0 18px}.hub-section .section-intro{max-width:800px}.hub-comparison{min-width:640px}.hub-links{display:flex;gap:10px 18px;flex-wrap:wrap;color:#a2c9ff;font-size:14px;margin-top:24px}.hub-links a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.detail-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.product-hero-grid{gap:28px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.product-menu{display:block}.product-nav .nav-links{gap:14px}.product-hero-grid{grid-template-columns:1fr}.product-visual{max-width:600px;width:100%}.detail-layout{grid-template-columns:1fr;gap:30px}.detail-toc{position:static;display:flex;flex-wrap:wrap;gap:6px}.detail-toc strong{width:100%;margin-bottom:4px}.detail-toc a{border:1px solid var(--line2);border-radius:7px;padding:7px 10px}.detail-section .flow{grid-template-columns:1fr}.product-hero{padding-top:32px}.product-menu-list{right:24px}}
@media(max-width:620px){.product-nav .nav-links{display:none}.product-nav{gap:12px}.product-grid{grid-template-columns:1fr}.product-tile{padding:24px}.product-hero .lead{font-size:16px}.product-hero-grid{gap:32px}.detail-layout{padding:30px 0}.detail-section{margin-bottom:30px;padding-bottom:30px}.product-table th,.product-table td{padding:12px 10px;font-size:13px;overflow-wrap:anywhere}.product-table{table-layout:fixed}.hub-comparison{table-layout:auto}.contact-panel{padding:22px}.contact-panel h2{font-size:24px}.source-visual,.strategy-visual{padding:22px}.hub-section{padding:42px 0}.product-menu-list{right:17px}.footer-products{gap:12px 18px}.related-products{padding:42px 0}.float-qq{max-width:calc(100vw - 28px);font-size:12px}.breadcrumb{font-size:12px}}

/* Original trading panels remain unchanged; only the surrounding layout adapts. */
.terminal-scroll{max-width:100%;overflow-x:auto;border-radius:16px}.terminal-scroll>.terminal{width:550px;min-width:550px;max-width:none}.original-panel{min-width:0}.original-panel .qt,.original-panel .ai-panel,.original-panel .trader-card{margin-left:auto;margin-right:auto}.original-panel .figure-caption{max-width:500px;margin:10px auto 0}.product-visual>.figure-caption{margin-top:10px}

.panel-scroll{max-width:100%;overflow-x:auto;border-radius:15px}.panel-scroll>.qt{width:500px;min-width:500px}.panel-scroll>.ai-panel{width:470px;min-width:470px}.panel-scroll>.trader-card{width:440px;min-width:440px}