.integration-guide{--guide-bg:#0d1512;--guide-panel:#15221b;--guide-line:#2e4236;--guide-text:#edf5ef;--guide-muted:#a3b8a9;--guide-accent:#baff69;background:var(--guide-bg);color:var(--guide-text);min-height:100vh;font-size:15px;line-height:1.9}.integration-guide *{box-sizing:border-box}.integration-guide a{color:inherit}.integration-guide button,.integration-guide input{font:inherit}.integration-guide a:focus-visible,.integration-guide button:focus-visible,.integration-guide input:focus-visible,.integration-guide summary:focus-visible{outline:3px solid var(--guide-accent);outline-offset:5px}.guide-skip{position:absolute;left:20px;top:-100px;background:var(--guide-accent);color:#14240c!important;padding:10px 18px;z-index:100}.guide-skip:focus{top:10px}.guide-topbar{max-width:1260px;margin:auto;padding:24px 32px;justify-content:space-between;border-bottom:1px solid var(--guide-line);gap:20px}.guide-logo,.guide-topbar{display:flex;align-items:center}.guide-logo{font-family:var(--display);font-weight:800;font-size:29px;letter-spacing:-.7px;text-decoration:none}.guide-logo>span{color:var(--guide-accent)}.guide-logo>small{font-family:var(--font);font-size:9px;font-weight:500;letter-spacing:1.7px;margin-left:17px;border-left:1px solid var(--guide-line);padding-left:17px;color:var(--guide-muted)}.guide-topbar nav{display:flex;gap:26px;align-items:center}.guide-topbar nav>a{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:13px}.guide-topbar nav>a:last-child{color:var(--guide-accent)}.guide-hero{max-width:1260px;margin:auto;padding:72px 32px 64px;display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:62px;align-items:center;scroll-margin-top:24px}.guide-eyebrow{display:flex;align-items:center;gap:9px;color:var(--guide-accent);font-size:12px;margin:0 0 20px}.guide-hero h1{font-size:clamp(34px,4.2vw,55px);line-height:1.4;font-weight:600;letter-spacing:-1.4px;margin:0 0 23px}.guide-hero h1>span{color:var(--guide-accent)}.guide-lead{color:var(--guide-muted);font-size:15px;line-height:2;margin:0 0 28px}.guide-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.guide-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;border:1px solid transparent;border-radius:7px;padding:12px 17px;font-size:13px;font-weight:600;line-height:1.7;transition:background .18s,transform .18s}.guide-button:hover{transform:translateY(-1px)}.guide-button.guide-primary{background:var(--guide-accent);color:#14240c}.guide-button.guide-primary:hover{background:#cbff92}.guide-secondary{border-color:var(--guide-line);background:#16231b}.guide-release{color:#859e8e;font-size:10px;margin:15px 0 0}.guide-release span{margin:0 7px}.guide-quickstart{padding:28px;background:linear-gradient(135deg,#1c3020,#14211c);border:1px solid #3e5a3e;border-radius:12px}.guide-mini-label{font-size:10px;letter-spacing:1.3px;color:var(--guide-muted)}.guide-quickstart ol{list-style:none;margin:25px 0;padding:0}.guide-quickstart li{display:flex;gap:16px;align-items:flex-start;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--guide-line)}.guide-quickstart li:last-child{margin:0;padding:0;border:0}.guide-quickstart li>span{font-family:var(--display);font-size:31px;line-height:1.3;color:var(--guide-accent);font-weight:600}.guide-quickstart strong{font-size:15px;font-weight:500}.guide-quickstart p{font-size:12px;color:var(--guide-muted);margin:3px 0 0}.guide-quickstart>a{display:flex;justify-content:space-between;align-items:center;padding-top:17px;font-size:12px;color:var(--guide-accent);text-decoration:none}.guide-layout,.guide-quickstart>a{border-top:1px solid var(--guide-line)}.guide-layout{max-width:1260px;display:grid;grid-template-columns:205px minmax(0,1fr);gap:60px;margin:auto;padding:0 32px 50px}.guide-toc{align-self:start;position:sticky;top:28px;padding-top:36px}.guide-toc nav{display:grid;gap:4px;margin:18px 0 25px}.guide-toc nav>a{display:flex;gap:12px;align-items:center;padding:9px 0;text-decoration:none;color:var(--guide-muted);font-size:12px}.guide-toc nav>a:hover{color:var(--guide-accent)}.guide-toc nav>a>span{font-family:var(--display);font-size:12px;color:#65816d}.guide-print{display:flex;align-items:center;gap:8px;color:var(--guide-muted);background:none;border:1px solid var(--guide-line);padding:8px 12px;border-radius:5px;font-size:11px!important;cursor:pointer}.guide-content{min-width:0;padding-top:36px}.guide-notice{display:flex;align-items:flex-start;gap:15px;padding:22px 24px;background:#1d2c1b;border:1px solid #415a34;border-radius:8px}.guide-notice>svg{color:var(--guide-accent);flex-shrink:0;margin-top:4px}.guide-notice strong{font-size:14px;font-weight:500;color:#d8ecc8}.guide-notice p{font-size:13px;margin:5px 0 0;color:#acbfa3;line-height:1.9}.guide-section{padding:46px 0;border-bottom:1px solid var(--guide-line);scroll-margin-top:25px}.guide-section-number{font-family:var(--display);letter-spacing:1.5px;font-size:11px;color:var(--guide-accent);margin:0 0 11px}.guide-content h2{font-size:25px;font-weight:500;line-height:1.6;letter-spacing:-.4px;margin:0 0 14px}.guide-content h3{font-size:16px;font-weight:500;line-height:1.7;margin:24px 0 8px}.guide-content p{color:var(--guide-muted);margin:0 0 18px}.guide-content p>a,.guide-steps a{color:var(--guide-accent);text-underline-offset:4px}.guide-content strong{font-weight:500;color:#e1eee5}.guide-content code{font-size:.85em;overflow-wrap:anywhere;color:#d1e8c3}.guide-steps{list-style:none;counter-reset:guide-steps;padding:0;margin:28px 0}.guide-steps>li{position:relative;padding-left:42px;margin:0 0 32px;counter-increment:guide-steps}.guide-steps>li:before{content:counter(guide-steps);position:absolute;top:0;left:0;width:27px;height:27px;border:1px solid #4d6d3b;background:#23371e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;color:var(--guide-accent);font-size:15px}.guide-steps h3{margin-top:0}.guide-code{border:1px solid var(--guide-line);background:#09120e;border-radius:8px;margin:18px 0;overflow:hidden}.guide-code-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 15px;background:#18251e;border-bottom:1px solid var(--guide-line);font-size:11px;color:var(--guide-muted)}.guide-code-caption button{flex-shrink:0;display:flex;gap:6px;align-items:center;border:1px solid #3d5638;color:var(--guide-accent);background:#22351c;font-size:11px;padding:5px 9px;border-radius:4px;cursor:pointer}.guide-code pre{margin:0;padding:18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.9;tab-size:2}.guide-code pre code{font-size:inherit;color:#d1e8c3}.guide-copy-status{display:block;color:var(--guide-accent);font-size:11px;padding:0 18px}.guide-copy-status:not(:empty){padding-bottom:12px}.guide-content p.guide-hint{font-size:12px;color:#8aa392;line-height:1.9}.guide-tip{display:flex;gap:12px;align-items:flex-start;padding:17px 19px;background:#16281e;border-radius:6px}.guide-tip>svg{color:#8bcf9d;flex-shrink:0;margin-top:4px}.guide-tip>p{font-size:13px;margin:0}.guide-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:25px 0 32px}.guide-mode-card{display:flex;flex-direction:column;padding:20px 17px;border:1px solid var(--guide-line);border-radius:8px;background:var(--guide-panel)}.guide-mode-card>svg{color:var(--guide-accent);margin-bottom:22px}.guide-mode-card>small{font-size:10px;color:#89a392}.guide-mode-card h3{margin:5px 0 10px;font-size:18px}.guide-mode-card>p{font-size:12px;line-height:1.9}.guide-mode-card>a{display:flex;align-items:center;justify-content:space-between;gap:5px;text-decoration:none;font-size:11px;color:var(--guide-accent);margin-top:auto;padding-top:15px;border-top:1px solid var(--guide-line)}.guide-table-wrap{width:100%;overflow:auto;border:1px solid var(--guide-line);border-radius:8px;margin:24px 0}.guide-table-wrap table{border-collapse:collapse;width:100%;text-align:left;min-width:440px;font-size:12px}.guide-table-wrap caption{text-align:left;padding:13px 17px;background:#1b2a21;color:#d6e5db;font-size:13px}.guide-table-wrap th{color:#9bb8a4;font-weight:500;background:#14221a}.guide-table-wrap td,.guide-table-wrap th{padding:12px 16px;border-top:1px solid var(--guide-line)}.guide-table-wrap td{color:var(--guide-muted)}.guide-domain-label{display:block;font-size:13px;color:var(--guide-text);margin:24px 0 8px}.guide-domain-input{width:100%;display:block;background:#111f17;border:1px solid #4d654a;padding:12px 15px;border-radius:6px;color:var(--guide-text);font-size:14px!important}.guide-domain-input::placeholder{color:#728e7a}.guide-domain-input+.guide-hint{margin-top:9px}.guide-content p.guide-error{color:#f4b4a5;font-size:12px}.guide-code-empty{display:flex;gap:12px;align-items:center;border:1px dashed #3c5543;background:#13221a;border-radius:7px;padding:23px;margin:18px 0}.guide-code-empty>svg{color:#8fba89;flex-shrink:0}.guide-code-empty>p{margin:0;font-size:13px}.guide-checklist{display:grid;gap:0;margin:22px 0}.guide-checklist>label{display:flex;align-items:flex-start;gap:13px;cursor:pointer;padding:13px 0;border-bottom:1px solid #25392b;color:var(--guide-muted);font-size:13px}.guide-checklist>label:last-child{border:0}.guide-checklist input{margin-top:7px;width:16px;height:16px;flex-shrink:0;accent-color:var(--guide-accent)}.guide-checklist input:checked+span{color:#d5e9d0}.guide-faq{margin:25px 0}.guide-faq details{border-bottom:1px solid var(--guide-line)}.guide-faq summary{cursor:pointer;font-size:14px;padding:19px 24px 19px 0;color:#d3e4d8;list-style:none;position:relative;line-height:1.9}.guide-faq summary:after{content:"+";position:absolute;right:2px;top:19px;color:var(--guide-accent);font-size:20px;line-height:1.3}.guide-faq details[open]>summary:after{content:"−"}.guide-faq details>p{font-size:13px;line-height:2;padding-right:18px}.guide-support{display:flex;gap:15px;padding:23px;background:#18291e;border:1px solid var(--guide-line);border-radius:8px}.guide-support>svg{flex-shrink:0;color:var(--guide-accent);margin-top:4px}.guide-support h3{margin:0 0 8px;font-size:15px}.guide-support p{margin:0;font-size:13px}.guide-download-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:30px;margin:40px 0;border:1px solid #4a6d3a;border-radius:9px;background:linear-gradient(135deg,#20351c,#16231b)}.guide-download-card h2{font-family:var(--display);font-weight:600;font-size:26px;margin:8px 0 3px;letter-spacing:0}.guide-download-card p{font-size:12px;margin:0}.guide-checksum{width:100%;border-top:1px solid var(--guide-line);padding-top:15px;font-size:11px;color:var(--guide-muted)}.guide-checksum summary{cursor:pointer}.guide-checksum p{font-size:11px;margin:10px 0 0}.guide-checksum code{font-size:10px;word-break:break-all}.guide-footer{padding:0 0 20px;display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between}.guide-footer p{font-size:10px;margin:0}.guide-footer a{display:inline-flex;align-items:center;gap:5px;color:var(--guide-muted);font-size:11px;text-decoration:none}@media(max-width:1000px){.guide-hero{gap:28px;grid-template-columns:minmax(0,1fr) 300px}.guide-hero h1{font-size:39px}.guide-lead{font-size:13px}.guide-actions{align-items:stretch;flex-direction:column}.guide-actions>a{width:fit-content}.guide-layout{gap:30px;grid-template-columns:170px minmax(0,1fr)}.guide-mode-grid{grid-template-columns:1fr}.guide-mode-card{display:grid;grid-template-columns:35px 1fr;column-gap:13px;padding:19px}.guide-mode-card>svg{grid-row:1/4;margin-top:3px}.guide-mode-card>a,.guide-mode-card>h3,.guide-mode-card>p,.guide-mode-card>small{grid-column:2}.guide-mode-card>p{margin-bottom:12px}.guide-mode-card>a{padding-top:11px}}@media(max-width:720px){.guide-topbar{padding:19px 20px}.guide-logo{font-size:25px}.guide-logo>small{display:none}.guide-topbar nav{gap:15px}.guide-topbar nav>a{font-size:11px}.guide-back{display:none!important}.guide-hero{padding:42px 20px 34px;grid-template-columns:1fr;gap:30px}.guide-hero h1{font-size:37px;letter-spacing:-.8px;margin-bottom:18px}.guide-eyebrow{font-size:11px;margin-bottom:15px}.guide-lead{font-size:14px}.guide-desktop-break{display:none}.guide-actions{gap:10px;flex-direction:row}.guide-actions>a{width:auto}.guide-button{font-size:12px;padding:11px 13px}.guide-release{font-size:9px;line-height:2}.guide-quickstart{padding:22px}.guide-quickstart ol{margin-top:20px}.guide-quickstart li{padding-bottom:17px;margin-bottom:17px}.guide-layout{display:block;padding:0 20px 25px}.guide-toc{position:static;padding:22px 0;border-bottom:1px solid var(--guide-line)}.guide-toc nav{display:flex;flex-wrap:wrap;gap:2px 17px;margin:10px 0 14px}.guide-toc nav>a{padding:5px 0;font-size:11px;gap:7px}.guide-print{font-size:10px!important}.guide-content{padding-top:25px}.guide-notice{padding:18px 16px;gap:12px}.guide-notice strong{font-size:13px}.guide-notice p{font-size:12px}.guide-section{padding:33px 0}.guide-content h2{font-size:23px}.guide-content{font-size:14px}.guide-content h3{font-size:15px}.guide-steps>li{padding-left:0;margin-bottom:30px}.guide-steps h3{padding-left:38px;min-height:30px;padding-top:1px}.guide-code-caption{font-size:10px;padding:10px 12px}.guide-code pre{padding:14px;font-size:11px}.guide-content p.guide-hint{font-size:11px}.guide-mode-card h3{font-size:18px}.guide-notice code{font-size:.9em}.guide-code-empty{padding:18px}.guide-checklist>label{font-size:12px}.guide-faq summary{font-size:13px}.guide-support{padding:19px;gap:12px}.guide-support h3{font-size:14px}.guide-download-card{padding:23px;align-items:flex-start;flex-direction:column}.guide-download-card>.guide-button{width:100%}.guide-footer{display:grid;gap:8px}.guide-checksum,.guide-section-number{font-size:10px}}@media print{.integration-guide{background:#fff;color:#17241a;font-size:11pt;--guide-text:#17241a;--guide-muted:#405548;--guide-accent:#315b17;--guide-line:#ccd9ce}.guide-topbar{padding:12px 0}.guide-actions,.guide-checklist input,.guide-code-caption button,.guide-code-empty,.guide-domain-input,.guide-domain-label,.guide-print,.guide-skip,.guide-toc,.guide-topbar nav{display:none!important}.guide-hero{display:block;padding:25px 0}.guide-hero h1{font-size:29pt}.guide-quickstart{display:none}.guide-layout{display:block;padding:0}.guide-content{padding:15px 0}.guide-section{padding:25px 0}.guide-content code,.guide-content strong{color:#17241a}.guide-code,.guide-code-caption,.guide-download-card,.guide-mode-card,.guide-notice,.guide-support,.guide-table-wrap caption,.guide-table-wrap th,.guide-tip{background:#f3f7f2;color:#17241a;border-color:#ccd9ce}.guide-code pre code{color:#17241a}.guide-content h2{break-after:avoid}.guide-code,.guide-mode-card,.guide-support{break-inside:avoid}.guide-copy-status{display:none}.guide-mode-grid{grid-template-columns:repeat(3,1fr)}.guide-mode-card{display:flex}.guide-table-wrap{overflow:visible}.guide-table-wrap table{min-width:0}.guide-faq details>p{display:block}.guide-download-card .guide-button,.guide-faq summary:after{display:none}.guide-download-card:after{content:"ดาวน์โหลด: https://live.sockfootball.com/downloads/matchday-embed-1.0.0.zip";font-size:10pt;overflow-wrap:anywhere}.guide-checksum{display:none}.guide-footer a{color:#315b17}}