{"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\/fr\/hub\/claude-opus-5-review","title":{"rendered":"Avis sur le Claude Opus 5 : le nouveau mod\u00e8le de Anthropic vaut-il le coup ?"},"content":{"rendered":"<h1 class=\"wp-block-heading\">Avis sur le Claude Opus 5 : le nouveau mod\u00e8le de Anthropic vaut-il le coup ?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\"><em>V\u00e9rification des faits effectu\u00e9e le 28 juillet 2026.<\/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>Avis rapide :<\/strong> Ce test du mod\u00e8le Claude Opus 5 met en avant un mod\u00e8le haut de gamme particuli\u00e8rement int\u00e9ressant pour les d\u00e9veloppeurs, les flux de travail m\u00e9tier complexes et les acheteurs qui recherchent des performances proches de la pointe sans avoir \u00e0 payer syst\u00e9matiquement le prix du mod\u00e8le Fable 5. Le mod\u00e8le Anthropic facture $5 par million de tokens d'entr\u00e9e et $25 par million de tokens de sortie, tout en prenant en charge une fen\u00eatre de contexte d'un million de tokens et jusqu'\u00e0 128 000 tokens de sortie dans l'API Messages synchrone. Ce n\u2019est pas le choix le plus judicieux pour les discussions simples, les r\u00e9sum\u00e9s courts ou les requ\u00eates \u00e0 fort volume et \u00e0 faible valeur.<\/p>\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">L\u2019argument le plus convaincant est d\u2019ordre pratique plut\u00f4t que th\u00e9orique : Opus 5 allie une grande marge de man\u0153uvre en mati\u00e8re de raisonnement \u00e0 des co\u00fbts plus raisonnables que ceux du niveau \u00ab frontier \u00bb de Anthropic. Lors de notre seul test de d\u00e9bogage, il a identifi\u00e9 avec pr\u00e9cision le bug li\u00e9 \u00e0 la correspondance de pr\u00e9fixes, propos\u00e9 le correctif le plus minimal, ajout\u00e9 un test de r\u00e9gression cibl\u00e9 et fourni une commande de v\u00e9rification qui a r\u00e9ussi localement. Il s\u2019agit l\u00e0 d\u2019une preuve utile pour cette t\u00e2che, mais pas d\u2019une garantie que le mod\u00e8le r\u00e9ussira toutes les missions de programmation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Meilleur pour :<\/strong> les d\u00e9veloppeurs, l'analyse de contexte \u00e0 long terme, l'automatisation d'entreprise et les \u00e9quipes dont les \u00e9checs co\u00fbteux justifient un mod\u00e8le haut de gamme. <strong>\u00c0 \u00e9viter dans les cas suivants :<\/strong> La rapidit\u00e9 et le co\u00fbt unitaire priment sur la qualit\u00e9 du raisonnement dans la derni\u00e8re partie.<\/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>Sur cette page :<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#what-is-claude-opus-5\">Qu'est-ce que le Claude Opus 5 ?<\/a><\/li>\n\n\n\n<li><a href=\"#price-api-specs\">Prix, API et caract\u00e9ristiques techniques<\/a><\/li>\n\n\n\n<li><a href=\"#official-benchmarks\">Affirmations officielles concernant les tests de performance<\/a><\/li>\n\n\n\n<li><a href=\"#hands-on-review\">R\u00e9sultats de nos tests pratiques de d\u00e9bogage<\/a><\/li>\n\n\n\n<li><a href=\"#opus-5-vs-opus-4-8-vs-fable-5\">Opus 5 vs Opus 4.8 vs Fable 5<\/a><\/li>\n\n\n\n<li><a href=\"#api-migration\">Exemple d'API et notes de migration<\/a><\/li>\n\n\n\n<li><a href=\"#is-opus-5-worth-it\">\u00c0 qui s'adresse ce produit ?<\/a><\/li>\n\n\n\n<li><a href=\"#faq\">FAQ<\/a><\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-claude-opus-5\">Qu'est-ce que le Claude Opus 5 ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Le Claude Opus 5 est le mod\u00e8le haut de gamme de la gamme Anthropic, destin\u00e9 \u00e0 un usage quotidien pour le codage agentique complexe et les t\u00e2ches professionnelles. <a href=\"https:\/\/www.anthropic.com\/news\/claude-opus-5\">Anthropic l'a annonc\u00e9 le 24 juillet 2026<\/a>, le qualifiant de bien pens\u00e9, proactif et plus efficace que les autres mod\u00e8les. Il a remplac\u00e9 le Claude Opus 4.8, est devenu le mod\u00e8le par d\u00e9faut sur le Claude Max et le mod\u00e8le le plus performant disponible sur le Claude Pro.<\/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=\"Annonce concernant le Anthropic indiquant le titre \u00ab Claude Opus 5 \u00bb, la date du 24 juillet 2026 et la mention \u00ab disponible d\u00e8s aujourd\u2019hui \u00bb\" width=\"1280\" height=\"291\"\/><\/a><figcaption class=\"wp-element-caption\">Le 24 juillet 2026, Anthropic a annonc\u00e9 la sortie du Claude Opus 5 et a indiqu\u00e9 qu'il \u00e9tait disponible d\u00e8s ce jour-l\u00e0.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">L'argumentaire de vente de ce produit sort de l'ordinaire pour une sortie d'Opus : il n'est pas pr\u00e9sent\u00e9 uniquement comme un mod\u00e8le \u00e0 intelligence maximale. Anthropic souhaite qu'il soit utilis\u00e9 au quotidien, avec un niveau d'effort ajustable et un profil de latence mod\u00e9r\u00e9. Cela facilite son adoption pour les agents s'ex\u00e9cutant sur de longues dur\u00e9es et les t\u00e2ches de production complexes, tandis que les charges de travail plus simples peuvent toujours \u00eatre redirig\u00e9es vers un mod\u00e8le plus rapide et moins co\u00fbteux.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">L'acc\u00e8s d\u00e9pend de la m\u00e9thode choisie. Les particuliers peuvent acc\u00e9der \u00e0 Opus 5 via les forfaits Claude \u00e9ligibles ; les d\u00e9veloppeurs peuvent l'utiliser via l'API Claude et les plateformes cloud prises en charge. GlobalGPT dispose \u00e9galement d'une page produit d\u00e9di\u00e9e. Les lecteurs souhaitant comparer les niveaux d'abonnement de Anthropic peuvent utiliser le <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-ai-plans-2026\/\">Comparaison des formules Free, Pro et Max de Claude<\/a> avant de choisir un mode de facturation.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"price-api-specs\">Claude Opus 5 : Prix, API et caract\u00e9ristiques techniques principales<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L'officiel <a href=\"https:\/\/platform.claude.com\/docs\/en\/about-claude\/pricing\">Prix de l'API Claude<\/a> est <strong>$5 par million de jetons d'entr\u00e9e<\/strong> et <strong>$25 par million de jetons \u00e9mis<\/strong>. Il s'agit l\u00e0 des tarifs de base de l'API, et non du prix d'un abonnement grand public Claude ou d'une formule propos\u00e9e par une plateforme tierce. La mise en cache des r\u00e9ponses et le traitement par lots font l'objet de tarifs distincts ; il convient donc de comparer l'ensemble du profil de requ\u00eates plut\u00f4t que de se contenter de multiplier le prix de base annonc\u00e9.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Champ<\/th><th>Claude Opus 5<\/th><th>Ce que cela signifie<\/th><\/tr><\/thead><tbody><tr><td>ID API Claude<\/td><td><code>claude-opus-5<\/code><\/td><td>Utilisez exactement cette valeur de mod\u00e8le dans les requ\u00eates officielles de l'API Claude.<\/td><\/tr><tr><td>Prix d'entr\u00e9e de base<\/td><td>$5 \/ MTok<\/td><td>Taux standard de jetons d'entr\u00e9e avant mise en cache ou remises par lot.<\/td><\/tr><tr><td>Prix de base \u00e0 la production<\/td><td>$25 \/ MTok<\/td><td>Les agents qui g\u00e9n\u00e8rent beaucoup de donn\u00e9es peuvent rapidement devenir co\u00fbteux.<\/td><\/tr><tr><td>Fen\u00eatre de contexte<\/td><td>1 million de jetons<\/td><td>Convient aux grands d\u00e9p\u00f4ts et aux vastes collections de documents, sous r\u00e9serve de la qualit\u00e9 des requ\u00eates et de la strat\u00e9gie de recherche.<\/td><\/tr><tr><td>Puissance maximale<\/td><td>128K jetons<\/td><td>S'applique \u00e0 l'API Messages synchrone ; les lots de messages disposent d'un parcours b\u00eata distinct pouvant aller jusqu'\u00e0 300 000.<\/td><\/tr><tr><td>Seuil de fiabilit\u00e9 des connaissances<\/td><td>mai 2026<\/td><td>C'est une m\u00e9thode r\u00e9cente selon les normes actuelles, mais elle ne remplace pas la r\u00e9cup\u00e9ration en temps r\u00e9el.<\/td><\/tr><tr><td>Latence comparative<\/td><td>Mod\u00e9r\u00e9<\/td><td>Ce n'est pas le mod\u00e8le le plus rapide de Anthropic ; la latence varie toujours en fonction de l'effort fourni, des outils utilis\u00e9s et de la charge de travail.<\/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=\"Tableau de la documentation de la plateforme Claude indiquant l&#039;ID API et l&#039;alias de Claude Opus 5\" width=\"1280\" height=\"316\"\/><\/a><figcaption class=\"wp-element-caption\">La plateforme Claude identifie \u00ab claude-opus-5 \u00bb comme l'identifiant API et l'alias actuels d'Opus 5.<\/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=\"Tableau de la documentation de la plateforme Claude pr\u00e9sentant les sp\u00e9cifications relatives au Claude Opus 5 : tarification, contexte, d\u00e9bit maximal et seuil de coupure\" width=\"1280\" height=\"291\"\/><\/a><figcaption class=\"wp-element-caption\">La plateforme Claude affiche pour Opus 5 un taux de $5\/$25 par million de jetons d'entr\u00e9e\/sortie, avec une fen\u00eatre contextuelle de 1 million de jetons, une sortie maximale de 128 000 jetons et des dates limites fix\u00e9es en mai 2026.<\/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=\"Documentation de la plateforme Claude : contexte, sortie et lignes de coupure pour Claude Opus 5\" width=\"1280\" height=\"547\"\/><\/a><figcaption class=\"wp-element-caption\">La plateforme Claude indique une fen\u00eatre de contexte de 1 million, un d\u00e9bit maximal de 128 k et des dates limites en mai 2026.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Pour les particuliers, <a href=\"https:\/\/claude.com\/pricing\">Anthropic pr\u00e9sente le Claude Pro<\/a> \u00e0 raison de $20 par mois ou de $17 par mois lorsque le forfait $200 est factur\u00e9 annuellement ; le forfait Claude Max commence \u00e0 $100 par mois. Selon Anthropic, Opus 5 est le mod\u00e8le le plus performant sur Pro et le mod\u00e8le par d\u00e9faut sur Max, mais les quotas des forfaits et les fonctionnalit\u00e9s des produits sont distincts de l'utilisation mesur\u00e9e de l'API.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si vous avez besoin d'une ventilation plus d\u00e9taill\u00e9e des co\u00fbts, le <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-ai-pricing-2026-the-ultimate-guide-to-plans-api-costs-and-limits\/\">Guide des forfaits AI et des tarifs des API Claude<\/a> distingue les abonnements grand public, la facturation des API et les limites d'utilisation. Cette distinction est importante : \u201c inclus dans un forfait \u201d ne signifie pas que les appels API sont illimit\u00e9s, et le tarif d'une API ne vous indique pas le volume d'acc\u00e8s au chat grand public dont vous disposez.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"official-benchmarks\">Claude Opus 5 R\u00e9sultats des tests de performance<\/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>Limite importante :<\/strong> Les chiffres ci-dessous sont <a href=\"https:\/\/www.anthropic.com\/news\/claude-opus-5\">tests de performance publi\u00e9s par Anthropic<\/a>, et non des mesures ind\u00e9pendantes r\u00e9alis\u00e9es dans le cadre de cette analyse. Elles permettent de mieux comprendre le positionnement vis\u00e9 par Anthropic en termes de performances et de co\u00fbts, mais ne garantissent pas les m\u00eames r\u00e9sultats avec vos prompts, vos outils, votre r\u00e9f\u00e9rentiel ou votre budget de latence.<\/p>\n\n\n<\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>\u00c9valuation<\/th><th>All\u00e9gation publi\u00e9e par Anthropic<\/th><th>Comment le lire<\/th><\/tr><\/thead><tbody><tr><td>Frontier-Bench v0.1<\/td><td>Opus 5 offre plus du double des performances de Opus 4.8, pour un co\u00fbt par t\u00e2che inf\u00e9rieur.<\/td><td>Un indicateur g\u00e9n\u00e9ral de la performance des agents, et non une am\u00e9lioration universelle de 100 %.<\/td><\/tr><tr><td>CursorBench 3.2<\/td><td>\u00c0 pleine puissance, Opus 5 se situe \u00e0 moins de 0,51 TP40T du score maximal de Fable 5, pour un co\u00fbt par t\u00e2che deux fois moins \u00e9lev\u00e9.<\/td><td>Une \u00e9conomie d'agent de codage solide dans le cadre du param\u00e9trage d'effort test\u00e9 de Anthropic.<\/td><\/tr><tr><td>Zapier AutomationBench<\/td><td>Environ 1,5 fois le taux de r\u00e9ussite du deuxi\u00e8me meilleur syst\u00e8me, pour un co\u00fbt par t\u00e2che identique.<\/td><td>C'est prometteur pour l'automatisation de bout en bout des processus m\u00e9tier ; la conception des flux de travail reste toutefois essentielle.<\/td><\/tr><tr><td>OSWorld 2.0<\/td><td>D\u00e9passe le meilleur r\u00e9sultat de Fable 5 pour un co\u00fbt repr\u00e9sentant \u00e0 peine plus d'un tiers de celui-ci.<\/td><td>Ce test de performance met en \u00e9vidence une efficacit\u00e9 de fonctionnement de l'ordinateur particuli\u00e8rement int\u00e9ressante.<\/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=\"Texte de l&#039;annonce Anthropic, avec la comparaison des performances et des co\u00fbts entre Claude Opus et 5 CursorBench 3.2\" width=\"1280\" height=\"374\"\/><\/a><figcaption class=\"wp-element-caption\">Selon Anthropic, l\u2019Opus 5 atteint un score CursorBench 3.2 \u00e0 moins de 0,5% du score maximal obtenu par le Fable 5, pour un co\u00fbt par t\u00e2che deux fois moins \u00e9lev\u00e9.<\/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=\"Texte de r\u00e9f\u00e9rence Anthropic comparant Claude Opus 5 sur Zapier AutomationBench et OSWorld 2.0\" width=\"1280\" height=\"423\"\/><\/a><figcaption class=\"wp-element-caption\">Anthropic fait \u00e9tat d'un taux de r\u00e9ussite 1,5 fois sup\u00e9rieur sur Zapier AutomationBench et d'un avantage en termes de co\u00fbt sur OSWorld 2.0.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">L'effort fait partie int\u00e9grante du r\u00e9sultat. Anthropic indique qu'Opus 5 utilise par d\u00e9faut un niveau d'effort \u00e9lev\u00e9 dans l'API Claude et le code Claude, tandis que ses comparaisons utilisent \u00e9galement les param\u00e8tres \u00ab high \u00bb, \u00ab xhigh \u00bb ou \u00ab max \u00bb. Un effort plus \u00e9lev\u00e9 peut am\u00e9liorer le taux de r\u00e9ussite des t\u00e2ches difficiles tout en augmentant le nombre de jetons, la latence, ou les deux. Le co\u00fbt de r\u00e9f\u00e9rence par t\u00e2che est donc plus r\u00e9v\u00e9lateur que le prix par jeton seul \u2014 mais aucun de ces indicateurs ne remplace un test pilote sur votre propre charge de travail.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-we-tested\">Comment nous avons test\u00e9 le 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\">Nous avons lanc\u00e9 une t\u00e2che de d\u00e9bogage cibl\u00e9e visant \u00e0 identifier la cause premi\u00e8re sur un ensemble de trois fichiers CommonJS. L'invite demandait au mod\u00e8le d'identifier la cause premi\u00e8re avant toute modification, de proposer le correctif le plus minimal possible, d'ajouter un test de r\u00e9gression cibl\u00e9, d'\u00e9viter toute modification non pertinente et de fournir la commande de v\u00e9rification exacte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous avons ensuite v\u00e9rifi\u00e9 le correctif de mani\u00e8re ind\u00e9pendante, plut\u00f4t que de consid\u00e9rer la r\u00e9ponse comme correcte simplement parce qu\u2019elle semblait s\u00fbre d\u2019elle. La commande locale \u00e9tait : <code>node --test test\/account-summary.test.cjs<\/code>. Avant la correction, la suite de tests affichait un test r\u00e9ussi et un test \u00e9chou\u00e9. Apr\u00e8s l'application du correctif concernant l'\u00e9galit\u00e9 exacte, elle affichait deux tests r\u00e9ussis et aucun test \u00e9chou\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette m\u00e9thode nous apporte des informations utiles sur un processus de d\u00e9bogage : le diagnostic, la rigueur dans l'application des correctifs, la qualit\u00e9 des tests de r\u00e9gression et la v\u00e9rifiabilit\u00e9. Elle ne mesure pas les comp\u00e9tences g\u00e9n\u00e9rales en mati\u00e8re de codage, la fiabilit\u00e9 \u00e0 long terme des agents, la rapidit\u00e9 ni les performances dans l'ensemble des langages.<\/p>\n\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hands-on-review\">Test pratique du Claude Opus 5<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">D\u00e9bogage \u00e0 la source : correct, minimal et v\u00e9rifiable<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Lors de notre test, le Claude Opus 5 a correctement localis\u00e9 le d\u00e9faut \u00e0 <code>normalizedQuery.startsWith(account.id.toLowerCase())<\/code>. Avec la requ\u00eate <code>ACCT-10<\/code>, la v\u00e9rification du pr\u00e9fixe a abouti <code>acct-1<\/code> d'abord, donc <code>Array.prototype.find<\/code> a renvoy\u00e9 le mauvais compte avant d'avoir trouv\u00e9 l'identifiant exact.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La correction propos\u00e9e a remplac\u00e9 la correspondance par pr\u00e9fixe par une \u00e9galit\u00e9 exacte et a ajout\u00e9 un cas de r\u00e9gression pour les cha\u00eenes compl\u00e9t\u00e9es par des espaces et comportant des majuscules et des minuscules. <code>ACCT-10<\/code> entr\u00e9e. Il n'a pas r\u00e9\u00e9crit de code sans rapport avec le sujet. Cette retenue est importante dans les d\u00e9p\u00f4ts r\u00e9els, o\u00f9 un \u201c nettoyage \u201d trop g\u00e9n\u00e9ral peut g\u00e9n\u00e9rer davantage de travail de r\u00e9vision que le bug d'origine.<\/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\">La partie la plus convaincante \u00e9tait le cycle complet : identifier la cause premi\u00e8re, expliquer pourquoi le test existant ne l'avait pas d\u00e9tect\u00e9e, apporter la modification la plus minime possible, ajouter le test de r\u00e9gression appropri\u00e9 et indiquer la commande permettant de le v\u00e9rifier. Le r\u00e9sultat est coh\u00e9rent avec le positionnement d'Opus 5 en tant qu\u2019\u00ab agent de codage \u00bb, mais il ne s'agit l\u00e0 que d'un seul test. Pour une introduction plus g\u00e9n\u00e9rale au flux de travail, voir <a href=\"https:\/\/www.glbgpt.com\/hub\/how-to-use-claude-ai-for-coding\/\">comment utiliser Claude AI pour coder<\/a>.<\/p>\n\n\n<\/div>\n\n\n<!-- OPUS5_TEST_LAB_START -->\n\n<h3 class=\"wp-block-heading\">Sujets complets des \u00e9preuves T1 \u00e0 T4, r\u00e9ponses et code \u00e0 copier<\/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 : D\u00e9bogage \u00e0 la source<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">R\u00e9ussite \u2014 identification du d\u00e9faut li\u00e9 \u00e0 la correspondance des pr\u00e9fixes, proposition du correctif le plus minimal possible et ajout d'un test de r\u00e9gression cibl\u00e9.<\/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 : r\u00e9sultats de 5 exercices pratiques de d\u00e9bogage visant \u00e0 identifier les causes profondes\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">A identifi\u00e9 la correspondance par pr\u00e9fixe comme \u00e9tant le d\u00e9faut ; a expliqu\u00e9 pourquoi l'ancien test ne l'avait pas d\u00e9tect\u00e9 ; a propos\u00e9 un test de r\u00e9gression bas\u00e9 sur l'\u00e9galit\u00e9 exacte plus un.<\/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\">Afficher l'\u00e9nonc\u00e9 complet de la question T1 et la r\u00e9ponse<\/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\">Consigne compl\u00e8te<\/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\">Copier l'invite<\/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\">Vous d\u00e9boguez un fixture CommonJS volontairement simple. Travaillez uniquement \u00e0 partir des trois fichiers ci-dessous et de la reproduction indiqu\u00e9e.\n\nExigences :\n1. Identifiez la cause premi\u00e8re avant de proposer toute modification.\n2. Proposez le correctif le plus minimal possible qui corrige le bogue.\n3. Ajoutez un test de r\u00e9gression cibl\u00e9 qui \u00e9choue avant la correction et r\u00e9ussit apr\u00e8s celle-ci.\n4. Indiquez la commande de v\u00e9rification exacte \u00e0 ex\u00e9cuter depuis la racine du fixture.\n5. Ne r\u00e9\u00e9crivez pas de code sans rapport avec le probl\u00e8me. Ne renommez pas les fichiers, n\u2019ajoutez pas de d\u00e9pendances et ne modifiez pas l\u2019API publique.\n6. Renvoyez exactement ces sections dans l\u2019ordre suivant : `CAUSE FONDAMENTALE`, `CORRECTIF`, `V\u00c9RIFICATION`, `LIMITATIONS`.\n7. Dans `CORRECTIF`, fournissez un diff unifi\u00e9 dans un bloc `diff` d\u00e9limit\u00e9. Dans `V\u00c9RIFICATION`, fournissez une commande dans un bloc `text` d\u00e9limit\u00e9.\n\nReproduction : `summarizeAccount(accounts, ' ACCT-10 ')` devrait renvoyer `{ id: 'acct-10', name: 'Nimbus', seats: 24 }`, mais il renvoie le compte `acct-1`.\n\nFichier : `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\nFichier : `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\nFichier : `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('r\u00e9sume un ID de compte exact', () =&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\">Copier la r\u00e9ponse<\/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\">CAUSE FONDAMENTALE<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">La m\u00e9thode `findAccount` effectue une recherche par pr\u00e9fixe, et non par \u00e9galit\u00e9 :<\/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\">Copier<\/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\">La m\u00e9thode `Array.prototype.find` renvoie le premier \u00e9l\u00e9ment satisfaisant au pr\u00e9dicat. Pour \u2018 ACCT-10 \u2018, la requ\u00eate normalis\u00e9e est \u2018 acct-10 \u2019, et l\u2019ID du premier compte, \u2018 acct-1 \u2019, en est un pr\u00e9fixe ; par cons\u00e9quent, startsWith renvoie vrai et \u00ab acct-1 \u00bb met fin pr\u00e9matur\u00e9ment \u00e0 la recherche avant m\u00eame que \u00ab acct-10 \u00bb ne soit test\u00e9.<br>La normalisation effectu\u00e9e par trim().toLowerCase() est correcte : les espaces et la casse ne posent pas de probl\u00e8me. La fonction summarizeAccount ne fait que relayer les donn\u00e9es et n'est pas en cause.<br>Le test actuel ne permet pas de d\u00e9tecter ce cas : \u2018 acct-1 \u2019 est un pr\u00e9fixe de lui-m\u00eame et constitue le premier \u00e9l\u00e9ment ; par cons\u00e9quent, la correspondance par pr\u00e9fixe et la correspondance exacte sont impossibles \u00e0 distinguer pour cette entr\u00e9e.<\/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\">Copier<\/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('r\u00e9sume un identifiant de compte exact', () =&gt; {\n seats: 5,\n   });\n });\n+\n+test('correspond \u00e0 l\u2019identifiant complet plut\u00f4t qu\u2019\u00e0 un pr\u00e9fixe, avec des caract\u00e8res de remplissage et des majuscules\/minuscules', () =&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\">Avant la correction, le nouveau test \u00e9choue avec l'objet \u00ab acct-1 \/ Atlas \/ 5 \u00bb ; apr\u00e8s la correction, il r\u00e9ussit.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">V\u00c9RIFICATION<\/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>texte<\/span><button type=\"button\" onclick=\"opus5Copy('T1-code-3',this)\" style=\"border:0;background:transparent;color:#555;font:inherit;cursor:pointer;padding:3px 5px\">Copier<\/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\">LIMITATIONS<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">\u2022 Port\u00e9e : modification d'un op\u00e9rateur. Aucun changement de nom, aucune nouvelle d\u00e9pendance ; les signatures et les types de retour des m\u00e9thodes `findAccount` et `summarizeAccount` restent inchang\u00e9s.<br>\u2022 Comportement pr\u00e9existant qui n'a pas \u00e9t\u00e9 corrig\u00e9 (hors du champ d'application de ce bug) :<br>\u2022 Une valeur requestedId qui n'est pas une cha\u00eene de caract\u00e8res (null ou un nombre) provoque toujours une exception lors de l'appel de .trim().<br>\u2022 Les identifiants de compte ne sont pas eux-m\u00eames tronqu\u00e9s ; ainsi, une valeur stock\u00e9e telle que \u2018 acct-10 \u2019 ne correspondra toujours pas \u2014 seule la requ\u00eate est normalis\u00e9e.<br>\u2022 La conversion de casse utilise simplement la fonction toLowerCase() ; elle n'effectue ni normalisation Unicode ni conversion tenant compte des param\u00e8tres r\u00e9gionaux.<br>\u2022 Les identifiants en double renvoient toujours \u00e0 la premi\u00e8re occurrence, et la recherche reste de complexit\u00e9 O(n).<br>\u2022 Couverture de test : le test de r\u00e9gression unique cible pr\u00e9cis\u00e9ment le cas de reproduction signal\u00e9. Le chemin introuvable (nul) et les donn\u00e9es d'entr\u00e9e mal form\u00e9es ne sont pas test\u00e9s.<\/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 : Analyse de l'\u00e9tat du compte<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Partiel \u2014 les indicateurs cl\u00e9s ont \u00e9t\u00e9 calcul\u00e9s et les actions class\u00e9es par ordre de priorit\u00e9, mais la r\u00e9ponse saisie ne comportait pas le marqueur \u00ab Recheck \u00bb demand\u00e9.<\/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 : r\u00e9sultats de 5 analyses pratiques de l&#039;\u00e9tat des comptes\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">Calcul du MRR \u00e0 risque : $34 800 (94,31%) ; escalade de l'E-505 et hi\u00e9rarchisation des actions de suivi ; r\u00e9ponse fournie sans le marqueur de \u00ab nouvelle v\u00e9rification \u00bb demand\u00e9.<\/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\">Afficher l'\u00e9nonc\u00e9 complet de l'\u00e9preuve T2 et la r\u00e9ponse<\/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\">Consigne compl\u00e8te<\/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\">Copier l'invite<\/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\">Analysez le fichier `account-health.csv` fourni en tant qu\u2019ensemble de donn\u00e9es ferm\u00e9. N\u2019utilisez pas d\u2019informations externes et n\u2019inventez pas de valeurs manquantes.\n\nR\u00e8gles de risque (\u00e9valuez chacune d\u2019entre elles ind\u00e9pendamment) :\n- `inactivit\u00e9` : `days_since_login &gt;= 30`\n- `payment` : `failed_payments &gt;= 2`\n- `low_utilization` : `seats_used \/ seats_purchased = 80` alors que le compte est \u00ab at-risk \u00bb.\n- `weak_health_without_risk` : `health_score = 9` et `open_tickets &gt;= 3`.\n\nExigences :\n1. Calculez les indicateurs de risque et les indicateurs de contradiction d\u00e9clench\u00e9s pour chaque compte.\n2. Pr\u00e9sentez les totaux de l\u2019ensemble de donn\u00e9es concernant les comptes, le MRR, les comptes \u00e0 risque, le MRR \u00e0 risque, les comptes \u00e0 escalader, les lignes de contradiction, les licences achet\u00e9es et les licences utilis\u00e9es.\n3. G\u00e9n\u00e9rer un tableau d\u2019actions comportant exactement cinq colonnes : `Compte | D\u00e9clencheurs de risque | Contradictions | Priorit\u00e9 | Action recommand\u00e9e`.\n4. Placer les valeurs calcul\u00e9es directement sous l\u2019en-t\u00eate `Faits mesur\u00e9s` et les d\u00e9cisions discr\u00e9tionnaires sous l\u2019en-t\u00eate `Inf\u00e9rence`.\n5. Sous \u00ab V\u00e9rification \u00bb, pr\u00e9sentez suffisamment de calculs pour permettre de rev\u00e9rifier de mani\u00e8re ind\u00e9pendante chaque total et chaque seuil, y compris le cas d\u2019\u00e9galit\u00e9 \u00e0 0,50.\n6. Ne corrigez ni ne r\u00e9interpr\u00e9tez les r\u00e8gles sans le signaler. Si un signal semble contre-intuitif, enregistrez-le comme une contradiction plut\u00f4t que de modifier sa classification.\n\n`account-health.csv` :\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, 3 600, 12, 0, 20, 8, 65, 10, 4\nD-404, Dahlia, Starter, 900, 5, 0, 5, 4, 42, 6, 0\nE-505, Ember, Enterprise, 15 000, 65, 3, 200, 70, 35, 3, 6\nF-606, Fjord, Starter, 1 200, 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\">Copier la r\u00e9ponse<\/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\">Faits av\u00e9r\u00e9s<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Source : account-health.csv, 6 lignes, consid\u00e9r\u00e9es comme cl\u00f4tur\u00e9es. Aucune valeur n'a \u00e9t\u00e9 imput\u00e9e.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">\u00c9valuation des r\u00e8gles par compte<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Compte<br>jours \u2265 30<br>\u00e9checs \u2265 2<br>util &lt; 0,50<br>Nombre de risques<br>Statut<br>A-101 Aster<br>\u2705 45<br>\u274c 0<br>\u274c 0,82<br>1<br>\u00e0 risque<br>Balise B-202<br>\u274c 4<br>\u2705 2<br>\u274c 0,90<br>1<br>\u00e0 risque<br>C-303 Cendres<br>\u274c 12<br>\u274c 0<br>\u2705 0,40<br>1<br>\u00e0 risque<br>D-404 Dahlia<br>\u274c 5<br>\u274c 0<br>\u274c 0,80<br>0<br>non \u00e0 risque<br>E-505 Ember<br>\u2705 65<br>\u2705 3<br>\u2705 0,35<br>3<br>\u00e0 risque + escalade<br>F-606 Fjord<br>\u274c 29<br>\u274c 1<br>\u274c 0,50<br>0<br>non \u00e0 risque<br>Signaux d'alerte de contradiction par compte<br>Compte<br>une_sant\u00e9_solide_malgr\u00e9_les_risques<br>sant\u00e9_fragile_sans_risque<br>promoteur_avec_billet_charg\u00e9<br>A-101 Aster<br>\u2705 (92 \u2265 80, \u00e0 risque)<br>\u274c<br>\u274c (NPS 9 \u2713, tickets 1 \u2717)<br>Balise B-202<br>\u274c (70 &lt; 80)<br>\u274c (70 \u2265 50)<br>\u274c (NPS 7)<br>C-303 Cendres<br>\u274c (65 &lt; 80)<br>\u274c (65 \u2265 50)<br>\u2705 (NPS : 10, nombre de billets : 4)<br>D-404 Dahlia<br>\u274c<br>\u2705 (42 &lt; 50, pas de risque)<br>\u274c (NPS 6)<br>E-505 Ember<br>\u274c (35 &lt; 80)<br>\u274c (35 &lt; 50, mais fait partie d&#039;un groupe \u00e0 risque)<br>\u274c (NPS 3)<br>F-606 Fjord<br>\u274c (85 \u2265 80 mais pas \u00e0 risque)<br>\u274c (85 \u2265 50)<br>\u2705 (NPS : 9, billets : 3)<br>Totaux des ensembles de donn\u00e9es<br>M\u00e9trique<br>Valeur<br>Comptes<br>6<br>MRR total<br>$36,900<br>Comptes \u00e0 risque<br>4 (A-101, B-202, C-303, E-505)<br>MRR \u00e0 risque<br>$34 800 (soit 94,311 TP40T du total)<br>Transmettre les dossiers<br>1 (E-505)<br>Lignes de contradiction<br>4 (A-101, C-303, D-404, F-606)<br>Indicateurs de contradiction<br>4 (1 \u00ab sant\u00e9_solide_avec_risque \u00bb, 1 \u00ab sant\u00e9_fragile_sans_risque \u00bb, 2 \u00ab promoteur_avec_billet_charg\u00e9 \u00bb)<br>Places achet\u00e9es<br>349<br>Si\u00e8ges utilis\u00e9s<br>184<br>Inf\u00e9rence<br>L'ordre de priorit\u00e9 et les actions recommand\u00e9es ci-dessous rel\u00e8vent d'une appr\u00e9ciation subjective et ne constituent pas le r\u00e9sultat d'une application stricte de r\u00e8gles. Mon classement accorde la priorit\u00e9, dans l'ordre, \u00e0 l'escalade de statut, puis au MRR \u00e0 risque, et enfin aux signaux de contradiction.<br>Compte<br>Facteurs d\u00e9clencheurs de risque<br>Contradictions<br>Priorit\u00e9<br>Mesure recommand\u00e9e<br>E-505 Ember<br>inactivit\u00e9, paiement, faible_utilisation<br>-<br>P0<br>Ces trois r\u00e8gles se d\u00e9clenchent pour le compte le plus important ($15 000 MRR). Consid\u00e9rer comme une perte de client active : r\u00e9cup\u00e9rer le moyen de paiement, puis proc\u00e9der \u00e0 un examen par la direction concernant les 130 licences inutilis\u00e9es.<br>A-101 Aster<br>inactivit\u00e9<br>une_sant\u00e9_solide_malgr\u00e9_les_risques<br>P1<br>$ : 12 000 MRR avec 45 jours d'inactivit\u00e9, malgr\u00e9 un score de 92 et un taux d'utilisation satisfaisant de 82%. V\u00e9rifiez si cette interruption de connexion correspond \u00e0 un r\u00e9el d\u00e9sengagement ou \u00e0 un artefact de suivi (SSO, utilisation exclusivement via API) avant de prendre des mesures en fonction du score.<br>C-303 Cendres<br>faible_utilisation<br>promoteur_avec_billet_charg\u00e9<br>P1<br>Promoteur (nps 10) disposant de 4 billets ouverts avec un taux d'utilisation de 40%. Le nombre de billets en attente constitue probablement un obstacle \u00e0 l'adoption ; il convient de vider la file d'attente, puis de favoriser l'activation des si\u00e8ges.<br>Balise B-202<br>paiement<br>-<br>P2<br>Cas clair \u00e0 cause unique : 2 paiements \u00e9chou\u00e9s, connexion r\u00e9cente datant de 4 jours et utilisation du code 90%. Suivi de facturation uniquement, aucune intervention du service client n'est n\u00e9cessaire.<br>F-606 Fjord<br>-<br>promoteur_avec_billet_charg\u00e9<br>P3<br>Se situe tout juste dans les limites fix\u00e9es (29 jours, 1 paiement non effectu\u00e9, taux d'utilisation exactement \u00e9gal \u00e0 0,50). N'est pas consid\u00e9r\u00e9 comme \u00e0 risque selon les r\u00e8gles, mais un jour suppl\u00e9mentaire d'inactivit\u00e9 ou un autre paiement non effectu\u00e9 suffirait \u00e0 faire basculer la situation. Surveillez la situation et r\u00e9glez les 3 tickets.<br>D-404 Dahlia<br>-<br>sant\u00e9_fragile_sans_risque<br>P3<br>Score de 42 sans d\u00e9clenchement de r\u00e8gle et utilisation de 80% sur un MRR $900. Soit<\/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\">Donn\u00e9es mesur\u00e9es\nSource : account-health.csv, 6 lignes, consid\u00e9r\u00e9es comme cl\u00f4tur\u00e9es. Aucune valeur n\u2019a \u00e9t\u00e9 imput\u00e9e.\n\u00c9valuation des r\u00e8gles par compte\nCompte\njours \u2265 30\n\u00e9checs \u2265 2\nutilisation &lt; 0,50\nNombre de risques\nStatut\nA-101 Aster\n\u2705 45\n\u274c 0\n\u274c 0,82\n1\n\u00e0 risque\nB-202 Beacon\n\u274c 4\n\u2705 2\n\u274c 0,90\n1\n\u00e0 risque\nC-303 Cinder\n\u274c 12\n\u274c 0\n\u2705 0,40\n1\n\u00e0 risque\nD-404 Dahlia\n\u274c 5\n\u274c 0\n\u274c 0,80\n0\npas \u00e0 risque\nE-505 Ember\n\u2705 65\n\u2705 3\n\u2705 0,35\n3\n\u00e0 risque + escalade\nF-606 Fjord\n\u274c 29\n\u274c 1\n\u274c 0,50\n0\npas \u00e0 risque\nIndicateurs de contradiction par compte\nCompte\n\u00e9tat_solide_avec_risque\n\u00e9tat_fragile_sans_risque\npromoteur_avec_charge_de_tickets\nA-101 Aster\n\u2705 (92 \u2265 80, \u00e0 risque)\n\u274c\n\u274c (NPS 9 \u2713, tickets 1 \u2717)\nB-202 Beacon\n\u274c (70 &lt; 80)\n\u274c (70 \u2265 50)\n\u274c (NPS 7)\nC-303 Cinder\n\u274c (65 &lt; 80)\n\u274c (65 \u2265 50)\n\u2705 (NPS 10, tickets 4)\nD-404 Dahlia\n\u274c\n\u2705 (42 &lt; 50, pas \u00e0 risque)\n\u274c (NPS 6)\nE-505 Ember\n\u274c (35 &lt; 80)\n\u274c (35 &lt; 50 mais \u00e0 risque)\n\u274c (NPS 3)\nF-606 Fjord\n\u274c (85 \u2265 80 mais pas \u00e0 risque)\n\u274c (85 \u2265 50)\n\u2705 (NPS 9, tickets 3)\nTotaux de l&#039;ensemble de donn\u00e9es\nIndicateur\nValeur\nComptes\n6\nMRR total\n$36 900\nComptes \u00e0 risque\n4 (A-101, B-202, C-303, E-505)\nMRR \u00e0 risque\n$34 800 (94,31% du total)\nComptes \u00e0 escalader\n1 (E-505)\nLignes pr\u00e9sentant des contradictions\n4 (A-101, C-303, D-404, F-606)\nIndicateurs de contradiction\n4 (1 \u00ab strong_health_with_risk \u00bb, 1 \u00ab weak_health_without_risk \u00bb, 2 \u00ab promoter_with_ticket_load \u00bb)\nPlaces achet\u00e9es\n349\nPlaces utilis\u00e9es\n184\nConclusion\nL&#039;ordre de priorit\u00e9 et les actions recommand\u00e9es ci-dessous rel\u00e8vent d&#039;un jugement subjectif et ne constituent pas le r\u00e9sultat d&#039;une application de r\u00e8gles. Mon syst\u00e8me de pond\u00e9ration du classement privil\u00e9gie d\u2019abord le statut \u00ab escalade \u00bb, puis le MRR \u00e0 risque, puis les signaux de contradiction.\nCompte\nD\u00e9clencheurs de risque\nContradictions\nPriorit\u00e9\nAction recommand\u00e9e\nE-505 Ember\ninactivit\u00e9, paiement, faible_utilisation\n\u2014\nP0\nLes trois r\u00e8gles se d\u00e9clenchent sur le plus gros compte ($15 000 MRR). Traiter comme un d\u00e9sabonnement actif : r\u00e9cup\u00e9rer le moyen de paiement, puis effectuer un examen par la direction concernant les 130 places inutilis\u00e9es.\nA-101 Aster\ninactivit\u00e9\nsant\u00e9_solide_avec_risque\nP1\n$12 000 MRR avec 45 jours d\u2019inactivit\u00e9 malgr\u00e9 un score de 92 et une utilisation saine de 82%. V\u00e9rifier si l\u2019intervalle entre les connexions correspond \u00e0 un r\u00e9el d\u00e9sengagement ou \u00e0 un artefact de suivi (SSO, utilisation via API uniquement) avant d\u2019agir sur la base du score.\nC-303 Cinder\nfaible_utilisation\npromoteur_avec_charge_de_tickets\nP1\nPromoteur (NPS 10) ayant 4 tickets ouverts avec une utilisation de 40%. La charge de tickets est probablement un frein \u00e0 l\u2019adoption ; r\u00e9sorber la file d\u2019attente, puis favoriser l\u2019activation de la licence.\nB-202 Beacon\npaiement\n\u2014\nP2\nCas clair \u00e0 cause unique : 2 paiements \u00e9chou\u00e9s avec une derni\u00e8re connexion datant de 4 jours et un taux d\u2019utilisation de 90%. Suivi de facturation uniquement, aucune intervention du service client n\u2019est n\u00e9cessaire.\nF-606 Fjord\n\u2014\npromoter_with_ticket_load\nP3\nSe situe tout juste \u00e0 l\u2019int\u00e9rieur de chaque seuil (29 jours, 1 paiement \u00e9chou\u00e9, taux d\u2019utilisation exactement \u00e9gal \u00e0 0,50). N\u2019est pas \u00e0 risque selon les r\u00e8gles, mais un jour d\u2019inactivit\u00e9 suppl\u00e9mentaire ou un paiement \u00e9chou\u00e9 de plus ferait basculer la situation. Surveiller et effacer les 3 tickets.\nD-404 Dahlia\n\u2014\nweak_health_without_risk\nP3\nScore de 42 sans d\u00e9clenchement de r\u00e8gle et un taux d\u2019utilisation de 80% sur un MRR de $900. Soit<\/pre><\/div><\/div><\/details><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">T3 : G\u00e9n\u00e9ration d'une interface utilisateur adaptative<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Partiel \u2014 a produit une impl\u00e9mentation autonome compl\u00e8te et un auto-contr\u00f4le, tout en admettant explicitement qu\u2019il avait inspect\u00e9 la page plut\u00f4t que de l\u2019avoir affich\u00e9e \u00e0 l\u2019ex\u00e9cution.<\/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 : r\u00e9sultats de 5 ateliers pratiques sur la cr\u00e9ation d&#039;interfaces utilisateur adaptatives\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">A r\u00e9dig\u00e9 une r\u00e9ponse compl\u00e8te de 21 907 caract\u00e8res ; a abord\u00e9 les aspects li\u00e9s aux ordinateurs de bureau, aux appareils mobiles, au d\u00e9bordement et \u00e0 l'accessibilit\u00e9 ; a pr\u00e9cis\u00e9 que la mise en page avait \u00e9t\u00e9 inspect\u00e9e et n'\u00e9tait pas g\u00e9n\u00e9r\u00e9e \u00e0 l'ex\u00e9cution.<\/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\">Afficher l'\u00e9nonc\u00e9 complet de l'\u00e9preuve T3 et la r\u00e9ponse<\/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\">Consigne compl\u00e8te<\/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\">Copier l'invite<\/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\">Cr\u00e9ez une interface de comparaison de produits soign\u00e9e sous la forme d\u2019un fichier HTML ex\u00e9cutable unique en utilisant uniquement les donn\u00e9es produit ci-dessous.\n\nExigences :\n1. Renvoyez exactement un bloc de code `html` d\u00e9limit\u00e9, suivi d\u2019une section `SELF-CHECK`. Ne divisez pas le code HTML, CSS ou JavaScript en fichiers s\u00e9par\u00e9s.\n2. Utilisez uniquement du HTML s\u00e9mantique, du CSS int\u00e9gr\u00e9 et du JavaScript \" vanilla \" int\u00e9gr\u00e9 : aucun framework externe, package, police, image, requ\u00eate r\u00e9seau ou \u00e9tape de compilation n\u2019est autoris\u00e9.\n3. Fournissez trois onglets accessibles au clavier (\" Overview \", \" Pricing \", \" Limits \") avec une s\u00e9mantique correcte pour les \u00e9l\u00e9ments `tablist`, `tab` et `tabpanel`. Les touches Fl\u00e8che gauche\/Fl\u00e8che droite doivent permettre de se d\u00e9placer entre les onglets et de les activer ; les touches D\u00e9but\/Fin doivent permettre d\u2019acc\u00e9der au premier\/dernier onglet et de l\u2019activer. Le focus doit rester visible.\n4. L\u2019onglet s\u00e9lectionn\u00e9 doit \u00eatre indiqu\u00e9 par `aria-selected`, `tabindex` et le panneau visible ; les panneaux inactifs doivent \u00eatre masqu\u00e9s.\n5. Cible pour ordinateur de bureau : 1 440 px de large. Cible pour mobile : 390 px de large, sans d\u00e9bordement horizontal de la page, sans contr\u00f4les tronqu\u00e9s, avec des cibles tactiles d\u2019au moins 44 px de haut et des fiches comparatives empil\u00e9es sur une seule colonne.\n6. Inclure un en-t\u00eate concis, une recommandation claire, trois fiches produit et un tableau comparatif compact. Pr\u00e9server un contraste lisible et \u00e9viter les animations d\u00e9coratives.\n7. Utiliser exactement ces informations sur les produits et ne pas ajouter d\u2019all\u00e9gations :\n   - Atlas : `$19\/mo`, `20 projets`, `10 Go`, `Assistance par e-mail`, id\u00e9al pour le travail en solo.\n   - Beacon : `$49\/mo`, `Projets illimit\u00e9s`, `100 Go`, `Assistance prioritaire`, le meilleur choix global pour les \u00e9quipes en pleine croissance.\n   - Cove : `$99\/mo`, `Projets illimit\u00e9s`, `1 To`, `Assistance d\u00e9di\u00e9e`, id\u00e9al pour les op\u00e9rations r\u00e9glement\u00e9es.\n8. Attribuez \u00e0 Beacon une mention visible \" Meilleur choix global \" sans donner l\u2019impression que les autres fiches sont d\u00e9sactiv\u00e9es.\n9. Dans \" SELF-CHECK \", indiquez explicitement vos v\u00e9rifications concernant les onglets s\u00e9mantiques, le comportement du clavier, la mise en page \u00e0 1 440 px, la mise en page \u00e0 390 px, le d\u00e9bordement horizontal et les d\u00e9pendances externes. Ne pr\u00e9tendez pas avoir r\u00e9ellement affich\u00e9 une fen\u00eatre d\u2019affichage \u00e0 moins de l\u2019avoir fait ; faites la distinction entre l\u2019inspection du code et la v\u00e9rification en ex\u00e9cution.\n\nFichier de test du produit (\u00e9galement stock\u00e9 sous `fixtures\/T3-responsive-ui\/product-data.json`) :\n```json\n{\n  \"products\": [\n    {\"name\":\"Atlas\",\"price\":\"$19\/mo\",\"projects\":\"20 projets\",\"storage\":\"10 Go\",\"support\":\"Assistance par e-mail\",\"bestFor\":\"travail en solo\"},\n    {\"name\":\"Beacon\",\"price\":\"$49\/mo\",\"projects\":\"Projets illimit\u00e9s\",\"storage\":\"100 Go\",\"support\" : \"Assistance prioritaire\", \"bestFor\" : \"\u00e9quipes en pleine croissance\", \"badge\" : \"Meilleur choix global\"},\n    {\"name\" : \"Cove\", \"price\" : \"$99\/mo\", \"projects\" : \"Projets illimit\u00e9s\", \"storage\":\"1 To\",\"support\":\"Assistance d\u00e9di\u00e9e\",\"bestFor\":\"activit\u00e9s soumises \u00e0 une r\u00e9glementation\"}\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\">Copier la r\u00e9ponse<\/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\">Copier<\/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\">AUTO-\u00c9VALUATION<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Toutes les affirmations ci-dessous sont issues uniquement de l'inspection du code. Je n'ai pas ouvert de navigateur, ni affich\u00e9 de fen\u00eatre d'affichage, ni lanc\u00e9 de lecteur d'\u00e9cran, ni ex\u00e9cut\u00e9 les gestionnaires de clavier ; rien ici n'a donc \u00e9t\u00e9 v\u00e9rifi\u00e9 en temps d'ex\u00e9cution. Lorsqu'une affirmation d\u00e9pend du comportement du moteur de mise en page, je le pr\u00e9cise.<br>Onglets s\u00e9mantiques \u2014 v\u00e9rifi\u00e9s, coh\u00e9rents<br>Un \u00e9l\u00e9ment div[role=\"tablist\"] avec l'attribut aria-label=\"Vues de comparaison des forfaits\" contient trois boutons [type=\"button\"][role=\"tab\"]. Chaque onglet poss\u00e8de un identifiant unique et un attribut aria-controls pointant vers un \u00e9l\u00e9ment section[role=\"tabpanel\"] ; chaque panneau comporte un attribut aria-labelledby renvoyant vers son onglet correspondant. J\u2019ai trac\u00e9 manuellement les trois paires : tab-overview\/panel-overview, tab-pricing\/panel-pricing, tab-limits\/panel-limits. Pas d\u2019identifiants en double, pas de r\u00e9f\u00e9rences orphelines. Les panneaux utilisent `tabindex=\"0\"`, ce qui permet d\u2019acc\u00e9der au corps du panneau apr\u00e8s l\u2019onglet.<br>Comportement du clavier \u2014 v\u00e9rifi\u00e9, mais non ex\u00e9cut\u00e9<br>Un seul \u00e9couteur keydown sur la liste d'onglets g\u00e8re les touches Fl\u00e8che droite, Fl\u00e8che gauche, D\u00e9but et Fin, appelle event.preventDefault() uniquement pour ces quatre touches, et quitte pr\u00e9matur\u00e9ment dans le cas contraire. Les touches fl\u00e9ch\u00e9es permettent de revenir au d\u00e9but ou \u00e0 la fin de la liste. Comme la m\u00e9thode `activate()` met \u00e0 jour \u00e0 la fois les attributs `aria-selected`, `tabindex` et `hidden` tout en d\u00e9pla\u00e7ant le focus, les touches fl\u00e9ch\u00e9es ainsi que les touches Home et End permettent de se d\u00e9placer et d\u2019activer un \u00e9l\u00e9ment en une seule \u00e9tape, ce qui correspond au mod\u00e8le d\u2019activation automatique requis par les sp\u00e9cifications. La navigation avec les touches Tab et Maj+Tab repose sur un tabindex itin\u00e9rant : un seul \u00e9l\u00e9ment a un tabindex=\"0\", les autres ont un tabindex=\"-1\", g\u00e9r\u00e9 par la fonction activate(). La visibilit\u00e9 du focus est assur\u00e9e par une r\u00e8gle globale :focus-visible avec un contour de 3 px et un d\u00e9calage de 2 px ; je n\u2019ai ni red\u00e9fini ni supprim\u00e9 le contour par d\u00e9faut. Je n\u2019ai pas v\u00e9rifi\u00e9 le fonctionnement des touches dans un navigateur r\u00e9el.<br>R\u00e9flexion dans un \u00e9tat s\u00e9lectionn\u00e9 \u2014 v\u00e9rifi\u00e9e<br>La fonction `activate()` d\u00e9finit les trois attributs dans la m\u00eame boucle, ce qui \u00e9vite que `aria-selected=\"true\"`, `tabindex=\"0\"` et l'absence de l'attribut `hidden` ne se d\u00e9synchronisent. Les panneaux inactifs se voient attribuer l\u2019attribut hidden, et [hidden] { display: none !important; } emp\u00eache les r\u00e8gles d\u2019affichage de le contrecarrer \u2014 cette protection est importante car les panneaux contiennent des \u00e9l\u00e9ments enfants avec display: grid. La fonction activate(currentIndex(), false) s\u2019ex\u00e9cute au chargement pour normaliser l\u2019\u00e9tat \u00e0 partir du balisage sans d\u00e9tourner le focus. Si JavaScript ne s\u2019ex\u00e9cute pas, le balisage s\u2019affiche avec \u00ab Overview \u00bb s\u00e9lectionn\u00e9 et les deux autres panneaux masqu\u00e9s, de sorte que la page se r\u00e9duit \u00e0 un seul panneau lisible.<br>Mise en page 1440px \u2014 v\u00e9rifi\u00e9e, non affich\u00e9e<br>.wrap a une largeur maximale de 1120px avec une marge de 0 auto ; ainsi, \u00e0 1440px, le contenu se centre avec des espaces lat\u00e9raux d'environ 160px au lieu de s'\u00e9tirer. Les cartes utilisent `grid-template-columns: repeat(3, minmax(0, 1fr))` avec un espacement de 20px, ce qui donne trois colonnes \u00e9gales ; `align-items: start` emp\u00eache les cartes de s\u2019\u00e9tirer pour partager la m\u00eame hauteur, tandis que `.card { height: 100% }` est neutralis\u00e9 par cette propri\u00e9t\u00e9. L\u2019utilisation de `minmax(0, 1fr)` est d\u00e9lib\u00e9r\u00e9e : `1fr` seul peut refuser de se r\u00e9duire en dessous de la largeur du contenu et \u00e9largir la grille. Je n\u2019ai pas mesur\u00e9 le rendu r\u00e9el en pixels.<br>Mise en page 390px \u2014 v\u00e9rifi\u00e9e, non affich\u00e9e<br>Le bloc \" max-width: 720px \" fait passer la grille des cartes \u00e0 \" minmax(0, 1fr) \", soit une seule colonne, ce qui fait que les cartes s'empilent. Le remplissage (padding) passe \u00e0 16 px de chaque c\u00f4t\u00e9, laissant environ 358 px de largeur pour le contenu. Cibles de clic : chaque \u00e9l\u00e9ment [role=\"tab\"] a une hauteur minimale de 44px, et le remplissage horizontal est r\u00e9duit \u00e0 12px plut\u00f4t que la hauteur, ce qui permet de conserver la hauteur minimale de 44px m\u00eame \u00e0 des largeurs r\u00e9duites. La liste d\u2019onglets passe en flex-wrap: nowrap avec overflow-x: auto et des enfants d\u00e9finis en flex: 1 0 auto ; ainsi, trois onglets s\u2019affichent ou d\u00e9filent au sein m\u00eame de la liste d\u2019onglets au lieu d\u2019\u00eatre tronqu\u00e9s ou renvoy\u00e9s \u00e0 la ligne au milieu du contr\u00f4le. La balise  est pr\u00e9sente. Non v\u00e9rifi\u00e9 avec une fen\u00eatre d\u2019affichage r\u00e9elle de 390px.<br>D\u00e9bordement horizontal \u2014 v\u00e9rifi\u00e9, un d\u00e9filement intentionnel confin\u00e9<br>La propri\u00e9t\u00e9 `body { overflow-x: hidden }` sert de mesure de s\u00e9curit\u00e9, mais j'ai \u00e9galement essay\u00e9 de ne pas m'y fier. La propri\u00e9t\u00e9 `* { box-sizing: border-box }` permet de maintenir le padding \u00e0 l'int\u00e9rieur des largeurs d\u00e9clar\u00e9es. Les tableaux comparatifs utilisent `white-space: nowrap` sur les cellules ; ainsi, le tableau \" Aper\u00e7u \" \u00e0 six colonnes d\u00e9passera 358 px sur mobile ; cela est g\u00e9r\u00e9 par `.table-scroll { max-width: 100%; overflow-x: auto }`, qui fait d\u00e9filer la zone du tableau plut\u00f4t que la page. Cet \u00e9l\u00e9ment conteneur poss\u00e8de les attributs `tabindex=\"0\"` et `role=\"region\"`, ainsi qu\u2019une \u00e9tiquette, afin que les utilisateurs du clavier puissent y acc\u00e9der et le faire d\u00e9filer. Les \u00e9l\u00e9ments enfants utilisant Flex ou Grid qui, sans cela, pourraient refuser de se r\u00e9duire, sont g\u00e9r\u00e9s avec `minmax(0, 1fr)` sur la grille et `flex-wrap: wrap` sur `.card-head` et `.recommendation`. Le seul risque restant que je ne peux pas exclure sans rendu est la pr\u00e9sence d\u2019une longue cha\u00eene ininterrompue dans une cellule du tableau, mais toutes les valeurs des fixtures sont courtes.<br>D\u00e9pendances externes \u2014 v\u00e9rifi\u00e9es, aucune<br>Non &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>Contraste et mouvement \u2014 v\u00e9rifi\u00e9s<br>Le texte principal #16191f sur #f6f7f9 et le texte secondaire #4a515c sur fond blanc pr\u00e9sentent tous deux un rapport nettement sup\u00e9rieur \u00e0 4,5:1 ; le badge est blanc sur #10457e, et l'onglet actif est en #10457e sur fond blanc. J'ai calcul\u00e9 ces valeurs en estimant le rapport \u00e0 partir des valeurs hexad\u00e9cimales, et non \u00e0 l'aide d'un outil de contraste. Il n'y a aucune transition, animation ou transformation nulle part ; le bloc `prefers-reduced-motion` est un filet de s\u00e9curit\u00e9 sans effet concret plut\u00f4t qu'une correction des mouvements existants.<br>Conformit\u00e9 des \u00e9quipements \u2014 v\u00e9rifi\u00e9e<br>Chacune des trois formules figure dans les trois encadr\u00e9s ainsi que dans le tableau correspondant \u00e0 chaque encadr\u00e9. J'ai recoup\u00e9 chaque prix, nombre de projets, capacit\u00e9 de stockage et niveau d'assistance avec le fichier JSON : Atlas<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\/Illimit\u00e9\/100 Go\/Prioritaire, Cove $99\/Illimit\u00e9\/1 To\/D\u00e9di\u00e9. Beacon arbore le badge \" Meilleur dans l\u2019ensemble \" et une bordure d\u00e9corative de 2 px ; Atlas et Cove conservent un texte \u00e0 opacit\u00e9 totale, des bordures normales et une mise en forme typographique identique, ce qui permet de les percevoir comme disponibles plut\u00f4t que d\u00e9sactiv\u00e9s. Les mentions \u00ab Id\u00e9al pour \u00bb sont pr\u00e9sent\u00e9es sous forme de courtes \u00e9tiquettes (\u00ab Id\u00e9al pour le travail en solo \u00bb) \u2014 le texte est ajout\u00e9 autour de la valeur du luminaire, sans nouvelle all\u00e9gation sur le produit.<br>Lacunes connues<br>Aucune v\u00e9rification \u00e0 l'ex\u00e9cution, quelle qu'elle soit. Le contenu des panneaux est reproduit \u00e0 l'identique dans les trois panneaux sous forme de balisage statique, plut\u00f4t que d'\u00eatre g\u00e9n\u00e9r\u00e9 \u00e0 partir du JSON ; le fixture constitue donc la source de r\u00e9f\u00e9rence par transcription, et non par liaison \u2014 toute modification future des donn\u00e9es impliquera donc de modifier plusieurs endroits.<\/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 : Auto-v\u00e9rification<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">R\u00e9ussite \u2014 a d\u00e9tect\u00e9 le bug li\u00e9 \u00e0 la valeur NaN dans un tableau vide lors de son propre audit, a proc\u00e9d\u00e9 \u00e0 une r\u00e9vision, puis a valid\u00e9 tous les cas fournis.<\/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 : r\u00e9sultats de l&#039;auto-v\u00e9rification pratique (5)\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">Le r\u00e9sultat \u00ab NaN \u00bb li\u00e9 \u00e0 un tableau vide a \u00e9t\u00e9 d\u00e9tect\u00e9 lors de l'audit ; modification apport\u00e9e pour renvoyer \u00ab N\/A \u00bb (0\/0 valid\u00e9) ; les quatre cas fournis ont \u00e9t\u00e9 valid\u00e9s apr\u00e8s cette modification.<\/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\">Afficher l'\u00e9nonc\u00e9 complet de l'\u00e9preuve T4 et la r\u00e9ponse<\/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\">Consigne compl\u00e8te<\/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\">Copier l'invite<\/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\">R\u00e9alisez cet exercice num\u00e9rot\u00e9 en respectant les contraintes, puis v\u00e9rifiez-le et modifiez-le une seule fois si n\u00e9cessaire.\n\nContraintes de l'exercice :\n1. \u00c9crivez une fonction JavaScript simple nomm\u00e9e `summarizeChecks(checks)` ; `checks` est un tableau de valeurs bool\u00e9ennes.\n2. Pour une entr\u00e9e non vide, renvoyez exactement `% (\/ passed)`, o\u00f9 `rate` comporte une d\u00e9cimale et correspond au pourcentage de valeurs \u00e9gales \u00e0 `true`. Exemple : `[true, true, false, true]` renvoie `75,0% (3\/4 r\u00e9ussis)`.\n3. Ne modifiez pas les donn\u00e9es d\u2019entr\u00e9e.\n4. N\u2019utilisez pas `for`, `while`, `forEach`, `eval`, de biblioth\u00e8que externe ni de deuxi\u00e8me fonction.\n5. Le corps de la fonction peut contenir au maximum trois instructions. Une d\u00e9claration accompagn\u00e9e d\u2019un initialiseur compte pour une instruction.\n6. Attribuez la fonction \u00e0 `globalThis.summarizeChecks` apr\u00e8s sa d\u00e9claration afin qu\u2019un harnais ind\u00e9pendant puisse l\u2019appeler.\n\nFormat de r\u00e9ponse requis :\n- `PREMI\u00c8RE R\u00c9PONSE` : donnez la solution initiale dans un bloc `js` d\u00e9limit\u00e9 avant de proc\u00e9der \u00e0 l\u2019audit.\n- `AUDIT` : v\u00e9rifiez la premi\u00e8re r\u00e9ponse par rapport aux contraintes 1 \u00e0 6 et \u00e0 ce cas limite cach\u00e9 : une entr\u00e9e vide doit renvoyer exactement `N\/A (0\/0 r\u00e9ussi)`. Indiquez \u00ab r\u00e9ussi \u00bb ou \u00ab \u00e9chou\u00e9 \u00bb pour chaque \u00e9l\u00e9ment.\n- Si un \u00e9l\u00e9ment de l\u2019audit \u00e9choue, modifiez votre code une seule fois. Ne le modifiez pas plus d\u2019une fois.\n- `R\u00c9PONSE FINALE` : fournissez la solution finale dans un bloc `js` d\u00e9limit\u00e9. Conservez toutes les contraintes d\u2019origine tout en respectant le cas limite d\u2019entr\u00e9e vide.\n\nUtilisez ces cas de test ind\u00e9pendants lors de l\u2019audit :\n```text\n[] -&gt; N\/A (0\/0 r\u00e9ussi)\n[true] -&gt; 100,0% (1\/1 r\u00e9ussi)\n[false] -&gt; 0,0% (0\/1 r\u00e9ussi)\n[true, true, false, true] -&gt; 75,0% (3\/4 r\u00e9ussi)\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\">Copier la r\u00e9ponse<\/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\">PREMI\u00c8RE R\u00c9PONSE<\/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\">Copier<\/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 `${((r\u00e9ussis \/ total) * 100).toFixed(1)}% (${r\u00e9ussis}\/${total} r\u00e9ussis)`;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-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 `${((passed \/ total) * 100).toFixed(1)}% (${passed}\/${total} passed)`;\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\">AUDIT<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">#<br>Contrainte<br>R\u00e9sultat<br>1<br>Fonction simple nomm\u00e9e summarizeChecks(checks)<br>PASS \u2014 d\u00e9claration simple, un param\u00e8tre, sans classe ni wrapper fl\u00e9ch\u00e9.<br>2<br>Format % (\/ r\u00e9ussites), taux arrondi \u00e0 une d\u00e9cimale<br>PASS pour une entr\u00e9e non vide \u2014 la fonction toFixed(1) fixe la d\u00e9cimale, et l'espacement litt\u00e9ral correspond exactement \u00e0 la sp\u00e9cification.<br>3<br>Aucune mutation de l'entr\u00e9e<br>PASS \u2014 .length et .filter sont tous deux en lecture seule ; la m\u00e9thode filter renvoie un nouveau tableau.<br>4<br>Pas de \u00ab for \u00bb, \u00ab while \u00bb, \u00ab forEach \u00bb, \u00ab eval \u00bb, \u00ab library \u00bb ni de deuxi\u00e8me fonction<br>PASS \u2014 .filter est la seule it\u00e9ration ; \u00ab Boolean \u00bb est une constante int\u00e9gr\u00e9e utilis\u00e9e comme r\u00e9f\u00e9rence de pr\u00e9dicat, et non une fonction que j'ai d\u00e9finie.<br>5<br>Au maximum trois instructions dans le corps<br>PASS \u2014 exactement trois : deux d\u00e9clarations initialis\u00e9es, plus le retour.<br>6<br>Attribu\u00e9 \u00e0 `globalThis.summarizeChecks` apr\u00e8s la d\u00e9claration<br>PASS \u2014 l'affectation suit la d\u00e9claration au niveau sup\u00e9rieur.<br>Cas de v\u00e9rification ind\u00e9pendante :<br>Entr\u00e9e<br>Pr\u00e9vu<br>R\u00e9el<br>R\u00e9sultat<br>[]<br>N\/A (0\/0 r\u00e9ussi)<br>NaN% (0\/0 r\u00e9ussi)<br>\u00c9CHEC<br>[true]<br>100.0% (1\/1 r\u00e9ussi)<br>100.0% (1\/1 r\u00e9ussi)<br>PASS<br>[false]<br>0,01 TP40T (0\/1 r\u00e9ussi)<br>0,01 TP40T (0\/1 r\u00e9ussi)<br>PASS<br>[vrai, vrai, faux, vrai]<br>75,01 TP40T (3\/4 r\u00e9ussis)<br>75,01 TP40T (3\/4 r\u00e9ussis)<br>PASS<br>Une erreur. Lorsque l'entr\u00e9e est vide \/ le total est 0 \/ 0, ce qui correspond \u00e0 NaN ; la fonction NaN.toFixed(1) renvoie la cha\u00eene \" NaN \" au lieu de g\u00e9n\u00e9rer une exception, de sorte que la fonction renvoie silencieusement NaN% (0\/0 transmis).<br>Une seule r\u00e9vision. La correction reste int\u00e9gr\u00e9e au bloc \u00ab return \u00bb existant sous forme d'expression conditionnelle ; le nombre d'instructions ne change donc pas. Le signe \u00ab % \u00bb est d\u00e9plac\u00e9 dans la branche non vide, car la sortie vide attendue est \u00ab N\/A \u00bb (0\/0 pass\u00e9) sans signe de pourcentage.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">R\u00c9PONSE D\u00c9FINITIVE<\/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\">Copier<\/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 `${total === 0 ? 'N\/A' : `${((r\u00e9ussis \/ total) * 100).toFixed(1)}%`} (${r\u00e9ussis}\/${total} r\u00e9ussis)`;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-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' : `${((passed \/ total) * 100).toFixed(1)}%`} (${passed}\/${total} passed)`;\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\">Confirmation apr\u00e8s r\u00e9vision pour les quatre cas : [] \u2192 N\/A (0\/0 r\u00e9ussi), [vrai] \u2192 100,0% (1\/1 r\u00e9ussi), [faux] \u2192 0,0% (0\/1 r\u00e9ussi), [vrai, vrai, faux, vrai] \u2192 75,0% (3\/4 r\u00e9ussis). Le corps reste compos\u00e9 de trois instructions, l\u2019entr\u00e9e n\u2019a pas \u00e9t\u00e9 modifi\u00e9e et aucune construction interdite n\u2019a \u00e9t\u00e9 introduite.<\/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\">PREMI\u00c8RE R\u00c9PONSE\n\n```js\nfunction summarizeChecks(checks) {\n  const total = checks.length;\n  const passed = checks.filter(Boolean).length;\n  return `${((passed \/ total) * 100).toFixed(1)}% (${passed}\/${total} passed)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;\n```\n\nAUDIT\n#\nContrainte\nR\u00e9sultat\n1\nFonction simple nomm\u00e9e summarizeChecks(checks)\nR\u00c9USSITE \u2014 d\u00e9claration simple, un param\u00e8tre, pas de classe ni de fonction fl\u00e9ch\u00e9e.\n2\nFormat % (\/ passed), taux \u00e0 une d\u00e9cimale\nCONFORME pour une entr\u00e9e non vide \u2014 toFixed(1) fixe la d\u00e9cimale, et l\u2019espacement litt\u00e9ral correspond exactement \u00e0 la sp\u00e9cification.\n3\nPas de modification des donn\u00e9es d\u2019entr\u00e9e\nCONFORME \u2014 .length et .filter sont tous deux en lecture seule ; filter renvoie un nouveau tableau.\n4\nPas de for, while, forEach, eval, biblioth\u00e8que ou deuxi\u00e8me fonction\nCONFORME \u2014 .filter est la seule it\u00e9ration, Boolean est une fonction int\u00e9gr\u00e9e utilis\u00e9e comme r\u00e9f\u00e9rence de pr\u00e9dicat, et non une fonction que j\u2019ai d\u00e9finie.\n5\nAu maximum trois instructions dans le corps\nCONFORME \u2014 exactement trois : deux d\u00e9clarations initialis\u00e9es plus le retour.\n6\nAffectation \u00e0 globalThis.summarizeChecks apr\u00e8s la d\u00e9claration\nCONFORME \u2014 l\u2019affectation suit la d\u00e9claration au niveau sup\u00e9rieur.\nCas de test ind\u00e9pendants :\nEntr\u00e9e\nAttendu\nR\u00e9el\nR\u00e9sultat\n[]\nN\/A (0\/0 r\u00e9ussi)\nNaN% (0\/0 r\u00e9ussi)\n\u00c9CHEC\n[true]\n100,0% (1\/1 r\u00e9ussi)\n100,0% (1\/1 r\u00e9ussi)\nCONFORME\n[false]\n0,0% (0\/1 r\u00e9ussi)\n0,0% (0\/1 r\u00e9ussi)\nR\u00c9USSI\n[true, true, false, true]\n75,0% (3\/4 r\u00e9ussis)\n75,0% (3\/4 r\u00e9ussis)\nR\u00c9USSI\nUn \u00e9chec. Pour une entr\u00e9e vide, le nombre de tests r\u00e9ussis \/ total est 0 \/ 0, ce qui correspond \u00e0 NaN ; NaN.toFixed(1) renvoie la cha\u00eene \" NaN \" au lieu de lever une exception, donc la fonction \u00e9met silencieusement NaN% (0\/0 r\u00e9ussi).\nUne seule r\u00e9vision. La correction reste \u00e0 l\u2019int\u00e9rieur du retour existant sous forme d\u2019expression conditionnelle, le nombre d\u2019instructions ne change donc pas. Le signe % est d\u00e9plac\u00e9 \u00e0 l\u2019int\u00e9rieur de la branche non vide, car la sortie vide attendue est N\/A (0\/0 r\u00e9ussi) sans signe de pourcentage.\nR\u00c9PONSE FINALE\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} passed)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;\n```\n\nConfirmation apr\u00e8s r\u00e9vision pour les quatre cas : [] \u2192 N\/A (0\/0 r\u00e9ussi), [true] \u2192 100,0% (1\/1 r\u00e9ussi), [false] \u2192 0,0% (0\/1 r\u00e9ussi), [true, true, false, true] \u2192 75,0% (3\/4 r\u00e9ussis). Le corps reste compos\u00e9 de trois instructions, l\u2019entr\u00e9e n\u2019a pas \u00e9t\u00e9 modifi\u00e9e et aucune construction interdite n\u2019a \u00e9t\u00e9 introduite.<\/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\">Les \u00e9quipes qui choisissent parmi plusieurs fournisseurs doivent tout de m\u00eame tester leur propre r\u00e9f\u00e9rentiel, leur pile d'outils et la charge de travail li\u00e9e aux revues. Le contexte plus large <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-vs-chatgpt-for-coding\/\">Comparaison des codages Claude et ChatGPT<\/a> permet de mettre en perspective ces compromis au-del\u00e0 de ce simple r\u00e9sultat.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"opus-5-vs-opus-4-8-vs-fable-5\">Claude Opus 5 contre Opus 4.8 contre Fable 5<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La meilleure fa\u00e7on de comprendre l\u2019Opus 5 est de le consid\u00e9rer comme le nouveau mod\u00e8le haut de gamme polyvalent. Le Opus 4.8 est son pr\u00e9d\u00e9cesseur ; le Fable 5 reste la r\u00e9f\u00e9rence absolue. Selon les documents de lancement du Anthropic, l\u2019Opus 5 conserve le m\u00eame co\u00fbt de base que le Opus 4.8 tout en se rapprochant du Fable 5 sur certaines \u00e9valuations, avec un co\u00fbt par t\u00e2che nettement inf\u00e9rieur.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Mod\u00e8le<\/th><th>Poste<\/th><th>Rapport co\u00fbt\/performance<\/th><th>Meilleure ad\u00e9quation<\/th><\/tr><\/thead><tbody><tr><td>Claude Opus 5<\/td><td>Mod\u00e8le haut de gamme pour un usage quotidien ; successeur du Opus 4.8<\/td><td>$5\/$25 par MTok d'entr\u00e9e\/sortie ; r\u00e9sultats solides publi\u00e9s par Anthropic concernant le co\u00fbt par t\u00e2che<\/td><td>D\u00e9veloppement logiciel complexe, automatisation et activit\u00e9s d'entreprise o\u00f9 la fiabilit\u00e9 est essentielle<\/td><\/tr><tr><td>Claude Opus 4.8<\/td><td>G\u00e9n\u00e9ration Opus pr\u00e9c\u00e9dente<\/td><td>M\u00eame prix de base que l'Opus 5, selon la comparaison de lancement r\u00e9alis\u00e9e par Anthropic<\/td><td>Workflows \u00e9pingl\u00e9s existants qui doivent encore faire l'objet d'une validation de migration<\/td><\/tr><tr><td>Claude Fable 5<\/td><td>Niveau \u00ab Frontier-intelligence \u00bb<\/td><td>Point de r\u00e9f\u00e9rence maximal ; selon Anthropic, l'Opus 5 s'en approche sur CursorBench, pour un co\u00fbt par t\u00e2che deux fois moins \u00e9lev\u00e9<\/td><td>Les t\u00e2ches les plus difficiles lorsque la performance maximale prime sur les consid\u00e9rations \u00e9conomiques<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Optez pour Opus 5 plut\u00f4t que pour Opus 4.8 lorsque vous pouvez effectuer des tests de r\u00e9gression sur la migration et que vous souhaitez b\u00e9n\u00e9ficier du mod\u00e8le le plus r\u00e9cent sans augmenter le tarif de base de l'API. Optez pour Fable 5 lorsque votre propre \u00e9valuation montre que ses fonctionnalit\u00e9s suppl\u00e9mentaires modifient suffisamment les r\u00e9sultats pour justifier le surco\u00fbt. Pour obtenir une ventilation actuelle au niveau de la famille de produits incluant \u00e9galement le mod\u00e8le Sonnet 5, utilisez le <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-opus-5-vs-fable-5-vs-sonnet-5\/\">Comparaison entre Claude Opus 5, Fable 5 et Sonnet 5<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"developer-reactions\">R\u00e9actions des d\u00e9veloppeurs et du secteur<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Les publications sur les r\u00e9seaux sociaux fournissent des indices utiles sur les premi\u00e8res utilisations, mais elles ne constituent pas des r\u00e9f\u00e9rences neutres. Le compte officiel de Claude a d\u00e9crit l\u2019Opus 5 comme un produit bien pens\u00e9 et proactif, proche des capacit\u00e9s de pointe de Fable 5, mais \u00e0 moiti\u00e9 prix. Il s\u2019agit l\u00e0 du positionnement de lancement de Anthropic lui-m\u00eame, et non d\u2019une confirmation ind\u00e9pendante.<\/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=\"Le message \u00ab X \u00bb original de Claude annon\u00e7ant la sortie de Claude Opus 5, publi\u00e9 le 24 juillet 2026\" width=\"1280\" height=\"442\"\/><\/a><figcaption class=\"wp-element-caption\">Claude a pr\u00e9sent\u00e9 Opus 5 sur X comme un mod\u00e8le bien pens\u00e9 et proactif, se situant \u00e0 un niveau proche de celui de Fable 5 en mati\u00e8re d'intelligence, mais \u00e0 moiti\u00e9 prix.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">JetBrains a indiqu\u00e9 que ses propres \u00e9valuations avaient r\u00e9v\u00e9l\u00e9 une <strong>Taux de r\u00e9ussite au Python plus \u00e9lev\u00e9 pour le 45% par rapport au Opus 4.8<\/strong>, ainsi qu\u2019une meilleure compr\u00e9hension du code source. Il s\u2019agit l\u00e0 d\u2019une observation concr\u00e8te et pertinente de la part d\u2019une entreprise sp\u00e9cialis\u00e9e dans les outils de d\u00e9veloppement, mais ce r\u00e9sultat rel\u00e8ve de l\u2019\u00e9valuation de JetBrains et ne doit pas \u00eatre g\u00e9n\u00e9ralis\u00e9 \u00e0 tous les benchmarks ou d\u00e9p\u00f4ts Python.<\/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=\"Article de JetBrains X faisant \u00e9tat d&#039;un taux de r\u00e9ussite plus \u00e9lev\u00e9 aux examens Python et d&#039;une meilleure compr\u00e9hension du code source gr\u00e2ce \u00e0 Claude Opus 5\" width=\"1280\" height=\"667\"\/><\/a><figcaption class=\"wp-element-caption\">Selon JetBrains, son \u00e9valuation a montr\u00e9 un taux de r\u00e9ussite en Python sup\u00e9rieur de 45% par rapport \u00e0 Opus 4.8, ainsi qu'une meilleure compr\u00e9hension du code source.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Harvey a fait \u00e9tat d'am\u00e9liorations significatives par rapport \u00e0 la version Opus 4.8 en termes de qualit\u00e9 et d'efficacit\u00e9 des tokens dans l'ensemble des flux de travail juridiques, notamment en mati\u00e8re de gouvernance d'entreprise et d'arbitrage. Ces r\u00e9sultats sont importants pour les acheteurs de technologies juridiques, mais il s'agit l\u00e0 de l'\u00e9valuation par Harvey de ses propres flux de travail dans ses domaines d'activit\u00e9, et non d'une preuve d'une exactitude juridique universelle.<\/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=\"Article d&#039;Harvey X faisant \u00e9tat de 5 am\u00e9liorations en mati\u00e8re de qualit\u00e9 du travail juridique et d&#039;efficacit\u00e9 des jetons dans le cadre du programme Claude Opus\" width=\"1280\" height=\"551\"\/><\/a><figcaption class=\"wp-element-caption\">Harvey fait \u00e9tat d'am\u00e9liorations apport\u00e9es par Opus 5 en mati\u00e8re de qualit\u00e9 du travail juridique et d'efficacit\u00e9 des jetons, notamment dans les domaines de la gouvernance d'entreprise et de l'arbitrage.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dans l'ensemble, ces publications semblent indiquer que les premiers utilisateurs constatent des progr\u00e8s en mati\u00e8re de compr\u00e9hension du code et de travail sur les connaissances sp\u00e9cifiques au domaine. La prochaine \u00e9tape responsable consiste toujours \u00e0 mener un projet pilote repr\u00e9sentatif, avec vos propres tests d'acceptation, votre budget de jetons et votre processus de r\u00e9vision humaine.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"api-migration\">API Claude Opus 5 : ID de mod\u00e8le, exemple et remarques sur la migration<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">L'identifiant officiel du mod\u00e8le API Claude et son alias sont tous deux <code>claude-opus-5<\/code>. Voici un exemple minimal <strong>API anthropique<\/strong> Exemple de requ\u00eate. Il illustre uniquement le point de terminaison officiel \u00ab Messages \u00bb ; il ne d\u00e9crit ni ne garantit la mise en \u0153uvre du backend de GlobalGPT.<\/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\": \"Identifiez la cause premi\u00e8re, proposez le correctif le plus simple et donnez une commande de v\u00e9rification.\"\n      }\n    ]\n  }'<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Liste de contr\u00f4le pour la migration<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Modifiez la valeur du mod\u00e8le pour qu'elle soit <code>claude-opus-5<\/code>, puis r\u00e9ex\u00e9cutez vos propres analyses de r\u00e9gression et \u00e9valuations de s\u00e9curit\u00e9.<\/li>\n\n\n\n<li>Budg\u00e9tiser en fonction d'une entr\u00e9e de type $5 et d'une sortie de type $25 par MTok ; surveiller les boucles d'agents g\u00e9n\u00e9rant un volume important de sorties et les tentatives de r\u00e9essai des outils.<\/li>\n\n\n\n<li>Ne perp\u00e9tuez pas cette tradition <code>thinking.type : \" enabled \"<\/code> configuration. <a href=\"https:\/\/platform.claude.com\/docs\/en\/build-with-claude\/thinking\">Guide de r\u00e9flexion de Anthropic<\/a> indique que la r\u00e9flexion sur l'Opus 5 a d\u00e9j\u00e0 commenc\u00e9 et pr\u00e9sente des param\u00e8tres adaptatifs.<\/li>\n\n\n\n<li>Consid\u00e9rez 128K comme la limite maximale de sortie de l\u2019API Messages synchrone. La fonctionnalit\u00e9 b\u00eata \u00ab Message Batches \u00bb, distincte, peut prendre en charge jusqu\u2019\u00e0 300K avec l\u2019en-t\u00eate b\u00eata document\u00e9 \u00ab Anthropic \u00bb.<\/li>\n\n\n\n<li>V\u00e9rifiez les noms des mod\u00e8les propres \u00e0 chaque fournisseur et consultez les documents Anthropic. <code>anthropic.claude-opus-5<\/code> pour Amazon Bedrock et <code>claude-opus-5<\/code> pour Google Cloud.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Pour les d\u00e9veloppeurs qui souhaitent utiliser un flux de travail en ligne de commande en compl\u00e9ment de Claude Code, voici le guide pratique de configuration : <a href=\"https:\/\/www.glbgpt.com\/hub\/how-to-use-globalgpt-cli-in-claude-code\/\">Comment utiliser l'interface CLI GlobalGPT dans le code Claude<\/a>. Veillez \u00e0 bien distinguer ce flux de travail de l'exemple officiel de l'API Anthropic pr\u00e9sent\u00e9 ci-dessus, afin que les identifiants, la facturation et le comportement du fournisseur restent clairs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"is-opus-5-worth-it\">Le Claude Opus 5 en vaut-il la peine ?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Oui, lorsque l'\u00e9chec co\u00fbte cher et que la charge de travail est r\u00e9ellement difficile.<\/strong> Opus 5 prend tout son sens lorsque l'am\u00e9lioration du diagnostic, l'utilisation d'outils ou une analyse contextuelle \u00e0 long terme permettent de faire gagner du temps aux ing\u00e9nieurs ou aux analystes. La combinaison d'une fen\u00eatre contextuelle de 1 million de tokens, d'un plafond de sortie synchrone de 128 000 et de promesses all\u00e9chantes en mati\u00e8re de co\u00fbt par t\u00e2che lui conf\u00e8re une position cr\u00e9dible de \u00ab cheval de bataille \u00bb haut de gamme.<\/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\">\u00c0 qui s'adresse le Claude Opus 5 ?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Des \u00e9quipes d'ing\u00e9nieurs qui ex\u00e9cutent des agents de codage sur de vastes d\u00e9p\u00f4ts de code.<\/li>\n\n\n\n<li>Des \u00e9quipes op\u00e9rationnelles qui automatisent des t\u00e2ches m\u00e9tier comportant plusieurs \u00e9tapes, avec des crit\u00e8res d'acceptation mesurables.<\/li>\n\n\n\n<li>Des \u00e9quipes juridiques, financi\u00e8res ou de recherche capables d'associer le mod\u00e8le \u00e0 une analyse sectorielle et \u00e0 des sources en temps r\u00e9el.<\/li>\n\n\n\n<li>Des d\u00e9veloppeurs capables de ma\u00eetriser les co\u00fbts gr\u00e2ce \u00e0 la mise en cache, au traitement par lots, au routage et aux tests de r\u00e9gression.<\/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\">Qui devrait choisir autre chose ?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Applications \u00e0 fort volume, principalement ax\u00e9es sur l'extraction simple, la classification ou la r\u00e9\u00e9criture sous forme abr\u00e9g\u00e9e.<\/li>\n\n\n\n<li>Produits sensibles \u00e0 la latence pour lesquels un mod\u00e8le mod\u00e9r\u00e9 s'av\u00e8re trop lent.<\/li>\n\n\n\n<li>Les \u00e9quipes qui ne disposent pas de crit\u00e8res d'\u00e9valuation, d'un suivi des co\u00fbts ou d'un plan de v\u00e9rification humaine pour les r\u00e9sultats importants.<\/li>\n\n\n\n<li>Les acheteurs qui n'ont besoin que de conversations g\u00e9n\u00e9rales occasionnelles et qui n'utiliseront pas les fonctionnalit\u00e9s suppl\u00e9mentaires li\u00e9es au contexte ou aux agents.<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Si l'Opus 5 vous semble trop cher ou trop sp\u00e9cialis\u00e9, comparez-le avec le <a href=\"https:\/\/www.glbgpt.com\/hub\/10-best-claude-ai-alternatives\/\">Alternatives \u00e0 l'IA Claude pour 2026<\/a>. Pour avoir une vision plus globale du march\u00e9, consultez le guide consacr\u00e9 au <a href=\"https:\/\/www.glbgpt.com\/hub\/best-ai-models\/\">les meilleurs mod\u00e8les d'IA pour des cas d'utilisation concrets<\/a> permet d'adapter la charge de travail \u00e0 la classe du mod\u00e8le.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Les responsables des achats dans le domaine du codage devraient \u00e9galement comparer les options disponibles avant de normaliser le flux de travail d'une \u00e9quipe ; le <a href=\"https:\/\/www.glbgpt.com\/hub\/best-ai-model-for-coding\/\">Les meilleurs mod\u00e8les d'IA pour la programmation en 2026<\/a> replace les performances et le prix dans un contexte plus large.<\/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>Verdict final :<\/strong> Le mod\u00e8le Claude Opus 5 m\u00e9rite d\u2019\u00eatre test\u00e9 pour les t\u00e2ches de codage pur, d\u2019automatisation et de travail intellectuel, o\u00f9 un meilleur r\u00e9sultat peut compenser le co\u00fbt \u00e9lev\u00e9 des jetons. Ses sp\u00e9cifications officielles sont solides, les performances du mod\u00e8le Anthropic aux benchmarks sont exceptionnellement \u00e9conomes en ressources, et nos r\u00e9sultats de d\u00e9bogage v\u00e9rifi\u00e9s se sont r\u00e9v\u00e9l\u00e9s pr\u00e9cis et rigoureux. Optez pour ce mod\u00e8le pour les t\u00e2ches complexes dont les r\u00e9sultats sont mesurables \u2014 et non parce que chaque t\u00e2che n\u00e9cessite un mod\u00e8le de la classe Opus.<\/p>\n\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">Claude Opus 5 - Foire aux questions<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Combien co\u00fbte le Claude Opus 5 ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le prix de base officiel de l'API Claude est de $5 par million de jetons d'entr\u00e9e et de $25 par million de jetons de sortie. Les forfaits Claude destin\u00e9s aux particuliers sont distincts : le forfait Pro co\u00fbte $20 par mois ou $17 par mois en cas de facturation annuelle, tandis que le forfait Max commence \u00e0 $100 par mois.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Comment puis-je acc\u00e9der \u00e0 Claude Opus 5 ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Selon Anthropic, Opus 5 est le mod\u00e8le par d\u00e9faut sur Claude Max et le mod\u00e8le le plus performant sur Claude Pro. Les d\u00e9veloppeurs peuvent utiliser l'API Claude, tandis que les routes cloud prises en charge comprennent Amazon Bedrock et Google Cloud, avec des conditions d'acc\u00e8s sp\u00e9cifiques \u00e0 chaque fournisseur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Quel est l'identifiant du mod\u00e8le API Claude Opus 5 ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">L'identifiant officiel du mod\u00e8le API Claude et son alias sont tous deux \u00ab claude-opus-5 \u00bb. Utilisez exactement cette valeur dans le champ \u00ab model \u00bb pour les requ\u00eates de l'API Messages Anthropic, puis r\u00e9ex\u00e9cutez vos propres tests de r\u00e9gression et d'\u00e9valuation de s\u00e9curit\u00e9 avant la migration vers l'environnement de production.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Quelles sont les limites de contexte et de sortie du Claude Opus 5 ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Claude Opus 5 dispose d'une fen\u00eatre de contexte d'un million de tokens et d'un volume de sortie maximal de 128 000 tokens dans l'API Messages synchrone. La documentation relative \u00e0 Anthropic mentionne s\u00e9par\u00e9ment un volume de sortie pouvant atteindre 300 000 tokens pour les lots de messages (Message Batches) comportant un en-t\u00eate \u00ab beta \u00bb.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les r\u00e9sultats des tests de performance Claude Opus 5 ont-ils \u00e9t\u00e9 v\u00e9rifi\u00e9s de mani\u00e8re ind\u00e9pendante ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Les chiffres de r\u00e9f\u00e9rence cit\u00e9s ici ont \u00e9t\u00e9 publi\u00e9s par Anthropic et n\u2019ont pas \u00e9t\u00e9 reproduits de mani\u00e8re ind\u00e9pendante pour cette analyse. Ils refl\u00e8tent les performances et le rapport co\u00fbt-performance constat\u00e9s par Anthropic lors de ses tests, mais il appartient aux acheteurs de v\u00e9rifier la qualit\u00e9, la latence, l\u2019utilisation des outils et le co\u00fbt total en fonction de leurs propres charges de travail.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le mod\u00e8le Claude Opus 5 est-il meilleur que le Opus 4.8 ou le Fable 5 ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Opus 5 est la nouvelle version succ\u00e9dant \u00e0 Opus 4.8, au m\u00eame prix de base, ce qui en fait le choix naturel pour la migration apr\u00e8s les tests de r\u00e9gression. Fable 5 reste la r\u00e9f\u00e9rence de pointe ; ne l'optez que si votre \u00e9valuation d\u00e9montre que ses fonctionnalit\u00e9s suppl\u00e9mentaires justifient son co\u00fbt plus \u00e9lev\u00e9.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La version Claude Opus 5 est-elle disponible sur GlobalGPT ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Oui. GlobalGPT dispose d'une page d\u00e9di\u00e9e \u00e0 Claude Opus de 5 pages. La disponibilit\u00e9 peut toutefois d\u00e9pendre du statut du compte et des conditions de la plateforme ; veillez donc \u00e0 v\u00e9rifier l'acc\u00e8s avant de lancer un workflow urgent et \u00e0 s\u00e9parer l'acc\u00e8s \u00e0 la plateforme de la facturation officielle de l'API Anthropic.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Qui devrait prendre en charge les frais li\u00e9s au Claude Opus 5 ?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Opus 5 est particuli\u00e8rement adapt\u00e9 aux \u00e9quipes charg\u00e9es de t\u00e2ches complexes de programmation, d'automatisation ou de travail intellectuel n\u00e9cessitant une longue r\u00e9flexion, pour lesquelles une r\u00e9ponse plus pertinente permet de gagner un temps consid\u00e9rable. Les t\u00e2ches plus simples, \u00e0 fort volume ou sensibles \u00e0 la latence sont g\u00e9n\u00e9ralement mieux adapt\u00e9es \u00e0 un mod\u00e8le moins co\u00fbteux et plus rapide.<\/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 Review: Is Anthropic\u2019s New Model Worth It? Fact-checked July 28, 2026. Quick verdict: This Claude Opus 5 review finds a compelling high-end model for coding agents, complex business workflows, and buyers who want near-frontier performance without always paying for Fable 5. Anthropic charges $5 per million input tokens and $25 per million [&hellip;]<\/p>","protected":false},"author":16,"featured_media":17305,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_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"],"_links":{"self":[{"href":"https:\/\/wp.glbgpt.com\/fr\/wp-json\/wp\/v2\/posts\/17280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.glbgpt.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.glbgpt.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/fr\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/fr\/wp-json\/wp\/v2\/comments?post=17280"}],"version-history":[{"count":8,"href":"https:\/\/wp.glbgpt.com\/fr\/wp-json\/wp\/v2\/posts\/17280\/revisions"}],"predecessor-version":[{"id":17351,"href":"https:\/\/wp.glbgpt.com\/fr\/wp-json\/wp\/v2\/posts\/17280\/revisions\/17351"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/fr\/wp-json\/wp\/v2\/media\/17305"}],"wp:attachment":[{"href":"https:\/\/wp.glbgpt.com\/fr\/wp-json\/wp\/v2\/media?parent=17280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.glbgpt.com\/fr\/wp-json\/wp\/v2\/categories?post=17280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.glbgpt.com\/fr\/wp-json\/wp\/v2\/tags?post=17280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}