/* SYN VM knowledge, requirements and multi-screen preview · Oct 2026 */
.farm-v2 .syn-hw{scroll-margin-top:32px}.syn-hw-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.syn-hw-heading h2{font-size:clamp(28px,3.2vw,40px);line-height:1.13;margin-top:15px}.syn-hw-heading p{max-width:610px;margin:14px 0 0}.syn-hw-profile{min-width:250px;border:1px solid #384734;background:linear-gradient(120deg,#b9fa2b0b,#0d150ed0);border-radius:12px;padding:20px 22px;display:grid;gap:9px}.syn-hw-profile>span,.syn-hw-result>div:first-child>span{font-size:9px;letter-spacing:.12em;font-weight:800;color:#a9b89f}.syn-hw-profile>b{font-size:19px;letter-spacing:-.04em;color:#e9f3dd}.syn-hw-profile i{font-style:normal;color:#667b55}.syn-hw-profile small{font-size:11px;color:#a6b39d}.syn-hw-select{margin:30px 0 14px;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.syn-hw-select label{color:#cad7c3;font-size:12px;font-weight:750}.syn-hw-select select{min-width:110px;border:1px solid #54673e;border-radius:7px;color:#e6f7ce;background:#151d14;padding:9px 31px 9px 12px;font:inherit;font-size:12px;cursor:pointer}.syn-hw-select>span{margin-left:auto;font-size:11px;color:#82927c}.syn-hw-table-scroll{width:100%;overflow-x:auto;border:1px solid #3b4933;border-radius:13px;background:#0b120d;scrollbar-color:#445b3c #121c15}.syn-hw-table{border-collapse:collapse;width:100%;min-width:820px;font-size:12px;font-variant-numeric:tabular-nums}.syn-hw-table thead{background:#171f17}.syn-hw-table th,.syn-hw-table td{text-align:left;padding:17px 15px;border-bottom:1px solid #263629;white-space:nowrap}.syn-hw-table thead th{font-size:10px;font-weight:750;letter-spacing:.03em;color:#9dab9a}.syn-hw-table tbody tr{transition:background .18s ease;cursor:pointer;outline-offset:-2px}.syn-hw-table tbody tr:hover{background:#202b1b}.syn-hw-table tbody tr.is-selected{background:linear-gradient(90deg,#b9fa2b21,#b9fa2b05)}.syn-hw-table tbody tr.is-selected th{border-left:3px solid #b9fa2b;padding-left:12px;color:#caff70}.syn-hw-table tbody tr:focus-visible{outline:2px solid #caff70}.syn-hw-table tbody tr:last-child th,.syn-hw-table tbody tr:last-child td{border-bottom:0}.syn-hw-table tbody th{color:#edf8e4;font-weight:900}.syn-hw-table td{color:#bdcbb9}.syn-hw-table td strong{color:#d7f3b2}.syn-hw-result{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 27px;margin-top:14px;border:1px solid #526b34;border-radius:13px;background:radial-gradient(ellipse at top right,#b9fa2b20,transparent 65%),#121b10}.syn-hw-result>div:first-child{display:grid;gap:9px;min-width:0}.syn-hw-result>div:first-child strong{font-size:21px;line-height:1.15}.syn-hw-result>div:first-child small{font-size:11px;line-height:1.5;color:#a6b59c;max-width:370px}.syn-hw-metrics{display:flex;align-items:center;gap:22px}.syn-hw-metrics div{display:grid;gap:8px;border-left:1px solid #43533b;padding-left:20px}.syn-hw-metrics span{font-size:9px;white-space:nowrap;color:#98a991;text-transform:uppercase}.syn-hw-metrics b{font-size:19px;color:#d0fa8b;white-space:nowrap}.syn-hw-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.syn-hw-notes p{border:1px solid #26372b;border-radius:10px;margin:0;padding:18px;background:#0c130e;color:#99a99b;font-size:11px;line-height:1.7}.syn-hw-notes b{color:#d2e4c2}.syn-hw-guide-link{margin-top:20px}
/* Homepage architecture mock: each figure is a labeled sample, not a product screenshot. */
.syn-preview-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.syn-preview-heading h2{font-size:clamp(32px,3.4vw,43px);margin-top:15px;line-height:1.1}.syn-preview-heading h2 span{color:#95a18d}.syn-preview-heading p{max-width:610px}.syn-preview-demo{font-size:9px;letter-spacing:.08em;color:#9bb28a;background:#192117;border:1px solid #3b4b34;border-radius:40px;padding:10px 13px;white-space:nowrap}.syn-preview-stage{position:relative;isolation:isolate;min-height:485px;display:flex;align-items:flex-start;padding:22px 230px 65px 25px;background:radial-gradient(ellipse at 60% 10%,#8fce2421,transparent 57%),linear-gradient(150deg,#111b12,#080d0b 75%);border:1px solid #3c5131;border-radius:21px;overflow:hidden}.syn-preview-stage:after{content:'';position:absolute;bottom:-140px;left:25%;width:500px;height:230px;background:#a7df3015;filter:blur(60px);pointer-events:none}.syn-preview-desktop{position:relative;z-index:1;flex:1;min-width:0;border:1px solid #566845;border-radius:13px;background:#0a100c;overflow:hidden;box-shadow:0 25px 70px #0009}.syn-preview-windowbar{height:42px;background:#151e17;border-bottom:1px solid #384637;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.syn-preview-logo{font-size:15px;font-weight:900;letter-spacing:.12em;color:#c8fe63}.syn-preview-logo small{font-size:8px;color:#a3b29d}.syn-preview-dots{display:flex;gap:6px}.syn-preview-dots i{width:7px;height:7px;border:1px solid #66765a;border-radius:50%}.syn-preview-main{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:335px}.syn-preview-nav{border-right:1px solid #28352a;padding:25px 12px 16px;display:grid;align-content:start;gap:8px}.syn-preview-nav b{font-size:8px;letter-spacing:.14em;color:#627d67;margin:0 0 7px 9px}.syn-preview-nav span{font-size:9px;color:#87978b;padding:10px 9px;border-radius:5px;white-space:nowrap}.syn-preview-nav span.active{background:#b9fa2b13;color:#c9ff6b}.syn-preview-work{padding:23px;min-width:0}.syn-preview-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:850}.syn-preview-top small{color:#899a83}.syn-preview-top em{font-size:9px;font-style:normal;color:#c4d8bc;white-space:nowrap}.syn-preview-top em i,.syn-preview-vm-top i,.syn-preview-activity i,.syn-preview-phone-line i{display:inline-block;width:6px;height:6px;background:#b9fa2b;border-radius:50%;margin-right:5px}.syn-preview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:20px}.syn-preview-stats>div{padding:16px 13px;border:1px solid #273c27;border-radius:7px;background:#111b13}.syn-preview-stats small,.syn-preview-chart small,.syn-preview-activity>small{font-size:8px;letter-spacing:.07em;color:#a1b099}.syn-preview-stats b{display:block;font-size:25px;margin-top:7px}.syn-preview-charts{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:13px}.syn-preview-chart,.syn-preview-activity{border:1px solid #283b28;background:#0c140f;border-radius:8px;padding:14px}.syn-preview-bars{display:flex;gap:12px;align-items:end;height:93px;padding-top:12px}.syn-preview-bars i{flex:1;max-width:24px;min-width:4px;background:linear-gradient(0deg,#486f2a,#c4ff69);border-radius:3px 3px 0 0;opacity:.88}.syn-preview-activity span{display:flex;align-items:center;gap:4px;margin-top:15px;font-size:9px;color:#c1d0bc}.syn-preview-activity span b{margin-left:auto;color:#a7bd9b;font-size:8px;font-weight:500}.syn-preview-activity i.idle,.syn-preview-phone-line i.idle{background:#f3c477}.syn-preview-vm{position:absolute;bottom:24px;left:38%;z-index:3;width:260px;border:1px solid #63794f;border-radius:12px;background:#0c1310;box-shadow:0 18px 55px #000b;overflow:hidden}.syn-preview-vm-top{padding:12px 15px;border-bottom:1px solid #384937;display:flex;align-items:center;gap:12px}.syn-preview-vm-top b{font-size:11px;color:#c3fd60}.syn-preview-vm-top span{font-size:8px;letter-spacing:.06em;color:#bac6b2}.syn-preview-vm-top i{margin-left:auto}.syn-preview-vm-body{padding:17px}.syn-preview-vm-body>small{font-size:8px;color:#9bab99}.syn-preview-vm-body>strong{font-size:16px;display:block;margin:8px 0 13px}.syn-preview-vm-body div{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid #283729;font-size:9px;color:#bdcdb7}.syn-preview-vm-body div b{font-weight:500;color:#bdddab}.syn-preview-phone{position:absolute;right:37px;top:28px;z-index:2;width:181px;min-height:386px;border:6px solid #303932;border-radius:29px;background:linear-gradient(170deg,#101b15,#080d0b);box-shadow:0 19px 65px #000a;padding:35px 13px 15px}.syn-preview-phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);height:9px;width:47px;background:#030503;border-radius:20px}.syn-preview-phone>small{font-size:8px;letter-spacing:.11em;color:#b9fa2b}.syn-preview-phone>strong{display:block;font-size:22px;margin:11px 0 8px}.syn-preview-phone>span{font-size:7px;color:#859884;letter-spacing:.08em}.syn-preview-phone-stats{display:flex;flex-direction:column;gap:0;padding:14px 0 9px;border-bottom:1px solid #364430}.syn-preview-phone-stats b{font-size:39px;color:#c8ff72}.syn-preview-phone-stats small{font-size:9px;color:#9aad90}.syn-preview-phone-line{padding:12px 0;border-bottom:1px solid #263327;color:#c0ccb9;font-size:9px}.syn-preview-phone-line b{float:right;font-weight:500;color:#b7d59e;font-size:8px}.syn-preview-phone-bottom{text-align:center;margin-top:25px;font-size:7px;color:#7f9277}.syn-preview-flow{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:18px 10px;color:#bbcbb5;font-size:11px}.syn-preview-flow b{color:#c7fa6c;margin-right:6px}.syn-preview-flow>i{font-style:normal;color:#6d8560}
/* Knowledge-base articles - use existing .docs-content/.docs-section building blocks */
.syn-vm-guide-back{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;color:#879b85;font-size:11px}.syn-vm-guide-back a{color:#c2f57e}.syn-vm-guide-back span{font-size:9px;letter-spacing:.12em}.syn-vm-guide-content{max-width:980px;margin:0 auto}.syn-vm-guide-lead{border:1px solid #405638;border-radius:14px;padding:30px;background:radial-gradient(circle at top right,#b9fa2b19,transparent 62%),#0b130f}.syn-vm-guide-tag{display:inline-block;color:#c2f76b;font-size:10px;font-weight:800;letter-spacing:.1em}.syn-vm-guide-lead h2{font-size:clamp(28px,3.5vw,42px);line-height:1.1;letter-spacing:-.045em;max-width:670px;margin:18px 0 13px;color:#f3f9ee}.syn-vm-guide-lead p{font-size:13px;line-height:1.7;color:#b1c0ae;max-width:730px}.syn-vm-guide-pills{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0}.syn-vm-guide-pills span{display:inline-flex;padding:9px 12px;background:#182317;border:1px solid #354930;border-radius:6px;font-size:11px;color:#d3f49e}.syn-vm-guide-lead>a{color:#cbfb75;font-size:12px}.syn-vm-guide-warning{border-left:3px solid #d6ac56;background:#261e0f;padding:18px 22px;margin:19px 0 23px}.syn-vm-guide-warning b{color:#f4d18b;font-size:12px}.syn-vm-guide-warning p{color:#e0cda7;font-size:12px;line-height:1.7;margin:8px 0 0}.syn-vm-guide-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px;padding:22px;border:1px solid #263b29;border-radius:11px;margin-bottom:26px;background:#0c130e}.syn-vm-guide-toc>b{grid-column:1/-1;color:#b7eb76;font-size:10px;letter-spacing:.12em;margin-bottom:9px}.syn-vm-guide-toc a{display:flex;align-items:center;gap:11px;padding:9px 10px;background:#141f15;border-radius:6px;color:#c5d3c1;font-size:11px;line-height:1.35}.syn-vm-guide-toc a:hover{background:#213320;color:#efffdc}.syn-vm-guide-toc a span{color:#b9fa2b;font-weight:800;font-size:10px}.syn-vm-guide-step{scroll-margin-top:35px}.syn-vm-guide-step p{font-size:13px;line-height:1.85}.syn-vm-guide-cmd{background:#080e0b;border:1px solid #314832;border-radius:9px;padding:16px;margin-top:18px}.syn-vm-guide-cmd>span{display:block;color:#b9fa2b;font-size:10px;font-weight:800;margin-bottom:12px}.syn-vm-guide-cmd pre{white-space:pre-wrap;word-break:break-word;overflow-x:auto;color:#e4eee2;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.syn-vm-guide-cmd small{font-size:10px;color:#8da38e}.syn-vm-guide-source>div{display:grid;gap:12px}.syn-vm-guide-source a{display:block;color:#d0f69a;font-size:12px;text-decoration:underline;text-underline-offset:3px}.syn-vm-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:19px}.syn-vm-index-grid a{display:grid;align-content:start;gap:8px;padding:22px;border:1px solid #425239;border-radius:10px;background:radial-gradient(circle at top right,#b9fa2b12,transparent),#101a12;color:#dcead5;text-decoration:none}.syn-vm-index-grid a:hover{border-color:#add764}.syn-vm-index-grid span{font-size:9px;letter-spacing:.08em;color:#9eac9b}.syn-vm-index-grid strong{font-size:18px}.syn-vm-index-grid small{font-size:11px;color:#a4baa0}.syn-vm-index-grid em{font-style:normal;font-size:11px;color:#c6ff7b;margin-top:10px}
@media(max-width:940px){.syn-preview-stage{padding-right:198px}.syn-preview-phone{right:24px}.syn-preview-vm{left:28%}.syn-hw-result{align-items:stretch;flex-direction:column}.syn-hw-metrics{justify-content:space-between}.syn-hw-metrics div:first-child{border-left:0;padding-left:0}}
@media(max-width:720px){.syn-hw-heading,.syn-preview-heading{display:block}.syn-hw-profile{margin-top:20px;min-width:0}.syn-hw-notes{grid-template-columns:1fr}.syn-hw-select>span{margin-left:0}.syn-preview-demo{display:inline-block;margin-top:15px;white-space:normal}.syn-preview-stage{min-height:0;padding:16px 12px 30px;display:block}.syn-preview-main{grid-template-columns:80px minmax(0,1fr)}.syn-preview-nav{padding:14px 6px}.syn-preview-nav span{font-size:7px;padding:7px 3px;white-space:normal}.syn-preview-work{padding:13px}.syn-preview-stats{gap:5px}.syn-preview-stats>div{padding:11px 6px}.syn-preview-stats small{font-size:6px}.syn-preview-stats b{font-size:18px}.syn-preview-charts{grid-template-columns:1fr}.syn-preview-chart{display:none}.syn-preview-stage .syn-preview-vm{left:auto;right:165px;bottom:15px;width:175px;transform:none}.syn-preview-vm-body{padding:10px}.syn-preview-vm-body>strong{font-size:12px}.syn-preview-vm-body div{font-size:8px}.syn-preview-phone{position:relative;top:auto;right:auto;float:right;width:150px;min-height:290px;padding-top:29px;margin:18px 5px 0}.syn-preview-phone-stats b{font-size:28px}.syn-preview-phone-bottom{margin-top:12px}.syn-preview-stage:after{clear:both;display:table;content:'';position:static;filter:none;width:0;height:0}.syn-preview-flow{display:grid;gap:8px}.syn-preview-flow>i{display:none}.syn-vm-guide-toc{grid-template-columns:1fr}.syn-vm-guide-lead{padding:22px}.syn-vm-index-grid{grid-template-columns:1fr}}
@media(max-width:440px){.syn-hw-result{padding:18px}.syn-hw-metrics{gap:10px}.syn-hw-metrics div{padding-left:8px}.syn-hw-metrics b{font-size:16px}.syn-hw-metrics span{font-size:7px}.syn-hw-table-scroll{border-radius:8px}.syn-preview-stage .syn-preview-vm{right:128px;width:150px}.syn-preview-vm-body div:nth-of-type(3){display:none}.syn-preview-phone{width:127px;min-height:250px;padding:25px 8px 12px;border-width:4px}.syn-preview-phone>strong{font-size:18px}.syn-preview-phone-line{font-size:7px}.syn-preview-phone-line b{font-size:6px}.syn-preview-phone-bottom{font-size:6px}.syn-preview-main{grid-template-columns:65px minmax(0,1fr)}.syn-preview-nav span{font-size:6px}.syn-preview-top em{display:none}.syn-preview-stats b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.syn-hw-table tbody tr{transition:none!important}}

/* SYN resources v2: clear bilingual-free labels, wrapped GPU examples and accessible sizing. */
.syn-hw-table-v2{min-width:1080px;table-layout:auto;font-size:12px}
.syn-hw-table-v2 th,.syn-hw-table-v2 td{padding:17px 13px;vertical-align:middle;white-space:normal}
.syn-hw-table-v2 thead th{line-height:1.45;font-size:10px}
.syn-hw-table-v2 td small{display:block;line-height:1.45;margin-top:5px;color:#91a391;font-size:10px;max-width:210px}
.syn-hw-table-v2 td:last-child{min-width:215px}
.syn-hw-table-v2 td:last-child strong{display:block;white-space:nowrap}
.syn-hw-profile{min-width:270px}
.syn-hw-profile b{font-size:17px}
.syn-hw-notes p{overflow-wrap:anywhere}
.syn-hw .syn-hw-guide-link{display:inline-flex;align-items:center;gap:8px;margin-top:21px;color:#bff56b!important;font-weight:750;text-decoration:none}
.syn-hw-result small{overflow-wrap:anywhere}
/* When articles are injected via /guides JSON, their stylesheet is now loaded on the parent page. */
html.syn-s14-guides .syn-vm-guide{min-width:0;max-width:100%}
html.syn-s14-guides .syn-vm-guide-lead{margin:0 0 21px;padding:26px;border:1px solid #405638;background:radial-gradient(circle at top right,#b9fa2b19,transparent 62%),#0b130f;border-radius:13px}
html.syn-s14-guides .syn-vm-guide-toc a{display:flex;text-decoration:none}
html.syn-s14-guides .syn-vm-guide-step{min-width:0}
html.syn-s14-guides .syn-vm-guide-step p{overflow-wrap:anywhere;line-height:1.8}
html.syn-s14-guides .syn-vm-guide-pills{display:flex;flex-wrap:wrap;gap:9px}
@media(max-width:720px){.syn-hw-table-v2{min-width:990px}.syn-hw-table-v2 th,.syn-hw-table-v2 td{padding:13px 11px}.syn-hw-table-v2 td:last-child{min-width:185px}.syn-hw-profile{min-width:0}}