{"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\/de\/hub\/claude-opus-5-review","title":{"rendered":"Claude Opus 5 Testbericht: Lohnt sich das neue Modell von Anthropic?"},"content":{"rendered":"<h1 class=\"wp-block-heading\">Claude Opus 5 Testbericht: Lohnt sich das neue Modell von Anthropic?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Faktenpr\u00fcfung: 28. Juli 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>Kurzfazit:<\/strong> Dieser Testbericht zum Claude Opus 5 pr\u00e4sentiert ein \u00fcberzeugendes High-End-Modell f\u00fcr Programmierer, komplexe Gesch\u00e4ftsabl\u00e4ufe und K\u00e4ufer, die Leistung nahe der Spitzenklasse w\u00fcnschen, ohne stets den Preis f\u00fcr ein Fable 5-Modell zahlen zu m\u00fcssen. Anthropic kostet $5 pro Million Eingabetoken und $25 pro Million Ausgabetoken, w\u00e4hrend das Modell ein Kontextfenster von 1 Million Token und bis zu 128.000 Ausgabetoken in der synchronen Messages-API unterst\u00fctzt. Es ist nicht automatisch die beste Wahl f\u00fcr einfache Chats, kurze Zusammenfassungen oder Anfragen mit hohem Volumen und geringem Wert.<\/p>\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Das \u00fcberzeugendste Argument ist eher praktischer als theatralischer Natur: Opus 5 verbindet ernstzunehmenden Spielraum f\u00fcr logische Schlussfolgerungen mit einer \u00fcberschaubareren Wirtschaftlichkeit als die \u201eFrontier\u201c-Stufe von Anthropic. In unserem einzigen Debugging-Test fand es den Fehler, der genau mit dem Pr\u00e4fix \u00fcbereinstimmte, schlug den kleinsten Patch vor, f\u00fcgte einen gezielten Regressionstest hinzu und gab einen Verifizierungsbefehl aus, der lokal erfolgreich war. Das ist ein n\u00fctzlicher Beleg f\u00fcr diese Aufgabe \u2013 kein Beweis daf\u00fcr, dass das Modell bei jedem Programmierauftrag gewinnen wird.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Am besten geeignet f\u00fcr:<\/strong> Programmierer, Langzeitkontextanalyse, Unternehmensautomatisierung und Teams, deren kostspielige Fehlschl\u00e4ge ein Premium-Modell rechtfertigen. <strong>\u00dcberspringe diesen Schritt, wenn:<\/strong> Geschwindigkeit und St\u00fcckkosten sind wichtiger als die Qualit\u00e4t der abschlie\u00dfenden Argumentation.<\/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>Auf dieser Seite:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#what-is-claude-opus-5\">Was ist Claude Opus 5?<\/a><\/li>\n\n\n\n<li><a href=\"#price-api-specs\">Preis, API und technische Daten<\/a><\/li>\n\n\n\n<li><a href=\"#official-benchmarks\">Offizielle Benchmark-Angaben<\/a><\/li>\n\n\n\n<li><a href=\"#hands-on-review\">Das Ergebnis unserer praktischen Fehlerbehebung<\/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\">API-Beispiel und Hinweise zur Migration<\/a><\/li>\n\n\n\n<li><a href=\"#is-opus-5-worth-it\">F\u00fcr wen ist das Produkt geeignet?<\/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\">Was ist Claude Opus 5?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Der Claude Opus 5 ist das Premium-Alltagsmodell von Anthropic f\u00fcr komplexe agentische Kodierung und Unternehmensaufgaben. <a href=\"https:\/\/www.anthropic.com\/news\/claude-opus-5\">Anthropic gab dies am 24. Juli 2026 bekannt<\/a>, und beschrieb es als durchdacht, proaktiv und effizienter als andere Modelle. Es ersetzte Claude Opus 4.8, wurde zum Standardmodell auf dem Claude Max und zum leistungsst\u00e4rksten verf\u00fcgbaren Modell auf dem 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=\"Anthropic-Ank\u00fcndigung mit dem Titel \u201eClaude Opus 5\u201c, dem Datum 24. Juli 2026 und dem Hinweis \u201eab heute erh\u00e4ltlich\u201c\" width=\"1280\" height=\"291\"\/><\/a><figcaption class=\"wp-element-caption\">Anthropic k\u00fcndigte am 24. Juli 2026 das Modell Claude Opus 5 an und teilte mit, dass es noch am selben Tag erh\u00e4ltlich sei.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Das Produktversprechen ist f\u00fcr eine Opus-Ver\u00f6ffentlichung ungew\u00f6hnlich: Das Modell wird nicht ausschlie\u00dflich als Modell mit maximaler Intelligenz dargestellt. Anthropic soll t\u00e4glich eingesetzt werden, mit anpassbarem Aufwand und einem moderaten Latenzprofil. Dadurch l\u00e4sst es sich leichter f\u00fcr lang laufende Agenten und anspruchsvolle Produktionsaufgaben rechtfertigen, w\u00e4hrend einfachere Workloads weiterhin an ein schnelleres, kosteng\u00fcnstigeres Modell weitergeleitet werden k\u00f6nnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der Zugriff h\u00e4ngt vom jeweiligen Zugangsweg ab. Privatanwender k\u00f6nnen Opus 5 \u00fcber berechtigte Claude-Tarife nutzen; Entwickler k\u00f6nnen \u00fcber die Claude-API und unterst\u00fctzte Cloud-Plattformen darauf zugreifen. Auch f\u00fcr GlobalGPT gibt es eine eigene Produktseite. Leser, die die Abonnementstufen von Anthropic vergleichen m\u00f6chten, k\u00f6nnen die <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-ai-plans-2026\/\">Vergleich der Tarife \u201eFree\u201c, \u201ePro\u201c und \u201eMax\u201c von Claude<\/a> bevor Sie eine Abrechnungsart ausw\u00e4hlen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"price-api-specs\">Claude Opus 5 \u2013 Preis, API und wichtigste technische Daten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die offizielle <a href=\"https:\/\/platform.claude.com\/docs\/en\/about-claude\/pricing\">Claude-API-Preis<\/a> ist <strong>$5 pro Million eingegebener Token<\/strong> und <strong>$25 pro Million ausgegebener Token<\/strong>. Dabei handelt es sich um Basis-API-Tarife, nicht um den Preis f\u00fcr ein Claude-Privatkundenabonnement oder einen Plattformtarif eines Drittanbieters. F\u00fcr das Prompt-Caching und die Stapelverarbeitung gelten separate Tarife; vergleichen Sie daher das gesamte Anfragemuster, anstatt lediglich den angegebenen Eingabepreis zu multiplizieren.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Feld<\/th><th>Claude Opus 5<\/th><th>Was das bedeutet<\/th><\/tr><\/thead><tbody><tr><td>Claude API-ID<\/td><td><code>claude-opus-5<\/code><\/td><td>Verwenden Sie genau diesen Modellwert in offiziellen Claude-API-Anfragen.<\/td><\/tr><tr><td>Basis-Einkaufspreis<\/td><td>$5 \/ MTok<\/td><td>Standard-Eingabe-Token-Satz vor Caching oder Mengenrabatten.<\/td><\/tr><tr><td>Basis-Verkaufspreis<\/td><td>$25 \/ MTok<\/td><td>Agenten mit hohem Output k\u00f6nnen schnell teuer werden.<\/td><\/tr><tr><td>Kontextfenster<\/td><td>1 Million Token<\/td><td>Geeignet f\u00fcr gro\u00dfe Repositorien und Dokumentensammlungen, abh\u00e4ngig von der Qualit\u00e4t der Anfragen und der Suchstrategie.<\/td><\/tr><tr><td>Maximale Leistung<\/td><td>128K Token<\/td><td>Gilt f\u00fcr die synchrone Messages-API; f\u00fcr Message Batches gibt es einen separaten Beta-Pfad mit einer Obergrenze von 300.000.<\/td><\/tr><tr><td>Zuverl\u00e4ssige Wissensgrenze<\/td><td>Mai 2026<\/td><td>Nach heutigen Ma\u00dfst\u00e4ben zwar neu, aber kein Ersatz f\u00fcr die Live-Abfrage.<\/td><\/tr><tr><td>Vergleich der Latenzzeiten<\/td><td>M\u00e4\u00dfig<\/td><td>Es handelt sich nicht um das schnellste Modell von Anthropic; die Latenz h\u00e4ngt weiterhin von Aufwand, Tools und Arbeitslast ab.<\/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=\"Tabelle in der Claude-Plattformdokumentation mit der Claude Opus-5-API-ID und dem Alias\" width=\"1280\" height=\"316\"\/><\/a><figcaption class=\"wp-element-caption\">Die Claude-Plattform identifiziert \u201eclaude-opus-5\u201c als die aktuelle Opus-5-API-ID und den Alias.<\/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=\"Tabelle aus der Claude-Plattformdokumentation mit Angaben zu Preisen, Kontext, maximaler Leistung und Cutoff-Spezifikationen f\u00fcr Claude Opus 5\" width=\"1280\" height=\"291\"\/><\/a><figcaption class=\"wp-element-caption\">Die Claude-Plattform listet Opus 5 mit $5\/$25 pro Million Eingabe-\/Ausgabe-Token auf, mit einem Kontextfenster von 1 Million Token, einer maximalen Ausgabe von 128.000 Token und Stichtagen im 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=\"Claude-Plattformdokumentation: Kontext, Ausgabe und Ausschnittzeilen f\u00fcr Claude Opus 5\" width=\"1280\" height=\"547\"\/><\/a><figcaption class=\"wp-element-caption\">Die Claude-Plattform weist ein Kontextfenster von 1 Mio., eine maximale Ausgabe von 128 k sowie Cutoffs im Mai 2026 auf.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr den Zugang durch Verbraucher, <a href=\"https:\/\/claude.com\/pricing\">Anthropic listet Claude Pro auf<\/a> bei $20 monatlich oder $17 pro Monat, wenn $200 j\u00e4hrlich abgerechnet wird; Claude Max beginnt bei $100 pro Monat. Laut Anthropic ist Opus 5 das leistungsst\u00e4rkste Modell bei Pro und die Standardeinstellung bei Max, doch die im Tarif enthaltenen Kontingente und Produktfunktionen sind unabh\u00e4ngig von der gemessenen API-Nutzung.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Falls Sie eine detailliertere Kostenaufschl\u00fcsselung ben\u00f6tigen, finden Sie die <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-ai-pricing-2026-the-ultimate-guide-to-plans-api-costs-and-limits\/\">Claude KI-Tarife und Preis\u00fcbersicht f\u00fcr APIs<\/a> unterscheidet zwischen Verbraucherabonnements, API-Abrechnung und Nutzungsbeschr\u00e4nkungen. Diese Unterscheidung ist wichtig: \u201cIm Tarif enthalten\u201d bedeutet nicht, dass unbegrenzte API-Aufrufe m\u00f6glich sind, und ein API-Tarif gibt keinen Aufschluss dar\u00fcber, in welchem Umfang Sie Zugang zum Verbraucher-Chat erhalten.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"official-benchmarks\">Claude Opus 5 Benchmark-Ergebnisse<\/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>Wichtige Grenze:<\/strong> Die folgenden Zahlen sind <a href=\"https:\/\/www.anthropic.com\/news\/claude-opus-5\">von Anthropic ver\u00f6ffentlichte Benchmark-Ergebnisse<\/a>, es handelt sich hierbei nicht um unabh\u00e4ngige Messungen, die im Rahmen dieses Testberichts durchgef\u00fchrt wurden. Sie sind hilfreich, um die beabsichtigte Leistungs- und Kostenposition von Anthropic zu verstehen, garantieren jedoch nicht, dass bei Ihren Prompts, Tools, Ihrem Repository oder Ihrem Latenzbudget das gleiche Ergebnis erzielt wird.<\/p>\n\n\n<\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Bewertung<\/th><th>Die von Anthropic ver\u00f6ffentlichte Behauptung<\/th><th>Wie man es liest<\/th><\/tr><\/thead><tbody><tr><td>Frontier-Bench v0.1<\/td><td>Opus 5 \u00fcbertrifft Opus 4.8 um mehr als das Doppelte bei geringeren Kosten pro Aufgabe.<\/td><td>Ein allgemeines Signal f\u00fcr die Leistungsf\u00e4higkeit der Agenten, keine pauschale Verdopplung der Leistung.<\/td><\/tr><tr><td>CursorBench 3.2<\/td><td>Bei maximaler Leistung liegt Opus 5 nur 0,51 TP40T hinter der H\u00f6chstpunktzahl von Fable 5, und das bei halb so hohen Kosten pro Aufgabe.<\/td><td>Starke Wirtschaftlichkeit der Codierungsagenten unter den in Anthropic getesteten Aufwandsbedingungen.<\/td><\/tr><tr><td>Zapier AutomationBench<\/td><td>Etwa das 1,5-Fache der zweitbesten Erfolgsquote bei gleichen Kosten pro Aufgabe.<\/td><td>Vielversprechend f\u00fcr die durchg\u00e4ngige Gesch\u00e4ftsautomatisierung; die Gestaltung von Arbeitsabl\u00e4ufen spielt nach wie vor eine wichtige Rolle.<\/td><\/tr><tr><td>OSWorld 2.0<\/td><td>\u00dcbertrifft das beste Ergebnis von Fable 5 bei etwas mehr als einem Drittel der Kosten.<\/td><td>Deutet in diesem Benchmark auf eine attraktive Effizienz bei der Computernutzung hin.<\/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=\"Ank\u00fcndigungstext zu Anthropic mit dem Leistungs- und Kostenvergleich zwischen Claude Opus und 5 CursorBench 3.2\" width=\"1280\" height=\"374\"\/><\/a><figcaption class=\"wp-element-caption\">Laut Anthropic erreicht Opus 5 bei der H\u00e4lfte der Kosten pro Aufgabe einen Wert, der nur 0,5% unter dem Spitzenwert von Fable 5 im CursorBench 3.2-Test liegt.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-knowledge-benchmark-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-knowledge-benchmark-v4.webp\" alt=\"Anthropic-Benchmark-Text zum Vergleich von Claude Opus 5 auf Zapier AutomationBench und OSWorld 2.0\" width=\"1280\" height=\"423\"\/><\/a><figcaption class=\"wp-element-caption\">Anthropic berichtet von einem 1,5-fachen Vorteil bei der Erfolgsquote auf Zapier AutomationBench und einem Kostenvorteil bei OSWorld 2.0.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Der Aufwand ist Teil des Ergebnisses. Laut Anthropic wird in der Claude-API und im Claude-Code standardm\u00e4\u00dfig ein hoher Aufwand f\u00fcr Opus 5 verwendet, w\u00e4hrend bei den Vergleichen ebenfalls die Einstellungen \u201ehigh\u201c, \u201exhigh\u201c oder \u201emax\u201c zum Einsatz kommen. Ein h\u00f6herer Aufwand kann den Erfolg bei schwierigen Aufgaben verbessern, erh\u00f6ht jedoch gleichzeitig die Token-Kosten, die Latenz oder beides. Die Benchmark-Kosten pro Aufgabe sind daher aussagekr\u00e4ftiger als der Preis pro Token allein \u2013 doch keine dieser Kennzahlen ersetzt einen Pilotversuch mit Ihrer eigenen Arbeitslast.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-we-tested\">So haben wir das Claude Opus 5 getestet<\/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\">Wir haben eine kompakte Debugging-Aufgabe zur Ermittlung der Grundursache an einem CommonJS-Fixture mit drei Dateien durchgef\u00fchrt. Die Aufgabe sah vor, dass das Modell vor der Bearbeitung die Grundursache identifizieren, den kleinstm\u00f6glichen Patch vorschlagen, einen gezielten Regressionstest hinzuf\u00fcgen, nicht relevante \u00c4nderungen vermeiden und den genauen Verifizierungsbefehl angeben sollte.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wir haben den Patch dann unabh\u00e4ngig \u00fcberpr\u00fcft, anstatt die Antwort als richtig anzusehen, nur weil sie so \u00fcberzeugend klang. Der Befehl \u201elocal\u201c lautete <code>node --test test\/account-summary.test.cjs<\/code>. Vor der Korrektur ergab die Testsuite einen bestandenen Test und einen Fehlschlag. Nach dem Anwenden des Patches f\u00fcr die exakte Gleichheit ergab sie zwei bestandene Tests und keinen Fehlschlag.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Diese Methode liefert uns n\u00fctzliche Erkenntnisse \u00fcber einen bestimmten Debugging-Workflow: Diagnose, Disziplin bei der Fehlerbehebung, Qualit\u00e4t der Regressionstests und \u00dcberpr\u00fcfbarkeit. Sie misst jedoch nicht die allgemeine F\u00fchrungskompetenz beim Programmieren, die langfristige Zuverl\u00e4ssigkeit der Akteure, die Geschwindigkeit oder die Leistung sprach\u00fcbergreifend.<\/p>\n\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hands-on-review\">Claude Opus 5 \u2013 Praxistest<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Fehlerbehebung an der Ursache: korrekt, minimal und \u00fcberpr\u00fcfbar<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In unserem Test hat Claude Opus 5 den Fehler korrekt auf <code>normalizedQuery.startsWith(account.id.toLowerCase())<\/code>. Mit der Abfrage <code>ACCT-10<\/code>, die Pr\u00e4fixpr\u00fcfung ergab eine \u00dcbereinstimmung <code>acct-1<\/code> erstens, also <code>Array.prototype.find<\/code> hat das falsche Konto zur\u00fcckgegeben, bevor die genaue ID ermittelt wurde.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die vorgeschlagene Korrektur \u00e4nderte den Pr\u00e4fixabgleich auf exakte \u00dcbereinstimmung und f\u00fcgte einen Regressionsfall f\u00fcr den aufgef\u00fcllten, gro\u00df- und kleingeschriebenen <code>ACCT-10<\/code> Eingabe. Es wurde kein Code umgeschrieben, der in keinem Zusammenhang stand. Diese Zur\u00fcckhaltung ist in realen Repositories wichtig, da eine zu umfassende \u201cBereinigung\u201d mehr \u00dcberpr\u00fcfungsaufwand verursachen kann als der urspr\u00fcngliche Fehler.<\/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\">Der st\u00e4rkste Teil war der gesamte Zyklus: die Grundursache benennen, erkl\u00e4ren, warum der bestehende Test sie \u00fcbersehen hat, die kleinste \u00c4nderung vornehmen, den passenden Regressionstest hinzuf\u00fcgen und den Befehl zur \u00dcberpr\u00fcfung angeben. Das Ergebnis steht im Einklang mit der Positionierung von Opus 5 als \u2019Coding-Agent\u201c, bleibt aber auf eine einzige Testumgebung beschr\u00e4nkt. Eine umfassendere Einf\u00fchrung in den Workflow finden Sie unter <a href=\"https:\/\/www.glbgpt.com\/hub\/how-to-use-claude-ai-for-coding\/\">wie man Claude AI f\u00fcr die Codierung verwendet<\/a>.<\/p>\n\n\n<\/div>\n\n\n<!-- OPUS5_TEST_LAB_START -->\n\n<h3 class=\"wp-block-heading\">Vollst\u00e4ndige Aufgabenstellungen und L\u00f6sungen f\u00fcr T1\u2013T4 sowie kopierbarer Code<\/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: Fehlerbehebung an der Ursache<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bestanden \u2013 den Fehler bei der Pr\u00e4fix\u00fcbereinstimmung gefunden, den kleinsten Patch vorgeschlagen und einen gezielten Regressionstest hinzugef\u00fcgt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t1-result-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t1-result-v4.webp\" alt=\"Claude Opus 5 \u2013 Ergebnisse der praktischen Fehlerbehebung zur Ermittlung der Grundursache\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">Als Fehler wurde die Pr\u00e4fix\u00fcbereinstimmung identifiziert; es wurde erl\u00e4utert, warum der alte Test diesen Fehler \u00fcbersehen hatte; es wurde ein Regressionstest vorgeschlagen, der auf exakter \u00dcbereinstimmung plus eins basiert.<\/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\">Vollst\u00e4ndige T1-Aufgabe und Antwort anzeigen<\/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\">Vollst\u00e4ndige Eingabeaufforderung<\/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\">Eingabeaufforderung kopieren<\/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\">Sie debuggen ein bewusst klein gehaltenes CommonJS-Fixture. Arbeiten Sie ausschlie\u00dflich anhand der drei unten aufgef\u00fchrten Dateien und der angegebenen Reproduktion.\n\nAnforderungen:\n1. Geben Sie die Grundursache an, bevor Sie \u00c4nderungen vorschlagen.\n2. Schlagen Sie den kleinsten Patch vor, der den Fehler behebt.\n3. F\u00fcgen Sie einen gezielten Regressionstest hinzu, der vor der Korrektur fehlschl\u00e4gt und danach erfolgreich ist.\n4. Geben Sie den genauen Verifizierungsbefehl an, der vom Stammverzeichnis des Fixtures aus ausgef\u00fchrt werden muss.\n5. Schreiben Sie keinen nicht betroffenen Code um. Benennen Sie keine Dateien um, f\u00fcgen Sie keine Abh\u00e4ngigkeiten hinzu und \u00e4ndern Sie nicht die \u00f6ffentliche API.\n6. Geben Sie genau diese Abschnitte in der folgenden Reihenfolge zur\u00fcck: `ROOT CAUSE`, `PATCH`, `VERIFICATION`, `LIMITATIONS`.\n7. Geben Sie in `PATCH` einen einheitlichen Diff in einem umschlossenen `diff`-Block an. Geben Sie in `VERIFICATION` einen Befehl in einem umschlossenen `text`-Block an.\n\nReproduktion: `summarizeAccount(accounts, ' ACCT-10 ')` sollte `{ id: 'acct-10', name: 'Nimbus', seats: 24 }` zur\u00fcckgeben, gibt jedoch das Konto `acct-1` zur\u00fcck.\n\nDatei: `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\nDatei: `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\nDatei: `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('fasst eine exakte Konto-ID zusammen', () =&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\">Antwort kopieren<\/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\">GRUNDURSACHE<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">\u201efindAccount\u201c sucht nach Pr\u00e4fixen, nicht nach exakter \u00dcbereinstimmung:<\/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\">Kopieren<\/button><\/span><\/div><pre class=\"opus5-code-view\" style=\"margin:0;max-height:680px;overflow:auto;padding:16px 0 22px;background:#f7f7f7;color:#596273;font:14px\/1.58 ui-monospace,SFMono-Regular,Consolas,monospace\"><code style=\"display:table;min-width:100%;width:max-content\"><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">1<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">normalizedQuery.startsWith(account.id.toLowerCase())<\/span><\/span><\/code><\/pre><pre id=\"T1-code-1\" class=\"opus5-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">normalizedQuery.startsWith(account.id.toLowerCase())<\/pre><\/div><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Array.prototype.find gibt das erste Element zur\u00fcck, das das Pr\u00e4dikat erf\u00fcllt. F\u00fcr \u2018ACCT-10\u2018 lautet die normalisierte Abfrage \u2018acct-10\u2019, und die ID des ersten Kontos \u2018acct-1\u2019 ist ein Pr\u00e4fix davon, sodass startsWith wahr ist und \u201eacct-1\u201c die Suche vorzeitig beendet, bevor \u201eacct-10\u201c \u00fcberhaupt gepr\u00fcft wird.<br>Die Normalisierung durch \u201etrim().toLowerCase()\u201c ist korrekt \u2013 Leerzeichen und Gro\u00df-\/Kleinschreibung sind nicht das Problem. \u201esummarizeAccount\u201c ist eine Durchleitungsfunktion und nicht schuld.<br>Der bestehende Test kann dies nicht erkennen: \u2018acct-1\u2019 ist ein Pr\u00e4fix seiner selbst und gleichzeitig das erste Element, sodass bei dieser Eingabe zwischen Pr\u00e4fixabgleich und exaktem Abgleich nicht unterschieden werden kann.<\/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\">Kopieren<\/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('fasst eine exakte Konto-ID zusammen', () =&gt; {\n seats: 5,\n   });\n });\n+\n+test('vergleicht die vollst\u00e4ndige ID statt eines Pr\u00e4fixes, einschlie\u00dflich Auff\u00fcllzeichen und gemischter Gro\u00df-\/Kleinschreibung', () =&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\">Vor der Korrektur schl\u00e4gt der neue Test beim Objekt \u201eacct-1 \/ Atlas \/ 5\u201c fehl; nach der Korrektur wird er bestanden.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">\u00dcBERPR\u00dcFUNG<\/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>Text<\/span><button type=\"button\" onclick=\"opus5Copy('T1-code-3',this)\" style=\"border:0;background:transparent;color:#555;font:inherit;cursor:pointer;padding:3px 5px\">Kopieren<\/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\">EINSCHR\u00c4NKUNGEN<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">\u2022 Umfang: Ein Operator wurde ge\u00e4ndert. Es gab keine Umbenennungen, keine neuen Abh\u00e4ngigkeiten, und die Signaturen sowie die R\u00fcckgabetypen von `findAccount` und `summarizeAccount` blieben unver\u00e4ndert.<br>\u2022 Bereits bestehendes Verhalten, das unver\u00e4ndert bleibt (f\u00e4llt nicht in den Geltungsbereich dieses Fehlers):<br>\u2022 Ein \u201erequestedId\u201c-Wert, der kein String ist (null, eine Zahl), l\u00f6st bei \u201e.trim()\u201c weiterhin einen Fehler aus.<br>\u2022 Die Konto-IDs selbst werden nicht gek\u00fcrzt, sodass ein gespeichertes \u2018acct-10\u2019 weiterhin nicht \u00fcbereinstimmt \u2013 nur die Abfrage wird normalisiert.<br>\u2022 Bei der Gro\u00df-\/Kleinschreibung wird einfach toLowerCase() verwendet; es erfolgt keine Unicode-Normalisierung und keine lokalisierungsabh\u00e4ngige Umformung.<br>\u2022 Doppelte IDs werden weiterhin der ersten \u00dcbereinstimmung zugeordnet, und die Suchzeit bleibt bei O(n).<br>\u2022 Testabdeckung: Der einzelne Regressionstest zielt genau auf die gemeldete Reproduktion ab. Der nicht gefundene (Null-)Pfad und die fehlerhafte Eingabe bleiben ungepr\u00fcft.<\/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 des Kontostatus<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Teilweise \u2013 Die Kernkennzahlen wurden berechnet und Ma\u00dfnahmen priorisiert, doch die erfasste Antwort endete ohne die angeforderte \u201eRecheck\u201c-Markierung.<\/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 5 \u2013 Ergebnis der praktischen Analyse des Kontostatus\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">Berechneter MRR f\u00fcr $34.800 in der Risikogruppe (94,31%); E-505 eskaliert und Folgeaktionen priorisiert; Antwort endete ohne den angeforderten \u201eRecheck\u201c-Marker.<\/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\">Vollst\u00e4ndige T2-Aufgabe und Antwort anzeigen<\/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\">Vollst\u00e4ndige Eingabeaufforderung<\/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\">Eingabeaufforderung kopieren<\/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\">Analysieren Sie die bereitgestellte Datei `account-health.csv` als geschlossenen Datensatz. Verwenden Sie keine externen Fakten und erg\u00e4nzen Sie keine fehlenden Werte.\n\nRisikoregeln (jeweils unabh\u00e4ngig bewerten):\n- `inactivity`: `days_since_login &gt;= 30`\n- `payment`: `failed_payments &gt;= 2`\n- `low_utilization`: `seats_used \/ seats_purchased = 80`, w\u00e4hrend das Konto \u201eat-risk\u201c ist.\n- `weak_health_without_risk`: `health_score = 9` und `open_tickets &gt;= 3`.\n\nAnforderungen:\n1. Berechnen Sie die ausgel\u00f6sten Risiko- und Widerspruchsflags f\u00fcr jedes Konto.\n2. Geben Sie die Gesamtwerte des Datensatzes f\u00fcr Konten, MRR, risikobehaftete Konten, risikobehafteten MRR, zu eskalierende Konten, Widerspruchszeilen, gekaufte Lizenzen und genutzte Lizenzen an.\n3. Erstellen Sie eine Aktionstabelle mit genau f\u00fcnf Spalten: `Konto | Risikoausl\u00f6ser | Widerspr\u00fcche | Priorit\u00e4t | Empfohlene Ma\u00dfnahme`.\n4. F\u00fchren Sie direkt berechnete Werte unter der \u00dcberschrift `Gemessene Fakten` und Ermessensentscheidungen unter der \u00dcberschrift `Schlussfolgerung` auf.\n5. Zeigen Sie unter \u201e\u00dcberpr\u00fcfung\u201c ausreichend Rechenwege auf, um jede Gesamtsumme und jeden Schwellenwert unabh\u00e4ngig nachpr\u00fcfen zu k\u00f6nnen, einschlie\u00dflich des Falls, in dem der Wert genau 0,50 betr\u00e4gt.\n6. Korrigieren oder interpretieren Sie die Regeln nicht stillschweigend neu. Wenn ein Signal kontraintuitiv erscheint, vermerken Sie es als Widerspruch, anstatt seine Klassifizierung zu \u00e4ndern.\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, 3600, 12, 0, 20, 8, 65, 10, 4\nD-404, Dahlia, Starter, 900, 5, 0, 5, 4, 42, 6, 0\nE-505,Ember,Enterprise,15000,65,3,200,70,35,3,6\nF-606,Fjord,Starter,1200,29,1,4,2,85,9,3\n```<\/pre><div class=\"opus5-answer-shell\" style=\"margin-top:22px;border:1px solid #dedede;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(22,22,22,.06)\"><div class=\"opus5-answer-bar\" style=\"display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8;background:#fff;color:#242424\"><strong style=\"font-size:15px\">Claude Opus 5<\/strong><button type=\"button\" onclick=\"opus5Copy('T2-answer-copy',this)\" style=\"border:1px solid #d4d4d4;border-radius:9px;background:#fff;color:#444;padding:7px 12px;font-size:14px;font-weight:650;cursor:pointer\">Antwort kopieren<\/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\">Gemessene Fakten<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Quelle: account-health.csv, 6 Zeilen, als geschlossen behandelt. Es wurden keine Werte imputiert.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">Auswertung der Regeln pro Konto<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Konto<br>Tage \u2265 30<br>fehlgeschlagen\u22652<br>util &lt; 0,50<br>Anzahl der Risiken<br>Status<br>A-101 Aster<br>\u2705 45<br>\u274c 0<br>\u274c 0,82<br>1<br>gef\u00e4hrdet<br>B-202 Leuchtfeuer<br>\u274c 4<br>\u2705 2<br>\u274c 0,90<br>1<br>gef\u00e4hrdet<br>C-303 Asche<br>\u274c 12<br>\u274c 0<br>\u2705 0,40<br>1<br>gef\u00e4hrdet<br>D-404 Dahlie<br>\u274c 5<br>\u274c 0<br>\u274c 0,80<br>0<br>nicht gef\u00e4hrdet<br>E-505 Ember<br>\u2705 65<br>\u2705 3<br>\u2705 0,35<br>3<br>Risikogruppe + Eskalation<br>F-606 Fjord<br>\u274c 29<br>\u274c 1<br>\u274c 0,50<br>0<br>nicht gef\u00e4hrdet<br>Warnmeldungen zu Widerspr\u00fcchen pro Konto<br>Konto<br>starke_Gesundheit_mit_Risiko<br>schlechte_Gesundheit_ohne_Risiko<br>Veranstalter_mit_Ticket_Ladung<br>A-101 Aster<br>\u2705 (92 \u2265 80, Risikogruppe)<br>\u274c<br>\u274c (NPS 9 \u2713, Tickets 1 \u2717)<br>B-202 Leuchtfeuer<br>\u274c (70 &lt; 80)<br>\u274c (70 \u2265 50)<br>\u274c (NPS 7)<br>C-303 Asche<br>\u274c (65 &lt; 80)<br>\u274c (65 \u2265 50)<br>\u2705 (NPS 10, Tickets 4)<br>D-404 Dahlie<br>\u274c<br>\u2705 (42 &lt; 50, kein Risiko)<br>\u274c (NPS 6)<br>E-505 Ember<br>\u274c (35 &lt; 80)<br>\u274c (35 &lt; 50, geh\u00f6rt jedoch zur Risikogruppe)<br>\u274c (NPS 3)<br>F-606 Fjord<br>\u274c (85 \u2265 80, aber kein Risikopatient)<br>\u274c (85 \u2265 50)<br>\u2705 (NPS 9, Tickets 3)<br>Gesamtzahlen des Datensatzes<br>Metrisch<br>Wert<br>Konten<br>6<br>Gesamt-MRR<br>$36,900<br>Risikokonten<br>4 (A-101, B-202, C-303, E-505)<br>Gef\u00e4hrdeter MRR<br>$34.800 (94,311 TP40T der Gesamtzahl)<br>Konten eskalieren<br>1 (E-505)<br>Widerspruchsreihen<br>4 (A-101, C-303, D-404, F-606)<br>Warnungen bei Widerspr\u00fcchen<br>4 (1 \u201estarke_Gesundheit_mit_Risiko\u201c, 1 \u201eschwache_Gesundheit_ohne_Risiko\u201c, 2 \u201eVeranstalter_mit_Ticket_Belastung\u201c)<br>Gekaufte Sitzpl\u00e4tze<br>349<br>Belegte Sitzpl\u00e4tze<br>184<br>Schlussfolgerung<br>Die nachstehende Priorit\u00e4tenreihenfolge und die empfohlenen Ma\u00dfnahmen sind Ermessensentscheidungen und keine festgelegten Regeln. Bei meiner Gewichtung stehen Status\u00e4nderungen an erster Stelle, gefolgt von gef\u00e4hrdetem MRR und schlie\u00dflich von Widerspruchsignalen.<br>Konto<br>Risikoausl\u00f6ser<br>Widerspr\u00fcche<br>Priorit\u00e4t<br>Empfohlene Ma\u00dfnahme<br>E-505 Ember<br>Inaktivit\u00e4t, Zahlung, geringe Auslastung<br>-<br>P0<br>Alle drei Regeln werden f\u00fcr den gr\u00f6\u00dften Kunden ausgel\u00f6st ($15.000 MRR). Als aktiven Kundenabgang behandeln: Zahlungsmethode wiederherstellen und anschlie\u00dfend eine \u00dcberpr\u00fcfung durch die Gesch\u00e4ftsleitung hinsichtlich der 130 ungenutzten Lizenzen durchf\u00fchren.<br>A-101 Aster<br>Inaktivit\u00e4t<br>starke_Gesundheit_mit_Risiko<br>P1<br>$: 12.000 MRR bei 45 Tagen Inaktivit\u00e4t, trotz eines Scores von 92 und einer soliden 82%-Nutzungsrate. \u00dcberpr\u00fcfen Sie, ob die Anmeldepause auf eine tats\u00e4chliche Abwanderung oder auf einen Tracking-Fehler (SSO, reine API-Nutzung) zur\u00fcckzuf\u00fchren ist, bevor Sie aufgrund des Scores Ma\u00dfnahmen ergreifen.<br>C-303 Asche<br>geringe Auslastung<br>Veranstalter_mit_Ticket_Ladung<br>P1<br>Promoter (NPS 10) mit 4 offenen Tickets bei einer Auslastung von 40%. Die Ticketauslastung ist das wahrscheinliche Hindernis f\u00fcr die Einf\u00fchrung; leeren Sie die Warteschlange und treiben Sie anschlie\u00dfend die Sitzplatzaktivierung voran.<br>B-202 Leuchtfeuer<br>Zahlung<br>-<br>P2<br>Eindeutiger Einzelfall: 2 fehlgeschlagene Zahlungen bei einer letzten Anmeldung vor 4 Tagen und einer 90%-Nutzung. Nur Nachverfolgung der Rechnungsstellung, keine Kundendienstma\u00dfnahme erforderlich.<br>F-606 Fjord<br>-<br>Veranstalter_mit_Ticket_Ladung<br>P3<br>Liegt knapp innerhalb aller Grenzwerte (29 Tage, 1 fehlgeschlagene Zahlung, Auslastung genau 0,50). Nach den Regeln besteht kein Risiko, aber ein weiterer Tag ohne Aktivit\u00e4t oder eine weitere fehlgeschlagene Zahlung w\u00fcrde die Situation umkehren. Beobachten Sie die Entwicklung und kl\u00e4ren Sie die 3 Tickets auf.<br>D-404 Dahlie<br>-<br>schlechte_Gesundheit_ohne_Risiko<br>P3<br>Ergebnis 42, ohne dass eine Regel ausgel\u00f6st wurde, bei einer Auslastung von 80% auf einem $900 MRR. Entweder<\/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\">Gemessene Fakten\nQuelle: account-health.csv, 6 Zeilen, als abgeschlossen behandelt. Keine Werte imputiert.\nRegelauswertung pro Konto\nKonto\nTage \u2265 30\nFehlschl\u00e4ge \u2265 2\nNutzungsgrad &lt; 0,50\nRisikoanzahl\nStatus\nA-101 Aster\n\u2705 45\n\u274c 0\n\u274c 0,82\n1\nrisikobehaftet\nB-202 Beacon\n\u274c 4\n\u2705 2\n\u274c 0,90\n1\nrisikobehaftet\nC-303 Cinder\n\u274c 12\n\u274c 0\n\u2705 0,40\n1\nrisikobehaftet\nD-404 Dahlia\n\u274c 5\n\u274c 0\n\u274c 0,80\n0\nnicht risikobehaftet\nE-505 Ember\n\u2705 65\n\u2705 3\n\u2705 0,35\n3\ngef\u00e4hrdet + eskalieren\nF-606 Fjord\n\u274c 29\n\u274c 1\n\u274c 0,50\n0\nkein Risiko\nWiderspruchsmarkierungen pro Konto\nKonto\nstarker_Zustand_mit_Risiko\nschwacher_Zustand_ohne_Risiko\nPromoter_mit_Ticket-Auslastung\nA-101 Aster\n\u2705 (92 \u2265 80, Risiko)\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, nicht gef\u00e4hrdet)\n\u274c (NPS 6)\nE-505 Ember\n\u274c (35 &lt; 80)\n\u274c (35 &lt; 50, aber gef\u00e4hrdet)\n\u274c (NPS 3)\nF-606 Fjord\n\u274c (85 \u2265 80, aber nicht gef\u00e4hrdet)\n\u274c (85 \u2265 50)\n\u2705 (NPS 9, Tickets 3)\nGesamtwerte des Datensatzes\nKennzahl\nWert\nKonten\n6\nGesamt-MRR\n$36.900\nRisikobehaftete Konten\n4 (A-101, B-202, C-303, E-505)\nRisikobehaftetes MRR\n$34.800 (94,31% des Gesamtwerts)\nZu eskalierende Konten\n1 (E-505)\nZeilen mit Widerspr\u00fcchen\n4 (A-101, C-303, D-404, F-606)\nWiderspruchsmarkierungen\n4 (1 \u201estrong_health_with_risk\u201c, 1 \u201eweak_health_without_risk\u201c, 2 \u201epromoter_with_ticket_load\u201c)\nGekaufte Pl\u00e4tze\n349\nGenutzte Pl\u00e4tze\n184\nSchlussfolgerung\nDie nachstehende Priorit\u00e4tenreihenfolge und die empfohlenen Ma\u00dfnahmen sind Ermessensentscheidungen und keine regelbasierten Ergebnisse. Meine Gewichtung bei der Rangfolge ber\u00fccksichtigt zuerst den Eskalationsstatus, dann den gef\u00e4hrdeten MRR und schlie\u00dflich die Widerspruchsindikatoren.\nKonto\nRisikoausl\u00f6ser\nWiderspr\u00fcche\nPriorit\u00e4t\nEmpfohlene Ma\u00dfnahme\nE-505 Ember\nInaktivit\u00e4t, Zahlung, geringe_Auslastung\n\u2014\nP0\nAlle drei Regeln werden beim gr\u00f6\u00dften Konto ($15.000 MRR) ausgel\u00f6st. Als aktiven Kundenabgang behandeln: Zahlungsmethode wiederherstellen, anschlie\u00dfend eine \u00dcberpr\u00fcfung durch die Gesch\u00e4ftsleitung hinsichtlich der 130 ungenutzten Pl\u00e4tze durchf\u00fchren.\nA-101 Aster\nInaktivit\u00e4t\nstarke_Gesundheit_mit_Risiko\nP1\n$12.000 MRR mit 45 Tagen Inaktivit\u00e4t trotz eines Scores von 92 und einer gesunden Auslastung von 82%. \u00dcberpr\u00fcfen Sie, ob die Anmeldepause auf tats\u00e4chliche Abwanderung oder auf ein Tracking-Artefakt (SSO, reine API-Nutzung) zur\u00fcckzuf\u00fchren ist, bevor Sie auf den Score reagieren.\nC-303 Cinder\ngeringe_Auslastung\nPromoter_mit_Ticket-Last\nP1\nPromoter (NPS 10) mit 4 offenen Tickets bei einer Auslastung von 40%. Die Ticket-Last ist das plausible Hindernis f\u00fcr die Akzeptanz; die Warteschlange abarbeiten und anschlie\u00dfend die Aktivierung des Arbeitsplatzes vorantreiben.\nB-202 Beacon\nZahlung\n\u2014\nP2\nEindeutiger Einzelfall: 2 fehlgeschlagene Zahlungen bei einer Anmeldeh\u00e4ufigkeit von 4 Tagen und einer Auslastung von 90%. Nur Nachverfolgung der Abrechnung, keine Kundendienstma\u00dfnahmen erforderlich.\nF-606 Fjord\n\u2014\npromoter_with_ticket_load\nP3\nLiegt knapp innerhalb aller Grenzwerte (29 Tage, 1 fehlgeschlagene Zahlung, genau 0,50 Auslastung). Nach den Regeln nicht gef\u00e4hrdet, aber ein weiterer Tag Inaktivit\u00e4t oder eine weitere fehlgeschlagene Zahlung w\u00fcrde den Status umkehren. Beobachten und die 3 Tickets kl\u00e4ren.\nD-404 Dahlia\n\u2014\nweak_health_without_risk\nP3\nScore 42, keine Regel ausgel\u00f6st und 80%-Auslastung bei $900 MRR. Entweder<\/pre><\/div><\/div><\/details><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">T3: Erstellung responsiver Benutzeroberfl\u00e4chen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Teilweise \u2013 es wurde eine umfassende, in sich geschlossene Implementierung und Selbstpr\u00fcfung erstellt, wobei ausdr\u00fccklich einger\u00e4umt wurde, dass die Seite gepr\u00fcft und nicht zur Laufzeit gerendert wurde.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t3-result-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t3-result-v4.webp\" alt=\"Claude Opus 5 \u2013 Ergebnis der praktischen \u00dcbung zur Erstellung einer responsiven Benutzeroberfl\u00e4che\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">Erstellte eine in sich geschlossene Antwort mit 21.907 Zeichen; behandelte die Themen Desktop, Mobilger\u00e4te, \u00dcberlauf und Barrierefreiheit; wies ausdr\u00fccklich darauf hin, dass das Layout \u00fcberpr\u00fcft und nicht zur Laufzeit gerendert wurde.<\/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\">Vollst\u00e4ndige T3-Aufgabe und Antwort anzeigen<\/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\">Vollst\u00e4ndige Eingabeaufforderung<\/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\">Eingabeaufforderung kopieren<\/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\">Erstellen Sie eine ansprechende Produktvergleichsoberfl\u00e4che als einzelne, ausf\u00fchrbare HTML-Datei, wobei Sie ausschlie\u00dflich die unten aufgef\u00fchrten Produktdaten verwenden d\u00fcrfen.\n\nAnforderungen:\n1. Geben Sie genau einen umschlossenen `html`-Codeblock zur\u00fcck, gefolgt von einem `SELF-CHECK`-Abschnitt. Teilen Sie HTML, CSS oder JavaScript nicht in separate Dateien auf.\n2. Verwenden Sie ausschlie\u00dflich semantisches HTML, eingebettetes CSS und eingebettetes Vanilla-JavaScript: keine externen Frameworks, Pakete, Schriftarten, Bilder, Netzwerkanfragen oder Build-Schritte.\n3. Stellen Sie drei per Tastatur bedienbare Registerkarten (\"\u00dcbersicht\", \"Preise\", \"Limits\") mit korrekter \"tablist\"-, \"tab\"- und \"tabpanel\"-Semantik bereit. Die Pfeiltasten \"Pfeil nach links\" und \"Pfeil nach rechts\" m\u00fcssen die Registerkarten verschieben und aktivieren; die Tasten \"Home\" und \"End\" m\u00fcssen zur ersten bzw. letzten Registerkarte springen und diese aktivieren. Der Fokus muss sichtbar bleiben.\n4. Die ausgew\u00e4hlte Registerkarte muss durch `aria-selected`, `tabindex` und das sichtbare Panel gekennzeichnet sein; inaktive Panels m\u00fcssen ausgeblendet sein.\n5. Ziel f\u00fcr Desktop: 1440px breit. Ziel f\u00fcr Mobilger\u00e4te: 390px breit ohne horizontalen Seiten\u00fcberlauf, ohne abgeschnittene Steuerelemente, mit mindestens 44px hohen Tippzielen und in einer Spalte gestapelten Vergleichskarten.\n6. F\u00fcgen Sie eine pr\u00e4gnante Kopfzeile, eine klare Empfehlung, drei Produktkarten und eine kompakte Vergleichstabelle ein. Achten Sie auf einen gut lesbaren Kontrast und vermeiden Sie dekorative Animationen.\n7. Verwenden Sie genau diese Produktangaben und f\u00fcgen Sie keine eigenen Aussagen hinzu:\n   - Atlas: `$19\/Monat`, `20 Projekte`, `10 GB`, `E-Mail-Support`, am besten f\u00fcr Einzelarbeit geeignet.\n   - Beacon: `$49\/Monat`, `Unbegrenzte Projekte`, `100 GB`, `Priorit\u00e4ts-Support`, insgesamt am besten f\u00fcr wachsende Teams geeignet.\n   - Cove: `$99\/Monat`, `Unbegrenzte Projekte`, `1 TB`, `Dedizierter Support`, am besten geeignet f\u00fcr regulierte Betriebsabl\u00e4ufe.\n8. Versehen Sie \"Beacon\" mit einer gut sichtbaren Kennzeichnung \"Insgesamt am besten\", ohne dass die anderen Karten deaktiviert wirken.\n9. Geben Sie unter \"SELF-CHECK\" ausdr\u00fccklich an, welche Pr\u00fcfungen Sie f\u00fcr semantische Registerkarten, Tastaturverhalten, das 1440px-Layout, das 390px-Layout, horizontalen \u00dcberlauf und externe Abh\u00e4ngigkeiten durchgef\u00fchrt haben. Behaupten Sie nicht, dass Sie einen Viewport tats\u00e4chlich gerendert haben, es sei denn, dies ist tats\u00e4chlich der Fall; unterscheiden Sie zwischen Code-Pr\u00fcfung und Laufzeit\u00fcberpr\u00fcfung.\n\nProdukt-Fixture (ebenfalls gespeichert als `fixtures\/T3-responsive-ui\/product-data.json`):\n```json\n{\n  \"products\": [\n    {\"name\":\"Atlas\",\"price\":\"$19\/mo\",\"projects\":\"20 projects\",\"storage\":\"10 GB\",\"support\":\"E-Mail-Support\",\"bestFor\":\"Einzelarbeit\"},\n    {\"name\":\"Beacon\",\"price\":\"$49\/Monat\",\"projects\":\"Unbegrenzte Anzahl von Projekten\",\"storage\":\"100 GB\",\"support\":\"Priorit\u00e4ts-Support\",\"bestFor\":\"wachsende Teams\",\"badge\":\"Bester Gesamteindruck\"},\n    {\"name\":\"Cove\",\"price\":\"$99\/Monat\",\"projects\":\"Unbegrenzte Anzahl an Projekten\",\"speicherplatz\":\"1 TB\",\"Support\":\"Dedizierter Support\",\"am besten geeignet f\u00fcr\":\"regulierte Betriebsabl\u00e4ufe\"}\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\">Antwort kopieren<\/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\">Kopieren<\/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\">SELBSTPR\u00dcFUNG<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Alle folgenden Aussagen basieren ausschlie\u00dflich auf der Code-Pr\u00fcfung. Ich habe weder einen Browser ge\u00f6ffnet, noch einen Viewport gerendert, noch einen Screenreader ausgef\u00fchrt, noch die Tastaturbefehle getestet; daher ist hier nichts lauffzeitverifiziert. Wenn eine Aussage vom Verhalten der Layout-Engine abh\u00e4ngt, weise ich ausdr\u00fccklich darauf hin.<br>Semantische Registerkarten \u2013 gepr\u00fcft, konsistent<br>Ein div[role=\"tablist\"] mit aria-label=\"Planvergleichsansichten\" enth\u00e4lt drei button[type=\"button\"][role=\"tab\"]. Jede Registerkarte verf\u00fcgt \u00fcber eine eindeutige ID und ein \"aria-controls\"-Attribut, das auf ein \"section\"[role=\"tabpanel\"] verweist; jedes Panel enth\u00e4lt ein \u201earia-labelledby\u201c-Attribut, das zur\u00fcck auf die zugeh\u00f6rige Registerkarte verweist. Ich habe alle drei Paare manuell nachverfolgt: \u201etab-overview\u201c\/\u201epanel-overview\u201c, \u201etab-pricing\u201c\/\u201epanel-pricing\u201c, \u201etab-limits\u201c\/\u201epanel-limits\u201c. Keine doppelten IDs, keine losen Verweise. Die Panels verwenden \u201etabindex=\u201c0\u201c\u201c, sodass der Panel-Inhalt nach dem Tab erreichbar ist.<br>Tastaturverhalten \u2013 gepr\u00fcft, nicht ausgef\u00fchrt<br>Ein einziger \"keydown\"-Listener f\u00fcr die Tab-Liste verarbeitet die Tasten \u201ePfeil nach rechts\u201c, \u201ePfeil nach links\u201c, \u201ePos1\u201c und \u201eEnde\u201c, ruft ausschlie\u00dflich f\u00fcr diese vier Tasten \u201eevent.preventDefault()\u201c auf und kehrt andernfalls vorzeitig zur\u00fcck. Die Pfeiltasten f\u00fchren an beiden Enden einen Zeilenumbruch durch. Da `activate()` sowohl `aria-selected`, `tabindex` und `hidden` aktualisiert als auch den Fokus verschiebt, bewirken die Pfeiltasten sowie die Tasten \u201eHome\u201c und \u201eEnd\u201c die Bewegung und die Aktivierung in einem Schritt \u2013 was dem in den Anforderungen geforderten Muster der automatischen Aktivierung entspricht. Die Navigation mit Tab\/Umschalt+Tab basiert auf einem variablen \u201etabindex\u201c: Genau ein Tab-Element hat \u201etabindex=\u201c0\u201c, die \u00fcbrigen \u201e-1\u201c, was durch \u201eactivate()\u201c verwaltet wird. Die Sichtbarkeit des Fokus erfolgt \u00fcber eine globale \u201e:focus-visible\u201c-Regel mit einem 3px-Umriss und einem 2px-Versatz; ich habe den Standard-Umriss weder \u00fcberschrieben noch entfernt. Ich habe die Tastenbehandlung in einem echten Browser noch nicht \u00fcberpr\u00fcft.<br>Reflexion bei ausgew\u00e4hltem Zustand \u2014 gepr\u00fcft<br>activate() setzt alle drei Attribute in derselben Schleife, sodass aria-selected=\"true\", tabindex=\"0\" und das Fehlen des Attributs \u201ehidden\u201c nicht voneinander abweichen k\u00f6nnen. Inaktive Bereiche erhalten das Attribut \u201ehidden\u201c, und [hidden] { display: none !important; } sch\u00fctzt vor den Darstellungsregeln, die dies andernfalls zunichte machen w\u00fcrden \u2013 dieser Schutz ist wichtig, da die Bereiche untergeordnete Elemente mit \u201edisplay: grid\u201c enthalten. activate(currentIndex(), false) wird beim Laden ausgef\u00fchrt, um den Zustand anhand des Markups zu normalisieren, ohne den Fokus zu stehlen. Falls JavaScript nicht ausgef\u00fchrt wird, wird das Markup so ausgeliefert, dass \u201eOverview\u201c ausgew\u00e4hlt und die beiden anderen Panels ausgeblendet sind, sodass die Seite auf ein lesbares Panel zur\u00fcckf\u00e4llt.<br>1440px-Layout \u2013 gepr\u00fcft, nicht gerendert<br>.wrap hat eine maximale Breite von 1120px und einen Rand von 0 auto, sodass der Inhalt bei 1440px zentriert wird und etwa 160px gro\u00dfe Zwischenr\u00e4ume entstehen, anstatt sich zu strecken. Karten verwenden \u201egrid-template-columns: repeat(3, minmax(0, 1fr))\u201c mit einem Abstand von 20px, was drei gleich gro\u00dfe Spalten ergibt; \u201ealign-items: start\u201c verhindert, dass sich die Karten auf eine gemeinsame H\u00f6he ausdehnen, w\u00e4hrend \u201e.card { height: 100% }\u201c dadurch neutralisiert wird. Die Angabe \u201eminmax(0, 1fr)\u201c ist bewusst gew\u00e4hlt \u2013 \u201e1fr\u201c allein kann verhindern, dass die Spalten unter die Inhaltsbreite schrumpfen, und das Raster in die Breite ziehen. Ich habe die tats\u00e4chliche Pixelausgabe nicht gemessen.<br>390px-Layout \u2013 gepr\u00fcft, nicht gerendert<br>Der Block mit \"max-width: 720px\" stellt das Kartenraster auf \"minmax(0, 1fr)\" um, also eine einzelne Spalte, sodass sich die Karten \u00fcbereinander stapeln. Der Abstand (Padding) verringert sich auf 16px pro Seite, wodurch eine Inhaltsbreite von etwa 358px verbleibt. Tapp-Ziele: Jedes [role=\"tab\"] hat \u201emin-height: 44px\u201c, und der horizontale Abstand schrumpft auf 12px, anstatt dass die H\u00f6he verringert wird, sodass die Mindesth\u00f6he von 44px auch bei schmalen Breiten erhalten bleibt. Die Tabliste erh\u00e4lt die Eigenschaften \u201eflex-wrap: nowrap\u201c mit \u201eoverflow-x: auto\u201c und \u201eflex: 1 0 auto\u201c f\u00fcr die untergeordneten Elemente, sodass drei Registerkarten entweder vollst\u00e4ndig in die Tabliste passen oder innerhalb dieser scrollbar sind, anstatt mitten im Steuerelement abgeschnitten oder umgebrochen zu werden.  ist vorhanden. Nicht bei einem tats\u00e4chlichen Viewport von 390px \u00fcberpr\u00fcft.<br>Horizontaler \u00dcberlauf \u2013 gepr\u00fcft, eine absichtlich eingeschr\u00e4nkte Schriftrolle<br>body { overflow-x: hidden } dient als Sicherheitsma\u00dfnahme, aber ich habe auch versucht, mich nicht darauf zu verlassen. * { box-sizing: border-box } sorgt daf\u00fcr, dass das Padding innerhalb der festgelegten Breiten bleibt. Die Vergleichstabellen verwenden \"white-space: nowrap\" f\u00fcr die Zellen, sodass die sechsspaltige \u00dcbersichtstabelle auf Mobilger\u00e4ten 358px \u00fcberschreitet; dies wird durch \".table-scroll { max-width: 100%; overflow-x: auto }\" begrenzt, wodurch der Tabellenbereich statt der Seite gescrollt wird. Dieser Wrapper verf\u00fcgt \u00fcber \u201etabindex=\u201c0\u201c\u201c und \u201erole=\u201cregion\u201c\u201c mit einer Beschriftung, sodass Nutzer mit der Tastatur darauf zugreifen und darin scrollen k\u00f6nnen. \u201eFlex\u201c- und \u201eGrid\u201c-Nachkommen, die sich andernfalls nicht verkleinern lassen w\u00fcrden, werden mit \u201eminmax(0, 1fr)\u201c im Grid und \u201eflex-wrap: wrap\u201c bei \u201e.card-head\u201c und \u201e.recommendation\u201c behandelt. Das einzige verbleibende Risiko, das ich ohne Rendering nicht ausschlie\u00dfen kann, ist eine lange, ununterbrochene Zeichenfolge in einer Tabellenzelle; alle Fixture-Werte sind jedoch kurz.<br>Externe Abh\u00e4ngigkeiten \u2013 gepr\u00fcft, keine<br>Nein &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>Kontrast und Bewegung \u2013 gepr\u00fcft<br>Der Haupttext #16191f auf #f6f7f9 und der sekund\u00e4re Text #4a515c auf Wei\u00df liegen beide deutlich \u00fcber 4,5:1; das Logo ist wei\u00df auf #10457e, und die aktive Registerkarte ist #10457e auf wei\u00dfem Hintergrund. Ich habe diese Werte anhand einer Verh\u00e4ltnis-Sch\u00e4tzung aus den Hex-Werten berechnet, nicht mit einem Kontrast-Tool. Es gibt nirgendwo \u00dcberg\u00e4nge, Animationen oder Transformationen; der \u201eprefers-reduced-motion\u201c-Block ist eher ein wirkungsloses Sicherheitsnetz als eine Korrektur f\u00fcr vorhandene Bewegungen.<br>Genauigkeit der Vorrichtung \u2014 gepr\u00fcft<br>Jeder der drei Tarife ist in allen drei \u00dcbersichten sowie in der Tabelle der jeweiligen \u00dcbersicht aufgef\u00fchrt. Ich habe jeden Preis, jede Projektanzahl, jede Speicherkapazit\u00e4t und jede Supportstufe mit dem JSON-Datensatz \u201eAtlas\u201c abgeglichen.<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\/Unbegrenzt\/100 GB\/Priorit\u00e4t, Cove $99\/Unbegrenzt\/1 TB\/Dediziert. Beacon tr\u00e4gt das Abzeichen \"Best overall\" und einen 2px breiten Akzentrand; Atlas und Cove behalten volltransparenten Text, normale Rahmen und identische Schriftgestaltung bei, sodass sie als verf\u00fcgbar und nicht als deaktiviert wahrgenommen werden. Die \u201eBest for\u201c-Angaben werden als kurze Beschriftungen dargestellt (\u201eBest for solo work\u201c) \u2013 der Wortlaut wird um den Produktwert herum hinzugef\u00fcgt, es werden keine neuen Produktversprechen gemacht.<br>Bekannte L\u00fccken<br>Es findet keinerlei \u00dcberpr\u00fcfung zur Laufzeit statt. Der Inhalt der drei Felder wird als statisches Markup in allen drei Feldern dupliziert und nicht aus dem JSON gerendert, sodass das Fixture durch \u00dcbertragung und nicht durch Datenbindung als ma\u00dfgebliche Quelle dient \u2013 eine zuk\u00fcnftige Daten\u00e4nderung bedeutet daher, dass an mehreren Stellen \u00c4nderungen vorgenommen werden m\u00fcssen.<\/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: Selbst\u00fcberpr\u00fcfung<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Bestanden \u2013 hat den NaN-Fehler bei leeren Arrays im Rahmen einer eigenen \u00dcberpr\u00fcfung entdeckt, einmal korrigiert und alle angegebenen F\u00e4lle best\u00e4tigt.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t4-result-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-test-t4-result-v4.webp\" alt=\"Claude Opus 5 Ergebnis der praktischen Selbst\u00fcberpr\u00fcfung\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">Das NaN-Ergebnis bei einem leeren Array wurde im Rahmen einer eigenen \u00dcberpr\u00fcfung festgestellt; einmal \u00fcberarbeitet, sodass nun \u201eN\/A\u201c zur\u00fcckgegeben wird (0\/0 bestanden); alle vier angegebenen F\u00e4lle wurden nach der \u00dcberarbeitung best\u00e4tigt.<\/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\">Vollst\u00e4ndige T4-Aufgabe und Antwort anzeigen<\/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\">Vollst\u00e4ndige Eingabeaufforderung<\/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\">Eingabeaufforderung kopieren<\/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\">F\u00fchren Sie diese nummerierte Aufgabe mit vorgegebenen Vorgaben durch, \u00fcberpr\u00fcfen Sie sie anschlie\u00dfend und \u00fcberarbeiten Sie sie bei Bedarf nur einmal.\n\nAufgabenvorgaben:\n1. Schreiben Sie eine reine JavaScript-Funktion mit dem Namen `summarizeChecks(checks)`; `checks` ist ein Array aus booleschen Werten.\n2. Bei nicht leerer Eingabe gib genau `% (\/ bestanden)` zur\u00fcck, wobei `rate` eine Dezimalstelle hat und den Prozentsatz der Werte angibt, die `true` sind. Beispiel: `[true, true, false, true]` gibt `75,0% (3\/4 bestanden)` zur\u00fcck.\n3. Ver\u00e4ndere die Eingabe nicht.\n4. Verwende keine `for`-, `while`-, `forEach`- oder `eval`-Schleifen, keine externen Bibliotheken und keine zweite Funktion.\n5. Der Funktionsk\u00f6rper darf h\u00f6chstens drei Anweisungen enthalten. Eine Deklaration mit Initialisierer z\u00e4hlt als eine Anweisung.\n6. Weisen Sie die Funktion nach ihrer Deklaration `globalThis.summarizeChecks` zu, damit sie von einem unabh\u00e4ngigen Test-Harness aufgerufen werden kann.\n\nErforderliches Antwortformat:\n- `ERSTE ANTWORT`: Geben Sie die urspr\u00fcngliche L\u00f6sung in einem umschlossenen `js`-Block an, bevor Sie die \u00dcberpr\u00fcfung durchf\u00fchren.\n- `\u00dcBERPR\u00dcFUNG`: \u00dcberpr\u00fcfen Sie die erste Antwort anhand der Einschr\u00e4nkungen 1\u20136 und dieses versteckten Randfalls: Eine leere Eingabe muss genau `N\/A (0\/0 bestanden)` zur\u00fcckgeben. Geben Sie f\u00fcr jeden Punkt an, ob er bestanden oder nicht bestanden ist.\n- Falls ein Pr\u00fcfpunkt fehlschl\u00e4gt, nehmen Sie eine einmalige \u00dcberarbeitung vor. \u00dcberarbeiten Sie nicht mehr als einmal.\n- `ENDG\u00dcLTIGE ANTWORT`: Geben Sie die endg\u00fcltige L\u00f6sung in einem umschlossenen `js`-Block an. Behalten Sie alle urspr\u00fcnglichen Einschr\u00e4nkungen bei und erf\u00fcllen Sie gleichzeitig den Randfall der leeren Eingabe.\n\nVerwenden Sie diese F\u00e4lle f\u00fcr die unabh\u00e4ngige \u00dcberpr\u00fcfung:\n```text\n[] -&gt; N\/A (0\/0 bestanden)\n[true] -&gt; 100,0% (1\/1 bestanden)\n[false] -&gt; 0,0% (0\/1 bestanden)\n[true, true, false, true] -&gt; 75,0% (3\/4 bestanden)\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\">Antwort kopieren<\/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\">ERSTE ANTWORT<\/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\">Kopieren<\/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 `${((bestanden \/ gesamt) * 100).toFixed(1)}% (${bestanden}\/${gesamt} bestanden)`;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-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} bestanden)`;\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\">PR\u00dcFUNG<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">#<br>Einschr\u00e4nkung<br>Ergebnis<br>1<br>Einfache Funktion namens \u201esummarizeChecks(checks)\u201c<br>PASS \u2013 einfache Deklaration, ein Parameter, kein Klassen- oder Pfeil-Wrapper.<br>2<br>Format % (\/ bestanden), Rate auf eine Dezimalstelle gerundet<br>PASS bei nicht leerer Eingabe \u2013 toFixed(1) legt die Dezimalstelle fest, und die Abst\u00e4nde entsprechen genau der Spezifikation.<br>3<br>Keine Eingabever\u00e4nderung<br>PASS \u2014 .length und .filter sind beide schreibgesch\u00fctzt; filter gibt ein neues Array zur\u00fcck.<br>4<br>\u201eno for\u201c, \u201ewhile\u201c, \u201eforEach\u201c, \u201eeval\u201c, \u201elibrary\u201c oder \u201esecond function\u201c<br>PASS \u2014 .filter ist die einzige Iteration; \u201eBoolean\u201c ist eine integrierte Funktion, die als Pr\u00e4dikatreferenz verwendet wird, und keine von mir definierte Funktion.<br>5<br>H\u00f6chstens drei Anweisungen im Hauptteil<br>PASS \u2013 genau drei: zwei initialisierte Deklarationen plus die R\u00fcckgabe.<br>6<br>Wird nach der Deklaration \u201eglobalThis.summarizeChecks\u201c zugewiesen<br>PASS \u2013 Die Zuweisung folgt auf die Deklaration auf oberster Ebene.<br>F\u00e4lle unabh\u00e4ngiger Pr\u00fcfungen:<br>Eingabe<br>Erwartet<br>Tats\u00e4chlich<br>Ergebnis<br>[]<br>k. A. (0\/0 bestanden)<br>NaN% (0\/0 bestanden)<br>FEHLER<br>[true]<br>100.0% (1\/1 bestanden)<br>100.0% (1\/1 bestanden)<br>PASS<br>[false]<br>0,01 TP40T (0\/1 bestanden)<br>0,01 TP40T (0\/1 bestanden)<br>PASS<br>[wahr, wahr, falsch, wahr]<br>75,01 TP40T (zu 3\/4 bestanden)<br>75,01 TP40T (zu 3\/4 bestanden)<br>PASS<br>Ein Fehler. Bei leerer Eingabe wurde \/ total ist 0 \/ 0 \u00fcbergeben, was NaN ergibt; NaN.toFixed(1) gibt die Zeichenfolge \"NaN\" zur\u00fcck, anstatt einen Fehler auszul\u00f6sen, sodass die Funktion stillschweigend NaN% ausgibt (0\/0 \u00fcbergeben).<br>Einmalige \u00dcberarbeitung. Die Korrektur bleibt als bedingter Ausdruck innerhalb der bestehenden R\u00fcckgabe erhalten, sodass sich die Anzahl der Anweisungen nicht \u00e4ndert. Das %-Zeichen wird in den nicht leeren Zweig verschoben, da die erwartete leere Ausgabe N\/A (0\/0 bestanden) ohne Prozentzeichen ist.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">ENDG\u00dcLTIGE ANTWORT<\/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\">Kopieren<\/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' : `${((bestanden \/ total) * 100).toFixed(1)}%`} (${bestanden}\/${total} bestanden)`;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-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' : `${((bestanden \/ total) * 100).toFixed(1)}%`} (${bestanden}\/${total} bestanden)`;\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\">Best\u00e4tigung nach der \u00dcberarbeitung f\u00fcr alle vier F\u00e4lle: [] \u2192 k. A. (0\/0 bestanden), [true] \u2192 100,0% (1\/1 bestanden), [false] \u2192 0,0% (0\/1 bestanden), [wahr, wahr, falsch, wahr] \u2192 75,01 TP40T (3\/4 bestanden). Der Hauptteil besteht weiterhin aus drei Anweisungen, die Eingabe bleibt unver\u00e4ndert, und es wurde kein verbotenes Konstrukt eingef\u00fchrt.<\/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\">ERSTE ANTWORT\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} bestanden)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;\n```\n\nPR\u00dcFUNG\n#\nEinschr\u00e4nkung\nErgebnis\n1\nEinfache Funktion mit dem Namen summarizeChecks(checks)\nBESTANDEN \u2014 einfache Deklaration, ein Parameter, kein Klassen- oder Pfeil-Wrapper.\n2\nFormat % (\/ bestanden), Rate auf eine Dezimalstelle\nBESTANDEN bei nicht leerer Eingabe \u2013 toFixed(1) legt die Dezimalstelle fest, und die Abst\u00e4nde der Literale entsprechen genau der Spezifikation.\n3\nKeine \u00c4nderung der Eingabe\nBESTANDEN \u2013 .length und .filter sind beide schreibgesch\u00fctzt; filter gibt ein neues Array zur\u00fcck.\n4\nKeine for-, while-, forEach-, eval-, library- oder zweite Funktion\nBESTANDEN \u2013 .filter ist die einzige Iteration, Boolean ist ein integriertes Element, das als Pr\u00e4dikatreferenz verwendet wird, keine von mir definierte Funktion.\n5\nH\u00f6chstens drei Anweisungen im Hauptteil\nBESTANDEN \u2014 genau drei: zwei initialisierte Deklarationen plus die R\u00fcckgabe.\n6\nZuweisung an `globalThis.summarizeChecks` nach der Deklaration\nBESTANDEN \u2014 Die Zuweisung folgt auf die Deklaration auf oberster Ebene.\nUnabh\u00e4ngige Pr\u00fcff\u00e4lle:\nEingabe\nErwartet\nTats\u00e4chlich\nErgebnis\n[]\nk. A. (0\/0 bestanden)\nNaN% (0\/0 bestanden)\nFEHLER\n[true]\n100,0% (1\/1 bestanden)\n100,0% (1\/1 bestanden)\nBESTANDEN\n[false]\n0,0% (0\/1 bestanden)\n0,0% (0\/1 bestanden)\nBESTANDEN\n[true, true, false, true]\n75,0% (3\/4 bestanden)\n75,0% (3\/4 bestanden)\nBESTANDEN\nEin Fehler. Bei leerer Eingabe ist das Ergebnis 0 \/ 0, was NaN ist; NaN.toFixed(1) gibt die Zeichenkette \"NaN\" zur\u00fcck, anstatt einen Fehler auszul\u00f6sen, sodass die Funktion stillschweigend NaN% (0\/0 bestanden) ausgibt.\nEinmal \u00fcberarbeitet. Die Korrektur bleibt als bedingter Ausdruck innerhalb der bestehenden R\u00fcckgabe, sodass sich die Anweisungsanzahl nicht \u00e4ndert. Das %-Zeichen wird in den nicht-leeren Zweig verschoben, da die erwartete leere Ausgabe N\/A (0\/0 bestanden) ohne Prozentzeichen ist.\nENDG\u00dcLTIGE ANTWORT\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} bestanden)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;\n```\n\nBest\u00e4tigung nach der \u00dcberarbeitung f\u00fcr alle vier F\u00e4lle: [] \u2192 N\/A (0\/0 bestanden), [true] \u2192 100,0% (1\/1 bestanden), [false] \u2192 0,0% (0\/1 bestanden), [true, true, false, true] \u2192 75,0% (3\/4 bestanden). Der Hauptteil besteht weiterhin aus drei Anweisungen, die Eingabe bleibt unver\u00e4ndert, und es wurde kein verbotenes Konstrukt eingef\u00fchrt.<\/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\">Teams, die sich f\u00fcr verschiedene Anbieter entscheiden, sollten dennoch ihr eigenes Repository, ihren Tool-Stack und den Aufwand f\u00fcr die Code\u00fcberpr\u00fcfung pr\u00fcfen. Je umfassender <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-vs-chatgpt-for-coding\/\">Claude im Vergleich zu ChatGPT \u2013 Vergleich der Codierung<\/a> hilft dabei, diese Abw\u00e4gungen \u00fcber dieses einzelne Ergebnis hinaus einzuordnen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"opus-5-vs-opus-4-8-vs-fable-5\">Claude Opus 5 vs. Opus 4.8 vs. Fable 5<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Am einfachsten l\u00e4sst sich das Opus 5 als das neue Premium-Arbeitstier verstehen. Das Opus 4.8 ist der Vorg\u00e4nger; das Fable 5 bleibt die Referenz an der Spitze. Laut den Einf\u00fchrungsunterlagen zum Anthropic beh\u00e4lt das Opus 5 die gleichen Grundkosten wie das Opus 4.8 bei und n\u00e4hert sich bei ausgew\u00e4hlten Bewertungen dem Fable 5 an \u2013 und das bei deutlich geringeren Kosten pro Aufgabe.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Modell<\/th><th>Position<\/th><th>Preis-Leistungs-Verh\u00e4ltnis<\/th><th>Beste Passform<\/th><\/tr><\/thead><tbody><tr><td>Claude Opus 5<\/td><td>Premium-Alltagsmodell; Nachfolger des Opus 4.8<\/td><td>$5\/$25 pro Ein-\/Ausgabe-MTok; \u00fcberzeugende, von Anthropic ver\u00f6ffentlichte Ergebnisse zu den Kosten pro Aufgabe<\/td><td>Komplexe Programmierung, Automatisierung und Unternehmensanwendungen, bei denen es auf Zuverl\u00e4ssigkeit ankommt<\/td><\/tr><tr><td>Claude Opus 4.8<\/td><td>Vorherige Opus-Generation<\/td><td>Laut dem Vergleich von Anthropic zum Markteintritt liegen die Grundkosten auf dem Niveau des Opus 5.<\/td><td>Bestehende angeheftete Workflows, deren Migration noch \u00fcberpr\u00fcft werden muss<\/td><\/tr><tr><td>Claude Fable 5<\/td><td>Frontier-Intelligence-Stufe<\/td><td>Ma\u00dfstab; laut Anthropic kommt Opus 5 bei CursorBench fast an die Spitze heran \u2013 und das bei nur der H\u00e4lfte der Kosten pro Aufgabe<\/td><td>Die schwierigsten Aufgaben, bei denen maximale Leistungsf\u00e4higkeit wichtiger ist als wirtschaftliche Aspekte<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Entscheiden Sie sich f\u00fcr Opus 5 statt Opus 4.8, wenn Sie die Migration im Regressionstest \u00fcberpr\u00fcfen k\u00f6nnen und das neuere Modell nutzen m\u00f6chten, ohne die Basis-API-Rate zu erh\u00f6hen. W\u00e4hlen Sie Fable 5, wenn Ihre eigene Bewertung ergibt, dass die zus\u00e4tzlichen Funktionen das Ergebnis so stark beeinflussen, dass der Aufpreis gerechtfertigt ist. Eine aktuelle Aufschl\u00fcsselung auf Familienebene, die auch Sonnet 5 umfasst, finden Sie unter <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-opus-5-vs-fable-5-vs-sonnet-5\/\">Vergleich zwischen Claude Opus 5, Fable 5 und Sonnet 5<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"developer-reactions\">Reaktionen von Entwicklern und der Branche<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Beitr\u00e4ge in sozialen Medien liefern zwar n\u00fctzliche Hinweise auf die fr\u00fche Nutzung, sind jedoch keine neutralen Ma\u00dfst\u00e4be. Der offizielle Account von Claude beschrieb Opus 5 als durchdacht und proaktiv \u2013 vergleichbar mit der \u201eFrontier Intelligence\u201c von Fable 5, jedoch zum halben Preis. Dies entspricht der Positionierung von Anthropic zum Zeitpunkt der Markteinf\u00fchrung und stellt keine unabh\u00e4ngige Best\u00e4tigung dar.<\/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=\"Der urspr\u00fcngliche X-Beitrag von Claude, in dem am 24. Juli 2026 Claude Opus 5 angek\u00fcndigt wurde\" width=\"1280\" height=\"442\"\/><\/a><figcaption class=\"wp-element-caption\">Claude stellte \u201eOpus 5\u201c auf X als durchdachtes, proaktives Modell vor, das in etwa der Leistungsf\u00e4higkeit von Fable 5 entspricht \u2013 und das zum halben Preis.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">JetBrains berichtete, dass seine eigenen Auswertungen ergaben, dass ein <strong>45%: h\u00f6here Python-Erfolgsquote im Vergleich zu Opus 4.8<\/strong>, verbunden mit einem tieferen Verst\u00e4ndnis der Codebasis. Das ist eine konkrete und relevante Beobachtung eines Anbieters von Entwicklertools, doch das Ergebnis stammt aus der Auswertung von JetBrains und sollte nicht auf jeden Python-Benchmark oder jedes Repository verallgemeinert werden.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-social-jetbrains-v4.webp\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/static.futureshareai.com\/glb_features\/opus5-social-jetbrains-v4.webp\" alt=\"JetBrains X-Beitrag, in dem \u00fcber eine h\u00f6here Python-Erfolgsquote und ein tieferes Verst\u00e4ndnis der Codebasis mit Claude Opus 5 berichtet wird\" width=\"1280\" height=\"667\"\/><\/a><figcaption class=\"wp-element-caption\">Laut JetBrains ergab die eigene Auswertung eine um 45% h\u00f6here Python-Erfolgsquote im Vergleich zu Opus 4.8 sowie ein tieferes Verst\u00e4ndnis der Codebasis.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Harvey berichtete von erheblichen Verbesserungen gegen\u00fcber Opus 4.8 hinsichtlich Qualit\u00e4t und Token-Effizienz in verschiedenen juristischen Arbeitsabl\u00e4ufen, darunter Corporate Governance und Schiedsgerichtsbarkeit. Dies ist f\u00fcr K\u00e4ufer von Legal-Tech-L\u00f6sungen von Bedeutung, stellt jedoch lediglich Harveys Einsch\u00e4tzung der Arbeitsabl\u00e4ufe in seinen T\u00e4tigkeitsbereichen dar und ist kein Beweis f\u00fcr allgemeine juristische Korrektheit.<\/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=\"Beitrag von Harvey X, in dem \u00fcber 5 Verbesserungen bei der Qualit\u00e4t der juristischen Arbeit und der Token-Effizienz im Rahmen von Claude Opus berichtet wird\" width=\"1280\" height=\"551\"\/><\/a><figcaption class=\"wp-element-caption\">Harvey berichtet \u00fcber Verbesserungen bei Opus 5 hinsichtlich der Qualit\u00e4t der juristischen Arbeit und der Token-Effizienz, unter anderem in den Bereichen Corporate Governance und Schiedsgerichtsbarkeit.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Insgesamt deuten diese Beitr\u00e4ge darauf hin, dass Early Adopters Verbesserungen beim Verst\u00e4ndnis der Codebasis und bei der fachspezifischen Wissensarbeit feststellen. Der verantwortungsvolle n\u00e4chste Schritt ist nach wie vor ein repr\u00e4sentativer Pilotversuch mit eigenen Abnahmetests, einem festgelegten Budget f\u00fcr Token und einem manuellen \u00dcberpr\u00fcfungsprozess.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"api-migration\">Claude Opus 5 API: Modell-ID, Beispiel und Hinweise zur Migration<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die offizielle Claude-API-Modell-ID und der Alias lauten beide <code>claude-opus-5<\/code>. Im Folgenden finden Sie ein Minimalbeispiel <strong>Anthropic-API<\/strong> Beispiel f\u00fcr eine Anfrage. Es veranschaulicht lediglich den offiziellen \u201eMessages\u201c-Endpunkt; es beschreibt oder verspricht keine Backend-Implementierung von 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\": \"Finde die Ursache, schlage den kleinsten Patch vor und gib einen Verifizierungsbefehl ein.\"\n      }\n    ]\n  }'<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Checkliste f\u00fcr die Migration<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c4ndern Sie den Modellwert in <code>claude-opus-5<\/code>, f\u00fchren Sie anschlie\u00dfend Ihre eigenen Regressions- und Sicherheitsbewertungen erneut durch.<\/li>\n\n\n\n<li>Budget im Vergleich zu $5-Eingaben und $25-Ausgaben pro MTok; \u00dcberwachung von agentenlastigen Schleifen und Tool-Wiederholversuchen.<\/li>\n\n\n\n<li>Das Erbe nicht weiterf\u00fchren <code>thinking.type: \"enabled\"<\/code> Konfiguration. <a href=\"https:\/\/platform.claude.com\/docs\/en\/build-with-claude\/thinking\">Der Denkleitfaden von Anthropic<\/a> sagt, dass bereits \u00dcberlegungen zu Opus 5 angestellt werden und dokumentiert adaptive Einstellungen.<\/li>\n\n\n\n<li>Betrachten Sie 128K als die maximale Ausgabekapazit\u00e4t der synchronen Messages-API. Die separate Beta-Version von \u201eMessage Batches\u201c unterst\u00fctzt mit dem dokumentierten Beta-Header von Anthropic bis zu 300K.<\/li>\n\n\n\n<li>\u00dcberpr\u00fcfen Sie die herstellerspezifischen Modellbezeichnungen und greifen Sie auf die Anthropic-Dokumente zu. <code>anthropic.claude-opus-5<\/code> f\u00fcr Amazon Bedrock und <code>claude-opus-5<\/code> f\u00fcr Google Cloud.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">F\u00fcr Entwickler, die neben Claude Code auch einen Befehlszeilen-Workflow nutzen m\u00f6chten, gibt es folgende praktische Einrichtungsanleitung: <a href=\"https:\/\/www.glbgpt.com\/hub\/how-to-use-globalgpt-cli-in-claude-code\/\">Verwendung der GlobalGPT-CLI im Claude-Code<\/a>. Halten Sie diesen Arbeitsablauf getrennt vom oben genannten offiziellen Anthropic-API-Beispiel, damit die Anmeldedaten, die Abrechnung und das Verhalten des Anbieters klar erkennbar bleiben.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"is-opus-5-worth-it\">Lohnt sich der Kauf des Claude Opus 5?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ja \u2013 wenn ein Scheitern hohe Kosten verursacht und die Aufgabe wirklich schwierig ist.<\/strong> Opus 5 ist vor allem dann sinnvoll, wenn eine bessere Diagnose, der Einsatz von Tools oder eine Beurteilung im langfristigen Kontext Ingenieuren oder Analysten Zeit sparen k\u00f6nnen. Die Kombination aus einem Kontextfenster von 1 Million Token, einer Obergrenze von 128.000 synchronen Ausgaben und vielversprechenden Angaben zu den Kosten pro Aufgabe verschafft dem System eine glaubw\u00fcrdige Position als leistungsstarkes Arbeitstier der Spitzenklasse.<\/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\">F\u00fcr wen ist Claude Opus 5 geeignet?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Entwicklerteams, die Programmieragenten f\u00fcr gro\u00dfe Repositorys einsetzen.<\/li>\n\n\n\n<li>Betriebsteams, die mehrstufige Gesch\u00e4ftsprozesse mit messbaren Abnahmekriterien automatisieren.<\/li>\n\n\n\n<li>Rechts-, Finanz- oder Forschungsteams, die das Modell mit einer fachlichen \u00dcberpr\u00fcfung und Echtzeit-Quellen kombinieren k\u00f6nnen.<\/li>\n\n\n\n<li>Entwickler, die die Kosten durch Caching, Batching, Routing und Regressionstests im Griff behalten k\u00f6nnen.<\/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\">Wer sollte sich f\u00fcr etwas anderes entscheiden?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Anwendungen mit hohem Datenaufkommen, bei denen einfache Extraktion, Klassifizierung oder die Umformulierung in Kurzform im Vordergrund stehen.<\/li>\n\n\n\n<li>Latenzempfindliche Produkte, bei denen ein moderates Modell zu langsam ist.<\/li>\n\n\n\n<li>Teams, die \u00fcber keine Bewertungss\u00e4tze, keine Kosten\u00fcberwachung oder keinen Plan f\u00fcr die manuelle \u00dcberpr\u00fcfung wichtiger Ergebnisse verf\u00fcgen.<\/li>\n\n\n\n<li>K\u00e4ufer, die nur gelegentlich allgemeine Chats ben\u00f6tigen und die zus\u00e4tzlichen Kontext- oder Agentenfunktionen nicht nutzen werden.<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Wenn Ihnen Opus 5 zu teuer oder zu spezialisiert erscheint, vergleichen Sie doch einmal das <a href=\"https:\/\/www.glbgpt.com\/hub\/10-best-claude-ai-alternatives\/\">Claude KI-Alternativen f\u00fcr 2026<\/a>. F\u00fcr einen umfassenderen \u00dcberblick \u00fcber den Markt bietet der Leitfaden zum <a href=\"https:\/\/www.glbgpt.com\/hub\/best-ai-models\/\">Die besten KI-Modelle f\u00fcr Anwendungsf\u00e4lle aus der Praxis<\/a> hilft dabei, die Arbeitslast der Modellklasse anzupassen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">K\u00e4ufer von Codierungsl\u00f6sungen sollten zudem die aktuellen Optionen vergleichen, bevor sie einen Team-Workflow standardisieren; die <a href=\"https:\/\/www.glbgpt.com\/hub\/best-ai-model-for-coding\/\">Die besten KI-Modelle f\u00fcr die Programmierung im Jahr 2026<\/a> stellt Leistung und Preis in einen breiteren Kontext.<\/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>Fazit:<\/strong> Claude Opus 5 lohnt sich f\u00fcr Hardcoding, Automatisierung und Wissensarbeit, bei denen ein besseres Ergebnis die h\u00f6heren Token-Kosten ausgleichen kann. Die offiziellen Spezifikationen sind \u00fcberzeugend, die Benchmark-Ergebnisse von Anthropic sind ungew\u00f6hnlich kostenbewusst, und unser verifiziertes Debugging-Ergebnis war pr\u00e4zise und diszipliniert. Kaufen Sie es f\u00fcr anspruchsvolle Aufgaben mit messbaren Ergebnissen \u2013 nicht, weil jede Aufgabe ein Modell der Opus-Klasse erfordert.<\/p>\n\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">Claude Opus 5 \u2013 H\u00e4ufig gestellte Fragen<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Wie viel kostet Claude Opus 5?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Der offizielle Claude-API-Grundpreis betr\u00e4gt $5 pro Million Eingabe-Token und $25 pro Million Ausgabe-Token. Die Claude-Tarife f\u00fcr Privatkunden sind separat: \u201ePro\u201c kostet $20 pro Monat oder $17 pro Monat bei j\u00e4hrlicher Abrechnung, w\u00e4hrend \u201eMax\u201c bei $100 pro Monat beginnt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wie kann ich auf Claude Opus 5 zugreifen?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Laut Anthropic ist \u201eOpus 5\u201c das Standardmodell bei Claude Max und das leistungsst\u00e4rkste Modell bei Claude Pro. Entwickler k\u00f6nnen die Claude-API nutzen, w\u00e4hrend zu den unterst\u00fctzten Cloud-Routen Amazon Bedrock und Google Cloud geh\u00f6ren, f\u00fcr die anbieterbezogene Zugriffsanforderungen gelten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wie lautet die API-Modell-ID f\u00fcr Claude Opus 5?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Die offizielle Modell-ID und der Alias der Claude-API lauten beide \u201eclaude-opus-5\u201c. Verwenden Sie genau diesen Wert im Feld \u201emodel\u201c f\u00fcr Anfragen an die Anthropic-Messages-API und f\u00fchren Sie anschlie\u00dfend Ihre eigenen Regressions- und Sicherheitsbewertungen erneut durch, bevor Sie die Migration in die Produktionsumgebung vornehmen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wie lauten die Kontext- und Ausgabebeschr\u00e4nkungen f\u00fcr Claude Opus 5?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Claude Opus 5 verf\u00fcgt \u00fcber ein Kontextfenster von 1 Million Token und eine maximale Ausgabe von 128.000 Token in der synchronen Messages-API. F\u00fcr Anthropic werden separat bis zu 300.000 Ausgabetoken f\u00fcr Message-Batches mit einem Beta-Header dokumentiert.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Werden die Benchmark-Ergebnisse von Claude Opus 5 unabh\u00e4ngig \u00fcberpr\u00fcft?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Die hier genannten Vergleichszahlen wurden von Anthropic ver\u00f6ffentlicht und nicht eigens f\u00fcr diesen Test nachberechnet. Sie geben die von Anthropic getestete Leistungs- und Kostenposition wieder; K\u00e4ufer sollten jedoch Qualit\u00e4t, Latenz, Tool-Nutzung und Gesamtkosten anhand ihrer eigenen Workloads \u00fcberpr\u00fcfen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ist Claude Opus 5 besser als Opus 4.8 oder Fable 5?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Opus 5 ist der neuere Nachfolger von Opus 4.8 zum gleichen Grundpreis und damit nach den Regressionstests der naheliegende Kandidat f\u00fcr eine Migration. Fable 5 bleibt die Referenzl\u00f6sung der Spitzenklasse; entscheiden Sie sich nur dann daf\u00fcr, wenn Ihre Bewertung ergibt, dass die zus\u00e4tzlichen Funktionen die h\u00f6heren Kosten rechtfertigen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ist Claude Opus 5 auf GlobalGPT verf\u00fcgbar?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ja. GlobalGPT verf\u00fcgt \u00fcber eine eigene 5-seitige Claude Opus-Seite. Die Verf\u00fcgbarkeit kann jedoch weiterhin vom Kontostatus und den Plattformbedingungen abh\u00e4ngen. \u00dcberpr\u00fcfen Sie daher den Zugriff vor einem zeitkritischen Workflow und trennen Sie den Plattformzugriff von der offiziellen Anthropic-API-Abrechnung.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wer sollte f\u00fcr Claude Opus 5 aufkommen?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Opus 5 eignet sich am besten f\u00fcr Teams, die anspruchsvolle Programmier- und Automatisierungsaufgaben oder langwierige Wissensarbeiten bearbeiten, bei denen eine bessere L\u00f6sung dem Menschen wertvolle Zeit sparen kann. Einfachere, volumenintensive oder latenzempfindliche Aufgaben lassen sich in der Regel besser mit einem kosteng\u00fcnstigeren und schnelleren Modell bew\u00e4ltigen.<\/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 Testbericht: Lohnt sich das neue Modell von Anthropic? Faktenpr\u00fcfung vom 28. Juli 2026. Kurzfazit: Dieser Testbericht zum Claude Opus 5 pr\u00e4sentiert ein \u00fcberzeugendes High-End-Modell f\u00fcr Programmierer, komplexe Gesch\u00e4ftsabl\u00e4ufe und K\u00e4ufer, die Leistung nahe der Spitzenklasse w\u00fcnschen, ohne stets den Preis f\u00fcr ein Fable 5-Modell zahlen zu m\u00fcssen. Anthropic berechnet $5 pro Million Eingabetoken und $25 pro Million [\u2026]<\/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\/de\/wp-json\/wp\/v2\/posts\/17280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.glbgpt.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.glbgpt.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/de\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/de\/wp-json\/wp\/v2\/comments?post=17280"}],"version-history":[{"count":8,"href":"https:\/\/wp.glbgpt.com\/de\/wp-json\/wp\/v2\/posts\/17280\/revisions"}],"predecessor-version":[{"id":17351,"href":"https:\/\/wp.glbgpt.com\/de\/wp-json\/wp\/v2\/posts\/17280\/revisions\/17351"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/de\/wp-json\/wp\/v2\/media\/17305"}],"wp:attachment":[{"href":"https:\/\/wp.glbgpt.com\/de\/wp-json\/wp\/v2\/media?parent=17280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.glbgpt.com\/de\/wp-json\/wp\/v2\/categories?post=17280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.glbgpt.com\/de\/wp-json\/wp\/v2\/tags?post=17280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}