.code-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:start;margin-bottom:48px}.code-output{margin:0;background:var(--panel);border-radius:12px;overflow:hidden}.code-output img{width:100%;height:auto;display:block}.code-output figcaption{padding:20px 24px;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.code-output a{text-decoration:underline;text-underline-offset:4px}.code-start{padding:8px 0}.code-start h2{font-size:28px;margin:12px 0 24px}.code-start ol{margin:0;padding-left:24px}.code-start li{padding-left:8px;margin-bottom:22px}.code-start strong{font-weight:500}.code-start p{font-size:16px;color:var(--muted);line-height:1.7;margin:8px 0}.code-start a{text-decoration:underline;text-underline-offset:4px}.code-page pre{white-space:pre;overflow:auto;border-radius:10px;background:var(--surface);padding:14px 18px;max-width:100%;line-height:1.7;font:13px/1.8 var(--mono);color:var(--text);scrollbar-width:thin}.code-page code{font-family:var(--mono);font-size:.9em;overflow-wrap:anywhere}.code-page pre code{font-size:inherit}.code-platform{font-size:13px!important}.code-reason{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;margin:0 0 48px}.code-reason h2{font-size:28px;margin:12px 0 20px}.code-reason h3{font:450 23px var(--body);margin:30px 0 14px}.code-reason p{font-size:16px;color:var(--muted);line-height:1.85}.code-limit{font-size:14px!important}.source-section{background:var(--panel);border-radius:12px;overflow:hidden}.source-toolbar{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.source-toolbar h2{font-size:24px;margin:0 0 6px}.source-toolbar span{font-size:13px;color:var(--muted)}.source-actions{display:flex;gap:12px;flex-shrink:0}.source-actions button,.source-actions a,.code-collection a{border-radius:32px;padding:12px 19px;font-size:14px;background:var(--surface);color:var(--text)}.source-actions a{background:var(--cobalt);color:white}.code-page .source-code{border-radius:0;background:transparent;padding:0 28px 28px;margin:0;max-height:760px;font-size:14px;tab-size:4}.code-page .source-code:focus-visible{outline:2px solid var(--text);outline-offset:-3px}#copy-status{padding:0 28px;color:var(--muted);font-size:14px}.code-collection{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:32px 0;color:var(--muted);font-size:15px}.code-overview>*{min-width:0}.code-reason>*{min-width:0}
@media(max-width:1050px){.code-overview{grid-template-columns:1fr;gap:28px}.code-output{max-width:760px}.code-reason{gap:30px}}
@media(max-width:700px){.code-overview{margin-bottom:32px;gap:24px}.code-start h2,.code-reason h2{font-size:26px}.code-output figcaption{padding:18px;font-size:13px}.code-reason{grid-template-columns:1fr;gap:12px;margin-bottom:32px}.source-toolbar{display:block;padding:22px 20px}.source-actions{margin-top:20px;gap:10px}.source-actions button,.source-actions a{padding:12px 17px}.code-page .source-code{padding:0 20px 20px;font-size:13px;max-height:560px}.code-collection{align-items:flex-start;flex-direction:column;gap:18px}.code-page .page-intro h1{font-size:34px}}