{"id":17280,"date":"2026-07-28T07:53:39","date_gmt":"2026-07-28T11:53:39","guid":{"rendered":"https:\/\/wp.glbgpt.com\/?p=17280"},"modified":"2026-07-29T01:43:58","modified_gmt":"2026-07-29T05:43:58","slug":"claude-opus-5-review","status":"publish","type":"post","link":"https:\/\/wp.glbgpt.com\/hub\/zh\/claude-opus-5-review","title":{"rendered":"Claude Opus 5 \u8bc4\u6d4b\uff1aAnthropic\u7684\u65b0\u6b3e\u503c\u5f97\u5165\u624b\u5417\uff1f"},"content":{"rendered":"<h1 class=\"wp-block-heading\">Claude Opus 5 \u8bc4\u6d4b\uff1aAnthropic\u7684\u65b0\u6b3e\u503c\u5f97\u5165\u624b\u5417\uff1f<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\"><em>\u4e8b\u5b9e\u6838\u67e5\u65e5\u671f\uff1a2026\u5e747\u670828\u65e5\u3002.<\/em><\/p>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-5b2955b4 wp-block-group-is-layout-constrained\" style=\"border-radius:14px;border-left-color:#2f6bd8;border-left-style:solid;border-left-width:6px;background-color:#f3f7ff;margin-top:24px;margin-bottom:28px;padding-top:24px;padding-right:28px;padding-bottom:24px;padding-left:28px\">\n<p class=\"wp-block-paragraph\"><strong>\u7b80\u8bc4\uff1a<\/strong> \u8fd9\u7bc7\u5173\u4e8e Claude Opus 5 \u7684\u8bc4\u6d4b\u53d1\u73b0\uff0c\u5bf9\u4e8e\u7f16\u7801\u4ee3\u7406\u3001\u590d\u6742\u4e1a\u52a1\u5de5\u4f5c\u6d41\u4ee5\u53ca\u5e0c\u671b\u83b7\u5f97\u63a5\u8fd1\u524d\u6cbf\u6027\u80fd\u5374\u65e0\u9700\u59cb\u7ec8\u4e3a Fable 5 \u4ed8\u8d39\u7684\u4e70\u5bb6\u800c\u8a00\uff0c\u8fd9\u662f\u4e00\u6b3e\u6781\u5177\u5438\u5f15\u529b\u7684\u9ad8\u7aef\u673a\u578b\u3002 Anthropic \u7684\u8ba1\u8d39\u6807\u51c6\u4e3a\u6bcf\u767e\u4e07\u8f93\u5165\u4ee4\u724c $5\uff0c\u6bcf\u767e\u4e07\u8f93\u51fa\u4ee4\u724c $25\uff1b\u8be5\u6a21\u578b\u652f\u6301 100 \u4e07\u4ee4\u724c\u7684\u4e0a\u4e0b\u6587\u7a97\u53e3\uff0c\u5e76\u5728\u540c\u6b65 Messages API \u4e2d\u652f\u6301\u6700\u591a 128,000 \u4e2a\u8f93\u51fa\u4ee4\u724c\u3002 \u5bf9\u4e8e\u7b80\u5355\u7684\u804a\u5929\u3001\u7b80\u77ed\u6458\u8981\u6216\u9ad8\u91cf\u4f4e\u503c\u7684\u8bf7\u6c42\uff0c\u5b83\u5e76\u975e\u81ea\u52a8\u7684\u6700\u4f73\u9009\u62e9\u3002.<\/p>\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u6700\u5177\u8bf4\u670d\u529b\u7684\u8bba\u636e\u5728\u4e8e\u5176\u5b9e\u7528\u6027\u800c\u975e\u5938\u5f20\u7684\u5ba3\u4f20\uff1aOpus 5 \u65e2\u5177\u5907\u5f3a\u5927\u7684\u63a8\u7406\u4f59\u91cf\uff0c\u5176\u7ecf\u6d4e\u6027\u53c8\u6bd4 Anthropic \u7684\u524d\u6cbf\u7ea7\u4ea7\u54c1\u66f4\u6613\u4e8e\u638c\u63a7\u3002 \u5728\u6211\u4eec\u8fdb\u884c\u7684\u4e00\u6b21\u8c03\u8bd5\u6d4b\u8bd5\u4e2d\uff0c\u8be5\u6a21\u578b\u51c6\u786e\u53d1\u73b0\u4e86\u524d\u7f00\u5339\u914d\u6f0f\u6d1e\uff0c\u63d0\u51fa\u4e86\u6700\u5c0f\u7684\u8865\u4e01\u65b9\u6848\uff0c\u6dfb\u52a0\u4e86\u4e00\u4e2a\u9488\u5bf9\u6027\u7684\u56de\u5f52\u6d4b\u8bd5\uff0c\u5e76\u7ed9\u51fa\u4e86\u4e00\u4e2a\u5728\u672c\u5730\u901a\u8fc7\u9a8c\u8bc1\u7684\u547d\u4ee4\u3002\u8fd9\u5bf9\u8be5\u4efb\u52a1\u800c\u8a00\u662f\u6709\u529b\u7684\u8bc1\u636e\u2014\u2014\u4f46\u5e76\u975e\u8bc1\u660e\u8be5\u6a21\u578b\u80fd\u5728\u6240\u6709\u7f16\u7a0b\u5de5\u4f5c\u4e2d\u80dc\u51fa\u3002.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u6700\u9002\u5408<\/strong> \u7f16\u7801\u4ee3\u7406\u3001\u957f\u4e0a\u4e0b\u6587\u5206\u6790\u3001\u4f01\u4e1a\u81ea\u52a8\u5316\uff0c\u4ee5\u53ca\u90a3\u4e9b\u56e0\u4ee3\u4ef7\u9ad8\u6602\u7684\u5931\u8d25\u800c\u9700\u8981\u91c7\u7528\u6ea2\u4ef7\u6a21\u5f0f\u7684\u56e2\u961f\u3002. <strong>\u4ee5\u4e0b\u60c5\u51b5\u8bf7\u8df3\u8fc7\uff1a<\/strong> \u901f\u5ea6\u548c\u5355\u4f4d\u6210\u672c\u6bd4\u63a8\u7406\u8d28\u91cf\u7684\u6700\u540e\u9636\u6bb5\u66f4\u4e3a\u91cd\u8981\u3002Simplified Chinese (Mainland).<\/p>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-f8cee46e wp-block-group-is-layout-constrained\" style=\"border-color:#dbe4f0;border-style:solid;border-width:1px;border-radius:14px;background-color:#f6f8fc;margin-top:28px;margin-bottom:36px;padding-top:26px;padding-right:32px;padding-bottom:26px;padding-left:32px\">\n<p class=\"wp-block-paragraph\"><strong>\u672c\u9875\u5185\u5bb9\uff1a<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#what-is-claude-opus-5\">\u4ec0\u4e48\u662f Claude Opus 5<\/a><\/li>\n\n\n\n<li><a href=\"#price-api-specs\">\u4ef7\u683c\u3001API \u548c\u89c4\u683c<\/a><\/li>\n\n\n\n<li><a href=\"#official-benchmarks\">\u5b98\u65b9\u57fa\u51c6\u6d4b\u8bd5\u6570\u636e<\/a><\/li>\n\n\n\n<li><a href=\"#hands-on-review\">\u6211\u4eec\u7684\u5b9e\u9645\u8c03\u8bd5\u7ed3\u679c<\/a><\/li>\n\n\n\n<li><a href=\"#opus-5-vs-opus-4-8-vs-fable-5\">Opus 5 \u4e0e Opus 4.8 \u4e0e Fable 5<\/a><\/li>\n\n\n\n<li><a href=\"#api-migration\">API \u793a\u4f8b\u548c\u8fc1\u79fb\u8bf4\u660e<\/a><\/li>\n\n\n\n<li><a href=\"#is-opus-5-worth-it\">\u9002\u5408\u54ea\u4e9b\u4eba\u8d2d\u4e70<\/a><\/li>\n\n\n\n<li><a href=\"#faq\">\u5e38\u89c1\u95ee\u9898<\/a><\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-claude-opus-5\">\u4ec0\u4e48\u662f Claude Opus 5\uff1f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Claude Opus 5 \u662f Anthropic \u4e13\u4e3a\u590d\u6742\u4ee3\u7406\u7f16\u7801\u548c\u4f01\u4e1a\u7ea7\u5de5\u4f5c\u6253\u9020\u7684\u9ad8\u7aef\u65e5\u5e38\u673a\u578b\u3002. <a href=\"https:\/\/www.anthropic.com\/news\/claude-opus-5\">Anthropic \u4e8e 2026 \u5e74 7 \u6708 24 \u65e5\u53d1\u5e03\u4e86\u8fd9\u4e00\u6d88\u606f<\/a>, \uff0c\u79f0\u5176\u8bbe\u8ba1\u5468\u5230\u3001\u4e3b\u52a8\u6027\u5f3a\uff0c\u4e14\u6bd4\u5176\u4ed6\u6a21\u578b\u66f4\u9ad8\u6548\u3002\u5b83\u53d6\u4ee3\u4e86 Claude Opus 4.8\uff0c\u6210\u4e3a Claude Max \u4e0a\u7684\u9ed8\u8ba4\u6a21\u578b\uff0c\u5e76\u6210\u4e3a Claude Pro \u4e0a\u6027\u80fd\u6700\u5f3a\u7684\u6a21\u578b\u3002.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-launch-date-v4.webp\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-launch-date-v4.webp\" alt=\"Anthropic\u516c\u544a\u663e\u793a\u4e86Claude Opus\u76845\u4e2a\u6807\u9898\u30012026\u5e747\u670824\u65e5\u7684\u53d1\u5e03\u65e5\u671f\u4ee5\u53ca\u201c\u4eca\u65e5\u4e0a\u7ebf\u201d\u7684\u58f0\u660e\" width=\"1280\" height=\"291\"\/><\/a><figcaption class=\"wp-element-caption\">Anthropic \u4e8e 2026 \u5e74 7 \u6708 24 \u65e5\u53d1\u5e03\u4e86 Claude Opus 5\uff0c\u5e76\u8868\u793a\u8be5\u4ea7\u54c1\u5f53\u5929\u5373\u53ef\u4f9b\u8d27\u3002.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u8fd9\u6b3e\u4ea7\u54c1\u7684\u5ba3\u4f20\u65b9\u5f0f\u5bf9\u4e8eOpus\u7684\u53d1\u5e03\u800c\u8a00\u9887\u4e3a\u7f55\u89c1\uff1a\u5b83\u5e76\u975e\u4ec5\u88ab\u5b9a\u4f4d\u4e3a\u4e00\u6b3e\u667a\u80fd\u7a0b\u5ea6\u6700\u9ad8\u7684\u673a\u578b\u3002Anthropic\u5e0c\u671b\u7528\u6237\u80fd\u5c06\u5176\u4f5c\u4e3a\u65e5\u5e38\u5de5\u5177\u4f7f\u7528\uff0c\u65e2\u80fd\u7075\u6d3b\u8c03\u6574\u8fd0\u7b97\u5f3a\u5ea6\uff0c\u53c8\u5177\u5907\u9002\u4e2d\u7684\u5ef6\u8fdf\u8868\u73b0\u3002 \u8fd9\u4f7f\u5f97\u8be5\u6a21\u578b\u66f4\u9002\u5408\u5904\u7406\u8fd0\u884c\u65f6\u95f4\u8f83\u957f\u7684\u4ee3\u7406\u548c\u590d\u6742\u7684\u751f\u4ea7\u4efb\u52a1\uff0c\u800c\u8f83\u7b80\u5355\u7684\u5de5\u4f5c\u8d1f\u8f7d\u4ecd\u53ef\u5206\u6d41\u81f3\u66f4\u5feb\u3001\u66f4\u7ecf\u6d4e\u7684\u6a21\u578b\u4e0a\u3002.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8bbf\u95ee\u65b9\u5f0f\u53d6\u51b3\u4e8e\u5177\u4f53\u9014\u5f84\u3002\u666e\u901a\u7528\u6237\u53ef\u901a\u8fc7\u7b26\u5408\u6761\u4ef6\u7684 Claude \u5957\u9910\u4f7f\u7528 Opus 5\uff1b\u5f00\u53d1\u8005\u5219\u53ef\u901a\u8fc7 Claude API \u53ca\u53d7\u652f\u6301\u7684\u4e91\u5e73\u53f0\u8c03\u7528\u8be5\u670d\u52a1\u3002GlobalGPT \u8fd8\u8bbe\u6709\u4e13\u95e8\u7684\u4ea7\u54c1\u9875\u9762\u3002\u60f3\u8981\u6bd4\u8f83 Anthropic \u8ba2\u9605\u6863\u4f4d\u7684\u8bfb\u8005\u53ef\u4f7f\u7528 <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-ai-plans-2026\/\">Claude \u514d\u8d39\u7248\u3001\u4e13\u4e1a\u7248\u548c\u9ad8\u7ea7\u7248\u5957\u9910\u5bf9\u6bd4<\/a> \u5728\u9009\u62e9\u8ba1\u8d39\u65b9\u5f0f\u4e4b\u524d\u3002.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"price-api-specs\">Claude Opus 5 \u4ef7\u683c\u3001API \u548c\u4e3b\u8981\u89c4\u683c<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5b98\u65b9 <a href=\"https:\/\/platform.claude.com\/docs\/en\/about-claude\/pricing\">Claude API\u4ef7\u683c<\/a> \u662f <strong>\u6bcf\u767e\u4e07\u8f93\u5165\u4ee3\u5e01\u4e3a $5<\/strong> \u548c <strong>\u6bcf\u767e\u4e07\u4e2a\u4ea7\u51fa\u4ee3\u5e01\u4e3a $25<\/strong>. \u8fd9\u4e9b\u662f\u57fa\u7840 API \u8d39\u7387\uff0c\u5e76\u975e Claude \u6d88\u8d39\u8005\u8ba2\u9605\u6216\u7b2c\u4e09\u65b9\u5e73\u53f0\u5957\u9910\u7684\u4ef7\u683c\u3002\u63d0\u793a\u7f13\u5b58\u548c\u6279\u91cf\u5904\u7406\u6709\u5355\u72ec\u7684\u8d39\u7387\uff0c\u56e0\u6b64\u8bf7\u6bd4\u8f83\u5b8c\u6574\u7684\u8bf7\u6c42\u6a21\u5f0f\uff0c\u800c\u4e0d\u662f\u4ec5\u5c06\u6807\u79f0\u8f93\u5165\u4ef7\u683c\u8fdb\u884c\u4e58\u6cd5\u8ba1\u7b97\u3002.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>\u5b57\u6bb5<\/th><th>Claude Opus 5<\/th><th>\u662f\u4ec0\u4e48\u610f\u601d<\/th><\/tr><\/thead><tbody><tr><td>Claude API ID<\/td><td><code>\u514b\u52b3\u5fb7-\u4f5c\u54c1\u7b2c5\u53f7<\/code><\/td><td>\u5728\u5b98\u65b9 Claude API \u8bf7\u6c42\u4e2d\uff0c\u8bf7\u4f7f\u7528\u6b64\u786e\u5207\u7684\u6a21\u578b\u503c\u3002.<\/td><\/tr><tr><td>\u57fa\u51c6\u8f93\u5165\u4ef7\u683c<\/td><td>$5 \/ MTok<\/td><td>\u7f13\u5b58\u6216\u6279\u91cf\u6298\u6263\u524d\u7684\u6807\u51c6\u8f93\u5165\u4ee4\u724c\u8d39\u7387\u3002.<\/td><\/tr><tr><td>\u57fa\u51c6\u51fa\u5382\u4ef7<\/td><td>$25 \/ MTok<\/td><td>\u8f93\u51fa\u5bc6\u96c6\u578b\u4ee3\u7406\u7684\u6210\u672c\u53ef\u80fd\u4f1a\u8fc5\u901f\u4e0a\u5347\u3002.<\/td><\/tr><tr><td>\u4e0a\u4e0b\u6587\u7a97\u53e3<\/td><td>100 \u4e07\u4ee3\u5e01<\/td><td>\u9002\u7528\u4e8e\u5927\u578b\u5b58\u50a8\u5e93\u548c\u6587\u6863\u96c6\u5408\uff0c\u5177\u4f53\u53d6\u51b3\u4e8e\u68c0\u7d22\u8bf7\u6c42\u7684\u8d28\u91cf\u548c\u68c0\u7d22\u7b56\u7565\u3002.<\/td><\/tr><tr><td>\u6700\u5927\u8f93\u51fa<\/td><td>128K \u4ee3\u5e01<\/td><td>\u9002\u7528\u4e8e\u540c\u6b65\u6d88\u606f API\uff1b\u6d88\u606f\u6279\u5904\u7406\u5219\u6709\u72ec\u7acb\u7684\u6d4b\u8bd5\u7248\u8def\u5f84\uff0c\u4e0a\u9650\u4e3a 30 \u4e07\u6761\u3002.<\/td><\/tr><tr><td>\u53ef\u9760\u7684\u77e5\u8bc6\u9608\u503c<\/td><td>2026\u5e745\u6708<\/td><td>\u6309\u6a21\u578b\u6807\u51c6\u6765\u770b\u7b97\u662f\u6700\u65b0\u7684\uff0c\u4f46\u4e0d\u80fd\u66ff\u4ee3\u5b9e\u65f6\u68c0\u7d22\u3002.<\/td><\/tr><tr><td>\u5ef6\u8fdf\u6bd4\u8f83<\/td><td>\u4e2d\u5ea6<\/td><td>\u8fd9\u4e0d\u662f Anthropic \u6700\u5feb\u7684\u6a21\u578b\uff1b\u5ef6\u8fdf\u4ecd\u4f1a\u56e0\u64cd\u4f5c\u65b9\u5f0f\u3001\u5de5\u5177\u548c\u5de5\u4f5c\u8d1f\u8f7d\u7684\u4e0d\u540c\u800c\u6709\u6240\u53d8\u5316\u3002.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-api-identity-v4.webp\"><img decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-api-identity-v4.webp\" alt=\"Claude \u5e73\u53f0\u6587\u6863\u4e2d\u7684\u8868\u683c\uff0c\u663e\u793a\u4e86 Claude Opus 5 \u7684 API ID \u548c\u522b\u540d\" width=\"1280\" height=\"316\"\/><\/a><figcaption class=\"wp-element-caption\">Claude \u5e73\u53f0\u5c06 claude-opus-5 \u8bc6\u522b\u4e3a\u5f53\u524d\u7684 Opus 5 API ID \u548c\u522b\u540d\u3002.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-pricing-v4.webp\"><img decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-pricing-v4.webp\" alt=\"Claude \u5e73\u53f0\u6587\u6863\u4e2d\u7684\u8868\u683c\uff0c\u5c55\u793a\u4e86 Claude Opus 5 \u7684\u5b9a\u4ef7\u3001\u9002\u7528\u573a\u666f\u3001\u6700\u5927\u8f93\u51fa\u53ca\u622a\u6b62\u89c4\u683c\" width=\"1280\" height=\"291\"\/><\/a><figcaption class=\"wp-element-caption\">Claude \u5e73\u53f0\u5c06 Opus 5 \u7684\u5b9a\u4ef7\u5b9a\u4e3a\u6bcf\u767e\u4e07\u8f93\u5165\/\u8f93\u51fa\u4ee4\u724c $5\/$25\uff0c\u5176\u4e0a\u4e0b\u6587\u7a97\u53e3\u4e3a 100 \u4e07\u4ee4\u724c\uff0c\u6700\u5927\u8f93\u51fa\u4e3a 12.8 \u4e07\u4ee4\u724c\uff0c\u622a\u6b62\u65e5\u671f\u4e3a 2026 \u5e74 5 \u6708\u3002.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-specifications-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-specifications-v4.webp\" alt=\"Claude \u5e73\u53f0\u6587\u6863\uff1aClaude Opus 5 \u7684\u4e0a\u4e0b\u6587\u3001\u8f93\u51fa\u548c\u622a\u65ad\u884c\" width=\"1280\" height=\"547\"\/><\/a><figcaption class=\"wp-element-caption\">Claude \u5e73\u53f0\u5217\u51fa\u7684\u53c2\u6570\u5305\u62ec 1M \u4e0a\u4e0b\u6587\u7a97\u53e3\u3001128k \u6700\u5927\u8f93\u51fa\u4ee5\u53ca 2026 \u5e74 5 \u6708\u7684\u622a\u6b62\u65e5\u671f\u3002.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u5173\u4e8e\u6d88\u8d39\u8005\u8bbf\u95ee\uff0c, <a href=\"https:\/\/claude.com\/pricing\">Anthropic \u7cfb\u5217\u4e2d\u7684 Claude Pro<\/a> \u5f53 $200 \u6309\u5e74\u8ba1\u8d39\u65f6\uff0c\u6309\u6708\u8d39\u7528\u4e3a $20\uff1b\u82e5\u6309\u6708\u8ba1\u8d39\uff0c\u5219\u4e3a $17\uff1bClaude Max \u7684\u8d77\u59cb\u6708\u8d39\u4e3a $100\u3002 Anthropic\u6307\u51fa\uff0cOpus 5\u662fPro\u7248\u672c\u4e2d\u6700\u5f3a\u5927\u7684\u578b\u53f7\uff0c\u4e5f\u662fMax\u7248\u672c\u7684\u9ed8\u8ba4\u914d\u7f6e\uff0c\u4f46\u5957\u9910\u914d\u989d\u548c\u4ea7\u54c1\u529f\u80fd\u4e0e\u6309\u91cf\u8ba1\u8d39\u7684API\u4f7f\u7528\u91cf\u662f\u5206\u5f00\u7684\u3002.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5982\u679c\u60a8\u9700\u8981\u66f4\u8be6\u7ec6\u7684\u8d39\u7528\u660e\u7ec6\uff0c\u8bf7\u53c2\u9605 <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-ai-pricing-2026-the-ultimate-guide-to-plans-api-costs-and-limits\/\">Claude AI \u5957\u9910\u53ca API \u5b9a\u4ef7\u6307\u5357<\/a> \u5c06\u7528\u6237\u8ba2\u9605\u3001API \u8ba1\u8d39\u548c\u4f7f\u7528\u9650\u5236\u533a\u5206\u5f00\u6765\u3002\u8fd9\u79cd\u533a\u5206\u5f88\u91cd\u8981\uff1a\u201c\u5305\u542b\u5728\u5957\u9910\u4e2d\u201d\u5e76\u4e0d\u610f\u5473\u7740 API \u8c03\u7528\u6b21\u6570\u65e0\u9650\u5236\uff0c\u800c\u4e14 API \u8d39\u7387\u4e5f\u65e0\u6cd5\u8bf4\u660e\u60a8\u80fd\u83b7\u5f97\u591a\u5c11\u7528\u6237\u804a\u5929\u8bbf\u95ee\u6743\u9650\u3002.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"official-benchmarks\">Claude Opus 5 \u57fa\u51c6\u6d4b\u8bd5\u7ed3\u679c<\/h2>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-ccf428d0 wp-block-group-is-layout-constrained\" style=\"border-radius:14px;border-left-color:#a87300;border-left-style:solid;border-left-width:6px;background-color:#fffaf0;margin-top:28px;margin-bottom:32px;padding-top:24px;padding-right:28px;padding-bottom:24px;padding-left:28px\">\n<p class=\"wp-block-paragraph\"><strong>\u91cd\u8981\u8fb9\u754c\uff1a<\/strong> \u4e0b\u56fe\u6240\u793a\u7684\u6570\u636e\u662f <a href=\"https:\/\/www.anthropic.com\/news\/claude-opus-5\">\u7531 Anthropic \u53d1\u5e03\u7684\u57fa\u51c6\u6d4b\u8bd5\u7ed3\u679c<\/a>, \uff0c\u8fd9\u4e9b\u5e76\u975e\u4e3a\u672c\u8bc4\u6d4b\u4e13\u95e8\u8fdb\u884c\u7684\u72ec\u7acb\u6d4b\u8bd5\u3002\u5b83\u4eec\u6709\u52a9\u4e8e\u7406\u89e3 Anthropic \u5728\u6027\u80fd\u4e0e\u6210\u672c\u65b9\u9762\u7684\u5b9a\u4f4d\uff0c\u4f46\u5e76\u4e0d\u80fd\u4fdd\u8bc1\u5728\u60a8\u7684\u63d0\u793a\u8bcd\u3001\u5de5\u5177\u3001\u4ee3\u7801\u5e93\u6216\u5ef6\u8fdf\u9884\u7b97\u4e0b\u4e5f\u80fd\u83b7\u5f97\u76f8\u540c\u7684\u7ed3\u679c\u3002.<\/p>\n\n\n<\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>\u8bc4\u4f30<\/th><th>Anthropic \u516c\u5f00\u7684\u58f0\u660e<\/th><th>\u5982\u4f55\u9605\u8bfb<\/th><\/tr><\/thead><tbody><tr><td>Frontier-Bench v0.1<\/td><td>Opus 5 \u7684\u6027\u80fd\u662f Opus 4.8 \u7684\u4e24\u500d\u591a\uff0c\u4e14\u6bcf\u9879\u4efb\u52a1\u7684\u6210\u672c\u66f4\u4f4e\u3002.<\/td><td>\u8fd9\u662f\u4e00\u4e2a\u5e7f\u6cdb\u7684\u4ee3\u7406\u6027\u80fd\u4fe1\u53f7\uff0c\u800c\u975e\u666e\u904d\u7684\u4e24\u500d\u63d0\u5347\u3002.<\/td><\/tr><tr><td>CursorBench 3.2<\/td><td>\u5728\u5168\u529b\u8fd0\u884c\u65f6\uff0cOpus 5 \u7684\u5f97\u5206\u4e0e Fable 5 \u7684\u5cf0\u503c\u5f97\u5206\u4ec5\u76f8\u5dee 0.5%\uff0c\u800c\u6bcf\u9879\u4efb\u52a1\u7684\u6210\u672c\u4ec5\u4e3a\u540e\u8005\u7684\u4e8c\u5206\u4e4b\u4e00\u3002.<\/td><td>\u5728 Anthropic \u7684\u7ecf\u8fc7\u9a8c\u8bc1\u7684\u52aa\u529b\u8bbe\u7f6e\u4e0b\uff0c\u7f16\u7801\u4ee3\u7406\u7684\u7ecf\u6d4e\u6027\u8868\u73b0\u5f3a\u52b2\u3002.<\/td><\/tr><tr><td>Zapier AutomationBench<\/td><td>\u5728\u6bcf\u9879\u4efb\u52a1\u6210\u672c\u76f8\u540c\u7684\u60c5\u51b5\u4e0b\uff0c\u5176\u901a\u8fc7\u7387\u7ea6\u4e3a\u6392\u540d\u7b2c\u4e8c\u7684\u901a\u8fc7\u7387\u76841.5\u500d\u3002.<\/td><td>\u5728\u7aef\u5230\u7aef\u4e1a\u52a1\u81ea\u52a8\u5316\u65b9\u9762\u524d\u666f\u53ef\u671f\uff1b\u4f46\u5de5\u4f5c\u6d41\u8bbe\u8ba1\u4f9d\u7136\u81f3\u5173\u91cd\u8981\u3002.<\/td><\/tr><tr><td>OSWorld 2.0<\/td><td>\u4ee5\u4ec5\u7565\u9ad8\u4e8eFable 5\u6700\u4f73\u6210\u7ee9\u4e09\u5206\u4e4b\u4e00\u7684\u4ef7\u683c\uff0c\u8d85\u8d8a\u4e86\u8be5\u6210\u7ee9\u3002.<\/td><td>\u8be5\u57fa\u51c6\u6d4b\u8bd5\u7ed3\u679c\u8868\u660e\uff0c\u8be5\u8ba1\u7b97\u673a\u7684\u4f7f\u7528\u6548\u7387\u9887\u5177\u5438\u5f15\u529b\u3002.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-cursorbench-proof-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-cursorbench-proof-v4.webp\" alt=\"Anthropic \u516c\u544a\u6587\u672c\uff0c\u5176\u4e2d\u5305\u542b Claude Opus 5 CursorBench 3.2 \u7684\u6027\u80fd\u4e0e\u6210\u672c\u5bf9\u6bd4\" width=\"1280\" height=\"374\"\/><\/a><figcaption class=\"wp-element-caption\">Anthropic \u8868\u793a\uff0cOpus 5 \u7684 CursorBench 3.2 \u6700\u9ad8\u5f97\u5206\u5df2\u903c\u8fd1 Fable 5 \u7684\u5cf0\u503c\uff0c\u5dee\u8ddd\u4ec5\u4e3a 0.5%\uff0c\u4e14\u6bcf\u4efb\u52a1\u6210\u672c\u4ec5\u4e3a\u540e\u8005\u7684\u4e8c\u5206\u4e4b\u4e00\u3002.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-knowledge-benchmark-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-knowledge-benchmark-v4.webp\" alt=\"Anthropic \u57fa\u51c6\u6d4b\u8bd5\u6587\u672c\uff0c\u5bf9\u6bd4 Zapier AutomationBench \u548c OSWorld 2.0 \u4e0a\u7684 Claude Opus 5\" width=\"1280\" height=\"423\"\/><\/a><figcaption class=\"wp-element-caption\">Anthropic \u62a5\u544a\u79f0\uff0c\u5728 Zapier AutomationBench \u6d4b\u8bd5\u4e2d\uff0c\u5176\u901a\u8fc7\u7387\u6bd4\u5176\u4ed6\u4ea7\u54c1\u9ad8\u51fa 1.5 \u500d\uff0c\u5e76\u5728 OSWorld 2.0 \u6d4b\u8bd5\u4e2d\u5c55\u73b0\u51fa\u6210\u672c\u4f18\u52bf\u3002.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u6295\u5165\u662f\u7ed3\u679c\u7684\u4e00\u90e8\u5206\u3002Anthropic \u6307\u51fa\uff0cOpus 5 \u5728 Claude API \u548c Claude \u4ee3\u7801\u4e2d\u9ed8\u8ba4\u91c7\u7528\u9ad8\u6295\u5165\u6a21\u5f0f\uff0c\u800c\u5176\u5bf9\u6bd4\u6d4b\u8bd5\u4e5f\u4f7f\u7528\u4e86\u9ad8\u3001x\u9ad8\u6216\u6700\u5927\u8bbe\u7f6e\u3002 \u66f4\u9ad8\u7684\u8ba1\u7b97\u5f3a\u5ea6\u867d\u80fd\u63d0\u9ad8\u9ad8\u96be\u5ea6\u4efb\u52a1\u7684\u6210\u529f\u7387\uff0c\u4f46\u4e5f\u4f1a\u589e\u52a0\u4ee3\u5e01\u6d88\u8017\u3001\u5ef6\u8fdf\uff0c\u6216\u4e24\u8005\u517c\u800c\u6709\u4e4b\u3002\u56e0\u6b64\uff0c\u6bcf\u9879\u4efb\u52a1\u7684\u57fa\u51c6\u6210\u672c\u6bd4\u5355\u7eaf\u7684\u6bcf\u4ee3\u5e01\u4ef7\u683c\u66f4\u80fd\u53cd\u6620\u5b9e\u9645\u60c5\u51b5\u2014\u2014\u4f46\u65e0\u8bba\u54ea\u79cd\u6307\u6807\uff0c\u90fd\u65e0\u6cd5\u66ff\u4ee3\u9488\u5bf9\u60a8\u81ea\u8eab\u5de5\u4f5c\u8d1f\u8f7d\u8fdb\u884c\u7684\u5b9e\u9645\u6d4b\u8bd5\u3002.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-we-tested\">\u6211\u4eec\u5982\u4f55\u6d4b\u8bd5 Claude Opus 5<\/h2>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-56c67e87 wp-block-group-is-layout-constrained\" style=\"border-color:#dbe4f0;border-style:solid;border-width:1px;border-radius:14px;background-color:#ffffff;margin-top:24px;margin-bottom:32px;padding-top:26px;padding-right:30px;padding-bottom:26px;padding-left:30px\">\n<p class=\"wp-block-paragraph\">\u6211\u4eec\u9488\u5bf9\u4e00\u4e2a\u7531\u4e09\u4e2a\u6587\u4ef6\u7ec4\u6210\u7684 CommonJS \u6d4b\u8bd5\u73af\u5883\uff0c\u6267\u884c\u4e86\u4e00\u9879\u7d27\u51d1\u7684\u6839\u672c\u539f\u56e0\u6392\u67e5\u4efb\u52a1\u3002\u8be5\u4efb\u52a1\u8981\u6c42\u6a21\u578b\u5728\u8fdb\u884c\u4fee\u6539\u524d\u5148\u627e\u51fa\u6839\u672c\u539f\u56e0\uff0c\u63d0\u51fa\u5c3d\u53ef\u80fd\u5c0f\u7684\u4fee\u590d\u65b9\u6848\uff0c\u6dfb\u52a0\u9488\u5bf9\u6027\u7684\u56de\u5f52\u6d4b\u8bd5\uff0c\u907f\u514d\u8fdb\u884c\u65e0\u5173\u7684\u4fee\u6539\uff0c\u5e76\u63d0\u4f9b\u7cbe\u786e\u7684\u9a8c\u8bc1\u547d\u4ee4\u3002.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u968f\u540e\uff0c\u6211\u4eec\u72ec\u7acb\u6838\u67e5\u4e86\u8be5\u8865\u4e01\uff0c\u800c\u4e0d\u662f\u4ec5\u4ec5\u56e0\u4e3a\u7b54\u6848\u542c\u8d77\u6765\u5f88\u80af\u5b9a\u5c31\u76f4\u63a5\u5c06\u5176\u89c6\u4e3a\u6b63\u786e\u3002\u8be5\u672c\u5730\u547d\u4ee4\u662f <code>node --test test\/account-summary.test.cjs<\/code>. \u5728\u4fee\u590d\u4e4b\u524d\uff0c\u8be5\u6d4b\u8bd5\u5957\u4ef6\u4ea7\u751f\u4e86\u4e00\u6b21\u901a\u8fc7\u548c\u4e00\u6b21\u5931\u8d25\u3002\u5e94\u7528\u7cbe\u786e\u76f8\u7b49\u6027\u8865\u4e01\u540e\uff0c\u8be5\u6d4b\u8bd5\u5957\u4ef6\u4ea7\u751f\u4e86\u4e24\u6b21\u901a\u8fc7\u548c\u96f6\u6b21\u5931\u8d25\u3002.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8be5\u65b9\u6cd5\u4e3a\u6211\u4eec\u63d0\u4f9b\u4e86\u4e00\u4e9b\u5173\u4e8e\u67d0\u79cd\u8c03\u8bd5\u5de5\u4f5c\u6d41\u7684\u6709\u7528\u4fe1\u606f\uff1a\u8bca\u65ad\u3001\u8865\u4e01\u89c4\u8303\u3001\u56de\u5f52\u6d4b\u8bd5\u8d28\u91cf\u4ee5\u53ca\u53ef\u9a8c\u8bc1\u6027\u3002\u5b83\u5e76\u4e0d\u8861\u91cf\u5e7f\u6cdb\u7684\u7f16\u7801\u9886\u5bfc\u529b\u3001\u957f\u671f\u7684\u4ee3\u7406\u53ef\u9760\u6027\u3001\u901f\u5ea6\uff0c nor \u8de8\u8bed\u8a00\u7684\u6027\u80fd\u3002.<\/p>\n\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hands-on-review\">Claude Opus 5 \u5b9e\u673a\u8bc4\u6d4b<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u6839\u672c\u539f\u56e0\u6392\u67e5\uff1a\u51c6\u786e\u3001\u7cbe\u7b80\u4e14\u53ef\u9a8c\u8bc1<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u5728\u6211\u4eec\u7684\u6d4b\u8bd5\u4e2d\uff0cClaude Opus 5 \u6b63\u786e\u5730\u5c06\u6545\u969c\u5b9a\u4f4d\u5230\u4e86 <code>normalizedQuery.startsWith(account.id.toLowerCase())<\/code>. \u4f7f\u7528\u4ee5\u4e0b\u67e5\u8be2 <code>ACCT-10<\/code>, \uff0c\u524d\u7f00\u68c0\u67e5\u5339\u914d\u6210\u529f <code>acct-1<\/code> \u9996\u5148\uff0c\u6240\u4ee5 <code>Array.prototype.find<\/code> \u5728\u627e\u5230\u786e\u5207\u7684ID\u4e4b\u524d\uff0c\u8fd4\u56de\u4e86\u9519\u8bef\u7684\u8d26\u6237\u3002.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8be5\u4fee\u590d\u65b9\u6848\u5c06\u524d\u7f00\u5339\u914d\u6539\u4e3a\u7cbe\u786e\u5339\u914d\uff0c\u5e76\u4e3a\u5e26\u586b\u5145\u7b26\u7684\u3001\u5927\u5c0f\u5199\u6df7\u5408\u7684 <code>ACCT-10<\/code> \u8f93\u5165\u3002\u5b83\u6ca1\u6709\u91cd\u5199\u65e0\u5173\u7684\u4ee3\u7801\u3002\u8fd9\u79cd\u514b\u5236\u5728\u5b9e\u9645\u7684\u4ee3\u7801\u5e93\u4e2d\u81f3\u5173\u91cd\u8981\uff0c\u56e0\u4e3a\u8303\u56f4\u8fc7\u5e7f\u7684\u201c\u6e05\u7406\u201d\u53ef\u80fd\u4f1a\u4ea7\u751f\u6bd4\u539f\u59cb bug \u66f4\u591a\u7684\u4ee3\u7801\u5ba1\u67e5\u5de5\u4f5c\u91cf\u3002.<\/p>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-ccf428d0 wp-block-group-is-layout-constrained\" style=\"border-radius:14px;border-left-color:#138a72;border-left-style:solid;border-left-width:6px;background-color:#f1faf7;margin-top:28px;margin-bottom:32px;padding-top:24px;padding-right:28px;padding-bottom:24px;padding-left:28px\">\n<p class=\"wp-block-paragraph\">\u6700\u7cbe\u5f69\u7684\u90e8\u5206\u662f\u5b8c\u6574\u7684\u95ed\u73af\u6d41\u7a0b\uff1a\u627e\u51fa\u6839\u672c\u539f\u56e0\uff0c\u89e3\u91ca\u73b0\u6709\u6d4b\u8bd5\u4e3a\u4f55\u672a\u80fd\u53d1\u73b0\u8be5\u95ee\u9898\uff0c\u8fdb\u884c\u6700\u5c0f\u7684\u4fee\u6539\uff0c\u6dfb\u52a0\u6b63\u786e\u7684\u56de\u5f52\u6d4b\u8bd5\uff0c\u5e76\u7ed9\u51fa\u7528\u4e8e\u9a8c\u8bc1\u7684\u547d\u4ee4\u3002\u8fd9\u4e00\u7ed3\u679c\u4e0eOpus 5\u4f5c\u4e3a\u7f16\u7801\u4ee3\u7406\u7684\u5b9a\u4f4d\u76f8\u4e00\u81f4\uff0c\u4f46\u76ee\u524d\u4ecd\u4ec5\u9650\u4e8e\u4e00\u4e2a\u6d4b\u8bd5\u7528\u4f8b\u3002\u5982\u9700\u4e86\u89e3\u66f4\u5168\u9762\u7684\u5de5\u4f5c\u6d41\u5165\u95e8\u6307\u5357\uff0c\u8bf7\u53c2\u9605 <a href=\"https:\/\/www.glbgpt.com\/hub\/how-to-use-claude-ai-for-coding\/\">\u5982\u4f55\u4f7f\u7528\u514b\u52b3\u5fb7\u4eba\u5de5\u667a\u80fd\u8fdb\u884c\u7f16\u7801<\/a>.<\/p>\n\n\n<\/div>\n\n\n<!-- OPUS5_TEST_LAB_START -->\n\n<h3 class=\"wp-block-heading\">T1\u2013T4 \u5b8c\u6574\u9898\u76ee\u3001\u7b54\u6848\u53ca\u53ef\u590d\u5236\u7684\u4ee3\u7801<\/h3>\n\n\n\n<style>\n.opus5-test-panel{border:1px solid #dedede;border-radius:18px;margin:24px 0;overflow:hidden;background:#fff}.opus5-test-panel summary{cursor:pointer;padding:17px 22px;font-weight:700;background:#f7f5ff}.opus5-test-inner{padding:22px}.opus5-copy-row,.opus5-answer-bar,.opus5-code-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.opus5-copy-row button,.opus5-answer-bar button{border:1px solid #d6d6d6;border-radius:9px;background:#fff;color:#444;padding:8px 13px;font-weight:650;cursor:pointer}.opus5-prompt{white-space:pre-wrap;overflow:auto;max-height:520px;background:#151923;color:#f0f0f0;padding:18px;border-radius:12px}.opus5-answer-shell{margin-top:22px;border:1px solid #e1e1e1;border-radius:18px;overflow:hidden;background:#fff}.opus5-answer-bar{padding:15px 20px;border-bottom:1px solid #e8e8e8}.opus5-answer-body{padding:24px 20px 28px;color:#252525}.opus5-answer-heading{font-family:Georgia,serif;font-size:1.35rem;line-height:1.25;margin:26px 0 12px}.opus5-answer-heading:first-child{margin-top:0}.opus5-answer-paragraph{line-height:1.7;margin:0 0 16px}.opus5-code-card{margin:18px 0 24px;border-radius:20px;overflow:hidden;background:#f7f7f7;border:1px solid #efefef}.opus5-code-toolbar{padding:16px 20px;color:#686868}.opus5-window-dots{display:flex;gap:8px}.opus5-window-dots i{display:block;width:17px;height:17px;border-radius:50%;background:#ef6a62}.opus5-window-dots i:nth-child(2){background:#f4be4f}.opus5-window-dots i:nth-child(3){background:#61c554}.opus5-code-actions{display:flex;align-items:center;gap:16px}.opus5-code-actions button{border:0;background:transparent;color:#5f5f5f;font:inherit;cursor:pointer;padding:2px}.opus5-code-view{margin:0;max-height:680px;overflow:auto;padding:18px 0 24px;background:#f7f7f7;color:#596273;font:16px\/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.opus5-code-view code{display:table;min-width:100%;width:max-content}.opus5-code-line{display:table-row}.opus5-line-number{display:table-cell;user-select:none;text-align:right;color:#999;padding:0 20px 0 16px;min-width:2.5em}.opus5-line-text{display:table-cell;white-space:pre;padding-right:24px}.opus5-diff-add .opus5-line-text{color:#75a95a}.opus5-diff-delete .opus5-line-text{color:#e7656b}.opus5-diff-hunk .opus5-line-text{color:#4d9eea}.opus5-diff-file .opus5-line-text{color:#596273;font-style:italic}.opus5-copy-source,.opus5-answer-copy-source{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:pre!important;border:0!important}@media(max-width:640px){.opus5-test-inner{padding:14px}.opus5-answer-body{padding:20px 14px}.opus5-code-view{font-size:13px}.opus5-line-number{padding-left:10px;padding-right:12px}}\n<\/style>\n\n\n\n<h3 class=\"wp-block-heading\">T1\uff1a\u6839\u672c\u539f\u56e0\u6392\u67e5<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u901a\u8fc7\u2014\u2014\u53d1\u73b0\u4e86\u524d\u7f00\u5339\u914d\u7f3a\u9677\uff0c\u63d0\u51fa\u4e86\u6700\u5c0f\u7684\u8865\u4e01\uff0c\u5e76\u6dfb\u52a0\u4e86\u4e00\u4e2a\u9488\u5bf9\u6027\u7684\u56de\u5f52\u6d4b\u8bd5\u3002.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t1-result-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t1-result-v4.webp\" alt=\"Claude Opus 5 \u4e2a\u52a8\u624b\u5b9e\u8df5\u7684\u6839\u672c\u539f\u56e0\u6392\u67e5\u7ed3\u679c\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">\u786e\u5b9a\u4e86\u524d\u7f00\u5339\u914d\u662f\u7f3a\u9677\u6240\u5728\uff1b\u89e3\u91ca\u4e86\u65e7\u6d4b\u8bd5\u4e3a\u4f55\u672a\u80fd\u53d1\u73b0\u8be5\u7f3a\u9677\uff1b\u63d0\u51fa\u4e86\u201c\u7cbe\u786e\u76f8\u7b49\u52a0\u4e00\u201d\u7684\u56de\u5f52\u6d4b\u8bd5\u65b9\u6848\u3002.<\/figcaption><\/figure>\n\n\n\n<div class=\"opus5-test-panel\" style=\"border:1px solid #dedede;border-radius:18px;margin:24px 0;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(30,30,30,.05)\"><details><summary style=\"cursor:pointer;padding:16px 20px;font-size:16px;font-weight:700;line-height:1.4;background:#f7f5ff;color:#29243d\">\u67e5\u770b\u5b8c\u6574\u7684T1\u9898\u76ee\u548c\u7b54\u6848<\/summary><div class=\"opus5-test-inner\" style=\"padding:20px;background:#fff\"><div class=\"opus5-copy-row\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;color:#252525\"><strong style=\"font-size:15px\">\u5b8c\u6574\u7684\u63d0\u793a\u8bed<\/strong><button type=\"button\" onclick=\"opus5Copy('T1-prompt',this)\" style=\"border:1px solid #d4d4d4;border-radius:9px;background:#fff;color:#444;padding:7px 12px;font-size:14px;font-weight:650;cursor:pointer\">\u590d\u5236\u63d0\u793a\u8bed<\/button><\/div><pre id=\"T1-prompt\" class=\"opus5-prompt\" style=\"box-sizing:border-box;width:100%;white-space:pre-wrap;overflow:auto;max-height:520px;margin:0;background:#171b25;color:#eef1f6;padding:17px 18px;border-radius:12px;font:13px\/1.62 ui-monospace,SFMono-Regular,Consolas,monospace\">\u60a8\u6b63\u5728\u8c03\u8bd5\u4e00\u4e2a\u7279\u610f\u8bbe\u8ba1\u5f97\u975e\u5e38\u7b80\u5355\u7684 CommonJS \u6d4b\u8bd5\u73af\u5883\u3002\u8bf7\u4ec5\u57fa\u4e8e\u4ee5\u4e0b\u4e09\u4e2a\u6587\u4ef6\u548c\u6240\u8ff0\u7684\u91cd\u73b0\u6b65\u9aa4\u8fdb\u884c\u8c03\u8bd5\u3002\n\n\u8981\u6c42\uff1a\n1. \u5728\u63d0\u51fa\u4efb\u4f55\u4fee\u6539\u5efa\u8bae\u4e4b\u524d\uff0c\u8bf7\u5148\u8bf4\u660e\u6839\u672c\u539f\u56e0\u3002\n2. \u63d0\u51fa\u80fd\u4fee\u590d\u8be5 bug \u7684\u6700\u5c0f\u8865\u4e01\u3002\n3. \u6dfb\u52a0\u4e00\u4e2a\u9488\u5bf9\u6027\u5f3a\u7684\u56de\u5f52\u6d4b\u8bd5\uff0c\u8be5\u6d4b\u8bd5\u5728\u4fee\u590d\u524d\u5e94\u5931\u8d25\uff0c\u4fee\u590d\u540e\u5e94\u901a\u8fc7\u3002\n4. \u63d0\u4f9b\u4ece\u6d4b\u8bd5\u73af\u5883\u6839\u76ee\u5f55\u8fd0\u884c\u7684\u7cbe\u786e\u9a8c\u8bc1\u547d\u4ee4\u3002\n5. \u8bf7\u52ff\u91cd\u5199\u65e0\u5173\u4ee3\u7801\u3002\u8bf7\u52ff\u91cd\u547d\u540d\u6587\u4ef6\u3001\u6dfb\u52a0\u4f9d\u8d56\u9879\u6216\u66f4\u6539\u516c\u5171 API\u3002\n6. \u8bf7\u6309\u4ee5\u4e0b\u987a\u5e8f\u7cbe\u786e\u8fd4\u56de\u8fd9\u4e9b\u90e8\u5206\uff1a`ROOT CAUSE`\u3001`PATCH`\u3001`VERIFICATION`\u3001`LIMITATIONS`\u3002\n7. \u5728 `PATCH` \u90e8\u5206\uff0c\u8bf7\u5728\u5e26\u56f4\u680f\u7684 `diff` \u4ee3\u7801\u5757\u4e2d\u63d0\u4f9b\u4e00\u4e2a\u7edf\u4e00\u7684\u5dee\u5f02\uff08unified diff\uff09\u3002\u5728 `VERIFICATION` \u90e8\u5206\uff0c\u8bf7\u5728\u5e26\u56f4\u680f\u7684 `text` \u4ee3\u7801\u5757\u4e2d\u63d0\u4f9b\u4e00\u6761\u547d\u4ee4\u3002\n\n\u91cd\u73b0\u6b65\u9aa4\uff1a`summarizeAccount(accounts, ' ACCT-10 ')` \u5e94\u8fd4\u56de `{ id: 'acct-10', name: 'Nimbus', seats: 24 }`\uff0c\u4f46\u5b9e\u9645\u8fd4\u56de\u4e86 `acct-1` \u8d26\u6237\u3002\n\n\u6587\u4ef6\uff1a`src\/find-account.cjs`\n```js\nfunction findAccount(accounts, query) {\n  const normalizedQuery = query.trim().toLowerCase();\n  return accounts.find((account) =&gt;\n    normalizedQuery.startsWith(account.id.toLowerCase()),\n  );\n}\n\nmodule.exports = { findAccount };\n```\n\n\u6587\u4ef6\uff1a`src\/account-summary.cjs`\n```js\nconst { findAccount } = require('.\/find-account.cjs');\n\nfunction summarizeAccount(accounts, requestedId) {\n  const account = findAccount(accounts, requestedId);\n  if (!account) return null;\n  return { id: account.id, name: account.name, seats: account.seats };\n}\n\nmodule.exports = { summarizeAccount };\n```\n\n\u6587\u4ef6\uff1a`test\/account-summary.test.cjs`\n```js\nconst test = require('node:test');\nconst assert = require('node:assert\/strict');\nconst { summarizeAccount } = require('..\/src\/account-summary.cjs');\n\nconst accounts = [\n  { id: 'acct-1', name: 'Atlas', seats: 5 },\n  { id: 'acct-10', name: 'Nimbus', seats: 24 },\n];\n\ntest('\u6c47\u603b\u6307\u5b9a\u8d26\u6237 ID')\uff0c() =&gt; {\n  assert.deepEqual(summarizeAccount(accounts, 'acct-1'), {\n    id: 'acct-1',\n    name: 'Atlas',\n    seats: 5,\n  });\n});\n```<\/pre><div class=\"opus5-answer-shell\" style=\"margin-top:22px;border:1px solid #dedede;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(22,22,22,.06)\"><div class=\"opus5-answer-bar\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8;background:#fff;color:#242424\"><strong style=\"font-size:15px\">Claude Opus 5<\/strong><button type=\"button\" onclick=\"opus5Copy('T1-answer-copy',this)\" style=\"border:1px solid #d4d4d4;border-radius:9px;background:#fff;color:#444;padding:7px 12px;font-size:14px;font-weight:650;cursor:pointer\">\u590d\u5236\u7b54\u6848<\/button><\/div><div class=\"opus5-answer-body\" style=\"padding:22px 20px 26px;color:#252525;background:#fff\"><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">\u6839\u672c\u539f\u56e0<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">findAccount \u6839\u636e\u524d\u7f00\u8fdb\u884c\u5339\u914d\uff0c\u800c\u975e\u6839\u636e\u5b8c\u5168\u76f8\u7b49\u6027\uff1a<\/p><div class=\"opus5-code-card\" data-code-language=\"js\" style=\"margin:18px 0 24px;border-radius:18px;overflow:hidden;background:#f7f7f7;border:1px solid #ececec\"><div class=\"opus5-code-toolbar\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;color:#686868;background:#f7f7f7\"><span class=\"opus5-window-dots\" aria-hidden=\"true\" style=\"display:flex;gap:7px\"><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#ef6a62\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#f4be4f\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#61c554\"><\/i><\/span><span class=\"opus5-code-actions\" style=\"display:flex;align-items:center;gap:15px;font-size:14px\"><span>js<\/span><button type=\"button\" onclick=\"opus5Copy('T1-code-1',this)\" style=\"border:0;background:transparent;color:#555;font:inherit;cursor:pointer;padding:3px 5px\">\u590d\u5236<\/button><\/span><\/div><pre class=\"opus5-code-view\" style=\"margin:0;max-height:680px;overflow:auto;padding:16px 0 22px;background:#f7f7f7;color:#596273;font:14px\/1.58 ui-monospace,SFMono-Regular,Consolas,monospace\"><code style=\"display:table;min-width:100%;width:max-content\"><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">1<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">normalizedQuery.startsWith(account.id.toLowerCase())<\/span><\/span><\/code><\/pre><pre id=\"T1-code-1\" class=\"opus5-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">normalizedQuery.startsWith(account.id.toLowerCase())<\/pre><\/div><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Array.prototype.find \u8fd4\u56de\u7b2c\u4e00\u4e2a\u6ee1\u8db3\u8c13\u8bcd\u6761\u4ef6\u7684\u5143\u7d20\u3002 \u5bf9\u4e8e\u2018ACCT-10\u2018\uff0c\u89c4\u8303\u5316\u540e\u7684\u67e5\u8be2\u4e3a\u2018acct-10\u2019\uff0c\u800c\u7b2c\u4e00\u4e2a\u8d26\u6237\u7684 ID\u2018acct-1\u2019\u662f\u5176\u524d\u7f00\uff0c\u56e0\u6b64 startsWith \u8fd4\u56de true\uff0c\u4e14 acct-1 \u4f1a\u5728 acct-10 \u88ab\u6d4b\u8bd5\u4e4b\u524d\u5c31\u7ec8\u6b62\u641c\u7d22\u3002.<br>trim().toLowerCase() \u7684\u89c4\u8303\u5316\u5904\u7406\u662f\u6b63\u786e\u7684\u2014\u2014\u7a7a\u683c\u548c\u5927\u5c0f\u5199\u5e76\u4e0d\u662f\u95ee\u9898\u6240\u5728\u3002summarizeAccount \u53ea\u662f\u4e00\u4e2a\u4f20\u9012\u51fd\u6570\uff0c\u5e76\u4e0d\u5b58\u5728\u95ee\u9898\u3002.<br>\u73b0\u6709\u7684\u6d4b\u8bd5\u65e0\u6cd5\u68c0\u6d4b\u5230\u8fd9\u4e00\u70b9\uff1a\u2018acct-1\u2019\u65e2\u662f\u5176\u81ea\u8eab\u7684\u540e\u7f00\uff0c\u53c8\u662f\u7b2c\u4e00\u4e2a\u5143\u7d20\uff0c\u56e0\u6b64\u5bf9\u4e8e\u8be5\u8f93\u5165\uff0c\u540e\u7f00\u5339\u914d\u548c\u7cbe\u786e\u5339\u914d\u65e0\u6cd5\u533a\u5206\u3002.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">PATCH<\/h4><div class=\"opus5-code-card\" data-code-language=\"diff\" style=\"margin:18px 0 24px;border-radius:18px;overflow:hidden;background:#f7f7f7;border:1px solid #ececec\"><div class=\"opus5-code-toolbar\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;color:#686868;background:#f7f7f7\"><span class=\"opus5-window-dots\" aria-hidden=\"true\" style=\"display:flex;gap:7px\"><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#ef6a62\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#f4be4f\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#61c554\"><\/i><\/span><span class=\"opus5-code-actions\" style=\"display:flex;align-items:center;gap:15px;font-size:14px\"><span>diff<\/span><button type=\"button\" onclick=\"opus5Copy('T1-code-2',this)\" style=\"border:0;background:transparent;color:#555;font:inherit;cursor:pointer;padding:3px 5px\">\u590d\u5236<\/button><\/span><\/div><pre class=\"opus5-code-view\" style=\"margin:0;max-height:680px;overflow:auto;padding:16px 0 22px;background:#f7f7f7;color:#596273;font:14px\/1.58 ui-monospace,SFMono-Regular,Consolas,monospace\"><code style=\"display:table;min-width:100%;width:max-content\"><span class=\"opus5-code-line opus5-diff-file\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">1<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">--- a\/src\/find-account.cjs<\/span><\/span><span class=\"opus5-code-line opus5-diff-file\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">2<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+++ b\/src\/find-account.cjs<\/span><\/span><span class=\"opus5-code-line opus5-diff-hunk\" style=\"display:table-row;color:#3182ce\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">3<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">@@ -1,8 +1,8 @@<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">4<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> function findAccount(accounts, query) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">5<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">   const normalizedQuery = query.trim().toLowerCase();<\/span><\/span><span class=\"opus5-code-line opus5-diff-delete\" style=\"display:table-row;color:#df5e65\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">6<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">-  return accounts.find((account) =&gt;<\/span><\/span><span class=\"opus5-code-line opus5-diff-delete\" style=\"display:table-row;color:#df5e65\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">7<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">-    normalizedQuery.startsWith(account.id.toLowerCase()),<\/span><\/span><span class=\"opus5-code-line opus5-diff-delete\" style=\"display:table-row;color:#df5e65\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">8<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">-  );<\/span><\/span><span class=\"opus5-code-line opus5-diff-add\" style=\"display:table-row;color:#659b4d\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">9<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+  return accounts.find(<\/span><\/span><span class=\"opus5-code-line opus5-diff-add\" style=\"display:table-row;color:#659b4d\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">10<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+    (account) =&gt; account.id.toLowerCase() === normalizedQuery,<\/span><\/span><span class=\"opus5-code-line opus5-diff-add\" style=\"display:table-row;color:#659b4d\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">11<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+  );<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">12<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">13<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">14<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> module.exports = { findAccount };<\/span><\/span><span class=\"opus5-code-line opus5-diff-file\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">15<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">--- a\/test\/account-summary.test.cjs<\/span><\/span><span class=\"opus5-code-line opus5-diff-file\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">16<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+++ b\/test\/account-summary.test.cjs<\/span><\/span><span class=\"opus5-code-line opus5-diff-hunk\" style=\"display:table-row;color:#3182ce\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">17<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">@@ -14,3 +14,11 @@<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">18<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> test('summarizes an exact account ID', () =&gt; {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">19<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">     seats: 5,<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">20<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">   });<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">21<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> });<\/span><\/span><span class=\"opus5-code-line opus5-diff-add\" style=\"display:table-row;color:#659b4d\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">22<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+<\/span><\/span><span class=\"opus5-code-line opus5-diff-add\" style=\"display:table-row;color:#659b4d\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">23<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+test('matches the full ID rather than a prefix, with padding and mixed case', () =&gt; {<\/span><\/span><span class=\"opus5-code-line opus5-diff-add\" style=\"display:table-row;color:#659b4d\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">24<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+  assert.deepEqual(summarizeAccount(accounts, ' ACCT-10 '), {<\/span><\/span><span class=\"opus5-code-line opus5-diff-add\" style=\"display:table-row;color:#659b4d\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">25<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+    id: 'acct-10',<\/span><\/span><span class=\"opus5-code-line opus5-diff-add\" style=\"display:table-row;color:#659b4d\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">26<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+    name: 'Nimbus',<\/span><\/span><span class=\"opus5-code-line opus5-diff-add\" style=\"display:table-row;color:#659b4d\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">27<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+    seats: 24,<\/span><\/span><span class=\"opus5-code-line opus5-diff-add\" style=\"display:table-row;color:#659b4d\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">28<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+  });<\/span><\/span><span class=\"opus5-code-line opus5-diff-add\" style=\"display:table-row;color:#659b4d\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">29<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">+});<\/span><\/span><\/code><\/pre><pre id=\"T1-code-2\" class=\"opus5-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">--- a\/src\/find-account.cjs\n+++ b\/src\/find-account.cjs\n@@ -1,8 +1,8 @@\n function findAccount(accounts, query) {\n   const normalizedQuery = query.trim().toLowerCase();\n-  return accounts.find((account) =&gt;\n-    normalizedQuery.startsWith(account.id.toLowerCase()),\n-  );\n+  return accounts.find(\n+    (account) =&gt; account.id.toLowerCase() === normalizedQuery,\n+  );\n }\n\n module.exports = { findAccount };\n--- a\/test\/account-summary.test.cjs\n+++ b\/test\/account-summary.test.cjs\n@@ -14,3 +14,11 @@\n test('\u6c47\u603b\u7cbe\u786e\u7684\u8d26\u6237 ID', () =&gt; {\n seats: 5,\n   });\n });\n+\n+test('\u5339\u914d\u5b8c\u6574\u7684 ID \u800c\u975e\u524d\u7f00\uff0c\u5305\u542b\u586b\u5145\u5b57\u7b26\u4e14\u5927\u5c0f\u5199\u4e0d\u5206', () =&gt; {\n+  assert.deepEqual(summarizeAccount(accounts, ' ACCT-10 '), {\n+    id: 'acct-10',\n+    name: 'Nimbus',\n+    seats: 24,\n+  });\n+});<\/pre><\/div><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">\u4fee\u590d\u4e4b\u524d\uff0c\u65b0\u6d4b\u8bd5\u5728 acct-1 \/ Atlas \/ 5 \u5bf9\u8c61\u4e0a\u4f1a\u5931\u8d25\uff1b\u4fee\u590d\u540e\u5219\u901a\u8fc7\u4e86\u3002.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">\u9a8c\u8bc1<\/h4><div class=\"opus5-code-card\" data-code-language=\"text\" style=\"margin:18px 0 24px;border-radius:18px;overflow:hidden;background:#f7f7f7;border:1px solid #ececec\"><div class=\"opus5-code-toolbar\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;color:#686868;background:#f7f7f7\"><span class=\"opus5-window-dots\" aria-hidden=\"true\" style=\"display:flex;gap:7px\"><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#ef6a62\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#f4be4f\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#61c554\"><\/i><\/span><span class=\"opus5-code-actions\" style=\"display:flex;align-items:center;gap:15px;font-size:14px\"><span>\u6587\u672c<\/span><button type=\"button\" onclick=\"opus5Copy('T1-code-3',this)\" style=\"border:0;background:transparent;color:#555;font:inherit;cursor:pointer;padding:3px 5px\">\u590d\u5236<\/button><\/span><\/div><pre class=\"opus5-code-view\" style=\"margin:0;max-height:680px;overflow:auto;padding:16px 0 22px;background:#f7f7f7;color:#596273;font:14px\/1.58 ui-monospace,SFMono-Regular,Consolas,monospace\"><code style=\"display:table;min-width:100%;width:max-content\"><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">1<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">node --test test\/account-summary.test.cjs<\/span><\/span><\/code><\/pre><pre id=\"T1-code-3\" class=\"opus5-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">node --test test\/account-summary.test.cjs<\/pre><\/div><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">\u9650\u5236\u6761\u6b3e<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">\u2022 \u8303\u56f4\uff1a\u66f4\u6539\u4e86\u4e00\u4e2a\u8fd0\u7b97\u7b26\u3002\u672a\u8fdb\u884c\u91cd\u547d\u540d\uff0c\u672a\u65b0\u589e\u4f9d\u8d56\u9879\uff0c\u4e14 findAccount \/ summarizeAccount \u7684\u7b7e\u540d\u548c\u8fd4\u56de\u7c7b\u578b\u5747\u4fdd\u6301\u4e0d\u53d8\u3002.<br>\u2022 \u539f\u6709\u884c\u4e3a\u4fdd\u6301\u4e0d\u53d8\uff08\u4e0d\u5728\u6b64\u9519\u8bef\u7684\u8303\u56f4\u4e4b\u5185\uff09\uff1a<br>\u2022 \u82e5 requestedId \u4e0d\u662f\u5b57\u7b26\u4e32\uff08null \u6216\u6570\u5b57\uff09\uff0c\u5728\u8c03\u7528 .trim() \u65f6\u4ecd\u4f1a\u629b\u51fa\u5f02\u5e38\u3002.<br>\u2022 \u8d26\u6237 ID \u672c\u8eab\u4e0d\u4f1a\u88ab\u622a\u65ad\uff0c\u56e0\u6b64\u5b58\u50a8\u7684\u2018acct-10\u2019\u4ecd\u65e0\u6cd5\u5339\u914d\u2014\u2014\u53ea\u6709\u67e5\u8be2\u6761\u4ef6\u4f1a\u88ab\u89c4\u8303\u5316\u3002.<br>\u2022 \u533a\u5206\u5927\u5c0f\u5199\u65f6\u4f7f\u7528\u7b80\u5355\u7684 toLowerCase() \u65b9\u6cd5\uff1b\u4e0d\u8fdb\u884c Unicode \u89c4\u8303\u5316\u5904\u7406\uff0c\u4e5f\u4e0d\u8fdb\u884c\u57fa\u4e8e\u533a\u57df\u8bbe\u7f6e\u7684\u6298\u53e0\u5904\u7406\u3002.<br>\u2022 \u91cd\u590d\u7684 ID \u4ecd\u4f1a\u89e3\u6790\u4e3a\u7b2c\u4e00\u4e2a\u5339\u914d\u9879\uff0c\u4e14\u67e5\u627e\u64cd\u4f5c\u7684\u65f6\u95f4\u590d\u6742\u5ea6\u4ecd\u4e3a O(n)\u3002.<br>\u2022 \u6d4b\u8bd5\u8986\u76d6\u7387\uff1a\u8be5\u5355\u4e2a\u56de\u5f52\u6d4b\u8bd5\u4ec5\u9488\u5bf9\u62a5\u544a\u7684\u590d\u73b0\u60c5\u51b5\u3002\u672a\u627e\u5230\uff08\u7a7a\uff09\u8def\u5f84\u548c\u683c\u5f0f\u9519\u8bef\u7684\u8f93\u5165\u4ecd\u672a\u7ecf\u8fc7\u6d4b\u8bd5\u3002.<\/p><\/div><pre id=\"T1-answer-copy\" class=\"opus5-answer-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">ROOT CAUSE\nfindAccount matches by prefix, not by equality:\n\n```js\nnormalizedQuery.startsWith(account.id.toLowerCase())\n```\n\nArray.prototype.find returns the first element satisfying the predicate. For ' ACCT-10 ' the normalized query is 'acct-10', and the first account's ID 'acct-1' is a prefix of it, so startsWith is true and acct-1 short-circuits the search before acct-10 is ever tested.\nThe trim().toLowerCase() normalization is correct \u2014 whitespace and casing are not the problem. summarizeAccount is a pass-through and is not at fault.\nThe existing test cannot catch this: 'acct-1' is a prefix of itself and is the first element, so prefix matching and exact matching are indistinguishable for that input.\nPATCH\n\n```diff\n--- a\/src\/find-account.cjs\n+++ b\/src\/find-account.cjs\n@@ -1,8 +1,8 @@\n function findAccount(accounts, query) {\n   const normalizedQuery = query.trim().toLowerCase();\n-  return accounts.find((account) =&gt;\n-    normalizedQuery.startsWith(account.id.toLowerCase()),\n-  );\n+  return accounts.find(\n+    (account) =&gt; account.id.toLowerCase() === normalizedQuery,\n+  );\n }\n\n module.exports = { findAccount };\n--- a\/test\/account-summary.test.cjs\n+++ b\/test\/account-summary.test.cjs\n@@ -14,3 +14,11 @@\n test('summarizes an exact account ID', () =&gt; {\n     seats: 5,\n   });\n });\n+\n+test('matches the full ID rather than a prefix, with padding and mixed case', () =&gt; {\n+  assert.deepEqual(summarizeAccount(accounts, ' ACCT-10 '), {\n+    id: 'acct-10',\n+    name: 'Nimbus',\n+    seats: 24,\n+  });\n+});\n```\n\nBefore the fix the new test fails with the acct-1 \/ Atlas \/ 5 object; after the fix it passes.\nVERIFICATION\n\n```text\nnode --test test\/account-summary.test.cjs\n```\n\nLIMITATIONS\n\u2022 Scope: one operator changed. No renames, no new dependencies, and findAccount \/ summarizeAccount signatures and return shapes are unchanged.\n\u2022 Pre-existing behavior left alone (out of scope for this bug):\n\u2022 A non-string requestedId (null, a number) still throws on .trim().\n\u2022 Account IDs themselves are not trimmed, so a stored ' acct-10' still will not match \u2014 only the query is normalized.\n\u2022 Casing uses plain toLowerCase(); no Unicode normalization or locale-aware folding.\n\u2022 Duplicate IDs still resolve to the first match, and lookup remains O(n).\n\u2022 Test coverage: the single regression test targets exactly the reported reproduction. The not-found (null) path and malformed input remain untested.<\/pre><\/div><\/div><\/details><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">T2\uff1a\u8d26\u6237\u5065\u5eb7\u72b6\u51b5\u5206\u6790<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u4e0d\u5b8c\u6574\u2014\u2014\u8ba1\u7b97\u4e86\u6838\u5fc3\u6307\u6807\u5e76\u786e\u5b9a\u4e86\u884c\u52a8\u4f18\u5148\u7ea7\uff0c\u4f46\u6355\u83b7\u7684\u7b54\u6848\u672b\u5c3e\u7f3a\u5c11\u8981\u6c42\u7684\u201c\u91cd\u65b0\u68c0\u67e5\u201d\u6807\u8bb0\u3002.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t2-result-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t2-result-v4.webp\" alt=\"Claude Opus \u7b2c5\u6b21\u5b9e\u8df5\u6027\u8d26\u6237\u5065\u5eb7\u72b6\u51b5\u5206\u6790\u7ed3\u679c\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">\u8ba1\u7b97\u5f97\u51fa $34,800 \u4e2a\u9ad8\u98ce\u9669 MRR\uff0894.31%\uff09\uff1b\u5df2\u5c06 E-505 \u5347\u7ea7\u5e76\u6392\u5e8f\u540e\u7eed\u884c\u52a8\uff1b\u7b54\u590d\u7ed3\u675f\u65f6\u672a\u5305\u542b\u6240\u8981\u6c42\u7684\u201c\u91cd\u65b0\u68c0\u67e5\u201d\u6807\u8bb0\u3002.<\/figcaption><\/figure>\n\n\n\n<div class=\"opus5-test-panel\" style=\"border:1px solid #dedede;border-radius:18px;margin:24px 0;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(30,30,30,.05)\"><details><summary style=\"cursor:pointer;padding:16px 20px;font-size:16px;font-weight:700;line-height:1.4;background:#f7f5ff;color:#29243d\">\u67e5\u770b\u5b8c\u6574\u7684T2\u9898\u76ee\u548c\u7b54\u6848<\/summary><div class=\"opus5-test-inner\" style=\"padding:20px;background:#fff\"><div class=\"opus5-copy-row\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;color:#252525\"><strong style=\"font-size:15px\">\u5b8c\u6574\u7684\u63d0\u793a\u8bed<\/strong><button type=\"button\" onclick=\"opus5Copy('T2-prompt',this)\" style=\"border:1px solid #d4d4d4;border-radius:9px;background:#fff;color:#444;padding:7px 12px;font-size:14px;font-weight:650;cursor:pointer\">\u590d\u5236\u63d0\u793a\u8bed<\/button><\/div><pre id=\"T2-prompt\" class=\"opus5-prompt\" style=\"box-sizing:border-box;width:100%;white-space:pre-wrap;overflow:auto;max-height:520px;margin:0;background:#171b25;color:#eef1f6;padding:17px 18px;border-radius:12px;font:13px\/1.62 ui-monospace,SFMono-Regular,Consolas,monospace\">\u5c06\u63d0\u4f9b\u7684 `account-health.csv` \u4f5c\u4e3a\u5c01\u95ed\u6570\u636e\u96c6\u8fdb\u884c\u5206\u6790\u3002\u8bf7\u52ff\u4f7f\u7528\u5916\u90e8\u4e8b\u5b9e\uff0c\u4e5f\u4e0d\u8981\u81ea\u884c\u586b\u8865\u7f3a\u5931\u503c\u3002\n\n\u98ce\u9669\u89c4\u5219\uff08\u8bf7\u5206\u522b\u8bc4\u4f30\u6bcf\u6761\u89c4\u5219\uff09\uff1a\n- `inactivity`\uff1a`days_since_login &gt;= 30`\n- `payment`\uff1a`failed_payments &gt;= 2`\n- `low_utilization`\uff1a`seats_used \/ seats_purchased = 80`\u3002\n- `weak_health_without_risk`\uff1a\u8d26\u6237\u867d\u672a\u5904\u4e8e\u201cat-risk\u201d\u72b6\u6001\uff0c\u4f46 `health_score = 9` \u4e14 `open_tickets &gt;= 3`\u3002\n\n\u8981\u6c42\uff1a\n1. \u8ba1\u7b97\u6bcf\u4e2a\u8d26\u6237\u89e6\u53d1\u7684\u98ce\u9669\u6807\u8bb0\u548c\u77db\u76fe\u6807\u8bb0\u3002\n2. \u62a5\u544a\u4ee5\u4e0b\u6570\u636e\u96c6\u7684\u603b\u8ba1\uff1a\u8d26\u6237\u6570\u3001MRR\u3001\u5904\u4e8e\u98ce\u9669\u4e2d\u7684\u8d26\u6237\u6570\u3001\u5904\u4e8e\u98ce\u9669\u4e2d\u7684 MRR\u3001\u9700\u5347\u7ea7\u5904\u7406\u7684\u8d26\u6237\u6570\u3001\u77db\u76fe\u884c\u6570\u3001\u5df2\u8d2d\u4e70\u5e2d\u4f4d\u6570\u4ee5\u53ca\u5df2\u4f7f\u7528\u5e2d\u4f4d\u6570\u3002\n3. \u751f\u6210\u4e00\u4e2a\u7cbe\u786e\u5305\u542b\u4e94\u5217\u7684\u884c\u52a8\u8868\uff1a`\u8d26\u6237 | \u98ce\u9669\u89e6\u53d1\u9879 | \u77db\u76fe\u9879 | \u4f18\u5148\u7ea7 | \u5efa\u8bae\u884c\u52a8`\u3002\n4. \u5c06\u76f4\u63a5\u8ba1\u7b97\u7684\u6570\u503c\u7f6e\u4e8e `\u6d4b\u91cf\u4e8b\u5b9e` \u6807\u9898\u4e0b\uff0c\u5c06\u5224\u65ad\u6027\u51b3\u7b56\u7f6e\u4e8e `\u63a8\u65ad` \u6807\u9898\u4e0b\u3002\n5. \u5728 `\u590d\u6838` \u90e8\u5206\uff0c\u5c55\u793a\u8db3\u591f\u7684\u8ba1\u7b97\u8fc7\u7a0b\uff0c\u4ee5\u4fbf\u72ec\u7acb\u590d\u6838\u6bcf\u4e2a\u603b\u8ba1\u548c\u6bcf\u4e2a\u9608\u503c\u8fb9\u754c\uff0c\u5305\u62ec 0.50 \u7684\u7b49\u503c\u60c5\u51b5\u3002\n6. \u4e0d\u8981\u5728\u672a\u8bf4\u660e\u7684\u60c5\u51b5\u4e0b\u81ea\u884c\u4fee\u6b63\u6216\u91cd\u65b0\u89e3\u91ca\u89c4\u5219\u3002\u5982\u679c\u67d0\u4e2a\u4fe1\u53f7\u770b\u4f3c\u8fdd\u53cd\u76f4\u89c9\uff0c\u5e94\u5c06\u5176\u8bb0\u5f55\u4e3a\u77db\u76fe\u9879\uff0c\u800c\u975e\u66f4\u6539\u5176\u5206\u7c7b\u3002\n\n`account-health.csv`\uff1a\n```csv\naccount_id,account_name,plan,mrr_usd,days_since_login,failed_payments,seats_purchased,seats_used,health_score,nps,open_tickets\nA-101,Aster,Enterprise,12000,45,0,100,82,92,9,1\nB-202,Beacon,Pro,4200,4,2,20,18,70,7,0\nC-303,Cinder,Pro,3600,12,0,20,8,65,10,4\nD-404,Dahlia,Starter,900,5,0,5,4,42,6,0\nE-505,Ember,Enterprise,15000,65,3,200,70,35,3,6\nF-606,Fjord,Starter,1200,29,1,4,2,85,9,3\n```<\/pre><div class=\"opus5-answer-shell\" style=\"margin-top:22px;border:1px solid #dedede;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(22,22,22,.06)\"><div class=\"opus5-answer-bar\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8;background:#fff;color:#242424\"><strong style=\"font-size:15px\">Claude Opus 5<\/strong><button type=\"button\" onclick=\"opus5Copy('T2-answer-copy',this)\" style=\"border:1px solid #d4d4d4;border-radius:9px;background:#fff;color:#444;padding:7px 12px;font-size:14px;font-weight:650;cursor:pointer\">\u590d\u5236\u7b54\u6848<\/button><\/div><div class=\"opus5-answer-body\" style=\"padding:22px 20px 26px;color:#252525;background:#fff\"><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">\u7ecf\u6838\u5b9e\u7684\u4e8b\u5b9e<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">\u6570\u636e\u6e90\uff1aaccount-health.csv\uff0c6 \u884c\uff0c\u88ab\u89c6\u4e3a\u5df2\u5173\u95ed\u3002\u672a\u8fdb\u884c\u4efb\u4f55\u503c\u63d2\u8865\u3002.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">\u6309\u8d26\u6237\u8bc4\u4f30\u89c4\u5219<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">\u8d26\u6237<br>\u5929\u6570\u226530<br>\u5931\u8d25\u22652<br>util &lt;0.50\uff08\u7b80\u4f53\u4e2d\u6587\uff08\u5927\u9646\uff09\uff09<br>\u98ce\u9669\u8ba1\u6570<br>\u73b0\u72b6<br>A-101 \u7d2b\u83c0<br>\u2705 45<br>\u274c 0<br>\u274c 0.82<br>1<br>\u9ad8\u98ce\u9669<br>B-202 \u4fe1\u6807<br>\u274c 4<br>\u2705 2<br>\u274c 0.90<br>1<br>\u9ad8\u98ce\u9669<br>C-303 \u7070\u70ec<br>\u274c 12<br>\u274c 0<br>\u2705 0.40<br>1<br>\u9ad8\u98ce\u9669<br>D-404 \u5927\u4e3d\u82b1<br>\u274c 5<br>\u274c 0<br>\u274c 0.80<br>0<br>\u4e0d\u5c5e\u4e8e\u9ad8\u98ce\u9669\u4eba\u7fa4<br>E-505 Ember<br>\u2705 65<br>\u2705 3<br>\u2705 0.35\uff08\u7b80\u4f53\u4e2d\u6587\uff08\u5927\u9646\uff09\uff09<br>3<br>\u9ad8\u98ce\u9669 + \u5347\u7ea7\u5904\u7406<br>F-606 \u5ce1\u6e7e<br>\u274c 29<br>\u274c 1<br>\u274c 0.50<br>0<br>\u4e0d\u5c5e\u4e8e\u9ad8\u98ce\u9669\u4eba\u7fa4<br>\u6bcf\u4e2a\u8d26\u6237\u7684\u77db\u76fe\u6807\u8bb0<br>\u8d26\u6237<br>\u5f3a\u5065\u4f53\u9b44\u4e0e\u98ce\u9669<br>\u5065\u5eb7\u72b6\u51b5\u4e0d\u4f73\u4e14\u65e0\u98ce\u9669<br>\u624b\u6301\u95e8\u7968\u7684\u63a8\u5e7f\u5458<br>A-101 \u7d2b\u83c0<br>\u2705 (92 \u2265 80\uff0c\u9ad8\u98ce\u9669)<br>\u274c<br>\u274c\uff08NPS 9 \u2713\uff0c\u5de5\u5355 1 \u2717\uff09<br>B-202 \u4fe1\u6807<br>\u274c (70 &lt; 80)<br>\u274c (70 \u2265 50)<br>\u274c (NPS 7)<br>C-303 \u7070\u70ec<br>\u274c (65 &lt; 80)<br>\u274c (65 \u2265 50)<br>\u2705 (NPS 10\uff0c\u7968\u6570 4)<br>D-404 \u5927\u4e3d\u82b1<br>\u274c<br>\u2705 (42 &lt; 50\uff0c\u4e0d\u5c5e\u4e8e\u9ad8\u98ce\u9669\u4eba\u7fa4)<br>\u274c (NPS 6)<br>E-505 Ember<br>\u274c (35 &lt; 80)<br>\u274c\uff0835 &lt; 50\uff0c\u4f46\u5c5e\u4e8e\u9ad8\u98ce\u9669\u4eba\u7fa4\uff09<br>\u274c (NPS 3)<br>F-606 \u5ce1\u6e7e<br>\u274c (85 \u2265 80\uff0c\u4f46\u4e0d\u5c5e\u4e8e\u9ad8\u98ce\u9669\u4eba\u7fa4)<br>\u274c (85 \u2265 50)<br>\u2705 (NPS 9\uff0c\u7968\u6570 3)<br>\u6570\u636e\u96c6\u603b\u8ba1<br>\u516c\u5236<br>\u4ef7\u503c<br>\u8d26\u6237<br>6<br>MRR\u603b\u989d<br>$36,900<br>\u9ad8\u98ce\u9669\u8d26\u6237<br>4\uff08A-101\u3001B-202\u3001C-303\u3001E-505\uff09<br>\u9762\u4e34\u98ce\u9669\u7684MRR<br>$34,800\uff08\u5360\u603b\u6570\u768494.31%\uff09<br>\u5347\u7ea7\u8d26\u6237<br>1 (E-505)<br>\u77db\u76fe\u884c<br>4\uff08A-101\u3001C-303\u3001D-404\u3001F-606\uff09<br>\u77db\u76fe\u6807\u8bb0<br>4\uff081 \u4e2a\u201c\u5065\u5eb7\u826f\u597d\u4e14\u6709\u98ce\u9669\u201d\uff0c1 \u4e2a\u201c\u5065\u5eb7\u6b20\u4f73\u4e14\u65e0\u98ce\u9669\u201d\uff0c2 \u4e2a\u201c\u6301\u7968\u63a8\u5e7f\u8005\u201d\uff09<br>\u5df2\u8d2d\u4e70\u7684\u5ea7\u4f4d<br>349<br>\u5df2\u4f7f\u7528\u7684\u5ea7\u4f4d<br>184<br>\u63a8\u8bba<br>\u4e0b\u6587\u4e2d\u7684\u4f18\u5148\u7ea7\u6392\u5e8f\u548c\u5efa\u8bae\u63aa\u65bd\u5747\u57fa\u4e8e\u4e3b\u89c2\u5224\u65ad\uff0c\u800c\u975e\u89c4\u5219\u751f\u6210\u7684\u7ed3\u679c\u3002\u6211\u7684\u6392\u5e8f\u6743\u91cd\u4f18\u5148\u8003\u8651\u72b6\u6001\u5347\u7ea7\uff0c\u5176\u6b21\u662f\u9762\u4e34\u98ce\u9669\u7684\u6708\u7ecf\u5e38\u6027\u6536\u5165\uff08MRR\uff09\uff0c\u7136\u540e\u662f\u77db\u76fe\u4fe1\u53f7\u3002.<br>\u8d26\u6237<br>\u98ce\u9669\u89e6\u53d1\u56e0\u7d20<br>\u77db\u76fe<br>\u4f18\u5148\u6743<br>\u5efa\u8bae\u91c7\u53d6\u7684\u884c\u52a8<br>E-505 Ember<br>\u95f2\u7f6e\u3001\u4ed8\u6b3e\u3001\u4f4e\u5229\u7528\u7387<br>\u2014<br>P0<br>\u8fd9\u4e09\u6761\u89c4\u5219\u5747\u5728\u6700\u5927\u5ba2\u6237\u8d26\u6237\uff08$15,000 MRR\uff09\u4e0a\u89e6\u53d1\u3002\u5c06\u5176\u89c6\u4e3a\u6d3b\u8dc3\u6d41\u5931\u5ba2\u6237\uff1a\u6062\u590d\u652f\u4ed8\u65b9\u5f0f\uff0c\u7136\u540e\u5bf9130\u4e2a\u672a\u4f7f\u7528\u7684\u5e2d\u4f4d\u8fdb\u884c\u9ad8\u7ba1\u5ba1\u67e5\u3002.<br>A-101 \u7d2b\u83c0<br>\u4e0d\u6d3b\u52a8<br>\u5f3a\u5065\u4f53\u9b44\u4e0e\u98ce\u9669<br>P1<br>$12,000 MRR\uff0c\u5c3d\u7ba1\u8bc4\u5206\u8fbe92\u4e1482%\u5229\u7528\u7387\u826f\u597d\uff0c\u4f46\u5b58\u572845\u5929\u7684\u505c\u7528\u671f\u3002\u5728\u6839\u636e\u8be5\u8bc4\u5206\u91c7\u53d6\u884c\u52a8\u4e4b\u524d\uff0c\u8bf7\u6838\u5b9e\u767b\u5f55\u95f4\u9694\u662f\u771f\u5b9e\u7684\u7528\u6237\u6d41\u5931\uff0c\u8fd8\u662f\u8ffd\u8e2a\u673a\u5236\u5bfc\u81f4\u7684\u504f\u5dee\uff08\u5982\u5355\u70b9\u767b\u5f55\u3001\u4ec5API\u4f7f\u7528\uff09\u3002.<br>C-303 \u7070\u70ec<br>\u4f4e\u5229\u7528\u7387<br>\u624b\u6301\u95e8\u7968\u7684\u63a8\u5e7f\u5458<br>P1<br>\u4e00\u540d\u63a8\u5e7f\u5458\uff08NPS 10\uff09\u6301\u67094\u5f20\u5f85\u5904\u7406\u5de5\u5355\uff0c\u5229\u7528\u7387\u4e3a40%\u3002\u5de5\u5355\u79ef\u538b\u53ef\u80fd\u662f\u963b\u788d\u91c7\u7528\u7684\u4e3b\u8981\u56e0\u7d20\uff1b\u8bf7\u5148\u6e05\u7406\u961f\u5217\uff0c\u7136\u540e\u63a8\u52a8\u5ea7\u4f4d\u6fc0\u6d3b\u3002.<br>B-202 \u4fe1\u6807<br>\u4ed8\u6b3e<br>\u2014<br>P2<br>\u5178\u578b\u5355\u4e00\u539f\u56e0\u6848\u4f8b\uff1a2\u7b14\u652f\u4ed8\u5931\u8d25\uff0c\u6700\u8fd1\u767b\u5f55\u65f6\u95f4\u4e3a4\u5929\uff0cTP40T\u5229\u7528\u7387\u4e3a901\u3002\u4ec5\u9700\u8fdb\u884c\u8d26\u5355\u8ddf\u8fdb\uff0c\u65e0\u9700\u5ba2\u6237\u670d\u52a1\u4ecb\u5165\u3002.<br>F-606 \u5ce1\u6e7e<br>\u2014<br>\u624b\u6301\u95e8\u7968\u7684\u63a8\u5e7f\u5458<br>P3<br>\u5404\u9879\u6307\u6807\u5747\u521a\u597d\u5904\u4e8e\u4e34\u754c\u503c\u5185\uff0829\u5929\uff0c1\u6b21\u4ed8\u6b3e\u5931\u8d25\uff0c\u5229\u7528\u7387\u6070\u597d\u4e3a0.50\uff09\u3002\u6839\u636e\u89c4\u5219\u76ee\u524d\u5c1a\u4e0d\u5904\u4e8e\u98ce\u9669\u72b6\u6001\uff0c\u4f46\u82e5\u518d\u591a\u4e00\u5929\u672a\u6d3b\u8dc3\u6216\u518d\u53d1\u751f\u4e00\u6b21\u4ed8\u6b3e\u5931\u8d25\uff0c\u60c5\u51b5\u5c31\u4f1a\u53d1\u751f\u9006\u8f6c\u3002\u8bf7\u5bc6\u5207\u5173\u6ce8\u5e76\u5904\u7406\u597d\u8fd93\u5f20\u5de5\u5355\u3002.<br>D-404 \u5927\u4e3d\u82b1<br>\u2014<br>\u5065\u5eb7\u72b6\u51b5\u4e0d\u4f73\u4e14\u65e0\u98ce\u9669<br>P3<br>\u5728 $900 MRR \u4e0a\uff0c\u5f97\u5206 42\uff0c\u672a\u89e6\u53d1\u4efb\u4f55\u89c4\u5219\uff0cTP40T \u5229\u7528\u7387\u4e3a 801\u3002\u4e8c\u8005\u4e4b\u4e00<\/p><\/div><pre id=\"T2-answer-copy\" class=\"opus5-answer-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">\u5b9e\u6d4b\u6570\u636e\n\u6765\u6e90\uff1aaccount-health.csv\uff0c6\u884c\uff0c\u89c6\u4e3a\u5df2\u5173\u95ed\u3002\u672a\u8fdb\u884c\u4efb\u4f55\u503c\u63d2\u8865\u3002\n\u6309\u8d26\u6237\u89c4\u5219\u8bc4\u4f30\n\u8d26\u6237\n\u5929\u6570\u226530\n\u5931\u8d25\u6b21\u6570\u22652\n\u5229\u7528\u7387 &lt;0.50\n\u98ce\u9669\u8ba1\u6570\n\u72b6\u6001\nA-101 Aster\n\u2705 45\n\u274c 0\n\u274c 0.82\n1\n\u9ad8\u98ce\u9669\nB-202 Beacon\n\u274c 4\n\u2705 2\n\u274c 0.90\n1\n\u9ad8\u98ce\u9669\nC-303 Cinder\n\u274c 12\n\u274c 0\n\u2705 0.40\n1\n\u5b58\u5728\u98ce\u9669\nD-404 Dahlia\n\u274c 5\n\u274c 0\n\u274c 0.80\n0\n\u4e0d\u5b58\u5728\u98ce\u9669\nE-505 Ember\n\u2705 65\n\u2705 3\n\u2705 0.35\n3\n\u5b58\u5728\u98ce\u9669 + \u5347\u7ea7\nF-606 \u5ce1\u6e7e\n\u274c 29\n\u274c 1\n\u274c 0.50\n0\n\u65e0\u98ce\u9669\n\u6309\u8d26\u6237\u5212\u5206\u7684\u77db\u76fe\u6807\u8bb0\n\u8d26\u6237\n\u5065\u5eb7\u72b6\u51b5\u826f\u597d\u4f46\u5b58\u5728\u98ce\u9669\n\u5065\u5eb7\u72b6\u51b5\u8f83\u5f31\u4f46\u65e0\u98ce\u9669\n\u63a8\u5e7f\u8005\u4e14\u5de5\u5355\u91cf\u8f83\u5927\nA-101 \u7d2b\u83c0\n\u2705 (92 \u2265 80\uff0c\u5b58\u5728\u98ce\u9669)\n\u274c\n\u274c (NPS 9 \u2713\uff0c\u5de5\u5355 1 \u2717)\nB-202 Beacon\n\u274c (70 &lt; 80)\n\u274c (70 \u2265 50)\n\u274c (NPS 7)\nC-303 \u8f9b\u5fb7\n\u274c (65 &lt; 80)\n\u274c (65 \u2265 50)\n\u2705 (NPS 10, \u5de5\u5355 4)\nD-404 \u5927\u4e3d\u82b1\n\u274c\n\u2705 (42 &lt; 50\uff0c\u65e0\u98ce\u9669)\n\u274c (NPS 6)\nE-505 \u4f59\u70ec\n\u274c (35 &lt; 80)\n\u274c (35 &lt; 50\uff0c\u4f46\u5b58\u5728\u98ce\u9669)\n\u274c (NPS 3)\nF-606 Fjord\n\u274c (85 \u2265 80\uff0c\u4f46\u4e0d\u5c5e\u4e8e\u9ad8\u98ce\u9669)\n\u274c (85 \u2265 50)\n\u2705 (NPS 9\uff0c\u5de5\u5355 3)\n\u6570\u636e\u96c6\u603b\u8ba1\n\u6307\u6807\n\u6570\u503c\n\u8d26\u6237\u6570\n6\n\u603b MRR\n$36,900\n\u9762\u4e34\u98ce\u9669\u7684\u8d26\u6237\n4 (A-101, B-202, C-303, E-505)\n\u9762\u4e34\u98ce\u9669\u7684 MRR\n$34,800\uff08\u5360\u603b\u91cf\u768494.31%\uff09\n\u9700\u4e0a\u62a5\u7684\u8d26\u6237\n1\uff08E-505\uff09\n\u77db\u76fe\u884c\n4\uff08A-101\u3001C-303\u3001D-404\u3001F-606\uff09\n\u77db\u76fe\u6807\u8bb0\n4 \u4e2a\uff081 \u4e2a\u201c\u5065\u5eb7\u72b6\u51b5\u826f\u597d\u4f46\u5b58\u5728\u98ce\u9669\u201d\uff0c1 \u4e2a\u201c\u5065\u5eb7\u72b6\u51b5\u8f83\u5dee\u4f46\u65e0\u98ce\u9669\u201d\uff0c2 \u4e2a\u201c\u63a8\u5e7f\u8005\u4e14\u7968\u52a1\u8d1f\u8377\u8fc7\u91cd\u201d\uff09\n\u5df2\u8d2d\u5ea7\u4f4d\n349\n\u5df2\u4f7f\u7528\u5ea7\u4f4d\n184\n\u63a8\u65ad\n\u4e0b\u6587\u7684\u4f18\u5148\u7ea7\u6392\u5e8f\u548c\u5efa\u8bae\u63aa\u65bd\u5747\u4e3a\u5224\u65ad\u6027\u51b3\u7b56\uff0c\u800c\u975e\u89c4\u5219\u8f93\u51fa\u3002 \u6211\u7684\u6392\u5e8f\u6743\u91cd\u4f18\u5148\u8003\u8651\u72b6\u6001\u5347\u7ea7\uff0c\u5176\u6b21\u662f\u5b58\u5728\u98ce\u9669\u7684\u6708\u7ecf\u5e38\u6027\u6536\u5165\uff08MRR\uff09\uff0c\u6700\u540e\u662f\u77db\u76fe\u4fe1\u53f7\u3002\n\u8d26\u6237\n\u98ce\u9669\u89e6\u53d1\u56e0\u7d20\n\u77db\u76fe\u60c5\u51b5\n\u4f18\u5148\u7ea7\n\u5efa\u8bae\u63aa\u65bd\nE-505 Ember\n\u95f2\u7f6e\u3001\u652f\u4ed8\u95ee\u9898\u3001\u4f4e\u5229\u7528\u7387\n\u2014\nP0\n\u6700\u5927\u8d26\u6237\uff08$15,000 MRR\uff09\u89e6\u53d1\u4e86\u5168\u90e8\u4e09\u6761\u89c4\u5219\u3002\u5c06\u5176\u89c6\u4e3a\u6d3b\u8dc3\u6d41\u5931\uff1a\u6062\u590d\u652f\u4ed8\u65b9\u5f0f\uff0c\u968f\u540e\u9488\u5bf9130\u4e2a\u672a\u4f7f\u7528\u5e2d\u4f4d\u8fdb\u884c\u9ad8\u7ba1\u5ba1\u67e5\u3002\nA-101 Aster\n\u65e0\u6d3b\u52a8\n\u5065\u5eb7\u72b6\u51b5\u826f\u597d\u4f46\u5b58\u5728\u98ce\u9669\nP1\n$12,000 MRR\uff0c\u5c3d\u7ba1\u8bc4\u520692\u4e14\u5065\u5eb7\u5229\u7528\u7387\u8fbe82%\uff0c\u4f46\u5df2\u505c\u752845\u5929\u3002\u5728\u6839\u636e\u8bc4\u5206\u91c7\u53d6\u884c\u52a8\u524d\uff0c\u9700\u6838\u5b9e\u767b\u5f55\u95f4\u9694\u662f\u771f\u5b9e\u6d41\u5931\u8fd8\u662f\u8ffd\u8e2a\u5f02\u5e38\uff08\u5355\u70b9\u767b\u5f55\u3001\u4ec5API\u4f7f\u7528\uff09\u3002\nC-303 Cinder\n\u4f4e\u5229\u7528\u7387\n\u7968\u52a1\u8d1f\u62c5\u8f83\u91cd\u7684\u63a8\u5e7f\u8005\nP1\n\u63a8\u5e7f\u8005\uff08NPS 10\uff09\u6301\u6709 4 \u5f20\u672a\u89e3\u51b3\u5de5\u5355\uff0c\u5229\u7528\u7387\u4e3a 40%\u3002\u5de5\u5355\u8d1f\u62c5\u53ef\u80fd\u662f\u963b\u788d\u91c7\u7528\u7684\u5408\u7406\u56e0\u7d20\uff1b\u5148\u6e05\u7406\u5de5\u5355\u961f\u5217\uff0c\u518d\u63a8\u52a8\u5e2d\u4f4d\u6fc0\u6d3b\u3002\nB-202 Beacon\npayment\n\u2014\nP2\n\u539f\u56e0\u5355\u4e00\u7684\u5178\u578b\u6848\u4f8b\uff1a2\u6b21\u652f\u4ed8\u5931\u8d25\uff0c\u6700\u8fd1\u767b\u5f55\u65f6\u95f4\u4e3a4\u5929\uff0c\u5229\u7528\u7387\u4e3a90%\u3002\u4ec5\u9700\u8fdb\u884c\u8d26\u5355\u8ddf\u8fdb\uff0c\u65e0\u9700\u5ba2\u6237\u670d\u52a1\u5e72\u9884\u3002\nF-606 Fjord\n\u2014\npromoter_with_ticket_load\nP3\n\u5404\u9879\u6307\u6807\u5747\u521a\u597d\u5904\u4e8e\u9608\u503c\u5185\uff0829\u5929\uff0c1\u6b21\u652f\u4ed8\u5931\u8d25\uff0c\u5229\u7528\u7387\u6070\u597d\u4e3a0.50\uff09\u3002\u6839\u636e\u89c4\u5219\u76ee\u524d\u4e0d\u5c5e\u4e8e\u9ad8\u98ce\u9669\uff0c\u4f46\u82e5\u518d\u67091\u5929\u95f2\u7f6e\u62161\u6b21\u652f\u4ed8\u5931\u8d25\uff0c\u60c5\u51b5\u5c06\u53d1\u751f\u9006\u8f6c\u3002 \u8bf7\u76d1\u63a7\u5e76\u6e05\u9664\u8fd93\u4e2a\u5de5\u5355\u3002\nD-404 Dahlia\n\u2014\nweak_health_without_risk\nP3\n\u8bc4\u520642\uff0c\u672a\u89e6\u53d1\u4efb\u4f55\u89c4\u5219\uff0c$900 MRR\u4e0b80%\u5229\u7528\u7387\u3002\u8981\u4e48<\/pre><\/div><\/div><\/details><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">T3\uff1a\u54cd\u5e94\u5f0f\u7528\u6237\u754c\u9762\u751f\u6210<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u90e8\u5206\u5b8c\u6210\u2014\u2014\u751f\u6210\u4e86\u4e00\u6bb5\u5b8c\u6574\u7684\u3001\u81ea\u5305\u542b\u7684\u5b9e\u73b0\u4ee3\u7801\u53ca\u81ea\u68c0\u4ee3\u7801\uff0c\u540c\u65f6\u660e\u786e\u6307\u51fa\u8be5\u4ee3\u7801\u662f\u5bf9\u9875\u9762\u8fdb\u884c\u4e86\u68c0\u67e5\uff0c\u800c\u975e\u5728\u8fd0\u884c\u65f6\u6e32\u67d3\u9875\u9762\u3002.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t3-result-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t3-result-v4.webp\" alt=\"Claude Opus 5 \u4e2a\u54cd\u5e94\u5f0f UI \u751f\u6210\u5b9e\u8df5\u6210\u679c\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">\u7ed9\u51fa\u4e86\u4e00\u4e2a\u5305\u542b21,907\u4e2a\u5b57\u7b26\u7684\u5b8c\u6574\u7b54\u6848\uff1b\u6db5\u76d6\u4e86\u684c\u9762\u7aef\u3001\u79fb\u52a8\u7aef\u3001\u6ea2\u51fa\u60c5\u51b5\u53ca\u65e0\u969c\u788d\u8bbf\u95ee\uff1b\u660e\u786e\u6307\u51fa\u5e03\u5c40\u662f\u7ecf\u8fc7\u68c0\u67e5\u7684\uff0c\u800c\u975e\u8fd0\u884c\u65f6\u6e32\u67d3\u7684\u3002.<\/figcaption><\/figure>\n\n\n\n<div class=\"opus5-test-panel\" style=\"border:1px solid #dedede;border-radius:18px;margin:24px 0;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(30,30,30,.05)\"><details><summary style=\"cursor:pointer;padding:16px 20px;font-size:16px;font-weight:700;line-height:1.4;background:#f7f5ff;color:#29243d\">\u67e5\u770b\u5b8c\u6574\u7684 T3 \u63d0\u793a\u548c\u7b54\u6848<\/summary><div class=\"opus5-test-inner\" style=\"padding:20px;background:#fff\"><div class=\"opus5-copy-row\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;color:#252525\"><strong style=\"font-size:15px\">\u5b8c\u6574\u7684\u63d0\u793a\u8bed<\/strong><button type=\"button\" onclick=\"opus5Copy('T3-prompt',this)\" style=\"border:1px solid #d4d4d4;border-radius:9px;background:#fff;color:#444;padding:7px 12px;font-size:14px;font-weight:650;cursor:pointer\">\u590d\u5236\u63d0\u793a\u8bed<\/button><\/div><pre id=\"T3-prompt\" class=\"opus5-prompt\" style=\"box-sizing:border-box;width:100%;white-space:pre-wrap;overflow:auto;max-height:520px;margin:0;background:#171b25;color:#eef1f6;padding:17px 18px;border-radius:12px;font:13px\/1.62 ui-monospace,SFMono-Regular,Consolas,monospace\">\u4ec5\u4f7f\u7528\u4e0b\u65b9\u7684\u4ea7\u54c1\u6570\u636e\uff0c\u6784\u5efa\u4e00\u4e2a\u7cbe\u7f8e\u7684\u4ea7\u54c1\u6bd4\u8f83\u754c\u9762\uff0c\u5e76\u5c06\u5176\u4fdd\u5b58\u4e3a\u5355\u4e2a\u53ef\u8fd0\u884c\u7684 HTML \u6587\u4ef6\u3002\n\n\u8981\u6c42\uff1a\n1. \u8f93\u51fa\u4e00\u4e2a\u88ab `html` \u6807\u7b7e\u5305\u56f4\u7684\u4ee3\u7801\u5757\uff0c\u5176\u540e\u7d27\u8ddf\u4e00\u4e2a `SELF-CHECK` \u90e8\u5206\u3002\u8bf7\u52ff\u5c06 HTML\u3001CSS \u6216 JavaScript \u62c6\u5206\u4e3a\u5355\u72ec\u7684\u6587\u4ef6\u3002\n2. \u4ec5\u4f7f\u7528\u8bed\u4e49\u5316 HTML\u3001\u5185\u5d4c CSS \u548c\u5185\u5d4c\u539f\u751f JavaScript\uff1a\u4e0d\u5f97\u4f7f\u7528\u4efb\u4f55\u5916\u90e8\u6846\u67b6\u3001\u5305\u3001\u5b57\u4f53\u3001\u56fe\u7247\u3001\u7f51\u7edc\u8bf7\u6c42\u6216\u6784\u5efa\u6b65\u9aa4\u3002\n3. \u63d0\u4f9b\u4e09\u4e2a\u53ef\u901a\u8fc7\u952e\u76d8\u64cd\u4f5c\u7684\u9009\u9879\u5361\uff08`Overview`\u3001`Pricing`\u3001`Limits`\uff09\uff0c\u5e76\u786e\u4fdd\u5176 `tablist`\u3001`tab` \u548c `tabpanel` \u8bed\u4e49\u6b63\u786e\u3002 `ArrowLeft`\/`ArrowRight` \u952e\u5fc5\u987b\u80fd\u591f\u79fb\u52a8\u5e76\u6fc0\u6d3b\u9009\u9879\u5361\uff1b`Home`\/`End` \u952e\u5fc5\u987b\u80fd\u591f\u8df3\u8f6c\u81f3\u5e76\u6fc0\u6d3b\u7b2c\u4e00\u4e2a\/\u6700\u540e\u4e00\u4e2a\u9009\u9879\u5361\u3002\u7126\u70b9\u5fc5\u987b\u59cb\u7ec8\u53ef\u89c1\u3002\n4. \u9009\u4e2d\u7684\u9009\u9879\u5361\u5fc5\u987b\u901a\u8fc7 `aria-selected`\u3001`tabindex` \u4ee5\u53ca\u53ef\u89c1\u9762\u677f\u6765\u4f53\u73b0\uff1b\u672a\u6fc0\u6d3b\u7684\u9762\u677f\u5fc5\u987b\u9690\u85cf\u3002\n5. \u684c\u9762\u7aef\u76ee\u6807\uff1a\u5bbd\u5ea6 1440px\u3002\u79fb\u52a8\u7aef\u76ee\u6807\uff1a\u5bbd\u5ea6 390px\uff0c\u9875\u9762\u4e0d\u5f97\u51fa\u73b0\u6c34\u5e73\u6ea2\u51fa\uff0c\u63a7\u4ef6\u4e0d\u5f97\u88ab\u88c1\u526a\uff0c\u70b9\u51fb\u76ee\u6807\u9ad8\u5ea6\u81f3\u5c11\u4e3a 44px\uff0c\u6bd4\u8f83\u5361\u7247\u5e94\u5355\u5217\u5806\u53e0\u3002\n6. \u5305\u542b\u7b80\u6d01\u7684\u9875\u7709\u3001\u660e\u786e\u7684\u63a8\u8350\u3001\u4e09\u5f20\u4ea7\u54c1\u5361\u7247\u4ee5\u53ca\u4e00\u5f20\u7d27\u51d1\u7684\u6bd4\u8f83\u8868\u3002 \u4fdd\u6301\u53ef\u8bfb\u6027\u5bf9\u6bd4\uff0c\u907f\u514d\u88c5\u9970\u6027\u52a8\u753b\u3002\n7. \u8bf7\u4f7f\u7528\u4ee5\u4e0b\u786e\u5207\u7684\u4ea7\u54c1\u4fe1\u606f\uff0c\u5207\u52ff\u6dfb\u52a0\u989d\u5916\u5ba3\u4f20\u8bed\uff1a\n   - Atlas\uff1a`$19\/mo`\uff0c`20 \u4e2a\u9879\u76ee`\uff0c`10 GB`\uff0c`\u90ae\u4ef6\u652f\u6301`\uff0c\u6700\u9002\u5408\u4e2a\u4eba\u5de5\u4f5c\u3002\n   - Beacon\uff1a`$49\/mo`\uff0c`\u65e0\u9650\u9879\u76ee`\uff0c`100 GB`\uff0c`\u4f18\u5148\u652f\u6301`\uff0c\u6700\u9002\u5408\u6b63\u5728\u53d1\u5c55\u7684\u56e2\u961f\u3002\n   - Cove\uff1a`$99\/mo`\uff0c`\u65e0\u9650\u9879\u76ee`\uff0c`1 TB`\uff0c`\u4e13\u5c5e\u652f\u6301`\uff0c\u6700\u9002\u5408\u53d7\u76d1\u7ba1\u7684\u8fd0\u8425\u573a\u666f\u3002\n8. \u4e3a Beacon \u6dfb\u52a0\u9192\u76ee\u7684 `\u7efc\u5408\u6700\u4f73` \u6807\u7b7e\uff0c\u540c\u65f6\u786e\u4fdd\u5176\u4ed6\u5361\u7247\u4e0d\u663e\u5f97\u88ab\u7981\u7528\u3002\n9. \u5728 `SELF-CHECK` \u4e2d\uff0c\u660e\u786e\u62a5\u544a\u60a8\u5bf9\u8bed\u4e49\u6807\u7b7e\u3001\u952e\u76d8\u884c\u4e3a\u30011440px \u5e03\u5c40\u3001390px \u5e03\u5c40\u3001\u6c34\u5e73\u6ea2\u51fa\u4ee5\u53ca\u5916\u90e8\u4f9d\u8d56\u9879\u7684\u68c0\u67e5\u7ed3\u679c\u3002\u9664\u975e\u786e\u5b9e\u6e32\u67d3\u4e86\u89c6\u53e3\uff0c\u5426\u5219\u4e0d\u8981\u58f0\u79f0\u5df2\u6e32\u67d3\uff1b\u8bf7\u533a\u5206\u4ee3\u7801\u68c0\u67e5\u4e0e\u8fd0\u884c\u65f6\u9a8c\u8bc1\u3002\n\n\u4ea7\u54c1\u6d4b\u8bd5\u6570\u636e\uff08\u4e5f\u5b58\u50a8\u5728 `fixtures\/T3-responsive-ui\/product-data.json` \u4e2d\uff09\uff1a\n```json\n{\n  \"products\": [\n    {\"name\":\"Atlas\",\"price\":\"$19\/mo\",\"projects\":\"20 projects\",\"storage\":\"10 GB\",\"support\":\"\u90ae\u4ef6\u652f\u6301\",\"bestFor\":\"\u5355\u4eba\u5de5\u4f5c\"},\n    {\"name\":\"Beacon\",\"price\":\"$49\/mo\",\"projects\":\"\u65e0\u9650\u9879\u76ee\",\"storage\":\"100 GB\",\"support\":\"\u4f18\u5148\u652f\u6301\",\"bestFor\":\"\u6b63\u5728\u6210\u957f\u7684\u56e2\u961f\",\"badge\":\"\u7efc\u5408\u6700\u4f73\"},\n    {\"name\":\"Cove\",\"price\":\"$99\/mo\",\"projects\":\"\u65e0\u9650\u9879\u76ee\",\"storage\":\"1 TB\",\"support\":\"\u4e13\u5c5e\u652f\u6301\",\"bestFor\":\"\u53d7\u76d1\u7ba1\u4e1a\u52a1\"}\n  ]\n}\n```<\/pre><div class=\"opus5-answer-shell\" style=\"margin-top:22px;border:1px solid #dedede;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(22,22,22,.06)\"><div class=\"opus5-answer-bar\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8;background:#fff;color:#242424\"><strong style=\"font-size:15px\">Claude Opus 5<\/strong><button type=\"button\" onclick=\"opus5Copy('T3-answer-copy',this)\" style=\"border:1px solid #d4d4d4;border-radius:9px;background:#fff;color:#444;padding:7px 12px;font-size:14px;font-weight:650;cursor:pointer\">\u590d\u5236\u7b54\u6848<\/button><\/div><div class=\"opus5-answer-body\" style=\"padding:22px 20px 26px;color:#252525;background:#fff\"><div class=\"opus5-code-card\" data-code-language=\"html\" style=\"margin:18px 0 24px;border-radius:18px;overflow:hidden;background:#f7f7f7;border:1px solid #ececec\"><div class=\"opus5-code-toolbar\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;color:#686868;background:#f7f7f7\"><span class=\"opus5-window-dots\" aria-hidden=\"true\" style=\"display:flex;gap:7px\"><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#ef6a62\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#f4be4f\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#61c554\"><\/i><\/span><span class=\"opus5-code-actions\" style=\"display:flex;align-items:center;gap:15px;font-size:14px\"><span>html<\/span><button type=\"button\" onclick=\"opus5Copy('T3-code-1',this)\" style=\"border:0;background:transparent;color:#555;font:inherit;cursor:pointer;padding:3px 5px\">\u590d\u5236<\/button><\/span><\/div><pre class=\"opus5-code-view\" style=\"margin:0;max-height:680px;overflow:auto;padding:16px 0 22px;background:#f7f7f7;color:#596273;font:14px\/1.58 ui-monospace,SFMono-Regular,Consolas,monospace\"><code style=\"display:table;min-width:100%;width:max-content\"><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">1<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;!DOCTYPE html&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">2<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;html lang=&quot;en&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">3<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;head&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">4<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;meta charset=&quot;utf-8&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">5<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">6<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;title&gt;Compare plans \u2014 Atlas, Beacon, Cove&lt;\/title&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">7<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;style&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">8<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  :root<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">9<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">10<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    --bg: #f6f7f9<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">11<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">12<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    --surface: #ffffff<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">13<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">14<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    --ink: #16191f<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">15<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">16<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    --ink-soft: #4a515c<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">17<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">18<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    --line: #d3d8df<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">19<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">20<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    --line-strong: #b6bdc7<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">21<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">22<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    --accent: #10457e<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">23<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">24<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    --accent-soft: #e8f0f9<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">25<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">26<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    --focus: #0b2f56<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">27<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">28<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    --radius: 10px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">29<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">30<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">31<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">32<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  * {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">33<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">box-sizing<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">34<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: border-box; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">35<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">36<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  html { -webkit-text-size-adjust: 100%<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">37<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">38<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">39<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  body<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">40<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">41<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">42<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">43<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">44<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">45<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    background: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">46<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--bg);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">47<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">48<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--ink);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">49<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-family: system-ui, -apple-system, &quot;Segoe UI&quot;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">50<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">, Roboto, Helvetica, Arial, sans-serif;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">51<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-size: 16px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">52<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">53<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    line-height: 1.5<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">54<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">55<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    overflow-x<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">56<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: hidden;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">57<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">58<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">59<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .wrap<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">60<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">61<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    width: 100%<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">62<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">63<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    max-width: 1120px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">64<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">65<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">66<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> auto;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">67<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 32px 24px 64px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">68<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">69<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">70<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">71<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  \/* ---------- Header ---------- *\/<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">72<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">73<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .page-header { margin-bottom: 24px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">74<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">75<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">76<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .page-header h1<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">77<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">78<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0 0 8px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">79<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">80<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-size: 1.75rem<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">81<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">82<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    line-height: 1.25<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">83<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">84<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    letter-spacing: -0.01em<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">85<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">86<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">87<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">88<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .page-header p<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">89<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">90<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">91<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">92<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    max-width: 60ch<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">93<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">94<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">95<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--ink-soft);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">96<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">97<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">98<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  \/* ---------- Recommendation ---------- *\/<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">99<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">100<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .recommendation<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">101<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">102<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    display<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">103<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: flex;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">104<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    flex-wrap<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">105<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: wrap;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">106<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    gap: 4px 10px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">107<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">108<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    align-items<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">109<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: baseline;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">110<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0 0 28px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">111<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">112<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 14px 16px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">113<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">114<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    background: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">115<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--accent-soft);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">116<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border: 1px solid #c2d5e8<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">117<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">118<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-left: 4px solid var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">119<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--accent);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">120<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-radius: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">121<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--radius);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">122<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">123<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">124<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .recommendation strong { color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">125<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--accent); }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">126<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">127<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .recommendation span { color: #23405e<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">128<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">129<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">130<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  \/* ---------- Tabs ---------- *\/<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">131<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">132<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .tabs<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">133<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">134<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    display<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">135<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: flex;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">136<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    flex-wrap<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">137<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: wrap;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">138<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    gap: 8px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">139<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">140<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0 0 20px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">141<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">142<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">143<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">144<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-bottom: 1px solid var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">145<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--line);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">146<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">147<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">148<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  [role=&quot;tab&quot;]<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">149<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">150<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    appearance<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">151<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: none;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">152<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    min-height: 44px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">153<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">154<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 10px 18px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">155<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">156<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">157<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: inherit;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">158<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-weight: 600<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">159<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">160<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">161<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--ink-soft);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">162<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    background<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">163<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: transparent;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">164<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border: 1px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">165<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> solid transparent;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">166<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-bottom: 3px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">167<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> solid transparent;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">168<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-radius: 8px 8px 0 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">169<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">170<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    cursor<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">171<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: pointer;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">172<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">173<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">174<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  [role=&quot;tab&quot;]:hover { color: var(--ink); background: #eceff3<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">175<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">176<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">177<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  [role=&quot;tab&quot;][aria-selected=&quot;true&quot;]<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">178<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">179<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">180<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--accent);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">181<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    background: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">182<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--surface);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">183<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-color: var(--line) var(--line) var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">184<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--accent);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">185<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-bottom-width: 3px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">186<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">187<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">188<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">189<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  :focus-visible<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">190<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">191<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    outline: 3px solid var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">192<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--focus);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">193<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    outline-offset: 2px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">194<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">195<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">196<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">197<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  [role=&quot;tabpanel&quot;] { outline<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">198<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: none; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">199<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">200<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  [role=&quot;tabpanel&quot;]:focus-visible<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">201<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">202<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    outline: 3px solid var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">203<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--focus);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">204<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    outline-offset: 4px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">205<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">206<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-radius: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">207<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--radius);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">208<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">209<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">210<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  [hidden] { display: none !important<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">211<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">212<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">213<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .panel-intro<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">214<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">215<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0 0 20px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">216<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">217<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    max-width: 62ch<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">218<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">219<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">220<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--ink-soft);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">221<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">222<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">223<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  \/* ---------- Cards ---------- *\/<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">224<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">225<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .card-grid<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">226<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">227<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    display<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">228<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: grid;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">229<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    grid-template-columns: repeat(3, minmax(0, 1<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">230<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">fr));<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">231<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    gap: 20px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">232<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">233<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">234<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">235<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">236<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">237<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    list-style<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">238<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: none;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">239<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    align-items<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">240<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: start;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">241<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">242<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">243<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .card<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">244<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">245<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    display<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">246<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: flex;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">247<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    flex-direction<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">248<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: column;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">249<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    height: 100%<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">250<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">251<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 20px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">252<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">253<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    background: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">254<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--surface);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">255<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border: 1px solid var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">256<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--line);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">257<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-radius: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">258<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--radius);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">259<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">260<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">261<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .card.is-featured<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">262<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">263<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">264<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--accent);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">265<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-width: 2px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">266<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">267<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 19px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">268<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">269<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">270<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">271<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .card-head<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">272<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">273<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    display<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">274<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: flex;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">275<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    flex-wrap<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">276<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: wrap;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">277<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    gap: 8px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">278<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">279<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    align-items<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">280<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: center;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">281<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    justify-content<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">282<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: space-between;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">283<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin-bottom: 4px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">284<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">285<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">286<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">287<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .card h3<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">288<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">289<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">290<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">291<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-size: 1.2rem<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">292<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">293<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">294<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">295<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .badge<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">296<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">297<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 3px 10px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">298<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">299<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-size: 0.75rem<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">300<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">301<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-weight: 700<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">302<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">303<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    letter-spacing: 0.02em<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">304<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">305<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    text-transform<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">306<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: uppercase;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">307<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    color: #ffffff<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">308<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">309<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    background: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">310<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--accent);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">311<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-radius: 999px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">312<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">313<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    white-space<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">314<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: nowrap;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">315<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">316<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">317<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .price<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">318<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">319<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 8px 0 2px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">320<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">321<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-size: 1.6rem<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">322<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">323<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-weight: 700<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">324<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">325<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    letter-spacing: -0.02em<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">326<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">327<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">328<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">329<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .best-for<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">330<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">331<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0 0 14px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">332<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">333<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-size: 0.9375rem<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">334<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">335<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">336<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--ink-soft);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">337<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">338<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">339<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .spec-list<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">340<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">341<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">342<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">343<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 14px 0 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">344<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">345<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-top: 1px solid var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">346<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--line);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">347<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-size: 0.9375rem<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">348<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">349<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">350<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">351<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .spec-list div<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">352<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">353<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    display<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">354<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: flex;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">355<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    gap: 12px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">356<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">357<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    justify-content<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">358<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: space-between;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">359<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 5px 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">360<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">361<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">362<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">363<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .spec-list dt { color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">364<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--ink-soft); }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">365<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">366<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .spec-list dd<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">367<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">368<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">369<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">370<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-weight: 600<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">371<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">372<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    text-align<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">373<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: right;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">374<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">375<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">376<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  \/* ---------- Table ---------- *\/<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">377<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">378<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .table-section { margin-top: 36px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">379<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">380<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">381<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .table-section h2<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">382<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">383<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    margin: 0 0 12px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">384<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">385<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-size: 1.125rem<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">386<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">387<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">388<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">389<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  .table-scroll<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">390<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">391<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    max-width: 100%<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">392<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">393<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    overflow-x<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">394<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: auto;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">395<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    background: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">396<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--surface);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">397<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border: 1px solid var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">398<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--line);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">399<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-radius: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">400<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--radius);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">401<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">402<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">403<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  table<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">404<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">405<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    width: 100%<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">406<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">407<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-collapse<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">408<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: collapse;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">409<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-size: 0.9375rem<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">410<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">411<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">412<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">413<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  caption<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">414<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">415<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 12px 14px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">416<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">417<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    text-align<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">418<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: left;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">419<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">420<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--ink-soft);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">421<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-size: 0.875rem<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">422<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">423<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">424<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">425<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  th, td<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">426<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">427<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    padding: 10px 14px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">428<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">429<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    text-align<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">430<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: left;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">431<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-top: 1px solid var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">432<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--line);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">433<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    white-space<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">434<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: nowrap;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">435<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">436<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">437<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  thead th<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">438<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">439<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    background: #eef1f5<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">440<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">441<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    border-top<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">442<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: none;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">443<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    font-weight: 700<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">444<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">445<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">446<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">447<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  tbody th { font-weight: 600; color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">448<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--ink-soft); }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">449<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">450<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  th[scope=&quot;col&quot;].is-featured { color: var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">451<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(--accent); }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">452<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">453<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  \/* ---------- Mobile ---------- *\/<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">454<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">455<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  @media (max-width: 720px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">456<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">457<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    .wrap { padding: 20px 16px 48px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">458<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">459<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">460<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    .page-header h1 { font-size: 1.4rem<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">461<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">462<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">463<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    .tabs<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">464<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">465<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      gap: 4px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">466<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">467<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      overflow-x<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">468<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: auto;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">469<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      -webkit-<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">470<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">overflow<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">471<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">-scrolling: touch;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">472<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      flex-wrap<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">473<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: nowrap;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">474<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">475<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">476<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    [role=&quot;tab&quot;]<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">477<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">478<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      flex: 1 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">479<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> auto;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">480<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      padding: 10px 12px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">481<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">482<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      font-size: 0.9375rem<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">483<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">484<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">485<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">486<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    .card-grid { grid-template-columns: minmax(0, 1<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">487<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">fr); }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">488<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">489<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    th, td { padding: 10px 12px<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">490<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">491<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">492<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">493<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  @media (prefers-reduced-motion<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">494<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">: reduce) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">495<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    * {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">496<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">transition: none !important; animation: none !important<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">497<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">; }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">498<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">499<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;\/style&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">500<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;\/head&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">501<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;body&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">502<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;main class=&quot;wrap&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">503<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">504<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;header class=&quot;page-header&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">505<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;h1&gt;Compare plans&lt;\/h1&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">506<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;p&gt;Three plans across projects, storage, and support. Pick a tab to focus on the details that matter to you.&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">507<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;\/header&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">508<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">509<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;p class=&quot;recommendation&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">510<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;strong&gt;Recommended: Beacon&lt;\/strong&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">511<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;span&gt;Best overall for growing teams \u2014 $49\/mo, unlimited projects, 100&amp;nbsp;GB, priority support.&lt;\/span&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">512<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">513<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">514<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;div class=&quot;tabs&quot; role=&quot;tablist&quot; aria-label=&quot;Plan comparison views&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">515<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;button type=&quot;button&quot; role=&quot;tab&quot; id=&quot;tab-overview&quot; aria-controls=&quot;panel-overview&quot; aria-selected=&quot;true&quot; tabindex=&quot;0&quot;&gt;Overview&lt;\/button&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">516<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;button type=&quot;button&quot; role=&quot;tab&quot; id=&quot;tab-pricing&quot; aria-controls=&quot;panel-pricing&quot; aria-selected=&quot;false&quot; tabindex=&quot;-1&quot;&gt;Pricing&lt;\/button&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">517<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;button type=&quot;button&quot; role=&quot;tab&quot; id=&quot;tab-limits&quot; aria-controls=&quot;panel-limits&quot; aria-selected=&quot;false&quot; tabindex=&quot;-1&quot;&gt;Limits&lt;\/button&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">518<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">519<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">520<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;!-- Overview --&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">521<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;section role=&quot;tabpanel&quot; id=&quot;panel-overview&quot; aria-labelledby=&quot;tab-overview&quot; tabindex=&quot;0&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">522<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;p class=&quot;panel-intro&quot;&gt;Every plan side by side, with the full set of published facts for each one.&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">523<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">524<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;ul class=&quot;card-grid&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">525<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;li class=&quot;card&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">526<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Atlas&lt;\/h3&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">527<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;price&quot;&gt;$19\/mo&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">528<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;best-for&quot;&gt;Best for solo work&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">529<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;dl class=&quot;spec-list&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">530<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;20 projects&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">531<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;10 GB&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">532<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Email support&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">533<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/dl&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">534<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/li&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">535<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">536<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;li class=&quot;card is-featured&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">537<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;div class=&quot;card-head&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">538<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;h3&gt;Beacon&lt;\/h3&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">539<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;span class=&quot;badge&quot;&gt;Best overall&lt;\/span&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">540<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">541<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;price&quot;&gt;$49\/mo&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">542<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;best-for&quot;&gt;Best overall for growing teams&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">543<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;dl class=&quot;spec-list&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">544<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">545<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;100 GB&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">546<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Priority support&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">547<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/dl&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">548<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/li&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">549<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">550<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;li class=&quot;card&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">551<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Cove&lt;\/h3&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">552<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;price&quot;&gt;$99\/mo&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">553<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;best-for&quot;&gt;Best for regulated operations&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">554<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;dl class=&quot;spec-list&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">555<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">556<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;1 TB&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">557<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Dedicated support&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">558<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/dl&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">559<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/li&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">560<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;\/ul&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">561<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">562<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;section class=&quot;table-section&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">563<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;h2&gt;All plans at a glance&lt;\/h2&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">564<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;div class=&quot;table-scroll&quot; tabindex=&quot;0&quot; role=&quot;region&quot; aria-label=&quot;Full plan comparison table, scrollable&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">565<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;table&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">566<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;caption&gt;Published facts for Atlas, Beacon, and Cove.&lt;\/caption&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">567<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;thead&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">568<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">569<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Plan&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">570<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Price&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">571<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Projects&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">572<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Storage&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">573<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Support&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">574<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Best for&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">575<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">576<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;\/thead&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">577<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;tbody&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">578<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">579<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;row&quot;&gt;Atlas&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">580<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;td&gt;$19\/mo&lt;\/td&gt;&lt;td&gt;20 projects&lt;\/td&gt;&lt;td&gt;10 GB&lt;\/td&gt;&lt;td&gt;Email support&lt;\/td&gt;&lt;td&gt;Solo work&lt;\/td&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">581<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">582<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">583<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;row&quot;&gt;Beacon&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">584<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;td&gt;$49\/mo&lt;\/td&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;100 GB&lt;\/td&gt;&lt;td&gt;Priority support&lt;\/td&gt;&lt;td&gt;Growing teams&lt;\/td&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">585<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">586<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">587<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;row&quot;&gt;Cove&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">588<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;td&gt;$99\/mo&lt;\/td&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;1 TB&lt;\/td&gt;&lt;td&gt;Dedicated support&lt;\/td&gt;&lt;td&gt;Regulated operations&lt;\/td&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">589<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">590<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;\/tbody&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">591<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/table&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">592<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">593<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;\/section&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">594<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;\/section&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">595<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">596<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;!-- Pricing --&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">597<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;section role=&quot;tabpanel&quot; id=&quot;panel-pricing&quot; aria-labelledby=&quot;tab-pricing&quot; tabindex=&quot;0&quot; hidden&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">598<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;p class=&quot;panel-intro&quot;&gt;Monthly price and the audience each plan is built for.&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">599<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">600<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;ul class=&quot;card-grid&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">601<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;li class=&quot;card&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">602<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Atlas&lt;\/h3&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">603<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;price&quot;&gt;$19\/mo&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">604<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;best-for&quot;&gt;Best for solo work&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">605<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;dl class=&quot;spec-list&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">606<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Email support&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">607<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/dl&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">608<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/li&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">609<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">610<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;li class=&quot;card is-featured&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">611<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;div class=&quot;card-head&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">612<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;h3&gt;Beacon&lt;\/h3&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">613<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;span class=&quot;badge&quot;&gt;Best overall&lt;\/span&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">614<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">615<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;price&quot;&gt;$49\/mo&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">616<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;best-for&quot;&gt;Best overall for growing teams&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">617<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;dl class=&quot;spec-list&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">618<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Priority support&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">619<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/dl&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">620<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/li&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">621<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">622<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;li class=&quot;card&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">623<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Cove&lt;\/h3&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">624<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;price&quot;&gt;$99\/mo&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">625<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;best-for&quot;&gt;Best for regulated operations&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">626<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;dl class=&quot;spec-list&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">627<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Dedicated support&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">628<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/dl&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">629<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/li&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">630<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;\/ul&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">631<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">632<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;section class=&quot;table-section&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">633<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;h2&gt;Price and support&lt;\/h2&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">634<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;div class=&quot;table-scroll&quot; tabindex=&quot;0&quot; role=&quot;region&quot; aria-label=&quot;Pricing comparison table, scrollable&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">635<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;table&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">636<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;caption&gt;Monthly price, support tier, and intended fit.&lt;\/caption&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">637<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;thead&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">638<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">639<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Plan&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">640<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Price&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">641<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Support&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">642<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Best for&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">643<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">644<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;\/thead&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">645<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;tbody&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">646<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Atlas&lt;\/th&gt;&lt;td&gt;$19\/mo&lt;\/td&gt;&lt;td&gt;Email support&lt;\/td&gt;&lt;td&gt;Solo work&lt;\/td&gt;&lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">647<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Beacon&lt;\/th&gt;&lt;td&gt;$49\/mo&lt;\/td&gt;&lt;td&gt;Priority support&lt;\/td&gt;&lt;td&gt;Growing teams&lt;\/td&gt;&lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">648<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Cove&lt;\/th&gt;&lt;td&gt;$99\/mo&lt;\/td&gt;&lt;td&gt;Dedicated support&lt;\/td&gt;&lt;td&gt;Regulated operations&lt;\/td&gt;&lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">649<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;\/tbody&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">650<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/table&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">651<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">652<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;\/section&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">653<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;\/section&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">654<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">655<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;!-- Limits --&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">656<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;section role=&quot;tabpanel&quot; id=&quot;panel-limits&quot; aria-labelledby=&quot;tab-limits&quot; tabindex=&quot;0&quot; hidden&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">657<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;p class=&quot;panel-intro&quot;&gt;Project counts and storage allowances for each plan.&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">658<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">659<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;ul class=&quot;card-grid&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">660<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;li class=&quot;card&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">661<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Atlas&lt;\/h3&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">662<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;price&quot;&gt;$19\/mo&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">663<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;best-for&quot;&gt;Best for solo work&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">664<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;dl class=&quot;spec-list&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">665<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;20 projects&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">666<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;10 GB&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">667<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/dl&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">668<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/li&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">669<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">670<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;li class=&quot;card is-featured&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">671<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;div class=&quot;card-head&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">672<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;h3&gt;Beacon&lt;\/h3&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">673<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;span class=&quot;badge&quot;&gt;Best overall&lt;\/span&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">674<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">675<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;price&quot;&gt;$49\/mo&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">676<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;best-for&quot;&gt;Best overall for growing teams&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">677<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;dl class=&quot;spec-list&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">678<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">679<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;100 GB&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">680<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/dl&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">681<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/li&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">682<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">683<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;li class=&quot;card&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">684<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Cove&lt;\/h3&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">685<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;price&quot;&gt;$99\/mo&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">686<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;p class=&quot;best-for&quot;&gt;Best for regulated operations&lt;\/p&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">687<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;dl class=&quot;spec-list&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">688<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">689<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;1 TB&lt;\/dd&gt;&lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">690<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/dl&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">691<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/li&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">692<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;\/ul&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">693<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">694<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;section class=&quot;table-section&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">695<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;h2&gt;Projects and storage&lt;\/h2&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">696<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;div class=&quot;table-scroll&quot; tabindex=&quot;0&quot; role=&quot;region&quot; aria-label=&quot;Limits comparison table, scrollable&quot;&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">697<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;table&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">698<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;caption&gt;Project allowance and storage per plan.&lt;\/caption&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">699<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;thead&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">700<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">701<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Plan&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">702<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Projects&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">703<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">              &lt;th scope=&quot;col&quot;&gt;Storage&lt;\/th&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">704<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">705<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;\/thead&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">706<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;tbody&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">707<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Atlas&lt;\/th&gt;&lt;td&gt;20 projects&lt;\/td&gt;&lt;td&gt;10 GB&lt;\/td&gt;&lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">708<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Beacon&lt;\/th&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;100 GB&lt;\/td&gt;&lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">709<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Cove&lt;\/th&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;1 TB&lt;\/td&gt;&lt;\/tr&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">710<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          &lt;\/tbody&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">711<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        &lt;\/table&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">712<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      &lt;\/div&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">713<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    &lt;\/section&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">714<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  &lt;\/section&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">715<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">716<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;\/main&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">717<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">718<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;script&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">719<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">720<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">function (<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">721<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">722<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  'use strict'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">723<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">724<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">725<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  var tablist = document.querySelector('[role=&quot;tablist&quot;]'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">726<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">727<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  if (!tablist) return<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">728<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">729<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">730<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  var tabs = Array.prototype.slice.call(tablist.querySelectorAll('[role=&quot;tab&quot;]'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">731<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">));<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">732<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">733<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  function panelFor(tab<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">734<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">735<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    return document.getElementById(tab.getAttribute('aria-controls'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">736<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">));<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">737<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">738<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">739<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  function activate(index, moveFocus<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">740<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">741<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    if (index &lt; 0 || index &gt;= tabs.length) return<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">742<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">743<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">744<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    tabs.<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">745<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">forEach(function (tab, i<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">746<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">747<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      var<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">748<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> selected = i === index;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">749<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      var panel = panelFor<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">750<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(tab);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">751<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">752<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      tab.<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">753<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">setAttribute('aria-selected', selected ? 'true' : 'false'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">754<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">755<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      tab.<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">756<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">setAttribute('tabindex', selected ? '0' : '-1'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">757<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">758<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">759<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      if<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">760<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> (panel) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">761<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        if<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">762<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> (selected) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">763<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          panel.<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">764<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">removeAttribute('hidden'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">765<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">766<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">767<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">else<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">768<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">769<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">          panel.<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">770<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">setAttribute('hidden', ''<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">771<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">772<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">773<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">774<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    });<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">775<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">776<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    if (moveFocus !== false) tabs[index].focus<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">777<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">();<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">778<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">779<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">780<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  function currentIndex(<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">781<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">782<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    var i = tabs.findIndex(function (tab<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">783<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">784<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      return tab.getAttribute('aria-selected') === 'true'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">785<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">786<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    });<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">787<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    return i === -1 ? 0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">788<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> : i;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">789<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">790<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">791<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  tabs.<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">792<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">forEach(function (tab, i<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">793<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">794<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    tab.<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">795<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">addEventListener('click', function (<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">796<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">797<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      activate<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">798<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(i);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">799<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    });<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">800<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  });<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">801<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">802<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  tablist.<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">803<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">addEventListener('keydown', function (event<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">804<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">805<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    var last = tabs.length - 1<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">806<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">807<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    var i = currentIndex<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">808<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">();<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">809<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    var next = null<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">810<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">811<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">812<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    switch (event.key<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">813<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">814<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      case 'ArrowRight'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">815<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">:<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">816<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        next = i === last ?<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">817<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">0 : i + 1<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">818<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">819<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        break<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">820<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">821<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      case 'ArrowLeft'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">822<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">:<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">823<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        next = i ===<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">824<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">0 ? last : i - 1<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">825<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">826<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        break<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">827<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">828<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      case 'Home'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">829<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">:<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">830<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        next =<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">831<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">0<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">832<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">833<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        break<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">834<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">835<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      case 'End'<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">836<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">:<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">837<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        next = last;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">838<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        break<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">839<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">840<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">      default<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">841<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">:<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">842<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">        return<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">843<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">844<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    }<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">845<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">846<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    event.<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">847<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">preventDefault<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">848<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">();<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">849<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">    activate<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">850<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">(next);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">851<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  });<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">852<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">853<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  \/\/ Normalize initial state from markup.<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">854<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  activate(currentIndex(), false<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">855<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">);<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">856<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">}());<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">857<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;\/script&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">858<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;\/body&gt;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">859<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">&lt;\/html&gt;<\/span><\/span><\/code><\/pre><pre id=\"T3-code-1\" class=\"opus5-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n&lt;meta charset=&quot;utf-8&quot;&gt;\n&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;\n&lt;title&gt;Compare plans \u2014 Atlas, Beacon, Cove&lt;\/title&gt;\n&lt;style&gt;\n  :root\n {\n    --bg: #f6f7f9\n;\n    --surface: #ffffff\n;\n    --ink: #16191f\n;\n    --ink-soft: #4a515c\n;\n    --line: #d3d8df\n;\n    --line-strong: #b6bdc7\n;\n    --accent: #10457e\n;\n    --accent-soft: #e8f0f9\n;\n    --focus: #0b2f56\n;\n    --radius: 10px\n;\n  }\n\n  * {\nbox-sizing\n: border-box; }\n\n  html { -webkit-text-size-adjust: 100%\n; }\n\n  body\n {\n    margin: 0\n;\n    padding: 0\n;\n    background: var\n(--bg);\n    color: var\n(--ink);\n    font-family: system-ui, -apple-system, &quot;Segoe UI&quot;\n, Roboto, Helvetica, Arial, sans-serif;\n    font-size: 16px\n;\n    line-height: 1.5\n;\n    overflow-x\n: hidden;\n  }\n\n  .wrap\n {\n    width: 100%\n;\n    max-width: 1120px\n;\n    margin: 0\n auto;\n    padding: 32px 24px 64px\n;\n  }\n\n  \/* ---------- Header ---------- *\/\n\n  .page-header { margin-bottom: 24px\n; }\n\n  .page-header h1\n {\n    margin: 0 0 8px\n;\n    font-size: 1.75rem\n;\n    line-height: 1.25\n;\n    letter-spacing: -0.01em\n;\n  }\n\n  .page-header p\n {\n    margin: 0\n;\n    max-width: 60ch\n;\n    color: var\n(--ink-soft);\n  }\n\n  \/* ---------- Recommendation ---------- *\/\n\n  .recommendation\n {\n    display\n: flex;\n    flex-wrap\n: wrap;\n    gap: 4px 10px\n;\n    align-items\n: baseline;\n    margin: 0 0 28px\n;\n    padding: 14px 16px\n;\n    background: var\n(--accent-soft);\n    border: 1px solid #c2d5e8\n;\n    border-left: 4px solid var\n(--accent);\n    border-radius: var\n(--radius);\n  }\n\n  .recommendation strong { color: var\n(--accent); }\n\n  .recommendation span { color: #23405e\n; }\n\n  \/* ---------- Tabs ---------- *\/\n\n  .tabs\n {\n    display\n: flex;\n    flex-wrap\n: wrap;\n    gap: 8px\n;\n    margin: 0 0 20px\n;\n    padding: 0\n;\n    border-bottom: 1px solid var\n(--line);\n  }\n\n  [role=&quot;tab&quot;]\n {\n    appearance\n: none;\n    min-height: 44px\n;\n    padding: 10px 18px\n;\n    font\n: inherit;\n    font-weight: 600\n;\n    color: var\n(--ink-soft);\n    background\n: transparent;\n    border: 1px\n solid transparent;\n    border-bottom: 3px\n solid transparent;\n    border-radius: 8px 8px 0 0\n;\n    cursor\n: pointer;\n  }\n\n  [role=&quot;tab&quot;]:hover { color: var(--ink); background: #eceff3\n; }\n\n  [role=&quot;tab&quot;][aria-selected=&quot;true&quot;]\n {\n    color: var\n(--accent);\n    background: var\n(--surface);\n    border-color: var(--line) var(--line) var\n(--accent);\n    border-bottom-width: 3px\n;\n  }\n\n  :focus-visible\n {\n    outline: 3px solid var\n(--focus);\n    outline-offset: 2px\n;\n  }\n\n  [role=&quot;tabpanel&quot;] { outline\n: none; }\n\n  [role=&quot;tabpanel&quot;]:focus-visible\n {\n    outline: 3px solid var\n(--focus);\n    outline-offset: 4px\n;\n    border-radius: var\n(--radius);\n  }\n\n  [hidden] { display: none !important\n; }\n\n  .panel-intro\n {\n    margin: 0 0 20px\n;\n    max-width: 62ch\n;\n    color: var\n(--ink-soft);\n  }\n\n  \/* ---------- Cards ---------- *\/\n\n  .card-grid\n {\n    display\n: grid;\n    grid-template-columns: repeat(3, minmax(0, 1\nfr));\n    gap: 20px\n;\n    margin: 0\n;\n    padding: 0\n;\n    list-style\n: none;\n    align-items\n: start;\n  }\n\n  .card\n {\n    display\n: flex;\n    flex-direction\n: column;\n    height: 100%\n;\n    padding: 20px\n;\n    background: var\n(--surface);\n    border: 1px solid var\n(--line);\n    border-radius: var\n(--radius);\n  }\n\n  .card.is-featured\n {\n    border-color: var\n(--accent);\n    border-width: 2px\n;\n    padding: 19px\n;\n  }\n\n  .card-head\n {\n    display\n: flex;\n    flex-wrap\n: wrap;\n    gap: 8px\n;\n    align-items\n: center;\n    justify-content\n: space-between;\n    margin-bottom: 4px\n;\n  }\n\n  .card h3\n {\n    margin: 0\n;\n    font-size: 1.2rem\n;\n  }\n\n  .badge\n {\n    padding: 3px 10px\n;\n    font-size: 0.75rem\n;\n    font-weight: 700\n;\n    letter-spacing: 0.02em\n;\n    text-transform\n: uppercase;\n    color: #ffffff\n;\n    background: var\n(--accent);\n    border-radius: 999px\n;\n    white-space\n: nowrap;\n  }\n\n  .price\n {\n    margin: 8px 0 2px\n;\n    font-size: 1.6rem\n;\n    font-weight: 700\n;\n    letter-spacing: -0.02em\n;\n  }\n\n  .best-for\n {\n    margin: 0 0 14px\n;\n    font-size: 0.9375rem\n;\n    color: var\n(--ink-soft);\n  }\n\n  .spec-list\n {\n    margin: 0\n;\n    padding: 14px 0 0\n;\n    border-top: 1px solid var\n(--line);\n    font-size: 0.9375rem\n;\n  }\n\n  .spec-list div\n {\n    display\n: flex;\n    gap: 12px\n;\n    justify-content\n: space-between;\n    padding: 5px 0\n;\n  }\n\n  .spec-list dt { color: var\n(--ink-soft); }\n\n  .spec-list dd\n {\n    margin: 0\n;\n    font-weight: 600\n;\n    text-align\n: right;\n  }\n\n  \/* ---------- Table ---------- *\/\n\n  .table-section { margin-top: 36px\n; }\n\n  .table-section h2\n {\n    margin: 0 0 12px\n;\n    font-size: 1.125rem\n;\n  }\n\n  .table-scroll\n {\n    max-width: 100%\n;\n    overflow-x\n: auto;\n    background: var\n(--surface);\n    border: 1px solid var\n(--line);\n    border-radius: var\n(--radius);\n  }\n\n  table\n {\n    width: 100%\n;\n    border-collapse\n: collapse;\n    font-size: 0.9375rem\n;\n  }\n\n  caption\n {\n    padding: 12px 14px\n;\n    text-align\n: left;\n    color: var\n(--ink-soft);\n    font-size: 0.875rem\n;\n  }\n\n  th, td\n {\n    padding: 10px 14px\n;\n    text-align\n: left;\n    border-top: 1px solid var\n(--line);\n    white-space\n: nowrap;\n  }\n\n  thead th\n {\n    background: #eef1f5\n;\n    border-top\n: none;\n    font-weight: 700\n;\n  }\n\n  tbody th { font-weight: 600; color: var\n(--ink-soft); }\n\n  th[scope=&quot;col&quot;].is-featured { color: var\n(--accent); }\n\n  \/* ---------- Mobile ---------- *\/\n\n  @media (max-width: 720px\n) {\n    .wrap { padding: 20px 16px 48px\n; }\n\n    .page-header h1 { font-size: 1.4rem\n; }\n\n    .tabs\n {\n      gap: 4px\n;\n      overflow-x\n: auto;\n      -webkit-\noverflow\n-scrolling: touch;\n      flex-wrap\n: nowrap;\n    }\n\n    [role=&quot;tab&quot;]\n {\n      flex: 1 0\n auto;\n      padding: 10px 12px\n;\n      font-size: 0.9375rem\n;\n    }\n\n    .card-grid { grid-template-columns: minmax(0, 1\nfr); }\n\n    th, td { padding: 10px 12px\n; }\n  }\n\n  @media (prefers-reduced-motion\n: reduce) {\n    * {\ntransition: none !important; animation: none !important\n; }\n  }\n&lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;main class=&quot;wrap&quot;&gt;\n\n  &lt;header class=&quot;page-header&quot;&gt;\n    &lt;h1&gt;Compare plans&lt;\/h1&gt;\n    &lt;p&gt;Three plans across projects, storage, and support. Pick a tab to focus on the details that matter to you.&lt;\/p&gt;\n  &lt;\/header&gt;\n\n  &lt;p class=&quot;recommendation&quot;&gt;\n    &lt;strong&gt;Recommended: Beacon&lt;\/strong&gt;\n    &lt;span&gt;Best overall for growing teams \u2014 $49\/mo, unlimited projects, 100&amp;nbsp;GB, priority support.&lt;\/span&gt;\n  &lt;\/p&gt;\n\n  &lt;div class=&quot;tabs&quot; role=&quot;tablist&quot; aria-label=&quot;Plan comparison views&quot;&gt;\n    &lt;button type=&quot;button&quot; role=&quot;tab&quot; id=&quot;tab-overview&quot; aria-controls=&quot;panel-overview&quot; aria-selected=&quot;true&quot; tabindex=&quot;0&quot;&gt;Overview&lt;\/button&gt;\n    &lt;button type=&quot;button&quot; role=&quot;tab&quot; id=&quot;tab-pricing&quot; aria-controls=&quot;panel-pricing&quot; aria-selected=&quot;false&quot; tabindex=&quot;-1&quot;&gt;Pricing&lt;\/button&gt;\n    &lt;button type=&quot;button&quot; role=&quot;tab&quot; id=&quot;tab-limits&quot; aria-controls=&quot;panel-limits&quot; aria-selected=&quot;false&quot; tabindex=&quot;-1&quot;&gt;Limits&lt;\/button&gt;\n  &lt;\/div&gt;\n\n  &lt;!-- Overview --&gt;\n  &lt;section role=&quot;tabpanel&quot; id=&quot;panel-overview&quot; aria-labelledby=&quot;tab-overview&quot; tabindex=&quot;0&quot;&gt;\n    &lt;p class=&quot;panel-intro&quot;&gt;Every plan side by side, with the full set of published facts for each one.&lt;\/p&gt;\n\n    &lt;ul class=&quot;card-grid&quot;&gt;\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Atlas&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$19\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for solo work&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;20 projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;10 GB&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Email support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card is-featured&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;\n          &lt;h3&gt;Beacon&lt;\/h3&gt;\n          &lt;span class=&quot;badge&quot;&gt;Best overall&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$49\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best overall for growing teams&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;100 GB&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Priority support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Cove&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$99\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for regulated operations&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;1 TB&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Dedicated support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n    &lt;\/ul&gt;\n\n    &lt;section class=&quot;table-section&quot;&gt;\n      &lt;h2&gt;All plans at a glance&lt;\/h2&gt;\n      &lt;div class=&quot;table-scroll&quot; tabindex=&quot;0&quot; role=&quot;region&quot; aria-label=&quot;Full plan comparison table, scrollable&quot;&gt;\n        &lt;table&gt;\n          &lt;caption&gt;Published facts for Atlas, Beacon, and Cove.&lt;\/caption&gt;\n          &lt;thead&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;col&quot;&gt;Plan&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Price&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Projects&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Storage&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Support&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Best for&lt;\/th&gt;\n            &lt;\/tr&gt;\n          &lt;\/thead&gt;\n          &lt;tbody&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;row&quot;&gt;Atlas&lt;\/th&gt;\n              &lt;td&gt;$19\/mo&lt;\/td&gt;&lt;td&gt;20 projects&lt;\/td&gt;&lt;td&gt;10 GB&lt;\/td&gt;&lt;td&gt;Email support&lt;\/td&gt;&lt;td&gt;Solo work&lt;\/td&gt;\n            &lt;\/tr&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;row&quot;&gt;Beacon&lt;\/th&gt;\n              &lt;td&gt;$49\/mo&lt;\/td&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;100 GB&lt;\/td&gt;&lt;td&gt;Priority support&lt;\/td&gt;&lt;td&gt;Growing teams&lt;\/td&gt;\n            &lt;\/tr&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;row&quot;&gt;Cove&lt;\/th&gt;\n              &lt;td&gt;$99\/mo&lt;\/td&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;1 TB&lt;\/td&gt;&lt;td&gt;Dedicated support&lt;\/td&gt;&lt;td&gt;Regulated operations&lt;\/td&gt;\n            &lt;\/tr&gt;\n          &lt;\/tbody&gt;\n        &lt;\/table&gt;\n      &lt;\/div&gt;\n    &lt;\/section&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- Pricing --&gt;\n  &lt;section role=&quot;tabpanel&quot; id=&quot;panel-pricing&quot; aria-labelledby=&quot;tab-pricing&quot; tabindex=&quot;0&quot; hidden&gt;\n    &lt;p class=&quot;panel-intro&quot;&gt;Monthly price and the audience each plan is built for.&lt;\/p&gt;\n\n    &lt;ul class=&quot;card-grid&quot;&gt;\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Atlas&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$19\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for solo work&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Email support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card is-featured&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;\n          &lt;h3&gt;Beacon&lt;\/h3&gt;\n          &lt;span class=&quot;badge&quot;&gt;Best overall&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$49\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best overall for growing teams&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Priority support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Cove&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$99\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for regulated operations&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Dedicated support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n    &lt;\/ul&gt;\n\n    &lt;section class=&quot;table-section&quot;&gt;\n      &lt;h2&gt;Price and support&lt;\/h2&gt;\n      &lt;div class=&quot;table-scroll&quot; tabindex=&quot;0&quot; role=&quot;region&quot; aria-label=&quot;Pricing comparison table, scrollable&quot;&gt;\n        &lt;table&gt;\n          &lt;caption&gt;Monthly price, support tier, and intended fit.&lt;\/caption&gt;\n          &lt;thead&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;col&quot;&gt;Plan&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Price&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Support&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Best for&lt;\/th&gt;\n            &lt;\/tr&gt;\n          &lt;\/thead&gt;\n          &lt;tbody&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Atlas&lt;\/th&gt;&lt;td&gt;$19\/mo&lt;\/td&gt;&lt;td&gt;Email support&lt;\/td&gt;&lt;td&gt;Solo work&lt;\/td&gt;&lt;\/tr&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Beacon&lt;\/th&gt;&lt;td&gt;$49\/mo&lt;\/td&gt;&lt;td&gt;Priority support&lt;\/td&gt;&lt;td&gt;Growing teams&lt;\/td&gt;&lt;\/tr&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Cove&lt;\/th&gt;&lt;td&gt;$99\/mo&lt;\/td&gt;&lt;td&gt;Dedicated support&lt;\/td&gt;&lt;td&gt;Regulated operations&lt;\/td&gt;&lt;\/tr&gt;\n          &lt;\/tbody&gt;\n        &lt;\/table&gt;\n      &lt;\/div&gt;\n    &lt;\/section&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- Limits --&gt;\n  &lt;section role=&quot;tabpanel&quot; id=&quot;panel-limits&quot; aria-labelledby=&quot;tab-limits&quot; tabindex=&quot;0&quot; hidden&gt;\n    &lt;p class=&quot;panel-intro&quot;&gt;Project counts and storage allowances for each plan.&lt;\/p&gt;\n\n    &lt;ul class=&quot;card-grid&quot;&gt;\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Atlas&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$19\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for solo work&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;20 projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;10 GB&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card is-featured&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;\n          &lt;h3&gt;Beacon&lt;\/h3&gt;\n          &lt;span class=&quot;badge&quot;&gt;Best overall&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$49\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best overall for growing teams&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;100 GB&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Cove&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$99\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for regulated operations&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;1 TB&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n    &lt;\/ul&gt;\n\n    &lt;section class=&quot;table-section&quot;&gt;\n      &lt;h2&gt;Projects and storage&lt;\/h2&gt;\n      &lt;div class=&quot;table-scroll&quot; tabindex=&quot;0&quot; role=&quot;region&quot; aria-label=&quot;Limits comparison table, scrollable&quot;&gt;\n        &lt;table&gt;\n          &lt;caption&gt;Project allowance and storage per plan.&lt;\/caption&gt;\n          &lt;thead&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;col&quot;&gt;Plan&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Projects&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Storage&lt;\/th&gt;\n            &lt;\/tr&gt;\n          &lt;\/thead&gt;\n          &lt;tbody&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Atlas&lt;\/th&gt;&lt;td&gt;20 projects&lt;\/td&gt;&lt;td&gt;10 GB&lt;\/td&gt;&lt;\/tr&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Beacon&lt;\/th&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;100 GB&lt;\/td&gt;&lt;\/tr&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Cove&lt;\/th&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;1 TB&lt;\/td&gt;&lt;\/tr&gt;\n          &lt;\/tbody&gt;\n        &lt;\/table&gt;\n      &lt;\/div&gt;\n    &lt;\/section&gt;\n  &lt;\/section&gt;\n\n&lt;\/main&gt;\n\n&lt;script&gt;\n(\nfunction (\n) {\n  'use strict'\n;\n\n  var tablist = document.querySelector('[role=&quot;tablist&quot;]'\n);\n  if (!tablist) return\n;\n\n  var tabs = Array.prototype.slice.call(tablist.querySelectorAll('[role=&quot;tab&quot;]'\n));\n\n  function panelFor(tab\n) {\n    return document.getElementById(tab.getAttribute('aria-controls'\n));\n  }\n\n  function activate(index, moveFocus\n) {\n    if (index &lt; 0 || index &gt;= tabs.length) return\n;\n\n    tabs.\nforEach(function (tab, i\n) {\n      var\n selected = i === index;\n      var panel = panelFor\n(tab);\n\n      tab.\nsetAttribute('aria-selected', selected ? 'true' : 'false'\n);\n      tab.\nsetAttribute('tabindex', selected ? '0' : '-1'\n);\n\n      if\n (panel) {\n        if\n (selected) {\n          panel.\nremoveAttribute('hidden'\n);\n        }\nelse\n {\n          panel.\nsetAttribute('hidden', ''\n);\n        }\n      }\n    });\n\n    if (moveFocus !== false) tabs[index].focus\n();\n  }\n\n  function currentIndex(\n) {\n    var i = tabs.findIndex(function (tab\n) {\n      return tab.getAttribute('aria-selected') === 'true'\n;\n    });\n    return i === -1 ? 0\n : i;\n  }\n\n  tabs.\nforEach(function (tab, i\n) {\n    tab.\naddEventListener('click', function (\n) {\n      activate\n(i);\n    });\n  });\n\n  tablist.\naddEventListener('keydown', function (event\n) {\n    var last = tabs.length - 1\n;\n    var i = currentIndex\n();\n    var next = null\n;\n\n    switch (event.key\n) {\n      case 'ArrowRight'\n:\n        next = i === last ?\n0 : i + 1\n;\n        break\n;\n      case 'ArrowLeft'\n:\n        next = i ===\n0 ? last : i - 1\n;\n        break\n;\n      case 'Home'\n:\n        next =\n0\n;\n        break\n;\n      case 'End'\n:\n        next = last;\n        break\n;\n      default\n:\n        return\n;\n    }\n\n    event.\npreventDefault\n();\n    activate\n(next);\n  });\n\n  \/\/ Normalize initial state from markup.\n  activate(currentIndex(), false\n);\n}());\n&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre><\/div><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">\u81ea\u6211\u68c0\u67e5<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">\u4ee5\u4e0b\u6240\u6709\u9648\u8ff0\u5747\u4ec5\u57fa\u4e8e\u4ee3\u7801\u5ba1\u67e5\u5f97\u51fa\u3002\u6211\u5e76\u672a\u6253\u5f00\u6d4f\u89c8\u5668\u3001\u6e32\u67d3\u89c6\u53e3\u3001\u8fd0\u884c\u5c4f\u5e55\u9605\u8bfb\u5668\uff0c\u4e5f\u672a\u6267\u884c\u952e\u76d8\u5904\u7406\u7a0b\u5e8f\uff0c\u56e0\u6b64\u6b64\u5904\u5185\u5bb9\u5747\u672a\u7ecf\u8fd0\u884c\u65f6\u9a8c\u8bc1\u3002\u82e5\u67d0\u9879\u8bba\u65ad\u53d6\u51b3\u4e8e\u5e03\u5c40\u5f15\u64ce\u7684\u884c\u4e3a\uff0c\u6211\u4f1a\u7279\u522b\u8bf4\u660e\u3002.<br>\u8bed\u4e49\u6807\u7b7e\u9875\u2014\u2014\u7ecf\u8fc7\u68c0\u67e5\uff0c\u4fdd\u6301\u4e00\u81f4<br>\u4e00\u4e2a div[role=\"tablist\"]\uff08\u5176 aria-label \u5c5e\u6027\u503c\u4e3a\"\u8ba1\u5212\u6bd4\u8f83\u89c6\u56fe\"\uff09\u5305\u542b\u4e09\u4e2a button[type=\"button\"][role=\"tab\"]\u3002 \u6bcf\u4e2a\u6807\u7b7e\u9875\u90fd\u6709\u4e00\u4e2a\u552f\u4e00\u7684 ID\uff0c\u5e76\u4e14\u5176 `aria-controls` \u5c5e\u6027\u6307\u5411\u4e00\u4e2a `section`[role=\"tabpanel\"]\uff1b\u6bcf\u4e2a\u9762\u677f\u90fd\u5e26\u6709 `aria-labelledby` \u5c5e\u6027\uff0c\u8be5\u5c5e\u6027\u53cd\u5411\u6307\u5411\u5176\u5bf9\u5e94\u7684\u6807\u7b7e\u9875\u3002\u6211\u624b\u52a8\u8ffd\u8e2a\u4e86\u6240\u6709\u4e09\u5bf9\u5173\u8054\uff1atab-overview\/panel-overview\u3001tab-pricing\/panel-pricing\u3001tab-limits\/panel-limits\u3002 \u6ca1\u6709\u91cd\u590d\u7684 ID\uff0c\u4e5f\u6ca1\u6709\u60ac\u7a7a\u5f15\u7528\u3002\u9762\u677f\u4f7f\u7528 tabindex=\"0\"\uff0c\u56e0\u6b64\u901a\u8fc7\u6807\u7b7e\u540e\u53ef\u8bbf\u95ee\u9762\u677f\u4e3b\u4f53\u3002.<br>\u952e\u76d8\u884c\u4e3a\u2014\u2014\u5df2\u68c0\u67e5\uff0c\u4f46\u672a\u6267\u884c<br>tablist \u4e0a\u8bbe\u7f6e\u4e86\u4e00\u4e2a\u5355\u4e00\u7684 keydown \u76d1\u542c\u5668\uff0c\u7528\u4e8e\u5904\u7406\u5411\u53f3\u7bad\u5934\u3001\u5411\u5de6\u7bad\u5934\u3001Home \u548c End \u952e\uff0c\u4ec5\u9488\u5bf9\u8fd9\u56db\u4e2a\u952e\u8c03\u7528 event.preventDefault()\uff0c\u5426\u5219\u63d0\u524d\u8fd4\u56de\u3002 \u65b9\u5411\u952e\u5728\u4e24\u7aef\u4f1a\u81ea\u52a8\u5faa\u73af\u3002\u7531\u4e8e activate() \u65e2\u4f1a\u66f4\u65b0 aria-selected\/tabindex\/hidden \u5c5e\u6027\uff0c\u53c8\u4f1a\u79fb\u52a8\u7126\u70b9\uff0c\u56e0\u6b64\u65b9\u5411\u952e\u548c Home\/End \u952e\u80fd\u5728\u4e00\u6b65\u5185\u540c\u65f6\u79fb\u52a8\u7126\u70b9\u5e76\u6fc0\u6d3b\uff0c\u8fd9\u6b63\u662f\u9700\u6c42\u4e2d\u8981\u6c42\u7684\"\u81ea\u52a8\u6fc0\u6d3b\"\u6a21\u5f0f\u3002 Tab\/Shift+Tab \u5bfc\u822a\u4f9d\u8d56\u4e8e\u52a8\u6001\u8c03\u6574\u7684 tabindex\uff1a\u4ec5\u6709\u4e00\u4e2a\u9009\u9879\u7684 tabindex=\"0\"\uff0c\u5176\u4f59\u5747\u4e3a -1\uff0c\u7531 activate() \u65b9\u6cd5\u7ef4\u62a4\u3002\u7126\u70b9\u53ef\u89c1\u6027\u6765\u81ea\u5168\u5c40 :focus-visible \u89c4\u5219\uff0c\u8be5\u89c4\u5219\u8bbe\u7f6e\u4e86 3px \u7684\u8f6e\u5ed3\u548c 2px \u7684\u504f\u79fb\u91cf\uff1b\u6211\u672a\u8986\u76d6\u6216\u79fb\u9664\u4efb\u4f55\u9ed8\u8ba4\u8f6e\u5ed3\u3002 \u6211\u5c1a\u672a\u5728\u771f\u5b9e\u6d4f\u89c8\u5668\u4e2d\u9a8c\u8bc1\u8fc7\u952e\u4f4d\u5904\u7406\u529f\u80fd\u3002.<br>\u9009\u5b9a\u72b6\u6001\u53cd\u5c04 \u2014 \u5df2\u68c0\u67e5<br>activate() \u5728\u540c\u4e00\u4e2a\u5faa\u73af\u4e2d\u8bbe\u7f6e\u8fd9\u4e09\u4e2a\u5c5e\u6027\uff0c\u56e0\u6b64 aria-selected=\"true\"\u3001tabindex=\"0\" \u4ee5\u53ca\u672a\u8bbe\u7f6e hidden \u5c5e\u6027\u8fd9\u4e09\u8005\u4e0d\u4f1a\u51fa\u73b0\u4e0d\u4e00\u81f4\u7684\u60c5\u51b5\u3002 \u975e\u6d3b\u52a8\u9762\u677f\u4f1a\u88ab\u8d4b\u4e88 hidden \u5c5e\u6027\uff0c\u800c [hidden] { display: none !important; } \u53ef\u9632\u6b62\u663e\u793a\u89c4\u5219\u7834\u574f\u8be5\u6548\u679c\u2014\u2014\u8fd9\u4e00\u4fdd\u62a4\u63aa\u65bd\u81f3\u5173\u91cd\u8981\uff0c\u56e0\u4e3a\u9762\u677f\u4e2d\u5305\u542b\u5177\u6709 display: grid \u5c5e\u6027\u7684\u5b50\u5143\u7d20\u3002activate(currentIndex(), false) \u5728\u9875\u9762\u52a0\u8f7d\u65f6\u8fd0\u884c\uff0c\u7528\u4e8e\u6839\u636e\u6807\u8bb0\u89c4\u8303\u5316\u72b6\u6001\uff0c\u540c\u65f6\u4e0d\u4f1a\u62a2\u5360\u7126\u70b9\u3002 \u5982\u679c JavaScript \u65e0\u6cd5\u8fd0\u884c\uff0c\u6807\u8bb0\u5c06\u9ed8\u8ba4\u663e\u793a\u201c\u6982\u8ff0\u201d\u9762\u677f\u5e76\u9690\u85cf\u5176\u4ed6\u4e24\u4e2a\u9762\u677f\uff0c\u56e0\u6b64\u9875\u9762\u5c06\u964d\u7ea7\u4e3a\u4ec5\u663e\u793a\u4e00\u4e2a\u53ef\u8bfb\u9762\u677f\u3002.<br>1440px \u5e03\u5c40\u2014\u2014\u5df2\u68c0\u67e5\uff0c\u672a\u6e32\u67d3<br>.wrap \u7684 max-width \u8bbe\u7f6e\u4e3a 1120px\uff0cmargin \u8bbe\u7f6e\u4e3a 0 auto\uff0c\u56e0\u6b64\u5728 1440px \u65f6\uff0c\u5185\u5bb9\u4f1a\u5c45\u4e2d\u663e\u793a\uff0c\u4e24\u4fa7\u5404\u7559\u51fa\u7ea6 160px \u7684\u95f4\u8ddd\uff0c\u800c\u975e\u62c9\u4f38\u3002 \u5361\u7247\u4f7f\u7528 `grid-template-columns: repeat(3, minmax(0, 1fr))` \u5e76\u8bbe\u7f6e 20px \u95f4\u8ddd\uff0c\u5f62\u6210\u4e09\u4e2a\u7b49\u5bbd\u5217\uff1b`align-items: start` \u53ef\u9632\u6b62\u5361\u7247\u62c9\u4f38\u81f3\u5171\u4eab\u9ad8\u5ea6\uff0c\u800c `.card { height: 100% }` \u7684\u6548\u679c\u5219\u88ab\u8be5\u8bbe\u7f6e\u62b5\u6d88\u3002 \u4f7f\u7528 minmax(0, 1fr) \u662f\u7ecf\u8fc7\u6df1\u601d\u719f\u8651\u7684\u2014\u2014\u4ec5\u4f7f\u7528 1fr \u53ef\u80fd\u4f1a\u5bfc\u81f4\u7f51\u683c\u62d2\u7edd\u7f29\u5c0f\u81f3\u5185\u5bb9\u5bbd\u5ea6\u4ee5\u4e0b\uff0c\u4ece\u800c\u4f7f\u7f51\u683c\u53d8\u5bbd\u3002\u6211\u5e76\u672a\u6d4b\u91cf\u5b9e\u9645\u7684\u50cf\u7d20\u8f93\u51fa\u7ed3\u679c\u3002.<br>390px \u5e03\u5c40\u2014\u2014\u5df2\u68c0\u67e5\uff0c\u672a\u6e32\u67d3<br>\u5f53\u5757\u7684 max-width \u8bbe\u7f6e\u4e3a 720px \u65f6\uff0c\u5361\u7247\u7f51\u683c\u4f1a\u5207\u6362\u4e3a minmax(0, 1fr) \u7684\u5355\u5217\u5e03\u5c40\uff0c\u56e0\u6b64\u5361\u7247\u4f1a\u5782\u76f4\u5806\u53e0\u3002\u5404\u8fb9\u8ddd\u7f29\u51cf\u81f3 16px\uff0c\u5185\u5bb9\u5bbd\u5ea6\u7ea6\u4e3a 358px\u3002 \u70b9\u51fb\u76ee\u6807\uff1a\u6bcf\u4e2a [role=\"tab\"] \u5143\u7d20\u90fd\u8bbe\u7f6e\u4e86 min-height: 44px\uff0c\u4e14\u6c34\u5e73\u5185\u8fb9\u8ddd\u7f29\u5c0f\u81f3 12px \u800c\u975e\u9ad8\u5ea6\u7f29\u51cf\uff0c\u56e0\u6b64\u5373\u4f7f\u5728\u7a84\u5c4f\u5e55\u5bbd\u5ea6\u4e0b\uff0c44px \u7684\u9ad8\u5ea6\u4e0b\u9650\u4e5f\u80fd\u4fdd\u6301\u4e0d\u53d8\u3002 \u6807\u7b7e\u5217\u8868\u8bbe\u7f6e\u4e3a `flex-wrap: nowrap`\uff0c\u5e76\u914d\u5408 `overflow-x: auto` \u4ee5\u53ca `flex: 1 0 auto` \u7684\u5b50\u5143\u7d20\uff0c\u56e0\u6b64\u4e09\u4e2a\u6807\u7b7e\u8981\u4e48\u5b8c\u5168\u663e\u793a\u5728\u6807\u7b7e\u5217\u8868\u5185\uff0c\u8981\u4e48\u5728\u5217\u8868\u5185\u6eda\u52a8\uff0c\u800c\u4e0d\u4f1a\u5728\u63a7\u4ef6\u4e2d\u95f4\u88ab\u88c1\u526a\u6216\u6362\u884c\u3002 \u5df2\u5305\u542b  \u6807\u7b7e\u3002\u5c1a\u672a\u5728\u5b9e\u9645 390px \u89c6\u53e3\u4e0b\u8fdb\u884c\u9a8c\u8bc1\u3002.<br>\u6c34\u5e73\u6ea2\u51fa\u2014\u2014\u5df2\u68c0\u67e5\uff0c\u4e00\u4e2a\u6709\u610f\u9650\u5236\u7684\u6eda\u52a8\u6761<br>body { overflow-x: hidden } \u662f\u6700\u540e\u7684\u4fdd\u969c\u63aa\u65bd\uff0c\u4f46\u6211\u5c3d\u91cf\u4e0d\u4f9d\u8d56\u5b83\u3002* { box-sizing: border-box } \u53ef\u5c06\u5185\u8fb9\u8ddd\u63a7\u5236\u5728\u58f0\u660e\u7684\u5bbd\u5ea6\u4e4b\u5185\u3002 \u6bd4\u8f83\u8868\u683c\u7684\u5355\u5143\u683c\u4f7f\u7528\u4e86 `white-space: nowrap`\uff0c\u56e0\u6b64\u516d\u5217\u7684\"\u6982\u8ff0\"\u8868\u683c\u5728\u79fb\u52a8\u7aef\u4f1a\u8d85\u8fc7 358px\uff1b\u8fd9\u901a\u8fc7 `.table-scroll { max-width: 100%; overflow-x: auto }` \u8fdb\u884c\u63a7\u5236\uff0c\u8be5\u6837\u5f0f\u4f1a\u8ba9\u8868\u683c\u533a\u57df\u6eda\u52a8\uff0c\u800c\u975e\u6574\u4e2a\u9875\u9762\u3002 \u8be5\u5bb9\u5668\u8bbe\u7f6e\u4e86 `tabindex=\"0\"` \u548c `role=\"region\"`\uff0c\u5e76\u914d\u6709\u6807\u7b7e\uff0c\u4ee5\u4fbf\u952e\u76d8\u7528\u6237\u80fd\u591f\u5b9a\u4f4d\u5e76\u6eda\u52a8\u8be5\u533a\u57df\u3002\u5bf9\u4e8e\u90a3\u4e9b\u539f\u672c\u53ef\u80fd\u62d2\u7edd\u7f29\u5c0f\u7684 Flex \u548c Grid \u5b50\u5143\u7d20\uff0c\u901a\u8fc7\u5728\u7f51\u683c\u4e2d\u4f7f\u7528 `minmax(0, 1fr)`\uff0c\u4ee5\u53ca\u5728 `.card-head` \u548c `.recommendation` \u4e0a\u8bbe\u7f6e `flex-wrap: wrap` \u6765\u5904\u7406\u3002 \u552f\u4e00\u65e0\u6cd5\u5728\u672a\u6e32\u67d3\u7684\u60c5\u51b5\u4e0b\u6392\u9664\u7684\u98ce\u9669\u662f\u8868\u683c\u5355\u5143\u683c\u4e2d\u51fa\u73b0\u8fc7\u957f\u7684\u8fde\u7eed\u5b57\u7b26\u4e32\uff0c\u4f46\u6240\u6709\u6d4b\u8bd5\u6570\u636e\u503c\u90fd\u5f88\u77ed\u3002.<br>\u5916\u90e8\u4f9d\u8d56\u9879 \u2014 \u5df2\u68c0\u67e5\uff0c\u65e0<br>\u6ca1\u6709 &lt;link&gt;, &lt;script src&gt;, &lt;img&gt;, @import, url(), fetch, XMLHttpRequest, web font, or CDN reference. Fonts are a system-ui stack. The badge and featured border are CSS only, no icon assets. Everything is inline in one file, so it runs from file:\/\/ with no build step.<br>\u5bf9\u6bd4\u5ea6\u4e0e\u8fd0\u52a8\u2014\u2014\u5df2\u68c0\u67e5<br>\u4e3b\u6587\u672c #16191f \u5728 #f6f7f9 \u80cc\u666f\u4e0a\uff0c\u4ee5\u53ca\u6b21\u8981\u6587\u672c #4a515c \u5728\u767d\u8272\u80cc\u666f\u4e0a\uff0c\u5176\u5bf9\u6bd4\u5ea6\u5747\u8fdc\u8d85 4.5:1\uff1b \u5fbd\u6807\u5728 #10457e \u80cc\u666f\u4e0a\u4e3a\u767d\u8272\uff0c\u800c\u6d3b\u52a8\u6807\u7b7e\u9875\u5219\u4e3a #10457e \u914d\u767d\u8272\u80cc\u666f\u3002 \u8fd9\u4e9b\u6570\u636e\u662f\u6211\u6839\u636e\u5341\u516d\u8fdb\u5236\u503c\u4f30\u7b97\u6bd4\u4f8b\u5f97\u51fa\u7684\uff0c\u5e76\u975e\u4f7f\u7528\u5bf9\u6bd4\u5ea6\u5de5\u5177\u6d4b\u5f97\u3002\u9875\u9762\u4e2d\u6ca1\u6709\u4efb\u4f55\u8fc7\u6e21\u6548\u679c\u3001\u52a8\u753b\u6216\u53d8\u6362\uff1b`prefers-reduced-motion` \u89c4\u5219\u5757\u4ec5\u4f5c\u4e3a\u4e00\u79cd\u65e0\u64cd\u4f5c\u7684\u5b89\u5168\u63aa\u65bd\uff0c\u800c\u975e\u9488\u5bf9\u73b0\u6709\u52a8\u6001\u6548\u679c\u7684\u4fee\u590d\u65b9\u6848\u3002.<br>\u5939\u5177\u7cbe\u5ea6\u2014\u2014\u5df2\u68c0\u67e5<br>\u8fd9\u4e09\u79cd\u65b9\u6848\u5747\u51fa\u73b0\u5728\u6240\u6709\u4e09\u4e2a\u9762\u677f\u4ee5\u53ca\u5404\u9762\u677f\u7684\u8868\u683c\u4e2d\u3002\u6211\u5df2\u5bf9\u7167 JSON: Atlas \u5bf9\u6bcf\u4e2a\u4ef7\u683c\u3001\u9879\u76ee\u6570\u91cf\u3001\u5b58\u50a8\u5bb9\u91cf\u548c\u652f\u6301\u7ea7\u522b\u8fdb\u884c\u4e86\u4ea4\u53c9\u6838\u5bf9\u3002<br>19<br>\/<br>20<br>\ud835\udc5d<br>\ud835\udc5f<br>\ud835\udc5c<br>\ud835\udc57<br>\ud835\udc52<br>\ud835\udc50<br>\ud835\udc61<br>\ud835\udc60<br>\/<br>10<br>\ud835\udc3a<br>\ud835\udc35<br>\/<br>\ud835\udc38<br>\ud835\udc5a<br>\ud835\udc4e<br>\ud835\udc56<br>\ud835\udc59<br>,<br>\ud835\udc35<br>\ud835\udc52<br>\ud835\udc4e<br>\ud835\udc50<br>\ud835\udc5c<br>\ud835\udc5b<br>49\/\u4e0d\u9650\/100 GB\/\u4f18\u5148\u7ea7\uff0cCove $99\/\u4e0d\u9650\/1 TB\/\u4e13\u7528\u3002 Beacon \u5e26\u6709\"\u7efc\u5408\u6700\u4f73\"\u5fbd\u7ae0\u548c 2 \u50cf\u7d20\u7684\u5f3a\u8c03\u8fb9\u6846\uff1bAtlas \u548c Cove \u5219\u4fdd\u7559\u5168\u4e0d\u900f\u660e\u5ea6\u6587\u672c\u3001\u666e\u901a\u8fb9\u6846\u4ee5\u53ca\u76f8\u540c\u7684\u5b57\u4f53\u5904\u7406\u65b9\u5f0f\uff0c\u56e0\u6b64\u770b\u8d77\u6765\u662f\u53ef\u7528\u7684\u800c\u975e\u5df2\u7981\u7528\u3002\u6700\u9002\u5408\u7684\u573a\u666f\u4ee5\u7b80\u77ed\u6807\u7b7e\u5f62\u5f0f\u5448\u73b0\uff08\u201c\u6700\u9002\u5408\u5355\u4eba\u5de5\u4f5c\u201d\uff09\u2014\u2014\u5728\u4ea7\u54c1\u53c2\u6570\u503c\u5468\u56f4\u6dfb\u52a0\u6587\u5b57\u8bf4\u660e\uff0c\u4e0d\u6dfb\u52a0\u65b0\u7684\u4ea7\u54c1\u5ba3\u4f20\u8bed\u3002.<br>\u5df2\u77e5\u7f3a\u9677<br>\u4e0d\u8fdb\u884c\u4efb\u4f55\u5f62\u5f0f\u7684\u8fd0\u884c\u65f6\u9a8c\u8bc1\u3002\u4e09\u4e2a\u9762\u677f\u7684\u5185\u5bb9\u5747\u4ee5\u9759\u6001\u6807\u8bb0\u7684\u5f62\u5f0f\u590d\u5236\uff0c\u800c\u975e\u4ece JSON \u6e32\u67d3\u800c\u6765\uff0c\u56e0\u6b64\u8be5\u6d4b\u8bd5\u7528\u4f8b\u901a\u8fc7\u8f6c\u5f55\u800c\u975e\u7ed1\u5b9a\u6210\u4e3a\u201c\u6743\u5a01\u6570\u636e\u6e90\u201d\u2014\u2014\u672a\u6765\u82e5\u6570\u636e\u53d1\u751f\u53d8\u66f4\uff0c\u5219\u9700\u5728\u591a\u4e2a\u4f4d\u7f6e\u8fdb\u884c\u7f16\u8f91\u3002.<\/p><\/div><pre id=\"T3-answer-copy\" class=\"opus5-answer-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">```html\n&lt;!DOCTYPE html&gt;\n&lt;html lang=&quot;en&quot;&gt;\n&lt;head&gt;\n&lt;meta charset=&quot;utf-8&quot;&gt;\n&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;\n&lt;title&gt;Compare plans \u2014 Atlas, Beacon, Cove&lt;\/title&gt;\n&lt;style&gt;\n  :root\n {\n    --bg: #f6f7f9\n;\n    --surface: #ffffff\n;\n    --ink: #16191f\n;\n    --ink-soft: #4a515c\n;\n    --line: #d3d8df\n;\n    --line-strong: #b6bdc7\n;\n    --accent: #10457e\n;\n    --accent-soft: #e8f0f9\n;\n    --focus: #0b2f56\n;\n    --radius: 10px\n;\n  }\n\n  * {\nbox-sizing\n: border-box; }\n\n  html { -webkit-text-size-adjust: 100%\n; }\n\n  body\n {\n    margin: 0\n;\n    padding: 0\n;\n    background: var\n(--bg);\n    color: var\n(--ink);\n    font-family: system-ui, -apple-system, &quot;Segoe UI&quot;\n, Roboto, Helvetica, Arial, sans-serif;\n    font-size: 16px\n;\n    line-height: 1.5\n;\n    overflow-x\n: hidden;\n  }\n\n  .wrap\n {\n    width: 100%\n;\n    max-width: 1120px\n;\n    margin: 0\n auto;\n    padding: 32px 24px 64px\n;\n  }\n\n  \/* ---------- Header ---------- *\/\n\n  .page-header { margin-bottom: 24px\n; }\n\n  .page-header h1\n {\n    margin: 0 0 8px\n;\n    font-size: 1.75rem\n;\n    line-height: 1.25\n;\n    letter-spacing: -0.01em\n;\n  }\n\n  .page-header p\n {\n    margin: 0\n;\n    max-width: 60ch\n;\n    color: var\n(--ink-soft);\n  }\n\n  \/* ---------- Recommendation ---------- *\/\n\n  .recommendation\n {\n    display\n: flex;\n    flex-wrap\n: wrap;\n    gap: 4px 10px\n;\n    align-items\n: baseline;\n    margin: 0 0 28px\n;\n    padding: 14px 16px\n;\n    background: var\n(--accent-soft);\n    border: 1px solid #c2d5e8\n;\n    border-left: 4px solid var\n(--accent);\n    border-radius: var\n(--radius);\n  }\n\n  .recommendation strong { color: var\n(--accent); }\n\n  .recommendation span { color: #23405e\n; }\n\n  \/* ---------- Tabs ---------- *\/\n\n  .tabs\n {\n    display\n: flex;\n    flex-wrap\n: wrap;\n    gap: 8px\n;\n    margin: 0 0 20px\n;\n    padding: 0\n;\n    border-bottom: 1px solid var\n(--line);\n  }\n\n  [role=&quot;tab&quot;]\n {\n    appearance\n: none;\n    min-height: 44px\n;\n    padding: 10px 18px\n;\n    font\n: inherit;\n    font-weight: 600\n;\n    color: var\n(--ink-soft);\n    background\n: transparent;\n    border: 1px\n solid transparent;\n    border-bottom: 3px\n solid transparent;\n    border-radius: 8px 8px 0 0\n;\n    cursor\n: pointer;\n  }\n\n  [role=&quot;tab&quot;]:hover { color: var(--ink); background: #eceff3\n; }\n\n  [role=&quot;tab&quot;][aria-selected=&quot;true&quot;]\n {\n    color: var\n(--accent);\n    background: var\n(--surface);\n    border-color: var(--line) var(--line) var\n(--accent);\n    border-bottom-width: 3px\n;\n  }\n\n  :focus-visible\n {\n    outline: 3px solid var\n(--focus);\n    outline-offset: 2px\n;\n  }\n\n  [role=&quot;tabpanel&quot;] { outline\n: none; }\n\n  [role=&quot;tabpanel&quot;]:focus-visible\n {\n    outline: 3px solid var\n(--focus);\n    outline-offset: 4px\n;\n    border-radius: var\n(--radius);\n  }\n\n  [hidden] { display: none !important\n; }\n\n  .panel-intro\n {\n    margin: 0 0 20px\n;\n    max-width: 62ch\n;\n    color: var\n(--ink-soft);\n  }\n\n  \/* ---------- Cards ---------- *\/\n\n  .card-grid\n {\n    display\n: grid;\n    grid-template-columns: repeat(3, minmax(0, 1\nfr));\n    gap: 20px\n;\n    margin: 0\n;\n    padding: 0\n;\n    list-style\n: none;\n    align-items\n: start;\n  }\n\n  .card\n {\n    display\n: flex;\n    flex-direction\n: column;\n    height: 100%\n;\n    padding: 20px\n;\n    background: var\n(--surface);\n    border: 1px solid var\n(--line);\n    border-radius: var\n(--radius);\n  }\n\n  .card.is-featured\n {\n    border-color: var\n(--accent);\n    border-width: 2px\n;\n    padding: 19px\n;\n  }\n\n  .card-head\n {\n    display\n: flex;\n    flex-wrap\n: wrap;\n    gap: 8px\n;\n    align-items\n: center;\n    justify-content\n: space-between;\n    margin-bottom: 4px\n;\n  }\n\n  .card h3\n {\n    margin: 0\n;\n    font-size: 1.2rem\n;\n  }\n\n  .badge\n {\n    padding: 3px 10px\n;\n    font-size: 0.75rem\n;\n    font-weight: 700\n;\n    letter-spacing: 0.02em\n;\n    text-transform\n: uppercase;\n    color: #ffffff\n;\n    background: var\n(--accent);\n    border-radius: 999px\n;\n    white-space\n: nowrap;\n  }\n\n  .price\n {\n    margin: 8px 0 2px\n;\n    font-size: 1.6rem\n;\n    font-weight: 700\n;\n    letter-spacing: -0.02em\n;\n  }\n\n  .best-for\n {\n    margin: 0 0 14px\n;\n    font-size: 0.9375rem\n;\n    color: var\n(--ink-soft);\n  }\n\n  .spec-list\n {\n    margin: 0\n;\n    padding: 14px 0 0\n;\n    border-top: 1px solid var\n(--line);\n    font-size: 0.9375rem\n;\n  }\n\n  .spec-list div\n {\n    display\n: flex;\n    gap: 12px\n;\n    justify-content\n: space-between;\n    padding: 5px 0\n;\n  }\n\n  .spec-list dt { color: var\n(--ink-soft); }\n\n  .spec-list dd\n {\n    margin: 0\n;\n    font-weight: 600\n;\n    text-align\n: right;\n  }\n\n  \/* ---------- Table ---------- *\/\n\n  .table-section { margin-top: 36px\n; }\n\n  .table-section h2\n {\n    margin: 0 0 12px\n;\n    font-size: 1.125rem\n;\n  }\n\n  .table-scroll\n {\n    max-width: 100%\n;\n    overflow-x\n: auto;\n    background: var\n(--surface);\n    border: 1px solid var\n(--line);\n    border-radius: var\n(--radius);\n  }\n\n  table\n {\n    width: 100%\n;\n    border-collapse\n: collapse;\n    font-size: 0.9375rem\n;\n  }\n\n  caption\n {\n    padding: 12px 14px\n;\n    text-align\n: left;\n    color: var\n(--ink-soft);\n    font-size: 0.875rem\n;\n  }\n\n  th, td\n {\n    padding: 10px 14px\n;\n    text-align\n: left;\n    border-top: 1px solid var\n(--line);\n    white-space\n: nowrap;\n  }\n\n  thead th\n {\n    background: #eef1f5\n;\n    border-top\n: none;\n    font-weight: 700\n;\n  }\n\n  tbody th { font-weight: 600; color: var\n(--ink-soft); }\n\n  th[scope=&quot;col&quot;].is-featured { color: var\n(--accent); }\n\n  \/* ---------- Mobile ---------- *\/\n\n  @media (max-width: 720px\n) {\n    .wrap { padding: 20px 16px 48px\n; }\n\n    .page-header h1 { font-size: 1.4rem\n; }\n\n    .tabs\n {\n      gap: 4px\n;\n      overflow-x\n: auto;\n      -webkit-\noverflow\n-scrolling: touch;\n      flex-wrap\n: nowrap;\n    }\n\n    [role=&quot;tab&quot;]\n {\n      flex: 1 0\n auto;\n      padding: 10px 12px\n;\n      font-size: 0.9375rem\n;\n    }\n\n    .card-grid { grid-template-columns: minmax(0, 1\nfr); }\n\n    th, td { padding: 10px 12px\n; }\n  }\n\n  @media (prefers-reduced-motion\n: reduce) {\n    * {\ntransition: none !important; animation: none !important\n; }\n  }\n&lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n&lt;main class=&quot;wrap&quot;&gt;\n\n  &lt;header class=&quot;page-header&quot;&gt;\n    &lt;h1&gt;Compare plans&lt;\/h1&gt;\n    &lt;p&gt;Three plans across projects, storage, and support. Pick a tab to focus on the details that matter to you.&lt;\/p&gt;\n  &lt;\/header&gt;\n\n  &lt;p class=&quot;recommendation&quot;&gt;\n    &lt;strong&gt;Recommended: Beacon&lt;\/strong&gt;\n    &lt;span&gt;Best overall for growing teams \u2014 $49\/mo, unlimited projects, 100&amp;nbsp;GB, priority support.&lt;\/span&gt;\n  &lt;\/p&gt;\n\n  &lt;div class=&quot;tabs&quot; role=&quot;tablist&quot; aria-label=&quot;Plan comparison views&quot;&gt;\n    &lt;button type=&quot;button&quot; role=&quot;tab&quot; id=&quot;tab-overview&quot; aria-controls=&quot;panel-overview&quot; aria-selected=&quot;true&quot; tabindex=&quot;0&quot;&gt;Overview&lt;\/button&gt;\n    &lt;button type=&quot;button&quot; role=&quot;tab&quot; id=&quot;tab-pricing&quot; aria-controls=&quot;panel-pricing&quot; aria-selected=&quot;false&quot; tabindex=&quot;-1&quot;&gt;Pricing&lt;\/button&gt;\n    &lt;button type=&quot;button&quot; role=&quot;tab&quot; id=&quot;tab-limits&quot; aria-controls=&quot;panel-limits&quot; aria-selected=&quot;false&quot; tabindex=&quot;-1&quot;&gt;Limits&lt;\/button&gt;\n  &lt;\/div&gt;\n\n  &lt;!-- Overview --&gt;\n  &lt;section role=&quot;tabpanel&quot; id=&quot;panel-overview&quot; aria-labelledby=&quot;tab-overview&quot; tabindex=&quot;0&quot;&gt;\n    &lt;p class=&quot;panel-intro&quot;&gt;Every plan side by side, with the full set of published facts for each one.&lt;\/p&gt;\n\n    &lt;ul class=&quot;card-grid&quot;&gt;\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Atlas&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$19\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for solo work&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;20 projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;10 GB&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Email support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card is-featured&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;\n          &lt;h3&gt;Beacon&lt;\/h3&gt;\n          &lt;span class=&quot;badge&quot;&gt;Best overall&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$49\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best overall for growing teams&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;100 GB&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Priority support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Cove&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$99\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for regulated operations&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;1 TB&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Dedicated support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n    &lt;\/ul&gt;\n\n    &lt;section class=&quot;table-section&quot;&gt;\n      &lt;h2&gt;All plans at a glance&lt;\/h2&gt;\n      &lt;div class=&quot;table-scroll&quot; tabindex=&quot;0&quot; role=&quot;region&quot; aria-label=&quot;Full plan comparison table, scrollable&quot;&gt;\n        &lt;table&gt;\n          &lt;caption&gt;Published facts for Atlas, Beacon, and Cove.&lt;\/caption&gt;\n          &lt;thead&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;col&quot;&gt;Plan&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Price&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Projects&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Storage&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Support&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Best for&lt;\/th&gt;\n            &lt;\/tr&gt;\n          &lt;\/thead&gt;\n          &lt;tbody&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;row&quot;&gt;Atlas&lt;\/th&gt;\n              &lt;td&gt;$19\/mo&lt;\/td&gt;&lt;td&gt;20 projects&lt;\/td&gt;&lt;td&gt;10 GB&lt;\/td&gt;&lt;td&gt;Email support&lt;\/td&gt;&lt;td&gt;Solo work&lt;\/td&gt;\n            &lt;\/tr&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;row&quot;&gt;Beacon&lt;\/th&gt;\n              &lt;td&gt;$49\/mo&lt;\/td&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;100 GB&lt;\/td&gt;&lt;td&gt;Priority support&lt;\/td&gt;&lt;td&gt;Growing teams&lt;\/td&gt;\n            &lt;\/tr&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;row&quot;&gt;Cove&lt;\/th&gt;\n              &lt;td&gt;$99\/mo&lt;\/td&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;1 TB&lt;\/td&gt;&lt;td&gt;Dedicated support&lt;\/td&gt;&lt;td&gt;Regulated operations&lt;\/td&gt;\n            &lt;\/tr&gt;\n          &lt;\/tbody&gt;\n        &lt;\/table&gt;\n      &lt;\/div&gt;\n    &lt;\/section&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- Pricing --&gt;\n  &lt;section role=&quot;tabpanel&quot; id=&quot;panel-pricing&quot; aria-labelledby=&quot;tab-pricing&quot; tabindex=&quot;0&quot; hidden&gt;\n    &lt;p class=&quot;panel-intro&quot;&gt;Monthly price and the audience each plan is built for.&lt;\/p&gt;\n\n    &lt;ul class=&quot;card-grid&quot;&gt;\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Atlas&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$19\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for solo work&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Email support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card is-featured&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;\n          &lt;h3&gt;Beacon&lt;\/h3&gt;\n          &lt;span class=&quot;badge&quot;&gt;Best overall&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$49\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best overall for growing teams&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Priority support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Cove&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$99\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for regulated operations&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Support&lt;\/dt&gt;&lt;dd&gt;Dedicated support&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n    &lt;\/ul&gt;\n\n    &lt;section class=&quot;table-section&quot;&gt;\n      &lt;h2&gt;Price and support&lt;\/h2&gt;\n      &lt;div class=&quot;table-scroll&quot; tabindex=&quot;0&quot; role=&quot;region&quot; aria-label=&quot;Pricing comparison table, scrollable&quot;&gt;\n        &lt;table&gt;\n          &lt;caption&gt;Monthly price, support tier, and intended fit.&lt;\/caption&gt;\n          &lt;thead&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;col&quot;&gt;Plan&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Price&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Support&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Best for&lt;\/th&gt;\n            &lt;\/tr&gt;\n          &lt;\/thead&gt;\n          &lt;tbody&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Atlas&lt;\/th&gt;&lt;td&gt;$19\/mo&lt;\/td&gt;&lt;td&gt;Email support&lt;\/td&gt;&lt;td&gt;Solo work&lt;\/td&gt;&lt;\/tr&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Beacon&lt;\/th&gt;&lt;td&gt;$49\/mo&lt;\/td&gt;&lt;td&gt;Priority support&lt;\/td&gt;&lt;td&gt;Growing teams&lt;\/td&gt;&lt;\/tr&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Cove&lt;\/th&gt;&lt;td&gt;$99\/mo&lt;\/td&gt;&lt;td&gt;Dedicated support&lt;\/td&gt;&lt;td&gt;Regulated operations&lt;\/td&gt;&lt;\/tr&gt;\n          &lt;\/tbody&gt;\n        &lt;\/table&gt;\n      &lt;\/div&gt;\n    &lt;\/section&gt;\n  &lt;\/section&gt;\n\n  &lt;!-- Limits --&gt;\n  &lt;section role=&quot;tabpanel&quot; id=&quot;panel-limits&quot; aria-labelledby=&quot;tab-limits&quot; tabindex=&quot;0&quot; hidden&gt;\n    &lt;p class=&quot;panel-intro&quot;&gt;Project counts and storage allowances for each plan.&lt;\/p&gt;\n\n    &lt;ul class=&quot;card-grid&quot;&gt;\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Atlas&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$19\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for solo work&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;20 projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;10 GB&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card is-featured&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;\n          &lt;h3&gt;Beacon&lt;\/h3&gt;\n          &lt;span class=&quot;badge&quot;&gt;Best overall&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$49\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best overall for growing teams&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;100 GB&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n\n      &lt;li class=&quot;card&quot;&gt;\n        &lt;div class=&quot;card-head&quot;&gt;&lt;h3&gt;Cove&lt;\/h3&gt;&lt;\/div&gt;\n        &lt;p class=&quot;price&quot;&gt;$99\/mo&lt;\/p&gt;\n        &lt;p class=&quot;best-for&quot;&gt;Best for regulated operations&lt;\/p&gt;\n        &lt;dl class=&quot;spec-list&quot;&gt;\n          &lt;div&gt;&lt;dt&gt;Projects&lt;\/dt&gt;&lt;dd&gt;Unlimited projects&lt;\/dd&gt;&lt;\/div&gt;\n          &lt;div&gt;&lt;dt&gt;Storage&lt;\/dt&gt;&lt;dd&gt;1 TB&lt;\/dd&gt;&lt;\/div&gt;\n        &lt;\/dl&gt;\n      &lt;\/li&gt;\n    &lt;\/ul&gt;\n\n    &lt;section class=&quot;table-section&quot;&gt;\n      &lt;h2&gt;Projects and storage&lt;\/h2&gt;\n      &lt;div class=&quot;table-scroll&quot; tabindex=&quot;0&quot; role=&quot;region&quot; aria-label=&quot;Limits comparison table, scrollable&quot;&gt;\n        &lt;table&gt;\n          &lt;caption&gt;Project allowance and storage per plan.&lt;\/caption&gt;\n          &lt;thead&gt;\n            &lt;tr&gt;\n              &lt;th scope=&quot;col&quot;&gt;Plan&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Projects&lt;\/th&gt;\n              &lt;th scope=&quot;col&quot;&gt;Storage&lt;\/th&gt;\n            &lt;\/tr&gt;\n          &lt;\/thead&gt;\n          &lt;tbody&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Atlas&lt;\/th&gt;&lt;td&gt;20 projects&lt;\/td&gt;&lt;td&gt;10 GB&lt;\/td&gt;&lt;\/tr&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Beacon&lt;\/th&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;100 GB&lt;\/td&gt;&lt;\/tr&gt;\n            &lt;tr&gt;&lt;th scope=&quot;row&quot;&gt;Cove&lt;\/th&gt;&lt;td&gt;Unlimited projects&lt;\/td&gt;&lt;td&gt;1 TB&lt;\/td&gt;&lt;\/tr&gt;\n          &lt;\/tbody&gt;\n        &lt;\/table&gt;\n      &lt;\/div&gt;\n    &lt;\/section&gt;\n  &lt;\/section&gt;\n\n&lt;\/main&gt;\n\n&lt;script&gt;\n(\nfunction (\n) {\n  'use strict'\n;\n\n  var tablist = document.querySelector('[role=&quot;tablist&quot;]'\n);\n  if (!tablist) return\n;\n\n  var tabs = Array.prototype.slice.call(tablist.querySelectorAll('[role=&quot;tab&quot;]'\n));\n\n  function panelFor(tab\n) {\n    return document.getElementById(tab.getAttribute('aria-controls'\n));\n  }\n\n  function activate(index, moveFocus\n) {\n    if (index &lt; 0 || index &gt;= tabs.length) return\n;\n\n    tabs.\nforEach(function (tab, i\n) {\n      var\n selected = i === index;\n      var panel = panelFor\n(tab);\n\n      tab.\nsetAttribute('aria-selected', selected ? 'true' : 'false'\n);\n      tab.\nsetAttribute('tabindex', selected ? '0' : '-1'\n);\n\n      if\n (panel) {\n        if\n (selected) {\n          panel.\nremoveAttribute('hidden'\n);\n        }\nelse\n {\n          panel.\nsetAttribute('hidden', ''\n);\n        }\n      }\n    });\n\n    if (moveFocus !== false) tabs[index].focus\n();\n  }\n\n  function currentIndex(\n) {\n    var i = tabs.findIndex(function (tab\n) {\n      return tab.getAttribute('aria-selected') === 'true'\n;\n    });\n    return i === -1 ? 0\n : i;\n  }\n\n  tabs.\nforEach(function (tab, i\n) {\n    tab.\naddEventListener('click', function (\n) {\n      activate\n(i);\n    });\n  });\n\n  tablist.\naddEventListener('keydown', function (event\n) {\n    var last = tabs.length - 1\n;\n    var i = currentIndex\n();\n    var next = null\n;\n\n    switch (event.key\n) {\n      case 'ArrowRight'\n:\n        next = i === last ?\n0 : i + 1\n;\n        break\n;\n      case 'ArrowLeft'\n:\n        next = i ===\n0 ? last : i - 1\n;\n        break\n;\n      case 'Home'\n:\n        next =\n0\n;\n        break\n;\n      case 'End'\n:\n        next = last;\n        break\n;\n      default\n:\n        return\n;\n    }\n\n    event.\npreventDefault\n();\n    activate\n(next);\n  });\n\n  \/\/ Normalize initial state from markup.\n  activate(currentIndex(), false\n);\n}());\n&lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n```\n\nSELF-CHECK\nAll statements below come from code inspection only. I did not open a browser, render a viewport, run a screen reader, or execute the keyboard handlers, so nothing here is runtime-verified. Where a claim depends on layout engine behavior, I say so.\nSemantic tabs \u2014 inspected, consistent\nOne div[role=&quot;tablist&quot;] with aria-label=&quot;Plan comparison views&quot; holds three button[type=&quot;button&quot;][role=&quot;tab&quot;]. Each tab has a unique id and an aria-controls pointing at a section[role=&quot;tabpanel&quot;]; each panel carries aria-labelledby pointing back at its tab. I traced all three pairs by hand: tab-overview\/panel-overview, tab-pricing\/panel-pricing, tab-limits\/panel-limits. No duplicate IDs, no dangling references. Panels use tabindex=&quot;0&quot; so the panel body is reachable after the tab.\nKeyboard behavior \u2014 inspected, not executed\nA single keydown listener on the tablist handles ArrowRight, ArrowLeft, Home, and End, calls event.preventDefault() for those four keys only, and returns early otherwise. Arrow keys wrap at both ends. Because activate() both updates aria-selected\/tabindex\/hidden and moves focus, arrow and Home\/End keys move andactivate in one step, which is the automatic-activation pattern the requirement asks for. Tab\/Shift+Tab traversal relies on roving tabindex: exactly one tab is tabindex=&quot;0&quot;, the rest -1, maintained by activate(). Focus visibility comes from a global :focus-visible rule with a 3px outline and 2px offset; I did not override or remove any default outline. I have not confirmed key handling in a real browser.\nSelected-state reflection \u2014 inspected\nactivate() sets all three signals in the same loop, so aria-selected=&quot;true&quot;, tabindex=&quot;0&quot;, and the absence of hidden cannot drift apart. Inactive panels get the hidden attribute, and [hidden] { display: none !important; } guards against the display rules that would otherwise defeat it \u2014 that guard matters because the panels contain display: grid children. activate(currentIndex(), false) runs on load to normalize state from markup without stealing focus. If JavaScript does not run, the markup ships with Overview selected and the other two panels hidden, so the page degrades to one readable panel.\n1440px layout \u2014 inspected, not rendered\n.wrap is max-width: 1120px with margin: 0 auto, so at 1440px the content centers with roughly 160px gutters rather than stretching. Cards use grid-template-columns: repeat(3, minmax(0, 1fr)) with a 20px gap, giving three equal columns; align-items: start keeps cards from stretching to a shared height while .card { height: 100% } is neutralized by that. The minmax(0, 1fr) is deliberate \u2014 1fralone can refuse to shrink below content width and push a grid wide. I did not measure actual pixel output.\n390px layout \u2014 inspected, not rendered\nThe max-width: 720px block switches the card grid to minmax(0, 1fr), a single column, so cards stack. Padding drops to 16px per side, leaving about 358px of content width. Tap targets: every [role=&quot;tab&quot;] has min-height: 44px, and horizontal padding shrinks to 12px rather than the height shrinking, so the 44px floor holds at narrow widths. The tablist becomes flex-wrap: nowrap with overflow-x: auto and flex: 1 0 auto children, so three tabs either fit or scroll within the tablist itself instead of being clipped or wrapped mid-control. &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt; is present. Not verified at an actual 390px viewport.\nHorizontal overflow \u2014 inspected, one intentional contained scroll\nbody { overflow-x: hidden } is the backstop, but I also tried not to rely on it. * { box-sizing: border-box } keeps padding inside declared widths. The comparison tables use white-space: nowrap on cells, so the six-column Overview table will exceed 358px on mobile; that is contained by .table-scroll { max-width: 100%; overflow-x: auto }, which scrolls the table region rather than the page. That wrapper has tabindex=&quot;0&quot; and role=&quot;region&quot; with a label so keyboard users can reach and scroll it. Flex and grid children that could otherwise refuse to shrink are handled with minmax(0, 1fr) on the grid and flex-wrap: wrap on .card-head and .recommendation. The one remaining risk I cannot rule out without rendering is a long unbroken string in a table cell, but all fixture values are short.\nExternal dependencies \u2014 inspected, none\nNo &lt;link&gt;, &lt;script src&gt;, &lt;img&gt;, @import, url(), fetch, XMLHttpRequest, web font, or CDN reference. Fonts are a system-ui stack. The badge and featured border are CSS only, no icon assets. Everything is inline in one file, so it runs from file:\/\/ with no build step.\nContrast and motion \u2014 inspected\nBody text #16191f on #f6f7f9 and secondary #4a515c on white are both well clear of 4.5:1; the badge is white on #10457e, and the active tab is #10457e on white. I computed these by ratio estimate from the hex values, not with a contrast tool. There are no transitions, animations, or transforms anywhere; the prefers-reduced-motion block is a no-op safety net rather than a fix for existing motion.\nFixture fidelity \u2014 inspected\nEach of the three plans appears in all three panels plus each panel's table. I cross-checked every price, project count, storage figure, and support tier against the JSON: Atlas\n19\n\/\n20\n\ud835\udc5d\n\ud835\udc5f\n\ud835\udc5c\n\ud835\udc57\n\ud835\udc52\n\ud835\udc50\n\ud835\udc61\n\ud835\udc60\n\/\n10\n\ud835\udc3a\n\ud835\udc35\n\/\n\ud835\udc38\n\ud835\udc5a\n\ud835\udc4e\n\ud835\udc56\n\ud835\udc59\n,\n\ud835\udc35\n\ud835\udc52\n\ud835\udc4e\n\ud835\udc50\n\ud835\udc5c\n\ud835\udc5b\n49\/Unlimited\/100 GB\/Priority, Cove $99\/Unlimited\/1 TB\/Dedicated. Beacon carries the Best overall badge and a 2px accent border; Atlas and Cove keep full-opacity text, normal borders, and identical type treatment, so they read as available rather than disabled. The best for values are rendered as short labels (&quot;Best for solo work&quot;) \u2014 wording added around the fixture value, no new product claims.\nKnown gaps\nNo runtime verification of any kind. Panel content is duplicated across the three panels as static markup rather than rendered from the JSON, so the fixture is the source of truth by transcription, not by binding \u2014 a future data change means editing several places.<\/pre><\/div><\/div><\/details><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">T4\uff1a\u81ea\u6211\u9a8c\u8bc1<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u901a\u8fc7\u2014\u2014\u5728\u5185\u90e8\u5ba1\u6838\u4e2d\u53d1\u73b0\u4e86\u7a7a\u6570\u7ec4\u7684NaN\u9519\u8bef\uff0c\u4fee\u6539\u4e86\u4e00\u6b21\uff0c\u5e76\u786e\u8ba4\u4e86\u6240\u6709\u7ed9\u5b9a\u7684\u6d4b\u8bd5\u7528\u4f8b\u3002.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t4-result-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t4-result-v4.webp\" alt=\"Claude Opus 5 \u5b9e\u8df5\u6027\u81ea\u6211\u9a8c\u8bc1\u7ed3\u679c\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">\u5728\u5176\u81ea\u8eab\u7684\u5ba1\u6838\u4e2d\u53d1\u73b0\u4e86\u7a7a\u6570\u7ec4\u5bfc\u81f4 NaN \u7684\u7ed3\u679c\uff1b\u4fee\u6539\u4e86\u4e00\u6b21\uff0c\u4f7f\u5176\u8fd4\u56de N\/A\uff080\/0 \u901a\u8fc7\uff09\uff1b\u4fee\u6539\u540e\u786e\u8ba4\u4e86\u63d0\u4f9b\u7684\u6240\u6709\u56db\u4e2a\u6848\u4f8b\u5747\u901a\u8fc7\u3002.<\/figcaption><\/figure>\n\n\n\n<div class=\"opus5-test-panel\" style=\"border:1px solid #dedede;border-radius:18px;margin:24px 0;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(30,30,30,.05)\"><details><summary style=\"cursor:pointer;padding:16px 20px;font-size:16px;font-weight:700;line-height:1.4;background:#f7f5ff;color:#29243d\">\u67e5\u770b\u5b8c\u6574\u7684T4\u9898\u76ee\u53ca\u7b54\u6848<\/summary><div class=\"opus5-test-inner\" style=\"padding:20px;background:#fff\"><div class=\"opus5-copy-row\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;color:#252525\"><strong style=\"font-size:15px\">\u5b8c\u6574\u7684\u63d0\u793a\u8bed<\/strong><button type=\"button\" onclick=\"opus5Copy('T4-prompt',this)\" style=\"border:1px solid #d4d4d4;border-radius:9px;background:#fff;color:#444;padding:7px 12px;font-size:14px;font-weight:650;cursor:pointer\">\u590d\u5236\u63d0\u793a\u8bed<\/button><\/div><pre id=\"T4-prompt\" class=\"opus5-prompt\" style=\"box-sizing:border-box;width:100%;white-space:pre-wrap;overflow:auto;max-height:520px;margin:0;background:#171b25;color:#eef1f6;padding:17px 18px;border-radius:12px;font:13px\/1.62 ui-monospace,SFMono-Regular,Consolas,monospace\">\u5b8c\u6210\u8fd9\u9879\u5e26\u7f16\u53f7\u7684\u7ea6\u675f\u4efb\u52a1\uff0c\u7136\u540e\u5bf9\u5176\u8fdb\u884c\u5ba1\u6838\uff0c\u5982\u6709\u5fc5\u8981\uff0c\u4ec5\u53ef\u4fee\u6539\u4e00\u6b21\u3002\n\n\u4efb\u52a1\u7ea6\u675f\uff1a\n1. \u7f16\u5199\u4e00\u4e2a\u540d\u4e3a `summarizeChecks(checks)` \u7684\u7eaf JavaScript \u51fd\u6570\uff1b`checks` \u662f\u4e00\u4e2a\u5e03\u5c14\u503c\u6570\u7ec4\u3002\n2. \u5bf9\u4e8e\u975e\u7a7a\u8f93\u5165\uff0c\u8fd4\u56de\u503c\u5e94\u7cbe\u786e\u4e3a `% (\/ \u901a\u8fc7)`\uff0c\u5176\u4e2d `rate` \u4fdd\u7559\u4e00\u4f4d\u5c0f\u6570\uff0c\u8868\u793a `true` \u503c\u7684\u767e\u5206\u6bd4\u3002 \u793a\u4f8b\uff1a\u5bf9\u4e8e `[true, true, false, true]`\uff0c\u8fd4\u56de `75.0% (3\/4 \u901a\u8fc7)`\u3002\n3. \u4e0d\u5f97\u4fee\u6539\u8f93\u5165\u3002\n4. \u4e0d\u5f97\u4f7f\u7528 `for`\u3001`while`\u3001`forEach`\u3001`eval`\u3001\u5916\u90e8\u5e93\u6216\u7b2c\u4e8c\u4e2a\u51fd\u6570\u3002\n5. \u51fd\u6570\u4f53\u6700\u591a\u53ef\u5305\u542b\u4e09\u6761\u8bed\u53e5\u3002\u5e26\u6709\u521d\u59cb\u5316\u7684\u58f0\u660e\u8ba1\u4e3a\u4e00\u6761\u8bed\u53e5\u3002\n6. \u5728\u58f0\u660e\u51fd\u6570\u540e\u5c06\u5176\u8d4b\u503c\u7ed9 `globalThis.summarizeChecks`\uff0c\u4ee5\u4fbf\u72ec\u7acb\u7684\u6d4b\u8bd5\u6846\u67b6\u80fd\u591f\u8c03\u7528\u5b83\u3002\n\n\u5fc5\u9700\u7684\u54cd\u5e94\u683c\u5f0f\uff1a\n- `FIRST ANSWER`\uff1a\u5728\u8fdb\u884c\u5ba1\u6838\u4e4b\u524d\uff0c\u5c06\u521d\u59cb\u89e3\u6cd5\u5199\u5728\u4e00\u4e2a\u5e26\u56f4\u680f\u7684 `js` \u4ee3\u7801\u5757\u4e2d\u3002\n- `AUDIT`\uff1a\u6839\u636e\u7ea6\u675f\u6761\u4ef6 1\u20136 \u4ee5\u53ca\u4ee5\u4e0b\u9690\u85cf\u8fb9\u754c\u60c5\u51b5\u5bf9\u7b2c\u4e00\u4e2a\u7b54\u6848\u8fdb\u884c\u68c0\u67e5\uff1a\u7a7a\u8f93\u5165\u5fc5\u987b\u8fd4\u56de `N\/A (0\/0 \u901a\u8fc7)`\u3002\u9488\u5bf9\u6bcf\u9879\u7ea6\u675f\u8bf4\u660e\u901a\u8fc7\u6216\u5931\u8d25\u3002\n- \u82e5\u6709\u4efb\u4f55\u5ba1\u6838\u9879\u672a\u901a\u8fc7\uff0c\u8bf7\u4fee\u6539\u4e00\u6b21\u3002\u4fee\u6539\u6b21\u6570\u4e0d\u5f97\u8d85\u8fc7\u4e00\u6b21\u3002\n- `\u6700\u7ec8\u7b54\u6848`\uff1a\u5728\u5355\u4e2a\u5e26\u8fb9\u754c\u6807\u8bb0\u7684 `js` \u4ee3\u7801\u5757\u4e2d\u7ed9\u51fa\u6700\u7ec8\u89e3\u51b3\u65b9\u6848\u3002\u5728\u6ee1\u8db3\u7a7a\u8f93\u5165\u8fb9\u754c\u60c5\u51b5\u7684\u540c\u65f6\uff0c\u4fdd\u7559\u6240\u6709\u539f\u59cb\u7ea6\u675f\u6761\u4ef6\u3002\n\n\u5728\u5ba1\u6838\u4e2d\u4f7f\u7528\u4ee5\u4e0b\u72ec\u7acb\u6d4b\u8bd5\u7528\u4f8b\uff1a\n```text\n[] -&gt; N\/A (0\/0 \u901a\u8fc7)\n[true] -&gt; 100.0% (1\/1 \u901a\u8fc7)\n[false] -&gt; 0.0% (0\/1 \u901a\u8fc7)\n[true, true, false, true] -&gt; 75.0% (3\/4 \u901a\u8fc7)\n```<\/pre><div class=\"opus5-answer-shell\" style=\"margin-top:22px;border:1px solid #dedede;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(22,22,22,.06)\"><div class=\"opus5-answer-bar\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8;background:#fff;color:#242424\"><strong style=\"font-size:15px\">Claude Opus 5<\/strong><button type=\"button\" onclick=\"opus5Copy('T4-answer-copy',this)\" style=\"border:1px solid #d4d4d4;border-radius:9px;background:#fff;color:#444;padding:7px 12px;font-size:14px;font-weight:650;cursor:pointer\">\u590d\u5236\u7b54\u6848<\/button><\/div><div class=\"opus5-answer-body\" style=\"padding:22px 20px 26px;color:#252525;background:#fff\"><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">\u7b2c\u4e00\u4e2a\u7b54\u6848<\/h4><div class=\"opus5-code-card\" data-code-language=\"js\" style=\"margin:18px 0 24px;border-radius:18px;overflow:hidden;background:#f7f7f7;border:1px solid #ececec\"><div class=\"opus5-code-toolbar\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;color:#686868;background:#f7f7f7\"><span class=\"opus5-window-dots\" aria-hidden=\"true\" style=\"display:flex;gap:7px\"><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#ef6a62\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#f4be4f\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#61c554\"><\/i><\/span><span class=\"opus5-code-actions\" style=\"display:flex;align-items:center;gap:15px;font-size:14px\"><span>js<\/span><button type=\"button\" onclick=\"opus5Copy('T4-code-1',this)\" style=\"border:0;background:transparent;color:#555;font:inherit;cursor:pointer;padding:3px 5px\">\u590d\u5236<\/button><\/span><\/div><pre class=\"opus5-code-view\" style=\"margin:0;max-height:680px;overflow:auto;padding:16px 0 22px;background:#f7f7f7;color:#596273;font:14px\/1.58 ui-monospace,SFMono-Regular,Consolas,monospace\"><code style=\"display:table;min-width:100%;width:max-content\"><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">1<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">function summarizeChecks(checks) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">2<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  const total = checks.length;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">3<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  const passed = checks.filter(Boolean).length;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">4<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  return `${((\u901a\u8fc7\u6570 \/ \u603b\u6570) * 100).toFixed(1)}% (${\u901a\u8fc7\u6570}\/${\u603b\u6570} \u901a\u8fc7)`;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">5<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">}<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">6<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">7<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">globalThis.summarizeChecks = summarizeChecks;<\/span><\/span><\/code><\/pre><pre id=\"T4-code-1\" class=\"opus5-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">function summarizeChecks(checks) {\n  const total = checks.length;\n  const passed = checks.filter(Boolean).length;\n  return `${((\u901a\u8fc7\u6570 \/ \u603b\u6570) * 100).toFixed(1)}% (${\u901a\u8fc7\u6570}\/${\u603b\u6570} \u901a\u8fc7)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;<\/pre><\/div><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">\u5ba1\u8ba1<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">#<br>\u5236\u7ea6\u56e0\u7d20<br>\u7ed3\u679c<br>1<br>\u540d\u4e3a summarizeChecks(checks) \u7684\u666e\u901a\u51fd\u6570<br>PASS \u2014 \u666e\u901a\u58f0\u660e\uff0c\u4e00\u4e2a\u53c2\u6570\uff0c\u6ca1\u6709\u7c7b\u6216\u7bad\u5934\u5305\u88c5\u5668\u3002.<br>2<br>\u683c\u5f0f % (\/ \u901a\u8fc7\uff09\uff0c\u901a\u8fc7\u7387\u4fdd\u7559\u4e00\u4f4d\u5c0f\u6570\u7b80\u4f53\u4e2d\u6587\uff08\u5927\u9646\uff09<br>\u5bf9\u4e8e\u975e\u7a7a\u8f93\u5165\uff0c\u901a\u8fc7\u9a8c\u8bc1\u2014\u2014toFixed(1) \u56fa\u5b9a\u4e86\u5c0f\u6570\u4f4d\u6570\uff0c\u4e14\u5b57\u9762\u91cf\u4e2d\u7684\u7a7a\u683c\u4e0e\u89c4\u8303\u5b8c\u5168\u4e00\u81f4\u3002.<br>3<br>\u65e0\u8f93\u5165\u7a81\u53d8<br>PASS \u2014 .length \u548c .filter \u5747\u4e3a\u53ea\u8bfb\uff1bfilter \u4f1a\u8fd4\u56de\u4e00\u4e2a\u65b0\u6570\u7ec4\u3002.<br>4<br>\u4e0d\u5141\u8bb8\u4f7f\u7528 for\u3001while\u3001forEach\u3001eval\u3001library \u6216 second \u51fd\u6570<br>PASS \u2014 .filter \u662f\u552f\u4e00\u7684\u8fed\u4ee3\u64cd\u4f5c\uff0cBoolean \u662f\u4e00\u4e2a\u5185\u7f6e\u7c7b\u578b\uff0c\u7528\u4f5c\u8c13\u8bcd\u5f15\u7528\uff0c\u5e76\u975e\u6211\u5b9a\u4e49\u7684\u51fd\u6570\u3002.<br>5<br>\u6b63\u6587\u4e2d\u6700\u591a\u5305\u542b\u4e09\u6761\u8bed\u53e5<br>PASS \u2014\u2014 \u6b63\u597d\u4e09\u4e2a\uff1a\u4e24\u4e2a\u5df2\u521d\u59cb\u5316\u7684\u58f0\u660e\u52a0\u4e0a\u8fd4\u56de\u8bed\u53e5\u3002.<br>6<br>\u5728\u58f0\u660e\u540e\u88ab\u8d4b\u503c\u7ed9 globalThis.summarizeChecks<br>PASS \u2014 \u8d4b\u503c\u64cd\u4f5c\u7d27\u8ddf\u5728\u9876\u7ea7\u58f0\u660e\u4e4b\u540e\u3002.<br>\u72ec\u7acb\u68c0\u67e5\u6848\u4f8b\uff1a<br>\u8f93\u5165<br>\u9884\u671f<br>\u5b9e\u9645<br>\u7ed3\u679c<br>[]<br>\u4e0d\u9002\u7528\uff080\/0 \u901a\u8fc7\uff09<br>NaN%\uff08\u901a\u8fc7\u6570\uff1a0\/0\uff09<br>\u5931\u8d25<br>[true]<br>100.0%\uff081\/1 \u901a\u8fc7\uff09<br>100.0%\uff081\/1 \u901a\u8fc7\uff09<br>PASS<br>[false]<br>0.0%\uff08\u901a\u8fc70\/1\uff09<br>0.0%\uff08\u901a\u8fc70\/1\uff09<br>PASS<br>[true, true, false, true]<br>75.0%\uff08\u901a\u8fc7\u73873\/4\uff09<br>75.0%\uff08\u901a\u8fc7\u73873\/4\uff09<br>PASS<br>\u51fa\u73b0\u4e00\u6b21\u9519\u8bef\u3002\u5f53\u8f93\u5165\u4e3a\u7a7a\u65f6\uff0c\u4f20\u5165\u7684\u53c2\u6570\u4e3a \/ \u603b\u548c\u4e3a 0 \/ 0\uff0c\u8fd9\u5c5e\u4e8e NaN\uff1b\u7531\u4e8e NaN.toFixed(1) \u4f1a\u8fd4\u56de\u5b57\u7b26\u4e32\"NaN\"\u800c\u975e\u629b\u51fa\u5f02\u5e38\uff0c\u56e0\u6b64\u8be5\u51fd\u6570\u4f1a\u65e0\u58f0\u5730\u8f93\u51fa NaN%\uff08\u4f20\u5165\u53c2\u6570\u4e3a 0\/0\uff09\u3002.<br>\u4fee\u6539\u4e00\u6b21\u3002\u8be5\u4fee\u6b63\u4f5c\u4e3a\u6761\u4ef6\u8868\u8fbe\u5f0f\u4fdd\u7559\u5728\u73b0\u6709\u7684return\u8bed\u53e5\u4e2d\uff0c\u56e0\u6b64\u8bed\u53e5\u6570\u91cf\u4fdd\u6301\u4e0d\u53d8\u3002%\u7b26\u53f7\u79fb\u81f3\u975e\u7a7a\u5206\u652f\u5185\u90e8\uff0c\u56e0\u4e3a\u9884\u671f\u7684\u7a7a\u8f93\u51fa\u4e3aN\/A\uff080\/0\u901a\u8fc7\uff09\uff0c\u4e14\u4e0d\u5305\u542b\u767e\u5206\u53f7\u3002.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">\u6700\u7ec8\u7b54\u6848<\/h4><div class=\"opus5-code-card\" data-code-language=\"js\" style=\"margin:18px 0 24px;border-radius:18px;overflow:hidden;background:#f7f7f7;border:1px solid #ececec\"><div class=\"opus5-code-toolbar\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;color:#686868;background:#f7f7f7\"><span class=\"opus5-window-dots\" aria-hidden=\"true\" style=\"display:flex;gap:7px\"><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#ef6a62\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#f4be4f\"><\/i><i style=\"display:block;width:14px;height:14px;border-radius:50%;background:#61c554\"><\/i><\/span><span class=\"opus5-code-actions\" style=\"display:flex;align-items:center;gap:15px;font-size:14px\"><span>js<\/span><button type=\"button\" onclick=\"opus5Copy('T4-code-2',this)\" style=\"border:0;background:transparent;color:#555;font:inherit;cursor:pointer;padding:3px 5px\">\u590d\u5236<\/button><\/span><\/div><pre class=\"opus5-code-view\" style=\"margin:0;max-height:680px;overflow:auto;padding:16px 0 22px;background:#f7f7f7;color:#596273;font:14px\/1.58 ui-monospace,SFMono-Regular,Consolas,monospace\"><code style=\"display:table;min-width:100%;width:max-content\"><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">1<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">function summarizeChecks(checks) {<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">2<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  const total = checks.length;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">3<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  const passed = checks.filter(Boolean).length;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">4<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">  \u8fd4\u56de `${total === 0 ? 'N\/A' : `${((\u901a\u8fc7\u6570 \/ \u603b\u6570) * 100).toFixed(1)}%`} (${\u901a\u8fc7\u6570}\/${\u603b\u6570} \u901a\u8fc7)`;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">5<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">}<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">6<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">7<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">globalThis.summarizeChecks = summarizeChecks;<\/span><\/span><\/code><\/pre><pre id=\"T4-code-2\" class=\"opus5-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">function summarizeChecks(checks) {\n  const total = checks.length;\n  const passed = checks.filter(Boolean).length;\n  return `${total === 0 ? 'N\/A' : `${((\u901a\u8fc7\u6570 \/ \u603b\u6570) * 100).toFixed(1)}%`} (${\u901a\u8fc7\u6570}\/${\u603b\u6570} \u901a\u8fc7)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;<\/pre><\/div><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">\u56db\u4e2a\u6848\u4f8b\u7684\u4fee\u8ba2\u540e\u786e\u8ba4\u7ed3\u679c\uff1a[] \u2192 \u4e0d\u9002\u7528\uff080\/0 \u901a\u8fc7\uff09\uff0c[true] \u2192 100.0%\uff081\/1 \u901a\u8fc7\uff09\uff0c[false] \u2192 0.0%\uff080\/1 \u901a\u8fc7\uff09\uff0c [true, true, false, true] \u2192 75.0%\uff083\/4\u901a\u8fc7\uff09\u3002\u4e3b\u4f53\u90e8\u5206\u4ecd\u4e3a\u4e09\u6761\u8bed\u53e5\uff0c\u8f93\u5165\u672a\u4f5c\u4efb\u4f55\u4fee\u6539\uff0c\u4e14\u672a\u5f15\u5165\u4efb\u4f55\u88ab\u7981\u7ed3\u6784\u3002.<\/p><\/div><pre id=\"T4-answer-copy\" class=\"opus5-answer-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">\u7b2c\u4e00\u4e2a\u7b54\u6848\n\n```js\nfunction summarizeChecks(checks) {\n  const total = checks.length;\n  const passed = checks.filter(Boolean).length;\n  return `${((\u901a\u8fc7\u6570 \/ \u603b\u6570) * 100).toFixed(1)}% (${\u901a\u8fc7\u6570}\/${\u603b\u6570} \u901a\u8fc7)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;\n```\n\n\u5ba1\u6838\n#\n\u7ea6\u675f\u6761\u4ef6\n\u7ed3\u679c\n1\n\u540d\u4e3a summarizeChecks(checks) \u7684\u666e\u901a\u51fd\u6570\n\u901a\u8fc7 \u2014 \u666e\u901a\u58f0\u660e\uff0c\u4e00\u4e2a\u53c2\u6570\uff0c\u65e0\u7c7b\u6216\u7bad\u5934\u51fd\u6570\u5305\u88c5\u3002\n2\n\u683c\u5f0f % (\/ \u901a\u8fc7)\uff0crate \u4fdd\u7559\u4e00\u4f4d\u5c0f\u6570\n\u5bf9\u4e8e\u975e\u7a7a\u8f93\u5165\u901a\u8fc7 \u2014 toFixed(1) \u56fa\u5b9a\u4e86\u5c0f\u6570\u4f4d\u6570\uff0c\u4e14\u5b57\u9762\u91cf\u95f4\u8ddd\u5b8c\u5168\u7b26\u5408\u89c4\u8303\u3002\n3\n\u65e0\u8f93\u5165\u53d8\u5f02\n\u901a\u8fc7 \u2014 .length \u548c .filter \u5747\u4e3a\u53ea\u8bfb\uff1bfilter \u8fd4\u56de\u4e00\u4e2a\u65b0\u6570\u7ec4\u3002\n4\n\u65e0 for\u3001while\u3001forEach\u3001eval\u3001library \u6216\u7b2c\u4e8c\u4e2a\u51fd\u6570\n\u901a\u8fc7 \u2014 .filter \u662f\u552f\u4e00\u7684\u8fed\u4ee3\u64cd\u4f5c\uff0cBoolean \u662f\u4f5c\u4e3a\u8c13\u8bcd\u5f15\u7528\u4f7f\u7528\u7684\u5185\u7f6e\u7c7b\u578b\uff0c\u5e76\u975e\u6211\u5b9a\u4e49\u7684\u51fd\u6570\u3002\n5\n\u4e3b\u4f53\u4e2d\u6700\u591a\u4e09\u4e2a\u8bed\u53e5\n\u901a\u8fc7 \u2014 \u6070\u597d\u4e09\u4e2a\uff1a\u4e24\u4e2a\u521d\u59cb\u5316\u58f0\u660e\u52a0\u4e0a\u8fd4\u56de\u8bed\u53e5\u3002\n6\n\u5728\u58f0\u660e\u540e\u5c06\u503c\u8d4b\u7ed9 globalThis.summarizeChecks\n\u901a\u8fc7 \u2014 \u8d4b\u503c\u7d27\u8ddf\u5728\u9876\u7ea7\u58f0\u660e\u4e4b\u540e\u3002\n\u72ec\u7acb\u6d4b\u8bd5\u7528\u4f8b\uff1a\n\u8f93\u5165\n\u9884\u671f\n\u5b9e\u9645\n\u7ed3\u679c\n[]\n\u4e0d\u9002\u7528 (0\/0 \u901a\u8fc7)\nNaN% (0\/0 \u901a\u8fc7)\n\u5931\u8d25\n[true]\n100.0% (1\/1 \u901a\u8fc7)\n100.0% (1\/1 \u901a\u8fc7)\n\u901a\u8fc7\n[false]\n0.0%\uff080\/1 \u901a\u8fc7\uff09\n0.0%\uff080\/1 \u901a\u8fc7\uff09\n\u901a\u8fc7\n[true, true, false, true]\n75.0% (3\/4 \u901a\u8fc7)\n75.0% (3\/4 \u901a\u8fc7)\n\u901a\u8fc7\n\u51fa\u73b0\u4e00\u6b21\u5931\u8d25\u3002\u5728\u7a7a\u8f93\u5165\u901a\u8fc7 \/ \u603b\u6570\u4e3a 0 \/ 0 \u7684\u60c5\u51b5\u4e0b\uff0c\u7ed3\u679c\u4e3a NaN\uff1bNaN.toFixed(1) \u8fd4\u56de\u5b57\u7b26\u4e32\"NaN\"\u800c\u975e\u629b\u51fa\u5f02\u5e38\uff0c\u56e0\u6b64\u8be5\u51fd\u6570\u4f1a\u9759\u9ed8\u8f93\u51fa NaN%\uff080\/0 \u901a\u8fc7\uff09\u3002\n\u4fee\u6539\u4e00\u6b21\u3002\u4fee\u590d\u5185\u5bb9\u4f5c\u4e3a\u6761\u4ef6\u8868\u8fbe\u5f0f\u4fdd\u7559\u5728\u73b0\u6709\u7684\u8fd4\u56de\u8bed\u53e5\u4e2d\uff0c\u56e0\u6b64\u8bed\u53e5\u6570\u91cf\u4fdd\u6301\u4e0d\u53d8\u3002% \u7b26\u53f7\u79fb\u81f3\u975e\u7a7a\u5206\u652f\u5185\u90e8\uff0c\u56e0\u4e3a\u9884\u671f\u7a7a\u8f93\u51fa\u4e3a N\/A\uff080\/0 \u901a\u8fc7\uff09\uff0c\u4e14\u4e0d\u5305\u542b\u767e\u5206\u53f7\u3002\n\u6700\u7ec8\u7b54\u6848\n\n```js\nfunction summarizeChecks(checks) {\n  const total = checks.length;\n  const passed = checks.filter(Boolean).length;\n  return `${total === 0 ? 'N\/A' : `${((passed \/ total) * 100).toFixed(1)}%`} (${passed}\/${total} \u901a\u8fc7)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;\n```\n\n\u5bf9\u6240\u6709\u56db\u79cd\u60c5\u51b5\u8fdb\u884c\u4fee\u8ba2\u540e\u786e\u8ba4\uff1a[] \u2192 N\/A\uff080\/0 \u901a\u8fc7\uff09\uff0c[true] \u2192 100.0%\uff081\/1 \u901a\u8fc7\uff09\uff0c [false] \u2192 0.0%\uff080\/1 \u901a\u8fc7\uff09\uff0c[true, true, false, true] \u2192 75.0%\uff083\/4 \u901a\u8fc7\uff09\u3002\u4e3b\u4f53\u4ecd\u4e3a\u4e09\u6761\u8bed\u53e5\uff0c\u8f93\u5165\u672a\u4f5c\u4efb\u4f55\u6539\u52a8\uff0c\u4e14\u672a\u5f15\u5165\u4efb\u4f55\u88ab\u7981\u6b62\u7684\u6784\u9020\u3002.<\/pre><\/div><\/div><\/details><\/div>\n\n\n\n<script>function opus5Copy(id,button){var node=document.getElementById(id);if(!node)return;var text=node.textContent;var old=button.textContent;function done(){button.textContent='Copied';setTimeout(function(){button.textContent=old},1400)}function fallback(){var area=document.createElement('textarea');area.value=text;area.setAttribute('readonly','');area.style.position='fixed';area.style.opacity='0';document.body.appendChild(area);area.select();try{document.execCommand('copy');done()}catch(e){button.textContent='Press Ctrl+C'}document.body.removeChild(area)}if(navigator.clipboard&&navigator.clipboard.writeText){navigator.clipboard.writeText(text).then(done).catch(fallback)}else{fallback()}}<\/script>\n\n<!-- OPUS5_TEST_LAB_END -->\n\n\n<p class=\"wp-block-paragraph\">\u5728\u8de8\u4f9b\u5e94\u5546\u8fdb\u884c\u9009\u62e9\u65f6\uff0c\u56e2\u961f\u4ecd\u5e94\u6d4b\u8bd5\u5176\u81ea\u8eab\u7684\u4ee3\u7801\u5e93\u3001\u5de5\u5177\u6808\u4ee5\u53ca\u4ee3\u7801\u5ba1\u67e5\u5de5\u4f5c\u91cf\u3002\u66f4\u5e7f\u6cdb\u5730\u6765\u8bf4\uff0c <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-vs-chatgpt-for-coding\/\">Claude \u4e0e ChatGPT \u7684\u7f16\u7801\u5bf9\u6bd4<\/a> \u6709\u52a9\u4e8e\u4ece\u8fd9\u4e00\u5355\u4e00\u7ed3\u679c\u4e4b\u5916\u7684\u89d2\u5ea6\u6765\u5ba1\u89c6\u8fd9\u4e9b\u6743\u8861\u3002.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"opus-5-vs-opus-4-8-vs-fable-5\">Claude Opus 5 \u4e0e Opus 4.8 \u4e0e Fable 5<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u8981\u7406\u89e3Opus 5\uff0c\u6700\u76f4\u89c2\u7684\u65b9\u5f0f\u5c31\u662f\u5c06\u5176\u89c6\u4e3a\u4e00\u6b3e\u5168\u65b0\u7684\u9ad8\u7aef\u4e3b\u529b\u673a\u578b\u3002 Opus 4.8\u662f\u5176\u524d\u4ee3\u4ea7\u54c1\uff1bFable 5\u4f9d\u7136\u662f\u4e1a\u754c\u6807\u6746\u3002Anthropic\u7684\u53d1\u5e03\u8d44\u6599\u6307\u51fa\uff0cOpus 5\u5728\u4fdd\u6301\u4e0eOpus 4.8\u76f8\u540c\u57fa\u7840\u6210\u672c\u7684\u540c\u65f6\uff0c\u5728\u90e8\u5206\u8bc4\u4f30\u6307\u6807\u4e0a\u5df2\u63a5\u8fd1Fable 5\u7684\u6c34\u5e73\uff0c\u4e14\u6bcf\u9879\u4efb\u52a1\u7684\u6210\u672c\u663e\u8457\u964d\u4f4e\u3002.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>\u6a21\u578b<\/th><th>\u804c\u4f4d<\/th><th>\u6027\u4ef7\u6bd4\u6307\u6807<\/th><th>\u6700\u5408\u9002<\/th><\/tr><\/thead><tbody><tr><td>Claude Opus 5<\/td><td>\u9ad8\u7aef\u65e5\u5e38\u6b3e\uff1bOpus 4.8\u7684\u7ee7\u4efb\u673a\u578b<\/td><td>\u6bcf\u4e2a\u8f93\u5165\/\u8f93\u51fa MTok \u4e3a $5\/$25\uff1bAnthropic \u53d1\u5e03\u7684\u6bcf\u4efb\u52a1\u6210\u672c\u7ed3\u679c\u8868\u73b0\u5f3a\u52b2<\/td><td>\u590d\u6742\u7684\u7f16\u7801\u3001\u81ea\u52a8\u5316\u4ee5\u53ca\u5bf9\u53ef\u9760\u6027\u8981\u6c42\u8f83\u9ad8\u7684\u4f01\u4e1a\u7ea7\u5de5\u4f5c<\/td><\/tr><tr><td>\u514b\u52b3\u5fb7\u4f5c\u54c1 4.8<\/td><td>\u4e0a\u4e00\u4ee3 Opus<\/td><td>\u6839\u636eAnthropic\u7684\u53d1\u5e03\u5bf9\u6bd4\uff0c\u5176\u57fa\u7840\u4ef7\u683c\u4e0eOpus 5\u76f8\u540c<\/td><td>\u73b0\u6709\u5df2\u56fa\u5b9a\u4f46\u4ecd\u9700\u8fdb\u884c\u8fc1\u79fb\u9a8c\u8bc1\u7684\u5de5\u4f5c\u6d41<\/td><\/tr><tr><td>\u514b\u52b3\u5fb7\u00b7\u6cd5\u5e03\u5c14 5<\/td><td>\u524d\u6cbf\u60c5\u62a5\u5c42\u7ea7<\/td><td>\u57fa\u51c6\u53c2\u8003\u70b9\uff1bAnthropic\u6307\u51fa\uff0cOpus 5 \u5728 CursorBench \u6d4b\u8bd5\u4e2d\u7684\u8868\u73b0\u4e0e\u4e4b\u76f8\u5dee\u65e0\u51e0\uff0c\u800c\u6bcf\u4efb\u52a1\u6210\u672c\u4ec5\u4e3a\u5176\u4e00\u534a<\/td><td>\u5f53\u6700\u5927\u80fd\u529b\u6bd4\u7ecf\u6d4e\u56e0\u7d20\u66f4\u91cd\u8981\u65f6\uff0c\u6700\u8270\u5de8\u7684\u4efb\u52a1<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u5f53\u60a8\u53ef\u4ee5\u5bf9\u8fc1\u79fb\u8fdb\u884c\u56de\u5f52\u6d4b\u8bd5\uff0c\u4e14\u5e0c\u671b\u91c7\u7528\u65b0\u6a21\u578b\u800c\u4e0d\u63d0\u9ad8\u57fa\u7840 API \u8d39\u7387\u65f6\uff0c\u8bf7\u9009\u62e9 Opus 5 \u800c\u975e Opus 4.8\u3002\u5f53\u60a8\u81ea\u5df1\u7684\u8bc4\u4f30\u8868\u660e\u5176\u989d\u5916\u529f\u80fd\u5bf9\u7ed3\u679c\u7684\u5f71\u54cd\u8db3\u4ee5\u8bc1\u660e\u989d\u5916\u8d39\u7528\u5408\u7406\u65f6\uff0c\u8bf7\u9009\u62e9 Fable 5\u3002 \u5982\u9700\u67e5\u770b\u5305\u542b Sonnet 5 \u7684\u6700\u65b0\u4ea7\u54c1\u7cfb\u5217\u7ea7\u7ec6\u5206\u4fe1\u606f\uff0c\u8bf7\u4f7f\u7528 <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-opus-5-vs-fable-5-vs-sonnet-5\/\">Claude Opus 5 \u4e0e Fable 5 \u4e0e Sonnet 5 \u7684\u5bf9\u6bd4<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"developer-reactions\">\u5f00\u53d1\u5546\u548c\u4e1a\u754c\u7684\u53cd\u5e94<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u793e\u4ea4\u5a92\u4f53\u5e16\u5b50\u867d\u7136\u80fd\u63d0\u4f9b\u6709\u5173\u65e9\u671f\u4f7f\u7528\u60c5\u51b5\u7684\u6709\u7528\u7ebf\u7d22\uff0c\u4f46\u5e76\u975e\u4e2d\u7acb\u7684\u53c2\u8003\u6807\u51c6\u3002Claude\u7684\u5b98\u65b9\u8d26\u53f7\u5c06Opus 5\u63cf\u8ff0\u4e3a\u201c\u8bbe\u8ba1\u5468\u5230\u4e14\u529f\u80fd\u4e3b\u52a8\u201d\uff0c\u5176\u6027\u80fd\u63a5\u8fd1Fable 5\u7684\u524d\u6cbf\u667a\u80fd\u6c34\u5e73\uff0c\u4f46\u4ef7\u683c\u4ec5\u4e3a\u540e\u8005\u7684\u4e00\u534a\u3002\u8fd9\u5176\u5b9e\u662fAnthropic\u81ea\u8eab\u5728\u53d1\u5e03\u65f6\u7684\u5b9a\u4f4d\uff0c\u5e76\u975e\u72ec\u7acb\u9a8c\u8bc1\u7684\u7ed3\u679c\u3002.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-social-anthropic-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-social-anthropic-v4.webp\" alt=\"Claude\u4e8e2026\u5e747\u670824\u65e5\u53d1\u5e03\u7684\u539fX\u5e16\uff0c\u5ba3\u5e03\u63a8\u51faClaude Opus 5\" width=\"1280\" height=\"442\"\/><\/a><figcaption class=\"wp-element-caption\">Claude\u5728X\u5e73\u53f0\u4e0a\u53d1\u5e03\u4e86Opus 5\uff0c\u5c06\u5176\u5b9a\u4f4d\u4e3a\u4e00\u6b3e\u8bbe\u8ba1\u5468\u5230\u3001\u4e3b\u52a8\u578b\u7684\u4eba\u5de5\u667a\u80fd\u6a21\u578b\uff0c\u5176\u667a\u80fd\u6c34\u5e73\u63a5\u8fd1Fable 5\uff0c\u4f46\u4ef7\u683c\u4ec5\u4e3a\u540e\u8005\u7684\u4e00\u534a\u3002.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">JetBrains \u8868\u793a\uff0c\u5176\u81ea\u8eab\u7684\u8bc4\u4f30\u663e\u793a\uff0c <strong>45%\u7684Python\u901a\u8fc7\u7387\u9ad8\u4e8eOpus 4.8<\/strong>, \uff0c\u4ee5\u53ca\u5bf9\u4ee3\u7801\u5e93\u66f4\u6df1\u5165\u7684\u7406\u89e3\u3002\u8fd9\u662f\u6765\u81ea\u4e00\u5bb6\u5f00\u53d1\u8005\u5de5\u5177\u516c\u53f8\u7684\u5177\u4f53\u4e14\u5207\u5408\u5b9e\u9645\u7684\u89c2\u5bdf\uff0c\u4f46\u8be5\u7ed3\u679c\u5c5e\u4e8e JetBrains \u7684\u8bc4\u4f30\u7ed3\u679c\uff0c\u4e0d\u5e94\u5c06\u5176\u63a8\u5e7f\u81f3\u6bcf\u4e00\u4e2a Python \u57fa\u51c6\u6d4b\u8bd5\u6216\u4ee3\u7801\u5e93\u3002.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-social-jetbrains-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-social-jetbrains-v4.webp\" alt=\"JetBrains X \u535a\u6587\u79f0\uff0c\u4f7f\u7528 Claude Opus 5 \u540e\uff0cPython \u901a\u8fc7\u7387\u66f4\u9ad8\uff0c\u5bf9\u4ee3\u7801\u5e93\u7684\u7406\u89e3\u4e5f\u66f4\u6df1\u5165 5\" width=\"1280\" height=\"667\"\/><\/a><figcaption class=\"wp-element-caption\">JetBrains \u8868\u793a\uff0c\u5176\u8bc4\u4f30\u663e\u793a\uff0c\u4e0e Opus 4.8 \u76f8\u6bd4\uff0cPython \u7684\u901a\u8fc7\u7387\u63d0\u9ad8\u4e86 45%\uff0c\u4e14\u5bf9\u4ee3\u7801\u5e93\u7684\u7406\u89e3\u66f4\u4e3a\u6df1\u5165\u3002.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u54c8\u7ef4\u516c\u53f8\u62a5\u544a\u79f0\uff0c\u5728\u5305\u62ec\u516c\u53f8\u6cbb\u7406\u548c\u4ef2\u88c1\u5728\u5185\u7684\u6cd5\u5f8b\u5de5\u4f5c\u6d41\u7a0b\u4e2d\uff0c\u4e0eOpus 4.8\u76f8\u6bd4\uff0c\u8d28\u91cf\u548c\u4ee3\u5e01\u6548\u7387\u5747\u6709\u4e86\u663e\u8457\u63d0\u5347\u3002\u8fd9\u5bf9\u6cd5\u5f8b\u79d1\u6280\u91c7\u8d2d\u65b9\u800c\u8a00\u610f\u4e49\u91cd\u5927\uff0c\u4f46\u8fd9\u4ecd\u4ec5\u662f\u54c8\u7ef4\u516c\u53f8\u5bf9\u5176\u4e1a\u52a1\u9886\u57df\u5de5\u4f5c\u6d41\u7a0b\u7684\u8bc4\u4f30\uff0c\u800c\u975e\u666e\u904d\u6cd5\u5f8b\u51c6\u786e\u6027\u7684\u8bc1\u660e\u3002.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-social-harvey-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-social-harvey-v4.webp\" alt=\"Harvey X \u53d1\u5e03\u5e16\u5b50\uff0c\u79f0\u5728\u6cd5\u5f8b\u5de5\u4f5c\u8d28\u91cf\u548c\u4ee3\u5e01\u6548\u7387\u65b9\u9762\u53d6\u5f97\u4e86 Claude Opus 5 \u7684\u63d0\u5347\" width=\"1280\" height=\"551\"\/><\/a><figcaption class=\"wp-element-caption\">\u54c8\u7ef4\u6307\u51fa\uff0cOpus 5 \u5728\u6cd5\u5f8b\u5de5\u4f5c\u8d28\u91cf\u548c\u4ee3\u5e01\u6548\u7387\u65b9\u9762\u6709\u6240\u63d0\u5347\uff0c\u6db5\u76d6\u516c\u53f8\u6cbb\u7406\u548c\u4ef2\u88c1\u7b49\u9886\u57df\u3002.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u7efc\u5408\u6765\u770b\uff0c\u8fd9\u4e9b\u5e16\u5b50\u8868\u660e\uff0c\u65e9\u671f\u91c7\u7528\u8005\u5df2\u7ecf\u6ce8\u610f\u5230\u5728\u4ee3\u7801\u5e93\u7406\u89e3\u548c\u9886\u57df\u7279\u5b9a\u77e5\u8bc6\u5de5\u4f5c\u65b9\u9762\u53d6\u5f97\u4e86\u8fdb\u5c55\u3002\u63a5\u4e0b\u6765\u8d1f\u8d23\u4efb\u7684\u505a\u6cd5\uff0c\u4ecd\u7136\u662f\u5f00\u5c55\u4e00\u9879\u5177\u6709\u4ee3\u8868\u6027\u7684\u8bd5\u70b9\u9879\u76ee\uff0c\u5176\u4e2d\u5e94\u5305\u542b\u60a8\u81ea\u5df1\u7684\u9a8c\u6536\u6d4b\u8bd5\u3001\u4ee3\u5e01\u9884\u7b97\u4ee5\u53ca\u4eba\u5de5\u5ba1\u6838\u6d41\u7a0b\u3002.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"api-migration\">Claude Opus 5 API\uff1a\u6a21\u578b ID\u3001\u793a\u4f8b\u548c\u8fc1\u79fb\u8bf4\u660e<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Claude \u7684\u5b98\u65b9 API \u6a21\u578b ID \u548c\u522b\u540d\u5747\u4e3a <code>\u514b\u52b3\u5fb7-\u4f5c\u54c1\u7b2c5\u53f7<\/code>. \u4ee5\u4e0b\u662f\u4e00\u4e2a\u6700\u7b80\u7684 <strong>\u4eba\u7c7b\u5e94\u7528\u7a0b\u5e8f\u63a5\u53e3<\/strong> \u8bf7\u6c42\u793a\u4f8b\u3002\u8be5\u793a\u4f8b\u4ec5\u6f14\u793a\u4e86\u5b98\u65b9\u7684 Messages \u7aef\u70b9\uff1b\u5e76\u672a\u63cf\u8ff0\u6216\u627f\u8bfa GlobalGPT \u7684\u540e\u7aef\u5b9e\u73b0\u3002.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>curl https:\/\/api.anthropic.com\/v1\/messages \\\n  --header \"x-api-key: $ANTHROPIC_API_KEY\" \\\n  --header \"anthropic-version: 2023-06-01\" \\\n  --header \"content-type: application\/json\" \\\n  --data '{\n    \"model\": \"claude-opus-5\",\n    \"max_tokens\": 1024,\n    \"messages\": [\n {\n \"role\": \"user\",\n \"content\": \"\u627e\u51fa\u6839\u672c\u539f\u56e0\uff0c\u63d0\u51fa\u6700\u5c0f\u7684\u4fee\u590d\u65b9\u6848\uff0c\u5e76\u7ed9\u51fa\u9a8c\u8bc1\u6307\u4ee4\u3002\"\n      }\n    ]\n  }'<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u8fc1\u79fb\u68c0\u67e5\u6e05\u5355<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5c06\u6a21\u578b\u503c\u66f4\u6539\u4e3a <code>\u514b\u52b3\u5fb7-\u4f5c\u54c1\u7b2c5\u53f7<\/code>, \uff0c\u7136\u540e\u91cd\u65b0\u8fd0\u884c\u60a8\u81ea\u5df1\u7684\u56de\u5f52\u5206\u6790\u548c\u5b89\u5168\u6027\u8bc4\u4f30\u3002.<\/li>\n\n\n\n<li>\u9488\u5bf9\u6bcf\u4e2a MTok\uff0c\u5c06\u9884\u7b97\u8bbe\u5b9a\u4e3a $5 \u7684\u8f93\u5165\u548c $25 \u7684\u8f93\u51fa\uff1b\u76d1\u63a7\u8f93\u51fa\u91cf\u8f83\u5927\u7684\u4ee3\u7406\u5faa\u73af\u548c\u5de5\u5177\u91cd\u8bd5\u3002.<\/li>\n\n\n\n<li>\u4e0d\u8981\u5ef6\u7eed\u65e7\u4e60 <code>thinking.type: \"enabled\"<\/code> \u914d\u7f6e\u3002. <a href=\"https:\/\/platform.claude.com\/docs\/en\/build-with-claude\/thinking\">Anthropic\u7684\u601d\u7ef4\u6307\u5357<\/a> \u79f0\u76ee\u524d\u5df2\u5f00\u59cb\u6784\u601d\u300aOpus 5\u300b\uff0c\u5e76\u8bb0\u5f55\u4e86\u81ea\u9002\u5e94\u8bbe\u7f6e\u3002.<\/li>\n\n\n\n<li>\u8bf7\u5c06 128K \u89c6\u4e3a\u540c\u6b65\u6d88\u606f API \u7684\u6700\u5927\u8f93\u51fa\u91cf\u3002\u72ec\u7acb\u7684\u6d88\u606f\u6279\u6b21\u6d4b\u8bd5\u7248\u5728\u4f7f\u7528 Anthropic \u6587\u6863\u4e2d\u6240\u8ff0\u7684\u6d4b\u8bd5\u7248\u6807\u5934\u65f6\uff0c\u6700\u591a\u53ef\u652f\u6301 300K\u3002.<\/li>\n\n\n\n<li>\u67e5\u770b\u5404\u4f9b\u5e94\u5546\u7684\u578b\u53f7\u540d\u79f0\u53ca\u8bbf\u95ee\u6743\u9650\u3002Anthropic \u6587\u6863 <code>anthropic.claude-opus-5<\/code> \u9002\u7528\u4e8e Amazon Bedrock \u548c <code>\u514b\u52b3\u5fb7-\u4f5c\u54c1\u7b2c5\u53f7<\/code> \u9002\u7528\u4e8e Google Cloud\u3002.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u5bf9\u4e8e\u5e0c\u671b\u5728 Claude Code \u4e4b\u5916\u4f7f\u7528\u547d\u4ee4\u884c\u5de5\u4f5c\u6d41\u7684\u5f00\u53d1\u8005\uff0c\u5b9e\u7528\u7684\u914d\u7f6e\u6307\u5357\u5982\u4e0b\uff1a <a href=\"https:\/\/www.glbgpt.com\/hub\/how-to-use-globalgpt-cli-in-claude-code\/\">\u5982\u4f55\u5728 Claude \u4ee3\u7801\u4e2d\u4f7f\u7528 GlobalGPT CLI<\/a>. \u8bf7\u5c06\u8be5\u5de5\u4f5c\u6d41\u4e0e\u4e0a\u6587\u63d0\u5230\u7684\u5b98\u65b9 Anthropic API \u793a\u4f8b\u5206\u5f00\uff0c\u4ee5\u786e\u4fdd\u51ed\u636e\u3001\u8ba1\u8d39\u548c\u63d0\u4f9b\u5546\u7684\u884c\u4e3a\u4fdd\u6301\u6e05\u6670\u3002.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"is-opus-5-worth-it\">Claude Opus 5 \u503c\u5f97\u8d2d\u4e70\u5417\uff1f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u662f\u7684\u2014\u2014\u5f53\u5931\u8d25\u7684\u4ee3\u4ef7\u5f88\u9ad8\uff0c\u800c\u4e14\u5de5\u4f5c\u91cf\u786e\u5b9e\u5f88\u5927\u65f6\u3002.<\/strong> \u5f53\u66f4\u7cbe\u51c6\u7684\u8bca\u65ad\u3001\u5de5\u5177\u5e94\u7528\u6216\u957f\u4e0a\u4e0b\u6587\u5224\u65ad\u80fd\u591f\u4e3a\u5de5\u7a0b\u5e08\u6216\u5206\u6790\u5e08\u8282\u7701\u65f6\u95f4\u65f6\uff0cOpus 5 \u7684\u4f18\u52bf\u4fbf\u6700\u4e3a\u51f8\u663e\u3002100 \u4e07\u4ee4\u724c\u7684\u4e0a\u4e0b\u6587\u7a97\u53e3\u300112.8 \u4e07\u4ee4\u724c\u7684\u540c\u6b65\u8f93\u51fa\u4e0a\u9650\uff0c\u4ee5\u53ca\u9887\u5177\u5438\u5f15\u529b\u7684\u6bcf\u4efb\u52a1\u6210\u672c\u627f\u8bfa\uff0c\u8fd9\u4e9b\u56e0\u7d20\u7684\u7ed3\u5408\u4f7f\u5176\u7a33\u5c45\u503c\u5f97\u4fe1\u8d56\u7684\u9ad8\u6027\u80fd\u4e3b\u529b\u673a\u578b\u4e4b\u5217\u3002.<\/p>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-ac25b919 wp-block-group-is-layout-constrained\" style=\"border-color:#dbe4f0;border-style:solid;border-width:1px;border-radius:14px;background-color:#ffffff;margin-top:24px;margin-bottom:28px;padding-top:26px;padding-right:30px;padding-bottom:26px;padding-left:30px\">\n<h3 class=\"wp-block-heading\">\u54ea\u4e9b\u4eba\u9002\u5408\u4f7f\u7528 Claude Opus 5\uff1f<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5de5\u7a0b\u56e2\u961f\u6b63\u5728\u9488\u5bf9\u5927\u578b\u4ee3\u7801\u4ed3\u5e93\u8fd0\u884c\u7f16\u7801\u4ee3\u7406\u3002.<\/li>\n\n\n\n<li>\u8fd0\u7ef4\u56e2\u961f\u901a\u8fc7\u53ef\u91cf\u5316\u7684\u9a8c\u6536\u6807\u51c6\uff0c\u5c06\u591a\u6b65\u9aa4\u4e1a\u52a1\u4efb\u52a1\u5b9e\u73b0\u81ea\u52a8\u5316\u3002.<\/li>\n\n\n\n<li>\u80fd\u591f\u5c06\u8be5\u6a21\u578b\u4e0e\u9886\u57df\u5ba1\u67e5\u53ca\u5b9e\u65f6\u6570\u636e\u6e90\u76f8\u7ed3\u5408\u7684\u6cd5\u5f8b\u3001\u8d22\u52a1\u6216\u7814\u7a76\u56e2\u961f\u3002.<\/li>\n\n\n\n<li>\u80fd\u591f\u901a\u8fc7\u7f13\u5b58\u3001\u6279\u5904\u7406\u3001\u8def\u7531\u548c\u56de\u5f52\u6d4b\u8bd5\u6765\u63a7\u5236\u6210\u672c\u7684\u5f00\u53d1\u4eba\u5458\u3002.<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-ac25b919 wp-block-group-is-layout-constrained\" style=\"border-color:#dbe4f0;border-style:solid;border-width:1px;border-radius:14px;background-color:#ffffff;margin-top:24px;margin-bottom:28px;padding-top:26px;padding-right:30px;padding-bottom:26px;padding-left:30px\">\n<h3 class=\"wp-block-heading\">\u8c01\u5e94\u8be5\u53e6\u4f5c\u9009\u62e9\uff1f<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u4ee5\u7b80\u5355\u7684\u63d0\u53d6\u3001\u5206\u7c7b\u6216\u77ed\u6587\u91cd\u5199\u4e3a\u4e3b\u7684\u5927\u89c4\u6a21\u5e94\u7528\u3002.<\/li>\n\n\n\n<li>\u5bf9\u5ef6\u8fdf\u654f\u611f\u7684\u4ea7\u54c1\uff0c\u5176\u4e2d\u4e2d\u7b49\u6027\u80fd\u7684\u6a21\u578b\u8fd0\u884c\u901f\u5ea6\u8fc7\u6162\u3002.<\/li>\n\n\n\n<li>\u6ca1\u6709\u8bc4\u4f30\u6570\u636e\u96c6\u3001\u6210\u672c\u76d1\u63a7\u6216\u9488\u5bf9\u91cd\u8981\u4ea7\u51fa\u7684\u4eba\u5de5\u5ba1\u6838\u8ba1\u5212\u7684\u56e2\u961f\u3002.<\/li>\n\n\n\n<li>\u4ec5\u9700\u5076\u5c14\u8fdb\u884c\u4e00\u822c\u6027\u804a\u5929\uff0c\u4e14\u4e0d\u4f1a\u4f7f\u7528\u989d\u5916\u4e0a\u4e0b\u6587\u6216\u667a\u80fd\u4ee3\u7406\u529f\u80fd\u7684\u4e70\u5bb6\u3002.<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u5982\u679c\u89c9\u5f97Opus 5\u4ef7\u683c\u8fc7\u9ad8\u6216\u8fc7\u4e8e\u4e13\u4e1a\u5316\uff0c\u4e0d\u59a8\u5bf9\u6bd4\u4e00\u4e0b <a href=\"https:\/\/www.glbgpt.com\/hub\/10-best-claude-ai-alternatives\/\">2026\u5e74Claude\u7684AI\u66ff\u4ee3\u65b9\u6848<\/a>. \u5982\u9700\u66f4\u5168\u9762\u7684\u5e02\u573a\u89c6\u89d2\uff0c\u8bf7\u53c2\u9605\u300a <a href=\"https:\/\/www.glbgpt.com\/hub\/best-ai-models\/\">\u9002\u7528\u4e8e\u5b9e\u9645\u5e94\u7528\u573a\u666f\u7684\u6700\u4f73AI\u6a21\u578b<\/a> \u6709\u52a9\u4e8e\u5c06\u5de5\u4f5c\u8d1f\u8f7d\u4e0e\u6a21\u578b\u7c7b\u8fdb\u884c\u5339\u914d\u3002.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u7f16\u7801\u91c7\u8d2d\u4eba\u5458\u5728\u5c06\u56e2\u961f\u5de5\u4f5c\u6d41\u7a0b\u6807\u51c6\u5316\u4e4b\u524d\uff0c\u8fd8\u5e94\u5bf9\u6bd4\u5f53\u524d\u7684\u5404\u79cd\u9009\u9879\uff1b\u8be5 <a href=\"https:\/\/www.glbgpt.com\/hub\/best-ai-model-for-coding\/\">2026\u5e74\u6700\u9002\u5408\u7f16\u7a0b\u7684\u4eba\u5de5\u667a\u80fd\u6a21\u578b<\/a> \u5c06\u6027\u80fd\u548c\u4ef7\u683c\u7f6e\u4e8e\u66f4\u5e7f\u9614\u7684\u80cc\u666f\u4e4b\u4e0b\u3002.<\/p>\n\n\n\n<div class=\"wp-block-group has-background is-layout-constrained wp-container-core-group-is-layout-0629a26d wp-block-group-is-layout-constrained\" style=\"border-radius:14px;border-left-color:#a87300;border-left-style:solid;border-left-width:6px;background-color:#fffaf0;margin-top:30px;margin-bottom:36px;padding-top:24px;padding-right:28px;padding-bottom:24px;padding-left:28px\">\n<p class=\"wp-block-paragraph\"><strong>\u6700\u7ec8\u7ed3\u8bba\uff1a<\/strong> \u5bf9\u4e8e\u786c\u7f16\u7801\u3001\u81ea\u52a8\u5316\u4ee5\u53ca\u77e5\u8bc6\u578b\u5de5\u4f5c\u4efb\u52a1\uff0cClaude Opus 5 \u503c\u5f97\u5c1d\u8bd5\uff0c\u56e0\u4e3a\u5728\u8fd9\u4e9b\u573a\u666f\u4e2d\uff0c\u66f4\u4f18\u5f02\u7684\u6027\u80fd\u8868\u73b0\u8db3\u4ee5\u62b5\u6d88\u5176\u8f83\u9ad8\u7684\u4ee3\u5e01\u6210\u672c\u3002\u5176\u5b98\u65b9\u89c4\u683c\u8868\u73b0\u5f3a\u52b2\uff0cAnthropic \u7684\u57fa\u51c6\u6d4b\u8bd5\u7ed3\u679c\u5728\u6210\u672c\u63a7\u5236\u65b9\u9762\u8868\u73b0\u5f97\u5c24\u4e3a\u51fa\u8272\uff0c\u800c\u6211\u4eec\u9a8c\u8bc1\u8fc7\u7684\u8c03\u8bd5\u7ed3\u679c\u4e5f\u7cbe\u51c6\u4e14\u4e25\u8c28\u3002 \u82e5\u60a8\u9700\u8981\u5904\u7406\u5177\u6709\u53ef\u91cf\u5316\u6210\u679c\u7684\u590d\u6742\u4efb\u52a1\uff0c\u4e0d\u59a8\u8003\u8651\u8d2d\u4e70\u8be5\u6a21\u578b\u2014\u2014\u4f46\u8bf7\u6ce8\u610f\uff0c\u5e76\u975e\u6bcf\u9879\u4efb\u52a1\u90fd\u9700\u8981 Opus \u7ea7\u522b\u7684\u6a21\u578b\u3002.<\/p>\n\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">Claude Opus 5 \u5e38\u89c1\u95ee\u9898\u89e3\u7b54<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Claude Opus 5 \u591a\u5c11\u94b1\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Claude API \u7684\u5b98\u65b9\u57fa\u51c6\u4ef7\u683c\u4e3a\uff1a\u6bcf\u767e\u4e07\u8f93\u5165\u4ee3\u5e01 $5\uff0c\u6bcf\u767e\u4e07\u8f93\u51fa\u4ee3\u5e01 $25\u3002 \u9762\u5411\u6d88\u8d39\u8005\u7684 Claude \u5957\u9910\u4ef7\u683c\u6709\u6240\u4e0d\u540c\uff1aPro \u5957\u9910\u6708\u8d39\u4e3a $20\uff0c\u6309\u5e74\u4ed8\u8d39\u65f6\u6708\u8d39\u4e3a $17\uff1b\u800c Max \u5957\u9910\u6708\u8d39\u8d77\u4ef7\u4e3a $100\u3002.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u5982\u4f55\u8bbf\u95ee Claude Opus 5\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Anthropic \u8868\u793a\uff0cOpus 5 \u662f Claude Max \u4e0a\u7684\u9ed8\u8ba4\u6a21\u578b\uff0c\u4e5f\u662f Claude Pro \u4e0a\u7684\u6700\u5f3a\u6a21\u578b\u3002\u5f00\u53d1\u8005\u53ef\u4ee5\u4f7f\u7528 Claude API\uff0c\u800c\u652f\u6301\u7684\u4e91\u7aef\u8def\u5f84\u5305\u62ec Amazon Bedrock \u548c Google Cloud\uff0c\u4f46\u9700\u6ee1\u8db3\u5404\u670d\u52a1\u5546\u7279\u5b9a\u7684\u8bbf\u95ee\u8981\u6c42\u3002.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Claude Opus 5 API \u6a21\u578b ID \u662f\u591a\u5c11\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Claude API \u7684\u5b98\u65b9\u6a21\u578b ID \u548c\u522b\u540d\u5747\u4e3a claude-opus-5\u3002\u8bf7\u5728 Anthropic Messages API \u8bf7\u6c42\u7684 model \u5b57\u6bb5\u4e2d\u4f7f\u7528\u5b8c\u5168\u76f8\u540c\u7684\u503c\uff0c\u7136\u540e\u5728\u8fc1\u79fb\u81f3\u751f\u4ea7\u73af\u5883\u4e4b\u524d\uff0c\u91cd\u65b0\u8fd0\u884c\u60a8\u81ea\u5df1\u7684\u56de\u5f52\u6d4b\u8bd5\u548c\u5b89\u5168\u6027\u8bc4\u4f30\u3002.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Claude Opus 5 \u7684\u5e94\u7528\u573a\u666f\u548c\u8f93\u51fa\u9650\u5236\u662f\u4ec0\u4e48\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Claude Opus 5 \u5728\u540c\u6b65 Messages API \u4e2d\u5177\u6709 100 \u4e07\u4e2a\u4ee4\u724c\u7684\u4e0a\u4e0b\u6587\u7a97\u53e3\uff0c\u6700\u5927\u8f93\u51fa\u4e3a 128,000 \u4e2a\u4ee4\u724c\u3002Anthropic \u53e6\u884c\u8bf4\u660e\uff0c\u5bf9\u4e8e\u5e26\u6709 beta \u6807\u5934\u7684\u6d88\u606f\u6279\u6b21\uff0c\u6700\u5927\u8f93\u51fa\u4ee4\u724c\u6570\u53ef\u8fbe 300,000 \u4e2a\u3002.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Claude Opus 5 \u7684\u57fa\u51c6\u6d4b\u8bd5\u7ed3\u679c\u662f\u5426\u7ecf\u8fc7\u72ec\u7acb\u9a8c\u8bc1\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u6b64\u5904\u5f15\u7528\u7684\u57fa\u51c6\u6570\u636e\u7531 Anthropic \u53d1\u5e03\uff0c\u5e76\u975e\u4e3a\u672c\u8bc4\u6d4b\u800c\u72ec\u7acb\u91cd\u73b0\u3002\u8fd9\u4e9b\u6570\u636e\u53cd\u6620\u4e86 Anthropic \u6d4b\u8bd5\u6240\u5f97\u7684\u6027\u80fd\u4e0e\u6210\u672c\u8868\u73b0\uff0c\u4f46\u8d2d\u4e70\u8005\u5e94\u6839\u636e\u81ea\u8eab\u5de5\u4f5c\u8d1f\u8f7d\uff0c\u81ea\u884c\u9a8c\u8bc1\u5176\u8d28\u91cf\u3001\u5ef6\u8fdf\u3001\u5de5\u5177\u4f7f\u7528\u60c5\u51b5\u53ca\u603b\u6210\u672c\u3002.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Claude Opus 5 \u6bd4 Opus 4.8 \u6216 Fable 5 \u66f4\u597d\u5417\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Opus 5 \u662f Opus 4.8 \u7684\u6700\u65b0\u7ee7\u4efb\u7248\u672c\uff0c\u57fa\u7840\u6210\u672c\u4e0e\u540e\u8005\u76f8\u540c\uff0c\u56e0\u6b64\u5728\u56de\u5f52\u6d4b\u8bd5\u540e\uff0c\u5b83\u662f\u7406\u6240\u5f53\u7136\u7684\u8fc1\u79fb\u5019\u9009\u65b9\u6848\u3002Fable 5 \u4ecd\u662f\u524d\u6cbf\u53c2\u8003\u65b9\u6848\uff1b\u4ec5\u5f53\u60a8\u7684\u8bc4\u4f30\u8868\u660e\u5176\u989d\u5916\u529f\u80fd\u8db3\u4ee5\u8bc1\u660e\u66f4\u9ad8\u6210\u672c\u7684\u5408\u7406\u6027\u65f6\uff0c\u624d\u5e94\u9009\u62e9\u5b83\u3002.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Claude Opus 5 \u662f\u5426\u53ef\u5728 GlobalGPT \u4e0a\u4f7f\u7528\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u662f\u7684\u3002GlobalGPT \u8bbe\u6709\u4e13\u95e8\u7684 Claude Opus \u7b2c 5 \u9875\u3002\u53ef\u7528\u6027\u4ecd\u53ef\u80fd\u53d6\u51b3\u4e8e\u8d26\u6237\u72b6\u6001\u548c\u5e73\u53f0\u6761\u4ef6\uff0c\u56e0\u6b64\u8bf7\u5728\u6267\u884c\u5bf9\u65f6\u95f4\u654f\u611f\u7684\u5de5\u4f5c\u6d41\u4e4b\u524d\u786e\u8ba4\u8bbf\u95ee\u6743\u9650\uff0c\u5e76\u5c06\u5e73\u53f0\u8bbf\u95ee\u6743\u9650\u4e0e\u5b98\u65b9 Anthropic API \u8ba1\u8d39\u5206\u5f00\u5904\u7406\u3002.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Claude Opus 5 \u7684\u8d39\u7528\u5e94\u8be5\u7531\u8c01\u6765\u627f\u62c5\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Opus 5 \u6700\u9002\u5408\u5904\u7406\u590d\u6742\u7f16\u7801\u3001\u81ea\u52a8\u5316\u6216\u9700\u8981\u957f\u671f\u79ef\u7d2f\u77e5\u8bc6\u7684\u4efb\u52a1\u7684\u56e2\u961f\uff0c\u5728\u8fd9\u4e9b\u4efb\u52a1\u4e2d\uff0c\u66f4\u4f18\u7684\u7b54\u6848\u80fd\u591f\u4e3a\u4eba\u7c7b\u8282\u7701\u5927\u91cf\u65f6\u95f4\u3002\u800c\u5bf9\u4e8e\u8f83\u4e3a\u7b80\u5355\u3001\u5904\u7406\u91cf\u5927\u6216\u5bf9\u5ef6\u8fdf\u654f\u611f\u7684\u5de5\u4f5c\uff0c\u901a\u5e38\u5e94\u9009\u62e9\u66f4\u7ecf\u6d4e\u3001\u901f\u5ea6\u66f4\u5feb\u7684\u6a21\u578b\u3002.<\/p>\n\n\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n        {\n            \"@type\": \"Question\",\n            \"name\": \"How much does Claude Opus 5 cost?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"The official Claude API base price is $5 per million input tokens and $25 per million output tokens. Consumer Claude plans are separate: Pro is $20 monthly or $17 per month when billed annually, while Max starts at $100 per month.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"How can I access Claude Opus 5?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Anthropic says Opus 5 is the default model on Claude Max and the strongest model on Claude Pro. Developers can use the Claude API, while supported cloud routes include Amazon Bedrock and Google Cloud with provider-specific access requirements.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"What is the Claude Opus 5 API model ID?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"The official Claude API model ID and alias are both claude-opus-5. Use that exact value in the model field for Anthropic Messages API requests, then rerun your own regression and safety evaluations before production migration.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"What are the Claude Opus 5 context and output limits?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Claude Opus 5 has a 1-million-token context window and a maximum output of 128,000 tokens in the synchronous Messages API. Anthropic separately documents up to 300,000 output tokens for Message Batches with a beta header.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Are Claude Opus 5 benchmark results independently verified?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"The benchmark figures cited here were published by Anthropic, not independently reproduced for this review. They show Anthropic\\u2019s tested performance-and-cost position, but buyers should validate quality, latency, tool use, and total cost on their own workloads.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Is Claude Opus 5 better than Opus 4.8 or Fable 5?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Opus 5 is the newer successor to Opus 4.8 at the same base cost, making it the natural migration candidate after regression testing. Fable 5 remains the frontier reference; choose it only when your evaluation shows that its extra capability justifies the higher cost.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Is Claude Opus 5 available on GlobalGPT?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Yes. GlobalGPT has a dedicated Claude Opus 5 page. Availability can still depend on account status and platform conditions, so confirm access before a time-sensitive workflow and keep platform access separate from official Anthropic API billing.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Who should pay for Claude Opus 5?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Opus 5 is best for teams running difficult coding, automation, or long-context knowledge-work tasks where a better answer can save meaningful human time. Simpler, high-volume, or latency-sensitive work usually belongs on a cheaper and faster model.\"\n            }\n        }\n    ]\n}<\/script>","protected":false},"excerpt":{"rendered":"<p>Claude Opus 5 \u8bc4\u6d4b\uff1aAnthropic \u7684\u65b0\u673a\u578b\u503c\u5f97\u5165\u624b\u5417\uff1f\u4e8b\u5b9e\u6838\u67e5\u65e5\u671f\uff1a2026\u5e747\u670828\u65e5\u3002 \u7b80\u8bc4\uff1a\u672c\u7bc7 Claude Opus 5 \u8bc4\u6d4b\u53d1\u73b0\uff0c\u5bf9\u4e8e\u7f16\u7a0b\u4ee3\u7406\u3001\u590d\u6742\u4e1a\u52a1\u5de5\u4f5c\u6d41\u4ee5\u53ca\u5e0c\u671b\u83b7\u5f97\u63a5\u8fd1\u524d\u6cbf\u6027\u80fd\u5374\u65e0\u9700\u603b\u662f\u4e3a Fable 5 \u4ed8\u8d39\u7684\u4e70\u5bb6\u800c\u8a00\uff0c\u8fd9\u662f\u4e00\u6b3e\u6781\u5177\u5438\u5f15\u529b\u7684\u9ad8\u7aef\u673a\u578b\u3002 Anthropic\u7684\u6536\u8d39\u6807\u51c6\u4e3a\u6bcf\u767e\u4e07\u8f93\u5165\u4ee4\u724c$5\uff0c\u6bcf\u767e\u4e07[\u2026] $25\u3002<\/p>","protected":false},"author":16,"featured_media":17305,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"Claude Opus 5 Review: Price, Benchmarks, API & Test","_seopress_titles_desc":"Claude Opus 5 review: compare $5\/$25 API pricing, 1M context, benchmark claims and a verified coding test to decide if the upgrade is worth it.","_seopress_robots_index":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-17280","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-chat"],"acf":[],"_links":{"self":[{"href":"https:\/\/wp.glbgpt.com\/zh\/wp-json\/wp\/v2\/posts\/17280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.glbgpt.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.glbgpt.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/zh\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/zh\/wp-json\/wp\/v2\/comments?post=17280"}],"version-history":[{"count":8,"href":"https:\/\/wp.glbgpt.com\/zh\/wp-json\/wp\/v2\/posts\/17280\/revisions"}],"predecessor-version":[{"id":17351,"href":"https:\/\/wp.glbgpt.com\/zh\/wp-json\/wp\/v2\/posts\/17280\/revisions\/17351"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/zh\/wp-json\/wp\/v2\/media\/17305"}],"wp:attachment":[{"href":"https:\/\/wp.glbgpt.com\/zh\/wp-json\/wp\/v2\/media?parent=17280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.glbgpt.com\/zh\/wp-json\/wp\/v2\/categories?post=17280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.glbgpt.com\/zh\/wp-json\/wp\/v2\/tags?post=17280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}