{"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\/nl\/hub\/claude-opus-5-review","title":{"rendered":"Claude Opus 5 Review: Is het nieuwe model van Anthropic de moeite waard?"},"content":{"rendered":"<h1 class=\"wp-block-heading\">Claude Opus 5 Review: Is het nieuwe model van Anthropic de moeite waard?<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Feiten gecontroleerd op 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>Kort oordeel:<\/strong> Deze beoordeling van de Claude Opus 5 laat zien dat dit een aantrekkelijk high-end model is voor programmeurs, complexe bedrijfsworkflows en kopers die prestaties op het randje van de mogelijkheden willen zonder altijd voor de Fable 5 te hoeven betalen. Anthropic rekent $5 per miljoen invoertokens en $25 per miljoen uitvoertokens, terwijl het model een contextvenster van 1 miljoen tokens en maximaal 128.000 uitvoertokens ondersteunt in de synchrone Messages API. Het is niet automatisch de beste keuze voor eenvoudige chats, korte samenvattingen of verzoeken met een hoog volume en lage waarde.<\/p>\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Het sterkste argument is eerder praktisch dan theatraal: Opus 5 combineert ruime ruimte voor serieuze redeneringen met een beter beheersbare kostenstructuur dan het topsegment van Anthropic. In onze enige debugging-test vond het de exacte bug met prefix-matching, stelde het de kleinste patch voor, voegde het een gerichte regressietest toe en gaf het een verificatiecommando dat lokaal slaagde. Dat is nuttig bewijs voor deze taak \u2013 geen bewijs dat het model elke programmeertaak zal winnen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Geschikt voor:<\/strong> codeermedewerkers, analyse van lange contexten, bedrijfsautomatisering en teams waarvan de kostbare mislukkingen een premiummodel rechtvaardigen. <strong>Sla dit over als:<\/strong> snelheid en kosten per eenheid zijn belangrijker dan de kwaliteit van de laatste redenering.<\/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>Op deze pagina:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#what-is-claude-opus-5\">Wat is Claude Opus 5?<\/a><\/li>\n\n\n\n<li><a href=\"#price-api-specs\">Prijs, API en specificaties<\/a><\/li>\n\n\n\n<li><a href=\"#official-benchmarks\">Offici\u00eble beweringen over prestatietests<\/a><\/li>\n\n\n\n<li><a href=\"#hands-on-review\">Het resultaat van onze praktische foutopsporing<\/a><\/li>\n\n\n\n<li><a href=\"#opus-5-vs-opus-4-8-vs-fable-5\">Opus 5 versus Opus 4.8 versus Fable 5<\/a><\/li>\n\n\n\n<li><a href=\"#api-migration\">API-voorbeeld en opmerkingen over de migratie<\/a><\/li>\n\n\n\n<li><a href=\"#is-opus-5-worth-it\">Voor wie is dit product bedoeld?<\/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\">Wat is Claude Opus 5?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">De Claude Opus 5 is het hoogwaardige model van Anthropic voor dagelijks gebruik, bedoeld voor complexe agentische codering en zakelijke toepassingen. <a href=\"https:\/\/www.anthropic.com\/news\/claude-opus-5\">Anthropic heeft dit op 24 juli 2026 bekendgemaakt<\/a>, waarbij het werd omschreven als doordacht, proactief en effici\u00ebnter dan andere modellen. Het verving Claude Opus 4.8, werd het standaardmodel op de Claude Max en groeide uit tot het krachtigste model dat beschikbaar was op de 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=\"Aankondiging van Anthropic met de titel Claude Opus 5, de datum 24 juli 2026 en de vermelding \u2018vanaf vandaag verkrijgbaar\u2019\" width=\"1280\" height=\"291\"\/><\/a><figcaption class=\"wp-element-caption\">Anthropic kondigde op 24 juli 2026 Claude Opus 5 aan en liet weten dat het product diezelfde dag nog verkrijgbaar was.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">De productpresentatie is ongebruikelijk voor een Opus-release: dit model wordt niet uitsluitend gepresenteerd als een model met maximale intelligentie. Anthropic wil dat het dagelijks wordt gebruikt, met een aanpasbare inspanningsgraad en een gematigd latentieprofiel. Dat maakt het gemakkelijker te rechtvaardigen voor langlopende agents en veeleisende productietaken, terwijl eenvoudigere workloads nog steeds naar een sneller, goedkoper model kunnen worden doorgestuurd.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De toegang hangt af van de manier waarop je er gebruik van maakt. Particuliere gebruikers hebben toegang tot Opus 5 via in aanmerking komende Claude-abonnementen; ontwikkelaars kunnen er gebruik van maken via de Claude-API en ondersteunde cloudplatforms. GlobalGPT heeft ook een eigen productpagina. Lezers die de abonnementsniveaus van Anthropic willen vergelijken, kunnen gebruikmaken van de <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-ai-plans-2026\/\">Vergelijking van de abonnementen Claude Free, Pro en Max<\/a> voordat u een factureringsmethode kiest.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"price-api-specs\">Claude Opus 5: Prijs, API en belangrijkste specificaties<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">De offici\u00eble <a href=\"https:\/\/platform.claude.com\/docs\/en\/about-claude\/pricing\">Claude API-prijs<\/a> is <strong>$5 per miljoen ingevoerde tokens<\/strong> en <strong>$25 per miljoen uitgegeven tokens<\/strong>. Dit zijn de basistarieven voor de API, niet de prijs van een Claude-abonnement voor consumenten of een platformabonnement van een derde partij. Voor het cachen van prompts en batchverwerking gelden aparte tarieven, dus vergelijk het volledige verzoekpatroon in plaats van alleen de vermelde inputprijs te vermenigvuldigen.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Veld<\/th><th>Claude Opus 5<\/th><th>Wat dit betekent<\/th><\/tr><\/thead><tbody><tr><td>Claude API-ID<\/td><td><code>claude-opus-5<\/code><\/td><td>Gebruik precies deze modelwaarde in offici\u00eble Claude API-verzoeken.<\/td><\/tr><tr><td>Basisinkoopprijs<\/td><td>$5 \/ MTok<\/td><td>Standaardtarief per invoertoken v\u00f3\u00f3r caching of batchkortingen.<\/td><\/tr><tr><td>Basisverkoopprijs<\/td><td>$25 \/ MTok<\/td><td>Agenten die veel output genereren, kunnen al snel duur worden.<\/td><\/tr><tr><td>Contextvenster<\/td><td>1 miljoen tokens<\/td><td>Geschikt voor grote archieven en documentverzamelingen, afhankelijk van de kwaliteit van de zoekopdrachten en de zoekstrategie.<\/td><\/tr><tr><td>Maximaal vermogen<\/td><td>128K lopers<\/td><td>Dit geldt voor de synchrone Messages API; voor Message Batches geldt een apart b\u00e8taprogramma tot 300.000.<\/td><\/tr><tr><td>Betrouwbare kennisgrens<\/td><td>mei 2026<\/td><td>Volgens de huidige normen is dit een recente ontwikkeling, maar het is geen vervanging voor het ophalen van gegevens ter plaatse.<\/td><\/tr><tr><td>Vergelijkende latentie<\/td><td>Matig<\/td><td>Dit is niet het snelste model van Anthropic; de latentie varieert nog steeds afhankelijk van de inspanning, de tools en de werklast.<\/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=\"Tabel in de Claude Platform-documentatie met de API-ID en alias van Claude Opus 5\" width=\"1280\" height=\"316\"\/><\/a><figcaption class=\"wp-element-caption\">Het Claude-platform identificeert claude-opus-5 als de huidige Opus 5 API-ID en 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=\"Tabel in de Claude Platform-documentatie met specificaties voor Claude Opus 5, zoals prijzen, context, maximale output en afsnijfrequentie\" width=\"1280\" height=\"291\"\/><\/a><figcaption class=\"wp-element-caption\">Het Claude-platform noteert Opus 5 op $5\/$25 per miljoen input-\/output-tokens, met een contextvenster van 1 miljoen tokens, een maximale output van 128.000 tokens en afsluitingsdata in mei 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 Platform Docs: context, uitvoer en afsnijrijen voor Claude Opus 5\" width=\"1280\" height=\"547\"\/><\/a><figcaption class=\"wp-element-caption\">Het Claude-platform vermeldt een contextvenster van 1M, een maximale output van 128k en een afsluitdatum in mei 2026.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Wat de toegang voor consumenten betreft, <a href=\"https:\/\/claude.com\/pricing\">Anthropic-lijsten Claude Pro<\/a> bij $20 per maand of $17 per maand wanneer $200 jaarlijks wordt gefactureerd; Claude Max begint bij $100 per maand. Volgens Anthropic is Opus 5 het krachtigste model op Pro en de standaardinstelling op Max, maar de inclusies van het abonnement en de productfuncties staan los van het gemeten API-gebruik.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Als je een uitgebreider kostenoverzicht nodig hebt, dan is de <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-ai-pricing-2026-the-ultimate-guide-to-plans-api-costs-and-limits\/\">Claude AI-abonnementen en prijsgids voor API\u2019s<\/a> maakt een onderscheid tussen consumentenabonnementen, API-facturering en gebruikslimieten. Dat onderscheid is belangrijk: \u201cinbegrepen in een abonnement\u201d betekent niet dat je onbeperkt API-aanroepen kunt doen, en een API-tarief zegt niets over hoeveel toegang je krijgt tot de consumentenchat.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"official-benchmarks\">Claude Opus 5 Benchmarkresultaten<\/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>Belangrijke grens:<\/strong> de onderstaande cijfers zijn <a href=\"https:\/\/www.anthropic.com\/news\/claude-opus-5\">door Anthropic gepubliceerde benchmarks<\/a>, geen onafhankelijke metingen die speciaal voor deze beoordeling zijn uitgevoerd. Ze zijn nuttig om inzicht te krijgen in de beoogde prestatie- en kostenpositie van Anthropic, maar ze garanderen niet dat u hetzelfde resultaat zult behalen met uw eigen prompts, tools, repository of latentiebudget.<\/p>\n\n\n<\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Evaluatie<\/th><th>De door Anthropic gepubliceerde bewering<\/th><th>Hoe moet je dit lezen?<\/th><\/tr><\/thead><tbody><tr><td>Frontier-Bench v0.1<\/td><td>Opus 5 presteert meer dan twee keer zo goed als Opus 4.8, tegen lagere kosten per taak.<\/td><td>Een algemeen signaal voor de prestaties van agenten, geen universele verdubbeling van de prestaties.<\/td><\/tr><tr><td>CursorBench 3.2<\/td><td>Bij maximale inzet ligt Opus 5 binnen 0,51 TP40T van de topscore van Fable 5, tegen de helft van de kosten per taak.<\/td><td>Sterke economische resultaten voor de coderingsagent binnen de geteste inspanningsinstelling van Anthropic.<\/td><\/tr><tr><td>Zapier AutomationBench<\/td><td>Ongeveer 1,5 keer zo hoog als het op \u00e9\u00e9n na beste slagingspercentage, bij dezelfde kosten per taak.<\/td><td>Veelbelovend voor end-to-end bedrijfsautomatisering; het ontwerpen van workflows blijft belangrijk.<\/td><\/tr><tr><td>OSWorld 2.0<\/td><td>Overtreft het beste resultaat van Fable 5 tegen iets meer dan een derde van de kosten.<\/td><td>Dit wijst in deze benchmark op een aantrekkelijke effici\u00ebntie bij het computergebruik.<\/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=\"Aankondigingstekst voor Anthropic met de prestatie- en kostenvergelijking van Claude Opus 5 CursorBench 3.2\" width=\"1280\" height=\"374\"\/><\/a><figcaption class=\"wp-element-caption\">Volgens Anthropic komt Opus 5 tot op 0,5% van de hoogste CursorBench 3.2-score van Fable 5, tegen de helft van de kosten per taak.<\/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-benchmarktekst waarin Claude Opus 5 wordt vergeleken op Zapier AutomationBench en OSWorld 2.0\" width=\"1280\" height=\"423\"\/><\/a><figcaption class=\"wp-element-caption\">Anthropic meldt een 1,5-voudig voordeel qua slagingspercentage op Zapier AutomationBench en een kostenvoordeel op OSWorld 2.0.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">De inspanning maakt deel uit van het resultaat. Anthropic geeft aan dat Opus 5 standaard op een hoge inspanning is ingesteld in de Claude-API en de Claude-code, terwijl bij de vergelijkingen ook de instellingen \u2018high\u2019, \u2018xhigh\u2019 of \u2018max\u2019 worden gebruikt. Een hogere inspanning kan het succes bij moeilijke taken verbeteren, maar leidt tegelijkertijd tot een toename van het aantal tokens, de latentie of beide. De benchmarkkosten per taak zijn daarom informatiever dan alleen de prijs per token \u2013 maar geen van beide maatstaven vervangt een pilot op uw eigen werklast.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-we-tested\">Hoe we de Claude Opus 5 hebben getest<\/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\">We hebben \u00e9\u00e9n compacte foutopsporingsopdracht uitgevoerd om de hoofdoorzaak te achterhalen in een CommonJS-testomgeving met drie bestanden. De opdracht vereiste dat het model de hoofdoorzaak identificeerde v\u00f3\u00f3r het aanbrengen van wijzigingen, de kleinst mogelijke patch voorstelde, een gerichte regressietest toevoegde, niet-gerelateerde wijzigingen vermeed en het exacte verificatiecommando opgaf.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vervolgens hebben we de patch zelfstandig gecontroleerd, in plaats van het antwoord als juist te beschouwen alleen omdat het zo overtuigend klonk. Het `local`-commando was <code>node --test test\/account-summary.test.cjs<\/code>. V\u00f3\u00f3r de correctie leverde de testsuite \u00e9\u00e9n geslaagde test en \u00e9\u00e9n mislukte test op. Na het toepassen van de patch voor exacte gelijkheid leverde deze twee geslaagde tests en geen mislukte tests op.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Deze methode geeft ons nuttige informatie over \u00e9\u00e9n bepaald debugging-proces: diagnose, discipline bij het aanbrengen van patches, de kwaliteit van regressietests en verifieerbaarheid. De methode meet echter geen algemene leiderschapskwaliteiten op het gebied van coderen, de betrouwbaarheid van agenten op de lange termijn, snelheid of prestaties in verschillende programmeertalen.<\/p>\n\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"hands-on-review\">Claude Opus 5 Praktische beoordeling<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Foutopsporing op basis van de onderliggende oorzaak: correct, minimaal en verifieerbaar<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In onze test heeft de Claude Opus 5 de storing correct ge\u00efsoleerd tot <code>normalizedQuery.startsWith(account.id.toLowerCase())<\/code>. Met de zoekopdracht <code>ACCT-10<\/code>, de controle van het voorvoegsel leverde een treffer op <code>acct-1<\/code> ten eerste, dus <code>Array.prototype.find<\/code> heeft het verkeerde account geretourneerd voordat het exacte ID werd bereikt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De voorgestelde oplossing zorgde ervoor dat het vergelijken van voorvoegsels voortaan op exacte overeenstemming werd gebaseerd en voegde \u00e9\u00e9n regressiegeval toe voor de aangevulde, gemengde hoofdletters en kleine letters <code>ACCT-10<\/code> input. Er werd geen code herschreven die hier geen verband mee hield. Die terughoudendheid is van belang in echte repositories, waar een te uitgebreide \u201copruimactie\u201d meer revisiewerk kan opleveren dan de oorspronkelijke bug.<\/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\">Het sterkste onderdeel was de volledige cyclus: de hoofdoorzaak benoemen, uitleggen waarom de bestaande test deze over het hoofd heeft gezien, de kleinste wijziging aanbrengen, de juiste regressietest toevoegen en het commando vermelden om dit te controleren. Het resultaat sluit aan bij de positionering van Opus 5 als \u2019coding-agent\u2019, maar het blijft bij \u00e9\u00e9n fixture. Zie voor een uitgebreidere inleiding tot de workflow <a href=\"https:\/\/www.glbgpt.com\/hub\/how-to-use-claude-ai-for-coding\/\">hoe Claude AI gebruiken voor codering<\/a>.<\/p>\n\n\n<\/div>\n\n\n<!-- OPUS5_TEST_LAB_START -->\n\n<h3 class=\"wp-block-heading\">Volledige T1\u2013T4-opgaven, antwoorden en kopieerbare 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: Foutopsporing naar de onderliggende oorzaak<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Goedgekeurd \u2014 de fout in de prefix-match ontdekt, de kleinste patch voorgesteld en een gerichte regressietest toegevoegd.<\/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 Praktische resultaten van het opsporen van de hoofdoorzaak\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">Het probleem werd vastgesteld als een niet-overeenkomend voorvoegsel; er werd uitgelegd waarom de oude test dit over het hoofd had gezien; er werd een regressietest voorgesteld waarbij exact overeenkomen plus \u00e9\u00e9n werd getest.<\/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\">Bekijk de volledige T1-opdracht en het antwoord<\/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\">Volledige opdracht<\/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\">Kopieeropdracht<\/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\">Je bent bezig met het opsporen van fouten in een opzettelijk kleine CommonJS-fixture. Werk uitsluitend op basis van de drie onderstaande bestanden en de aangegeven manier om de fout te reproduceren.\n\nVereisten:\n1. Geef de hoofdoorzaak aan voordat je een wijziging voorstelt.\n2. Stel de kleinst mogelijke patch voor die de bug verhelpt.\n3. Voeg \u00e9\u00e9n gerichte regressietest toe die v\u00f3\u00f3r de fix faalt en erna slaagt.\n4. Geef het exacte verificatiecommando op dat vanuit de root van de fixture moet worden uitgevoerd.\n5. Herschrijf geen code die geen verband houdt met het probleem. Hernoem geen bestanden, voeg geen afhankelijkheden toe en wijzig de openbare API niet.\n6. Geef precies deze secties in deze volgorde weer: `ROOT CAUSE`, `PATCH`, `VERIFICATION`, `LIMITATIONS`.\n7. Geef in `PATCH` \u00e9\u00e9n unified diff in een omkaderd `diff`-blok. Geef in `VERIFICATION` \u00e9\u00e9n commando in een omkaderd `text`-blok.\n\nReproductie: `summarizeAccount(accounts, ' ACCT-10 ')` zou `{ id: 'acct-10', name: 'Nimbus', seats: 24 }` moeten retourneren, maar het retourneert het `acct-1`-account.\n\nBestand: `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\nBestand: `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\nBestand: `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('geeft een samenvatting van een exacte account-ID', () =&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\">Antwoord kopi\u00ebren<\/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\">HOOFDORZAAK<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">findAccount zoekt op voorvoegsel, niet op exacte overeenkomst:<\/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\">Kopi\u00ebren<\/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 geeft het eerste element terug dat aan het predikaat voldoet. Voor \u2018ACCT-10\u2018 is de genormaliseerde zoekopdracht \u2018acct-10\u2019, en de ID van de eerste rekening \u2018acct-1\u2019 is een voorvoegsel daarvan, dus startsWith is waar en acct-1 be\u00ebindigt de zoekopdracht voordat acct-10 \u00fcberhaupt wordt getest.<br>De normalisatie via `trim().toLowerCase()` is correct \u2014 witruimte en hoofdletters\/kleine letters vormen geen probleem. `summarizeAccount` is een doorgeeffunctie en is niet de oorzaak van het probleem.<br>De huidige test kan dit niet opsporen: \u2018acct-1\u2019 is een voorvoegsel van zichzelf en vormt het eerste element, waardoor bij die invoer geen onderscheid kan worden gemaakt tussen voorvoegselvergelijking en exacte vergelijking.<\/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\">Kopi\u00ebren<\/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('vat een exacte account-ID samen', () =&gt; {\n seats: 5,\n   });\n });\n+\n+test('komt overeen met de volledige ID in plaats van een voorvoegsel, inclusief opvulling en gemengde hoofdletters en kleine letters', () =&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\">V\u00f3\u00f3r de correctie mislukt de nieuwe test met het object acct-1 \/ Atlas \/ 5; na de correctie slaagt de test.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">CONTROLE<\/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>tekst<\/span><button type=\"button\" onclick=\"opus5Copy('T1-code-3',this)\" style=\"border:0;background:transparent;color:#555;font:inherit;cursor:pointer;padding:3px 5px\">Kopi\u00ebren<\/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\">BEPERKINGEN<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">\u2022 Omvang: \u00e9\u00e9n operator is gewijzigd. Er zijn geen naamswijzigingen, geen nieuwe afhankelijkheden, en de signaturen en retourwaarden van `findAccount` en `summarizeAccount` zijn ongewijzigd.<br>\u2022 Reeds bestaand gedrag dat ongewijzigd blijft (valt buiten het bereik van deze bug):<br>\u2022 Een requestedId die geen tekenreeks is (null, een getal) leidt nog steeds tot een uitzondering bij .trim().<br>\u2022 Account-ID\u2019s zelf worden niet ingekort, dus een opgeslagen \u2018acct-10\u2019 zal nog steeds niet overeenkomen \u2014 alleen de zoekopdracht wordt genormaliseerd.<br>\u2022 Casing maakt gebruik van de standaardfunctie toLowerCase(); er vindt geen Unicode-normalisatie of locaalafhankelijke aanpassing plaats.<br>\u2022 Dubbele ID\u2019s worden nog steeds gekoppeld aan de eerste overeenkomst, en de opzoekactie blijft O(n).<br>\u2022 Testdekking: de enkele regressietest richt zich uitsluitend op de gemelde reproductie. Het niet-gevonden (nul)pad en de onjuist opgebouwde invoer blijven ongetest.<\/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 van de status van het account<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Gedeeltelijk \u2014 de belangrijkste statistieken zijn berekend en er is een prioriteitenlijst voor acties opgesteld, maar het vastgelegde antwoord eindigde zonder de gevraagde \u2018Recheck\u2019-markering.<\/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: resultaat van de praktische analyse van de accountstatus\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">Berekende $34.800 MRR met risico (94,31%); E-505 ge\u00ebscaleerd en vervolgacties gerangschikt; Antwoord be\u00ebindigd zonder de gevraagde Recheck-markering.<\/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\">Bekijk de volledige T2-opdracht en het antwoord<\/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\">Volledige opdracht<\/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\">Kopieeropdracht<\/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\">Analyseer het meegeleverde bestand `account-health.csv` als een gesloten dataset. Gebruik geen externe gegevens en verzin geen ontbrekende waarden.\n\nRisicoregels (beoordeel elke regel afzonderlijk):\n- `inactiviteit`: `days_since_login &gt;= 30`\n- `payment`: `failed_payments &gt;= 2`\n- `low_utilization`: `seats_used \/ seats_purchased = 80` terwijl het account `at-risk` is.\n- `weak_health_without_risk`: `health_score = 9` en `open_tickets &gt;= 3`.\n\nVereisten:\n1. Bereken voor elk account de geactiveerde risico-indicatoren en tegenstrijdigheidsindicatoren.\n2. Rapporteer de totalen van de dataset voor accounts, MRR, risicovolle accounts, risicovolle MRR, te escaleren accounts, rijen met tegenstrijdigheden, aangeschafte licenties en gebruikte licenties.\n3. Stel een actietabel op met precies vijf kolommen: `Account | Risico-triggers | Tegenstrijdigheden | Prioriteit | Aanbevolen actie`.\n4. Plaats direct berekende waarden onder de kop `Gemeten feiten` en beoordelingen onder de kop `Conclusie`.\n5. Geef onder `Opnieuw controleren` voldoende rekenwerk weer om elk totaal en elke drempelwaarde onafhankelijk te kunnen controleren, inclusief het geval waarbij de waarde gelijk is aan 0,50.\n6. Pas de regels niet stilzwijgend aan of herinterpreteer ze niet. Als een signaal contra-intu\u00eftief lijkt, registreer het dan als een tegenstrijdigheid in plaats van de classificatie ervan te wijzigen.\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\">Antwoord kopi\u00ebren<\/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\">Gemeasde feiten<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Bron: account-health.csv, 6 rijen, behandeld als afgesloten. Er zijn geen waarden ingevuld.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">Beoordeling van regels per account<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Account<br>dagen \u2265 30<br>mislukt \u2265 2<br>util &lt; 0,50<br>Aantal risico\u2019s<br>Status<br>A-101 Aster<br>\u2705 45<br>\u274c 0<br>\u274c 0,82<br>1<br>risicogroep<br>B-202 Baken<br>\u274c 4<br>\u2705 2<br>\u274c 0,90<br>1<br>risicogroep<br>C-303 As<br>\u274c 12<br>\u274c 0<br>\u2705 0,40<br>1<br>risicogroep<br>D-404 Dahlia<br>\u274c 5<br>\u274c 0<br>\u274c 0,80<br>0<br>geen risico<br>E-505 Ember<br>\u2705 65<br>\u2705 3<br>\u2705 0,35<br>3<br>risicogroep + escaleren<br>F-606 Fjord<br>\u274c 29<br>\u274c 1<br>\u274c 0,50<br>0<br>geen risico<br>Waarschuwingsvlaggen per account<br>Account<br>sterke_gezondheid_met_risico<br>zwakke_gezondheid_zonder_risico<br>promotor_met_kaartjes<br>A-101 Aster<br>\u2705 (92 \u2265 80, risicogroep)<br>\u274c<br>\u274c (NPS 9 \u2713, tickets 1 \u2717)<br>B-202 Baken<br>\u274c (70 &lt; 80)<br>\u274c (70 \u2265 50)<br>\u274c (NPS 7)<br>C-303 As<br>\u274c (65 &lt; 80)<br>\u274c (65 \u2265 50)<br>\u2705 (NPS 10, tickets 4)<br>D-404 Dahlia<br>\u274c<br>\u2705 (42 &lt; 50, geen risico)<br>\u274c (NPS 6)<br>E-505 Ember<br>\u274c (35 &lt; 80)<br>\u274c (35 &lt; 50, maar behoort tot de risicogroep)<br>\u274c (NPS 3)<br>F-606 Fjord<br>\u274c (85 \u2265 80, maar geen risicogroep)<br>\u274c (85 \u2265 50)<br>\u2705 (NPS 9, tickets 3)<br>Totale cijfers van de dataset<br>Metrisch<br>Waarde<br>Rekeningen<br>6<br>Totale MRR<br>$36,900<br>Risicovolle rekeningen<br>4 (A-101, B-202, C-303, E-505)<br>MRR met verhoogd risico<br>$34.800 (94,31% van het totaal)<br>Accounts escaleren<br>1 (E-505)<br>Rijen met tegenstrijdigheden<br>4 (A-101, C-303, D-404, F-606)<br>Waarschuwingen voor tegenstrijdigheden<br>4 (1 sterke_gezondheid_met_risico, 1 zwakke_gezondheid_zonder_risico, 2 promotor_met_kaartverkoop)<br>Gekochte zitplaatsen<br>349<br>Gebruikte zitplaatsen<br>184<br>Conclusie<br>De prioriteitsvolgorde en de aanbevolen acties hieronder zijn op mijn eigen inschatting gebaseerd en geen vaste regels. Bij mijn rangschikking geef ik eerst voorrang aan de status, vervolgens aan de MRR die risico loopt, en daarna aan signalen die op tegenstrijdigheden wijzen.<br>Account<br>Risicofactoren<br>Tegenstrijdigheden<br>Prioriteit<br>Aanbevolen actie<br>E-505 Ember<br>inactiviteit, betaling, lage_benutting<br>-<br>P0<br>Alle drie de regels worden geactiveerd voor de grootste klant ($15.000 MRR). Behandel dit als actief verloop: herstel de betaalmethode en voer vervolgens een beoordeling door het management uit met betrekking tot de 130 ongebruikte licenties.<br>A-101 Aster<br>inactiviteit<br>sterke_gezondheid_met_risico<br>P1<br>$12.000 MRR met 45 dagen inactiviteit, ondanks een score van 92 en een gezond 82%-gebruik. Controleer of de inlogpauze het gevolg is van daadwerkelijke afhaking of een artefact in de tracking (SSO, uitsluitend API-gebruik) voordat u op basis van de score actie onderneemt.<br>C-303 As<br>lage_bezettingsgraad<br>promotor_met_kaartjes<br>P1<br>Promotor (nps 10) met 4 open tickets bij een bezettingsgraad van 40%. De ticketbelasting vormt waarschijnlijk de belemmering voor de invoering; maak de wachtrij leeg en zorg vervolgens voor de activering van de zitplaatsen.<br>B-202 Baken<br>betaling<br>-<br>P2<br>Duidelijk geval met \u00e9\u00e9n oorzaak: 2 mislukte betalingen, waarbij de laatste inlogdatum 4 dagen geleden was en er gebruik is gemaakt van 90%. Alleen opvolging van de facturering, geen actie van de klantenservice nodig.<br>F-606 Fjord<br>-<br>promotor_met_kaartjes<br>P3<br>Valt net binnen alle limieten (29 dagen, 1 mislukte betaling, precies 0,50 benuttingsgraad). Volgens de regels is er geen risico, maar nog \u00e9\u00e9n dag zonder activiteit of nog \u00e9\u00e9n mislukte betaling zorgt ervoor dat de situatie omslaat. Houd dit in de gaten en los de 3 tickets op.<br>D-404 Dahlia<br>-<br>zwakke_gezondheid_zonder_risico<br>P3<br>Score 42 zonder dat er een regel is geactiveerd en een bezettingsgraad van 80% op $900 MRR. Ofwel<\/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\">Gemeten gegevens\nBron: account-health.csv, 6 rijen, behandeld als gesloten. Geen waarden ge\u00efmputeerd.\nRegelbeoordeling per account\nAccount\ndagen\u226530\nmislukt\u22652\ngebruik &lt;0,50\nRisicoscore\nStatus\nA-101 Aster\n\u2705 45\n\u274c 0\n\u274c 0,82\n1\nrisicovol\nB-202 Beacon\n\u274c 4\n\u2705 2\n\u274c 0,90\n1\nrisicovol\nC-303 Cinder\n\u274c 12\n\u274c 0\n\u2705 0,40\n1\nrisicovol\nD-404 Dahlia\n\u274c 5\n\u274c 0\n\u274c 0,80\n0\ngeen risico\nE-505 Ember\n\u2705 65\n\u2705 3\n\u2705 0,35\n3\nrisicovol + escaleren\nF-606 Fjord\n\u274c 29\n\u274c 1\n\u274c 0,50\n0\ngeen risico\nVlaggen voor tegenstrijdigheden per account\nAccount\nsterke_status_met_risico\nzwakke_status_zonder_risico\npromotor_met_ticketbelasting\nA-101 Aster\n\u2705 (92 \u2265 80, risico)\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, geen risico)\n\u274c (nps 6)\nE-505 Ember\n\u274c (35 &lt; 80)\n\u274c (35 &lt; 50, maar wel risico)\n\u274c (NPS 3)\nF-606 Fjord\n\u274c (85 \u2265 80, maar geen risico)\n\u274c (85 \u2265 50)\n\u2705 (NPS 9, tickets 3)\nTotalen dataset\nMetriek\nWaarde\nAccounts\n6\nTotale MRR\n$36.900\nAccounts met risico\n4 (A-101, B-202, C-303, E-505)\nMRR met risico\n$34.800 (94,31% van het totaal)\nAccounts escaleren\n1 (E-505)\nRijen met tegenstrijdigheden\n4 (A-101, C-303, D-404, F-606)\nVlaggen voor tegenstrijdigheden\n4 (1 strong_health_with_risk, 1 weak_health_without_risk, 2 promoter_with_ticket_load)\nGekochte zitplaatsen\n349\nGebruikte zitplaatsen\n184\nConclusie\nDe onderstaande prioriteitsvolgorde en aanbevolen acties zijn beoordelingsbeslissingen, geen uitkomsten van regels. Mijn rangschikkingsgewichten geven eerst prioriteit aan de status, vervolgens aan de MRR in gevaar en daarna aan tegenstrijdigheidssignalen.\nAccount\nRisico-triggers\nTegenstrijdigheden\nPrioriteit\nAanbevolen actie\nE-505 Ember\ninactiviteit, betaling, low_utilization\n\u2014\nP0\nAlle drie de regels worden geactiveerd voor het grootste account ($15.000 MRR). Behandel dit als actieve churn: herstel de betaalmethode en voer vervolgens een uitvoerende beoordeling uit voor de 130 ongebruikte licenties.\nA-101 Aster\ninactiviteit\nsterke_gezondheid_met_risico\nP1\n$12.000 MRR met 45 dagen inactiviteit ondanks een score van 92 en een gezond gebruik van 82%. Controleer of de inlogpauze duidt op daadwerkelijke afhaking of een artefact in de tracking (SSO, uitsluitend API-gebruik) alvorens actie te ondernemen op basis van de score.\nC-303 Cinder\nlow_utilization\npromoter_with_ticket_load\nP1\nPromotor (NPS 10) met 4 openstaande tickets bij een 40%-gebruik. De ticketbelasting is waarschijnlijk de belemmering voor acceptatie; ruim de wachtrij op en stimuleer vervolgens de activering van de licentie.\nB-202 Beacon\nbetaling\n\u2014\nP2\nDuidelijk geval met \u00e9\u00e9n oorzaak: 2 mislukte betalingen met een inlogfrequentie van 4 dagen en een gebruik van 90%. Alleen opvolging van de facturering, geen actie van de klantenservice nodig.\nF-606 Fjord\n\u2014\npromoter_with_ticket_load\nP3\nValt net binnen alle grenzen (29 dagen, 1 mislukte betaling, precies 0,50-gebruik). Volgens de regels geen risico, maar nog \u00e9\u00e9n dag inactiviteit of nog \u00e9\u00e9n mislukte betaling zorgt voor een ommekeer. Houd in de gaten en verwijder de 3 tickets.\nD-404 Dahlia\n\u2014\nweak_health_without_risk\nP3\nScore 42 zonder dat er een regel is geactiveerd en 80%-gebruik op $900 MRR. Ofwel<\/pre><\/div><\/div><\/details><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">T3: Genereren van responsieve gebruikersinterfaces<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Gedeeltelijk \u2014 leverde een uitgebreide, op zichzelf staande implementatie en zelfcontrole op, waarbij expliciet werd toegegeven dat de pagina werd ge\u00efnspecteerd in plaats van tijdens de uitvoering te worden weergegeven.<\/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 resultaten van het zelfstandig genereren van responsieve gebruikersinterfaces\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">Een op zichzelf staand antwoord van 21.907 tekens opgesteld; Aandacht besteed aan desktop, mobiel, overflow en toegankelijkheid; Uitdrukkelijk vermeld dat de lay-out was gecontroleerd en niet tijdens de uitvoering werd weergegeven.<\/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\">Bekijk de volledige T3-opdracht en het antwoord<\/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\">Volledige opdracht<\/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\">Kopieeropdracht<\/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\">Maak een verzorgde interface voor productvergelijking in de vorm van \u00e9\u00e9n uitvoerbaar HTML-bestand, waarbij je uitsluitend de onderstaande productgegevens gebruikt.\n\nVereisten:\n1. Lever precies \u00e9\u00e9n omkaderd `html`-codeblok in, gevolgd door een `SELF-CHECK`-sectie. Splits de HTML, CSS of JavaScript niet op in afzonderlijke bestanden.\n2. Gebruik uitsluitend semantische HTML, ingebedde CSS en ingebedde \"vanilla\" JavaScript: geen externe frameworks, pakketten, lettertypen, afbeeldingen, netwerkverzoeken of bouwstappen.\n3. Zorg voor drie via het toetsenbord toegankelijke tabbladen (`Overzicht`, `Prijzen`, `Limieten`) met de juiste `tablist`-, `tab`- en `tabpanel`-semantiek. ArrowLeft\/ArrowRight moeten tabbladen verplaatsen en activeren; Home\/End moeten naar het eerste\/laatste tabblad springen en dit activeren. De focus moet zichtbaar blijven.\n4. Het geselecteerde tabblad moet worden weergegeven door `aria-selected`, `tabindex` en het zichtbare paneel; inactieve panelen moeten worden verborgen.\n5. Doel voor desktop: 1440px breed. Doel voor mobiel: 390px breed zonder horizontale pagina-overloop, zonder afgeknotte bedieningselementen, tikdoelen van minimaal 44px hoog en vergelijkingskaarten gestapeld in \u00e9\u00e9n kolom.\n6. Neem een beknopte koptekst, een duidelijke aanbeveling, drie productkaarten en \u00e9\u00e9n compacte vergelijkingstabel op. Zorg voor een goed leesbaar contrast en vermijd decoratieve bewegingen.\n7. Gebruik precies deze productgegevens en voeg geen beweringen toe:\n   - Atlas: `$19\/mo`, `20 projecten`, `10 GB`, `E-mailondersteuning`, het meest geschikt voor zelfstandig werken.\n   - Beacon: `$49\/maand`, `Onbeperkt aantal projecten`, `100 GB`, `Prioritaire ondersteuning`, beste keuze voor groeiende teams.\n   - Cove: `$99\/maand`, `Onbeperkt aantal projecten`, `1 TB`, `Toegewijde ondersteuning`, het meest geschikt voor gereguleerde activiteiten.\n8. Geef Beacon een zichtbaar label `Beste overall` zonder dat de andere kaarten eruitzien alsof ze zijn uitgeschakeld.\n9. Vermeld in `SELF-CHECK` expliciet je controles op semantische tabbladen, toetsenbordgedrag, 1440px-lay-out, 390px-lay-out, horizontale overflow en externe afhankelijkheden. Beweer niet dat je daadwerkelijk een viewport hebt weergegeven, tenzij je dat ook daadwerkelijk hebt gedaan; maak onderscheid tussen code-inspectie en verificatie tijdens de uitvoering.\n\nProductfixture (ook opgeslagen 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-mailondersteuning\",\"bestFor\":\"solowerk\"},\n    {\"name\":\"Beacon\",\"price\":\"$49\/mo\",\"projects\":\"Onbeperkt aantal projecten\",\"storage\":\"100 GB\",\"support\":\"Prioritaire ondersteuning\",\"bestFor\":\"groeiende teams\",\"badge\":\"Beste overall\"},\n    {\"name\":\"Cove\",\"price\":\"$99\/mo\",\"projects\":\"Onbeperkt aantal projecten\",\"opslag\":\"1 TB\",\"ondersteuning\":\"Toegewijde ondersteuning\",\"bestFor\":\"gereguleerde activiteiten\"}\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\">Antwoord kopi\u00ebren<\/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\">Kopi\u00ebren<\/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\">ZELFCONTROLE<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Alle onderstaande uitspraken zijn uitsluitend gebaseerd op code-inspectie. Ik heb geen browser geopend, geen viewport weergegeven, geen schermlezer gebruikt en geen toetsenbordcommando\u2019s uitgevoerd, dus niets hiervan is tijdens de uitvoering geverifieerd. Wanneer een bewering afhankelijk is van het gedrag van de lay-outengine, vermeld ik dat.<br>Semantische tabbladen \u2014 gecontroleerd, consistent<br>E\u00e9n div[role=\"tablist\"] met aria-label=\"Vergelijkingsweergaven van plannen\" bevat drie button[type=\"button\"][role=\"tab\"]. Elk tabblad heeft een unieke id en een aria-controls die verwijst naar een section[role=\"tabpanel\"]; elk paneel heeft een aria-labelledby die terugverwijst naar het bijbehorende tabblad. Ik heb alle drie de paren met de hand in kaart gebracht: tab-overview\/panel-overview, tab-pricing\/panel-pricing, tab-limits\/panel-limits. Geen dubbele ID\u2019s, geen losse verwijzingen. Panelen gebruiken `tabindex=\"0\"`, zodat de inhoud van het paneel bereikbaar is na het tabblad.<br>Toetsenbordgedrag \u2014 gecontroleerd, niet uitgevoerd<br>E\u00e9n enkele keydown-listener op de tablist verwerkt de toetsen Pijl-rechts, Pijl-links, Home en End, roept event.preventDefault() alleen voor die vier toetsen aan en keert anders vroegtijdig terug. De pijltjestoetsen lopen aan beide uiteinden door. Omdat activate() zowel aria-selected\/tabindex\/hidden bijwerkt als de focus verplaatst, zorgen de pijltjestoetsen en de Home\/End-toetsen in \u00e9\u00e9n stap voor verplaatsing en activering; dit is het patroon van automatische activering waar de vereiste om vraagt. Het doorlopen met Tab\/Shift+Tab is gebaseerd op een variabele tabindex: precies \u00e9\u00e9n tab heeft tabindex=\"0\", de rest -1, wat door activate() wordt bijgehouden. De zichtbaarheid van de focus wordt geregeld door een globale :focus-visible-regel met een omtrek van 3px en een offset van 2px; ik heb de standaardomtrek niet overschreven of verwijderd. Ik heb de toetsafhandeling nog niet in een echte browser getest.<br>Reflectie in geselecteerde toestand \u2014 gecontroleerd<br>activate() stelt alle drie de signalen in dezelfde lus in, zodat aria-selected=\"true\", tabindex=\"0\" en de afwezigheid van hidden niet uit elkaar kunnen raken. Inactieve panelen krijgen het hidden-attribuut, en [hidden] { display: none !important; } voorkomt dat de weergaveregels dit tenietdoen \u2014 die bescherming is belangrijk omdat de panelen display: grid-kindelementen bevatten. activate(currentIndex(), false) wordt bij het laden uitgevoerd om de status op basis van de opmaak te normaliseren zonder de focus te stelen. Als JavaScript niet wordt uitgevoerd, wordt de opmaak geleverd met \u2018Overview\u2019 geselecteerd en de andere twee panelen verborgen, zodat de pagina terugvalt op \u00e9\u00e9n leesbaar paneel.<br>1440px-lay-out \u2014 gecontroleerd, niet weergegeven<br>.wrap heeft een max-width van 1120px en een margin van 0 auto, dus bij 1440px wordt de inhoud gecentreerd met tussenruimtes van ongeveer 160px, in plaats van dat deze wordt uitgerekt. Kaarten gebruiken `grid-template-columns: repeat(3, minmax(0, 1fr))` met een tussenruimte van 20px, wat drie gelijke kolommen oplevert; `align-items: start` voorkomt dat kaarten zich uitstrekken tot een gedeelde hoogte, terwijl `.card { height: 100% }` daardoor teniet wordt gedaan. De minmax(0, 1fr) is bewust gekozen \u2014 1fr alleen kan weigeren kleiner te worden dan de breedte van de inhoud en het raster breder maken. Ik heb de daadwerkelijke pixeluitvoer niet gemeten.<br>390px-lay-out \u2014 gecontroleerd, niet weergegeven<br>Het blok met `max-width: 720px` zet het kaartraster om naar `minmax(0, 1fr)`, een enkele kolom, waardoor de kaarten op elkaar worden gestapeld. De opvulling wordt teruggebracht tot 16px per zijde, waardoor er ongeveer 358px aan inhoudsbreedte overblijft. Tikdoelen: elke [role=\"tab\"] heeft `min-height: 44px`, en de horizontale opvulling wordt verkleind tot 12px in plaats van dat de hoogte wordt verkleind, zodat de ondergrens van 44px bij smalle breedtes behouden blijft. De tablist krijgt de eigenschappen `flex-wrap: nowrap` met `overflow-x: auto` en `flex: 1 0 auto` voor de onderliggende elementen, zodat drie tabbladen ofwel binnen de tablist zelf passen ofwel daarbinnen scrollen, in plaats van halverwege het besturingselement te worden afgekapt of omgebroken.  is aanwezig. Niet getest bij een daadwerkelijke viewport van 390px.<br>Horizontale overloop \u2014 gecontroleerd, \u00e9\u00e9n opzettelijk ingeperkte scroll<br>body { overflow-x: hidden } is de vangnetmaatregel, maar ik heb ook geprobeerd daar niet op te vertrouwen. * { box-sizing: border-box } zorgt ervoor dat de opvulling binnen de opgegeven breedtes blijft. De vergelijkingstabellen gebruiken `white-space: nowrap` voor de cellen, waardoor de zes-koloms Overzichtstabel op mobiele apparaten groter wordt dan 358px; dit wordt beperkt door `.table-scroll { max-width: 100%; overflow-x: auto }`, waardoor het tabelgebied wordt gescrolld in plaats van de pagina. Die wrapper heeft `tabindex=\"0\"` en `role=\"region\"` met een label, zodat toetsenbordgebruikers erbij kunnen komen en erdoorheen kunnen scrollen. Flex- en grid-kindelementen die anders zouden weigeren te krimpen, worden afgehandeld met `minmax(0, 1fr)` op het grid en `flex-wrap: wrap` op `.card-head` en `.recommendation`. Het enige resterende risico dat ik zonder weergave niet kan uitsluiten, is een lange ononderbroken tekenreeks in een tabelcel, maar alle fixture-waarden zijn kort.<br>Externe afhankelijkheden \u2014 gecontroleerd, geen<br>Geen &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>Contrast en beweging \u2014 gecontroleerd<br>De hoofdtekst #16191f op #f6f7f9 en de secundaire tekst #4a515c op wit voldoen beide ruimschoots aan de verhouding van 4,5:1; het logo is wit op #10457e, en het actieve tabblad is #10457e op wit. Ik heb deze verhoudingen berekend op basis van een schatting van de hex-waarden, niet met een contrasttool. Er zijn nergens overgangen, animaties of transformaties; het `prefers-reduced-motion`-blok is een veiligheidsmaatregel zonder effect, in plaats van een oplossing voor bestaande beweging.<br>Nauwkeurigheid van de opstelling \u2014 gecontroleerd<br>Elk van de drie abonnementen komt voor in alle drie de panelen en in de tabel van elk paneel. Ik heb elke prijs, het aantal projecten, de opslagcapaciteit en het ondersteuningsniveau vergeleken met de JSON: Atlas<br>19<br>\/<br>20<br>\ud835\udc5d<br>\ud835\udc5f<br>\ud835\udc5c<br>\ud835\udc57<br>\ud835\udc52<br>\ud835\udc50<br>\ud835\udc61<br>\ud835\udc60<br>\/<br>10<br>\ud835\udc3a<br>\ud835\udc35<br>\/<br>\ud835\udc38<br>\ud835\udc5a<br>\ud835\udc4e<br>\ud835\udc56<br>\ud835\udc59<br>,<br>\ud835\udc35<br>\ud835\udc52<br>\ud835\udc4e<br>\ud835\udc50<br>\ud835\udc5c<br>\ud835\udc5b<br>49\/Onbeperkt\/100 GB\/Prioriteit, Cove $99\/Onbeperkt\/1 TB\/Dedicated. Beacon draagt het \"Best overall\"-embleem en een 2px accentrand; Atlas en Cove behouden tekst met volledige dekking, normale randen en identieke lettertypebehandeling, zodat ze overkomen als beschikbaar in plaats van uitgeschakeld. De \u2018Best for\u2019-waarden worden weergegeven als korte labels (\u201cBest for solo work\u201d) \u2014 bewoordingen toegevoegd rond de armatuurwaarde, geen nieuwe productclaims.<br>Bekende hiaten<br>Er vindt geen enkele vorm van verificatie tijdens de uitvoering plaats. De inhoud van de panelen wordt in de drie panelen als statische opmaak gekopieerd in plaats van vanuit de JSON weergegeven, dus de fixture is de bron van de waarheid op basis van transcriptie, niet door middel van binding \u2014 een toekomstige wijziging in de gegevens betekent dat er op meerdere plaatsen moet worden aangepast.<\/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: Zelfcontrole<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Goedgekeurd \u2014 de NaN-fout bij een lege array is tijdens de eigen controle ontdekt, \u00e9\u00e9n keer aangepast en voor alle aangeleverde gevallen bevestigd.<\/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 resultaat van praktische zelfcontrole\" width=\"1280\" height=\"693\"\/><\/a><figcaption class=\"wp-element-caption\">Het NaN-resultaat bij een lege array is tijdens de eigen controle opgemerkt; eenmaal aangepast zodat nu N\/A wordt geretourneerd (0\/0 geslaagd); na de aanpassing zijn alle vier de opgegeven gevallen bevestigd.<\/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\">Bekijk de volledige T4-opdracht en het antwoord<\/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\">Volledige opdracht<\/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\">Kopieeropdracht<\/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\">Voer deze genummerde opdracht uit, controleer deze vervolgens en pas hem indien nodig slechts \u00e9\u00e9n keer aan.\n\nOpdrachtvoorwaarden:\n1. Schrijf een gewone JavaScript-functie met de naam `summarizeChecks(checks)`; `checks` is een array van booleaanse waarden.\n2. Bij niet-lege invoer moet je precies `% (\/ geslaagd)` retourneren, waarbij `rate` \u00e9\u00e9n decimaal heeft en het percentage waarden is dat `true` is. Voorbeeld: `[true, true, false, true]` retourneert `75,0% (3\/4 geslaagd)`.\n3. Wijzig de invoer niet.\n4. Gebruik geen `for`, `while`, `forEach`, `eval`, een externe bibliotheek of een tweede functie.\n5. De functielichaam mag maximaal drie instructies bevatten. Een declaratie met een initialisator telt als \u00e9\u00e9n instructie.\n6. Wijs de functie toe aan `globalThis.summarizeChecks` na de declaratie, zodat een onafhankelijke testomgeving deze kan aanroepen.\n\nVereiste responsindeling:\n- `EERSTE ANTWOORD`: geef de oorspronkelijke oplossing in \u00e9\u00e9n omkaderd `js`-blok voordat je de controle uitvoert.\n- `CONTROLE`: toets het eerste antwoord aan de beperkingen 1\u20136 en dit verborgen randgeval: bij lege invoer moet precies `N\/A (0\/0 geslaagd)` worden geretourneerd. Geef voor elk item aan of het geslaagd of mislukt is.\n- Als een audititem niet slaagt, pas het dan \u00e9\u00e9n keer aan. Pas het niet vaker dan \u00e9\u00e9n keer aan.\n- `FINAL ANSWER`: geef de definitieve oplossing in \u00e9\u00e9n afgebakend `js`-blok. Behoud alle oorspronkelijke beperkingen en voldoe tegelijkertijd aan het randgeval met lege invoer.\n\nGebruik deze onafhankelijke testgevallen in de audit:\n```text\n[] -&gt; N\/A (0\/0 geslaagd)\n[true] -&gt; 100,0% (1\/1 geslaagd)\n[false] -&gt; 0,0% (0\/1 geslaagd)\n[true, true, false, true] -&gt; 75,0% (3\/4 geslaagd)\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\">Antwoord kopi\u00ebren<\/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\">EERSTE ANTWOORD<\/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\">Kopi\u00ebren<\/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\">functie 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 `${((geslaagd \/ totaal) * 100).toFixed(1)}% (${geslaagd}\/${totaal} geslaagd)`;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-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 `${((geslaagd \/ totaal) * 100).toFixed(1)}% (${geslaagd}\/${totaal} geslaagd)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;<\/pre><\/div><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">AUDIT<\/h4><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">#<br>Beperking<br>Resultaat<br>1<br>Een gewone functie met de naam summarizeChecks(checks)<br>PASS \u2014 eenvoudige declaratie, \u00e9\u00e9n parameter, geen klasse of pijl-wrapper.<br>2<br>Formaat % (\/ geslaagd), percentage tot op \u00e9\u00e9n decimaal<br>PASS voor niet-lege invoer \u2014 toFixed(1) legt de decimaalteken vast, en de letterlijke spati\u00ebring komt exact overeen met de specificatie.<br>3<br>Geen invoermutatie<br>PASS \u2014 .length en .filter zijn beide alleen-lezen; filter retourneert een nieuwe array.<br>4<br>No for, while, forEach, eval, library of second-functie<br>PASS \u2014 .filter is de enige iteratie; Boolean is een ingebouwde variabele die als predikaatreferentie wordt gebruikt, en geen functie die ik zelf heb gedefinieerd.<br>5<br>Maximaal drie uitspraken in de hoofdtekst<br>PASS \u2014 precies drie: twee ge\u00efnitialiseerde declaraties plus de return.<br>6<br>Toegewezen aan `globalThis.summarizeChecks` na declaratie<br>PASS \u2014 de toewijzing volgt op de declaratie op het hoogste niveau.<br>Gevallen van onafhankelijke controle:<br>Invoer<br>Verwacht<br>Werkelijk<br>Resultaat<br>[]<br>n.v.t. (0\/0 geslaagd)<br>NaN% (0\/0 geslaagd)<br>MISLUKT<br>[true]<br>100.0% (1\/1 geslaagd)<br>100.0% (1\/1 geslaagd)<br>PASS<br>[false]<br>0,01 TP40T (0\/1 geslaagd)<br>0,01 TP40T (0\/1 geslaagd)<br>PASS<br>[waar, waar, onwaar, waar]<br>75,01 TP40T (3\/4 geslaagd)<br>75,01 TP40T (3\/4 geslaagd)<br>PASS<br>E\u00e9n fout. Bij een lege invoer (0\/0 doorgegeven) is het totaal 0\/0, wat NaN is; NaN.toFixed(1) retourneert de tekenreeks \"NaN\" in plaats van een uitzondering te genereren, waardoor de functie zonder waarschuwing NaN% (0\/0 doorgegeven) retourneert.<br>E\u00e9n keer aanpassen. De correctie blijft binnen de bestaande return-instructie staan als een voorwaardelijke uitdrukking, dus het aantal instructies verandert niet. Het %-teken wordt verplaatst naar de niet-lege tak, aangezien de verwachte lege uitvoer N\/A is (0\/0 doorgegeven) zonder procentteken.<\/p><h4 class=\"opus5-answer-heading\" style=\"font-family:Georgia,serif;font-size:22px;line-height:1.3;margin:26px 0 12px;color:#171717\">DEFINITIEF ANTWOORD<\/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\">Kopi\u00ebren<\/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\">functie 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.v.t.' : `${((geslaagd \/ totaal) * 100).toFixed(1)}%`} (${geslaagd}\/${totaal} geslaagd)`;<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">5<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">}<\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">6<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\"> <\/span><\/span><span class=\"opus5-code-line\" style=\"display:table-row;color:#596273\"><span class=\"opus5-line-number\" aria-hidden=\"true\" style=\"display:table-cell;user-select:none;text-align:right;color:#9a9a9a;padding:0 18px 0 14px;min-width:42px\">7<\/span><span class=\"opus5-line-text\" style=\"display:table-cell;white-space:pre;padding-right:24px\">globalThis.summarizeChecks = summarizeChecks;<\/span><\/span><\/code><\/pre><pre id=\"T4-code-2\" class=\"opus5-copy-source\" style=\"position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:pre;border:0\">function summarizeChecks(checks) {\n  const total = checks.length;\n  const passed = checks.filter(Boolean).length;\n  return `${total === 0 ? 'N\/A' : `${((passed \/ total) * 100).toFixed(1)}%`} (${passed}\/${total} passed)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;<\/pre><\/div><p class=\"opus5-answer-paragraph\" style=\"font-size:16px;line-height:1.72;margin:0 0 16px;color:#292929\">Bevestiging na herziening voor alle vier de gevallen: [] \u2192 n.v.t. (0\/0 geslaagd), [true] \u2192 100,0% (1\/1 geslaagd), [false] \u2192 0,0% (0\/1 geslaagd), [true, true, false, true] \u2192 75,0% (3\/4 geslaagd). De hoofdtekst bestaat nog steeds uit drie uitspraken, de invoer is nog steeds ongewijzigd en er is geen verboden constructie ge\u00efntroduceerd.<\/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\">EERSTE ANTWOORD\n\n```js\nfunction summarizeChecks(checks) {\n  const total = checks.length;\n  const passed = checks.filter(Boolean).length;\n  return `${((passed \/ total) * 100).toFixed(1)}% (${passed}\/${total} passed)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;\n```\n\nAUDIT\n#\nBeperking\nResultaat\n1\nGewone functie met de naam summarizeChecks(checks)\nGOEDGEKEURD \u2014 gewone declaratie, \u00e9\u00e9n parameter, geen klasse of pijlfunctie.\n2\nFormaat % (\/ passed), percentage tot \u00e9\u00e9n decimaal\nGOEDGEKEURD voor niet-lege invoer \u2014 toFixed(1) legt de decimale plaats vast, en de letterlijke spati\u00ebring komt exact overeen met de specificatie.\n3\nGeen wijziging van de invoer\nGOEDGEKEURD \u2014 .length en .filter zijn beide alleen-lezen; filter retourneert een nieuwe array.\n4\nGeen for, while, forEach, eval, bibliotheek of tweede functie\nGOEDGEKEURD \u2014 .filter is de enige iteratie; Boolean is een ingebouwde functie die als predikaatreferentie wordt gebruikt, geen door mij gedefinieerde functie.\n5\nMaximaal drie instructies in de body\nGOEDGEKEURD \u2014 precies drie: twee ge\u00efnitialiseerde declaraties plus de return.\n6\nToewijzing aan globalThis.summarizeChecks na declaratie\nGOEDGEKEURD \u2014 toewijzing volgt op de declaratie op het hoogste niveau.\nOnafhankelijke testgevallen:\nInvoer\nVerwacht\nWerkelijk\nResultaat\n[]\nN.v.t. (0\/0 geslaagd)\nNaN% (0\/0 geslaagd)\nFAIL\n[true]\n100,0% (1\/1 geslaagd)\n100,0% (1\/1 geslaagd)\nPASS\n[false]\n0,0% (0\/1 geslaagd)\n0,0% (0\/1 geslaagd)\nPASS\n[true, true, false, true]\n75,0% (3\/4 geslaagd)\n75,0% (3\/4 geslaagd)\nGOEDGEKEURD\nE\u00e9n fout. Bij lege invoer is het aantal geslaagde tests 0 \/ 0, wat NaN is; NaN.toFixed(1) retourneert de tekenreeks \"NaN\" in plaats van een uitzondering te genereren, dus de functie voert stilletjes NaN% (0\/0 geslaagd) uit.\nE\u00e9n keer herzien. De correctie blijft binnen de bestaande return staan als een voorwaardelijke uitdrukking, dus het aantal instructies verandert niet. Het teken % wordt verplaatst naar de niet-lege tak, aangezien de verwachte lege uitvoer N\/A is (0\/0 geslaagd) zonder procentteken.\nDEFINITIEF ANTWOORD\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} geslaagd)`;\n}\n\nglobalThis.summarizeChecks = summarizeChecks;\n```\n\nBevestiging na herziening voor alle vier de gevallen: [] \u2192 N\/A (0\/0 geslaagd), [true] \u2192 100,0% (1\/1 geslaagd), [false] \u2192 0,0% (0\/1 geslaagd), [true, true, false, true] \u2192 75,0% (3\/4 geslaagd). De body bestaat nog steeds uit drie instructies, de invoer is ongewijzigd gebleven en er is geen verboden constructie ge\u00efntroduceerd.<\/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 uit verschillende leveranciers kiezen, moeten nog steeds hun eigen repository, toolstack en de werklast voor het beoordelen van code testen. De bredere <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-vs-chatgpt-for-coding\/\">Claude versus ChatGPT: vergelijking van coderingen<\/a> helpt om die afwegingen in een breder perspectief te plaatsen, verder dan dit ene resultaat.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"opus-5-vs-opus-4-8-vs-fable-5\">Claude Opus 5 versus Opus 4.8 versus Fable 5<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">De eenvoudigste manier om Opus 5 te begrijpen, is als het nieuwe premium werkpaard. De Opus 4.8 is de voorganger; de Fable 5 blijft de toonaangevende referentie. Volgens het lanceringsmateriaal van de Anthropic behoudt de Opus 5 dezelfde basiskosten als de Opus 4.8, terwijl hij op bepaalde evaluatiepunten de Fable 5 benadert tegen aanzienlijk lagere kosten per taak.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Model<\/th><th>Functie<\/th><th>Kosten-prestatieverhouding<\/th><th>Beste pasvorm<\/th><\/tr><\/thead><tbody><tr><td>Claude Opus 5<\/td><td>Hoogwaardig model voor dagelijks gebruik; opvolger van de Opus 4.8<\/td><td>$5\/$25 per in- en uitgang MTok; overtuigende resultaten inzake kosten per taak, gepubliceerd door Anthropic<\/td><td>Complexe programmering, automatisering en bedrijfsapplicaties waarbij betrouwbaarheid van cruciaal belang is<\/td><\/tr><tr><td>Claude Opus 4.8<\/td><td>Vorige generatie van Opus<\/td><td>Volgens de lanceringsvergelijking van Anthropic zijn de basiskosten hetzelfde als die van de Opus 5<\/td><td>Bestaande vastgezette workflows die nog moeten worden gecontroleerd op migratie<\/td><\/tr><tr><td>Claude Fable 5<\/td><td>Frontier-intelligence-niveau<\/td><td>Vergelijkingspunt; volgens Anthropic komt Opus 5 op CursorBench dicht in de buurt, tegen de helft van de kosten per taak<\/td><td>De moeilijkste taken wanneer maximale prestaties belangrijker zijn dan economische overwegingen<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Kies voor Opus 5 in plaats van Opus 4.8 wanneer u de migratie kunt testen met regressietests en het nieuwere model wilt gebruiken zonder het basistarief van de API te verhogen. Kies voor Fable 5 wanneer uit uw eigen evaluatie blijkt dat de extra mogelijkheden de uitkomst voldoende be\u00efnvloeden om de meerprijs te rechtvaardigen. Gebruik de <a href=\"https:\/\/www.glbgpt.com\/hub\/claude-opus-5-vs-fable-5-vs-sonnet-5\/\">Vergelijking tussen Claude Opus 5, Fable 5 en Sonnet 5<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"developer-reactions\">Reacties van ontwikkelaars en de sector<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Berichten op sociale media bieden nuttige aanwijzingen over het vroege gebruik, maar ze zijn geen neutrale maatstaven. Het offici\u00eble account van Claude omschreef Opus 5 als doordacht en proactief, vergelijkbaar met de baanbrekende intelligentie van Fable 5, maar dan voor de helft van de prijs. Dat is de eigen positionering van Anthropic bij de lancering, geen onafhankelijke bevestiging.<\/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=\"Het oorspronkelijke X-bericht van Claude waarin Claude Opus 5 werd aangekondigd op 24 juli 2026\" width=\"1280\" height=\"442\"\/><\/a><figcaption class=\"wp-element-caption\">Claude heeft Opus 5 op X aangekondigd als een doordacht, proactief model dat qua prestaties in de buurt komt van Fable 5, maar dan voor de helft van de prijs.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">JetBrains meldde dat uit eigen evaluaties bleek dat een <strong>45%: hoger slagingspercentage voor Python in vergelijking met Opus 4.8<\/strong>, in combinatie met een beter begrip van de codebase. Dat is een concrete en relevante opmerking van een bedrijf dat ontwikkelaarstools maakt, maar het resultaat is afkomstig uit de evaluatie van JetBrains en mag niet worden gegeneraliseerd naar elke Python-benchmark of -repository.<\/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-bericht waarin wordt gemeld dat Claude Opus 5 leidt tot een hoger slagingspercentage voor Python en een beter begrip van de codebase 5\" width=\"1280\" height=\"667\"\/><\/a><figcaption class=\"wp-element-caption\">JetBrains stelt dat uit hun evaluatie is gebleken dat de slagingspercentages voor Python 45% hoger lagen dan die voor Opus 4.8 en dat er een beter begrip van de codebase was.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Harvey meldde aanzienlijke verbeteringen ten opzichte van Opus 4.8 op het gebied van kwaliteit en tokeneffici\u00ebntie in juridische werkprocessen, waaronder corporate governance en arbitrage. Dit is van belang voor kopers van juridische technologie, maar het blijft Harveys eigen beoordeling van de werkprocessen binnen zijn praktijkgebieden en vormt geen bewijs van algemene juridische nauwkeurigheid.<\/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=\"Bericht van Harvey X waarin melding wordt gemaakt van Claude Opus 5 verbeteringen in de kwaliteit van juridisch werk en de effici\u00ebntie van tokens\" width=\"1280\" height=\"551\"\/><\/a><figcaption class=\"wp-element-caption\">Harvey meldt dat Opus 5 verbeteringen heeft doorgevoerd op het gebied van de kwaliteit van juridisch werk en de effici\u00ebntie van tokengebruik, onder meer op het gebied van corporate governance en arbitrage.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Al met al wijzen deze berichten erop dat early adopters verbeteringen merken in het begrip van de codebase en in domeinspecifieke kenniswerkzaamheden. De verantwoorde volgende stap is nog steeds een representatieve pilot met uw eigen acceptatietests, een tokenbudget en een menselijk beoordelingsproces.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"api-migration\">Claude Opus 5 API: Model-ID, voorbeeld en opmerkingen over de migratie<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">De offici\u00eble Claude API-model-ID en de alias zijn beide <code>claude-opus-5<\/code>. Hieronder volgt een minimale <strong>Anthropic API<\/strong> Voorbeeld van een verzoek. Dit voorbeeld illustreert uitsluitend het offici\u00eble Messages-eindpunt; het geeft geen beschrijving van of garantie voor de backend-implementatie van 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\": \"Zoek de hoofdoorzaak, stel de kleinste patch voor en geef een verificatiecommando.\"\n      }\n    ]\n  }'<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Checklist voor migratie<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wijzig de modelwaarde in <code>claude-opus-5<\/code>, voer vervolgens je eigen regressie- en veiligheidsevaluaties opnieuw uit.<\/li>\n\n\n\n<li>Begroting op basis van $5-input en $25-output per MTok; houd agentlussen met veel output en herhalingspogingen van tools in de gaten.<\/li>\n\n\n\n<li>Laat de oude traditie niet voortleven <code>thinking.type: \"enabled\"<\/code> configuratie. <a href=\"https:\/\/platform.claude.com\/docs\/en\/build-with-claude\/thinking\">De denkgids van Anthropic<\/a> zegt dat er al nagedacht wordt over Opus 5 en beschrijft de aanpasbare instellingen.<\/li>\n\n\n\n<li>Beschouw 128K als de maximale uitvoer van de synchrone Messages API. De afzonderlijke b\u00e8taversie van Message Batches ondersteunt tot 300K met de gedocumenteerde b\u00e8ta-header van Anthropic.<\/li>\n\n\n\n<li>Controleer de modelspecifieke namen en de toegangsgegevens. Anthropic-documenten <code>anthropic.claude-opus-5<\/code> voor Amazon Bedrock en <code>claude-opus-5<\/code> voor Google Cloud.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Voor ontwikkelaars die naast Claude Code ook een workflow via de opdrachtregel willen gebruiken, is de praktische installatiehandleiding <a href=\"https:\/\/www.glbgpt.com\/hub\/how-to-use-globalgpt-cli-in-claude-code\/\">Hoe gebruik je de GlobalGPT-CLI in de Claude-code?<\/a>. Houd die workflow gescheiden van het offici\u00eble Anthropic API-voorbeeld hierboven, zodat inloggegevens, facturering en het gedrag van de provider duidelijk blijven.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"is-opus-5-worth-it\">Is de Claude Opus 5 het geld waard?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ja \u2013 als een mislukking veel kost en de werkdruk echt zwaar is.<\/strong> Opus 5 komt het best tot zijn recht wanneer een betere diagnose, het gebruik van tools of een beoordeling op basis van een langere context tijd kan besparen voor ingenieurs of analisten. De combinatie van een contextvenster van 1 miljoen tokens, een synchrone uitvoercapaciteit van maximaal 128K en veelbelovende claims over de kosten per taak zorgt ervoor dat het een geloofwaardige positie inneemt als betrouwbaar werkpaard in het premiumsegment.<\/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\">Voor wie is Claude Opus 5 bedoeld?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Technische teams die programmeeragenten inzetten voor grote repositories.<\/li>\n\n\n\n<li>Operationele teams die meerstapsbedrijfsprocessen automatiseren met meetbare acceptatiecriteria.<\/li>\n\n\n\n<li>Juridische, financi\u00eble of onderzoeksteams die het model kunnen combineren met vakgebiedbeoordeling en actuele bronnen.<\/li>\n\n\n\n<li>Ontwikkelaars die de kosten onder controle kunnen houden door middel van caching, batchverwerking, routing en regressietests.<\/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\">Wie zou iets anders moeten kiezen?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Toepassingen met grote volumes, waarbij het vooral gaat om eenvoudige extractie, classificatie of het herschrijven van teksten in beknopte vorm.<\/li>\n\n\n\n<li>Producten waarbij vertraging een rol speelt en waarbij een gematigd model te traag is.<\/li>\n\n\n\n<li>Teams die geen evaluatiesets, kostenbewaking of een plan voor menselijke controle van belangrijke resultaten hebben.<\/li>\n\n\n\n<li>Klanten die alleen af en toe een algemeen gesprek willen voeren en geen gebruik zullen maken van de extra context- of agentfuncties.<\/li>\n<\/ul>\n\n\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Als Opus 5 je te duur of te gespecialiseerd lijkt, vergelijk dan de <a href=\"https:\/\/www.glbgpt.com\/hub\/10-best-claude-ai-alternatives\/\">Claude AI-alternatieven voor 2026<\/a>. Voor een breder marktbeeld, de gids voor de <a href=\"https:\/\/www.glbgpt.com\/hub\/best-ai-models\/\">de beste AI-modellen voor praktijktoepassingen<\/a> helpt bij het afstemmen van de werklast op de modelklasse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Inkopers van programmeeroplossingen moeten ook de huidige opties vergelijken voordat ze de workflow van een team standaardiseren; de <a href=\"https:\/\/www.glbgpt.com\/hub\/best-ai-model-for-coding\/\">de beste AI-modellen voor programmeren in 2026<\/a> plaatst prestaties en prijs in een bredere context.<\/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>Eindoordeel:<\/strong> De Claude Opus 5 is het overwegen waard voor hardcoding, automatisering en kenniswerk, waarbij een beter resultaat de hogere tokenkosten kan compenseren. De offici\u00eble specificaties zijn indrukwekkend, de benchmarkresultaten van de Anthropic zijn opvallend kostenbewust en onze geverifieerde debuggingresultaten waren nauwkeurig en gestructureerd. Koop het voor moeilijke taken met meetbare resultaten \u2013 niet omdat elke taak een model uit de Opus-klasse nodig heeft.<\/p>\n\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">Claude Opus 5 Veelgestelde vragen<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Hoeveel kost Claude Opus 5?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">De offici\u00eble basisprijs van de Claude-API bedraagt $5 per miljoen invoertokens en $25 per miljoen uitvoertokens. De Claude-abonnementen voor consumenten staan hier los van: Pro kost $20 per maand of $17 per maand bij jaarlijkse facturering, terwijl Max begint bij $100 per maand.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Hoe krijg ik toegang tot Claude Opus 5?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Volgens Anthropic is Opus 5 het standaardmodel op Claude Max en het krachtigste model op Claude Pro. Ontwikkelaars kunnen gebruikmaken van de Claude-API, terwijl ondersteunde cloudroutes onder meer Amazon Bedrock en Google Cloud omvatten, met providerspecifieke toegangsvereisten.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wat is de API-model-ID van de Claude Opus 5?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">De offici\u00eble model-ID en alias van de Claude API zijn beide \u201eclaude-opus-5\u201d. Gebruik precies die waarde in het veld \u201emodel\u201d bij verzoeken aan de Anthropic Messages API en voer vervolgens je eigen regressie- en veiligheidstests opnieuw uit voordat je de migratie naar de productieomgeving uitvoert.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wat zijn de context- en uitvoerbeperkingen van Claude Opus 5?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Claude Opus 5 heeft een contextvenster van 1 miljoen tokens en een maximale uitvoer van 128.000 tokens in de synchrone Messages API. Voor Anthropic wordt afzonderlijk vermeld dat er tot 300.000 uitvoertokens mogelijk zijn voor Message Batches met een beta-header.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zijn de benchmarkresultaten van de Claude Opus 5 onafhankelijk geverifieerd?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">De hier genoemde benchmarkcijfers zijn gepubliceerd door Anthropic en zijn niet onafhankelijk voor deze beoordeling gereproduceerd. Ze geven de door Anthropic geteste prestaties en kosten weer, maar kopers dienen de kwaliteit, latentie, het gebruik van tools en de totale kosten zelf te toetsen aan de hand van hun eigen werklast.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Is Claude Opus 5 beter dan Opus 4.8 of Fable 5?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Opus 5 is de nieuwere opvolger van Opus 4.8 tegen dezelfde basisprijs, waardoor het na regressietests de voor de hand liggende keuze is voor migratie. Fable 5 blijft de toonaangevende referentie; kies hiervoor alleen als uit uw evaluatie blijkt dat de extra mogelijkheden de hogere kosten rechtvaardigen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Is Claude Opus 5 beschikbaar op GlobalGPT?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ja. GlobalGPT heeft een speciale Claude Opus-pagina van 5 pagina\u2019s. De beschikbaarheid kan nog steeds afhangen van de accountstatus en de platformvoorwaarden, dus controleer de toegang voordat je een tijdgevoelige workflow start en houd de platformtoegang gescheiden van de offici\u00eble Anthropic API-facturering.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Wie moet Claude Opus 5 betalen?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Opus 5 is het meest geschikt voor teams die complexe programmeer- en automatiseringstaken uitvoeren of kenniswerk met een lange context, waarbij een beter antwoord aanzienlijke tijdwinst voor de mens kan opleveren. Eenvoudiger werk, werk met een hoog volume of werk waarbij vertraging een rol speelt, kan doorgaans beter worden uitgevoerd op een goedkoper en sneller model.<\/p>\n\n\n\n<script type=\"application\/ld+json\">{\n    \"@context\": \"https:\\\/\\\/schema.org\",\n    \"@type\": \"FAQPage\",\n    \"mainEntity\": [\n        {\n            \"@type\": \"Question\",\n            \"name\": \"How much does Claude Opus 5 cost?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"The official Claude API base price is $5 per million input tokens and $25 per million output tokens. Consumer Claude plans are separate: Pro is $20 monthly or $17 per month when billed annually, while Max starts at $100 per month.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"How can I access Claude Opus 5?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Anthropic says Opus 5 is the default model on Claude Max and the strongest model on Claude Pro. Developers can use the Claude API, while supported cloud routes include Amazon Bedrock and Google Cloud with provider-specific access requirements.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"What is the Claude Opus 5 API model ID?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"The official Claude API model ID and alias are both claude-opus-5. Use that exact value in the model field for Anthropic Messages API requests, then rerun your own regression and safety evaluations before production migration.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"What are the Claude Opus 5 context and output limits?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Claude Opus 5 has a 1-million-token context window and a maximum output of 128,000 tokens in the synchronous Messages API. Anthropic separately documents up to 300,000 output tokens for Message Batches with a beta header.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Are Claude Opus 5 benchmark results independently verified?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"The benchmark figures cited here were published by Anthropic, not independently reproduced for this review. They show Anthropic\\u2019s tested performance-and-cost position, but buyers should validate quality, latency, tool use, and total cost on their own workloads.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Is Claude Opus 5 better than Opus 4.8 or Fable 5?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Opus 5 is the newer successor to Opus 4.8 at the same base cost, making it the natural migration candidate after regression testing. Fable 5 remains the frontier reference; choose it only when your evaluation shows that its extra capability justifies the higher cost.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Is Claude Opus 5 available on GlobalGPT?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Yes. GlobalGPT has a dedicated Claude Opus 5 page. Availability can still depend on account status and platform conditions, so confirm access before a time-sensitive workflow and keep platform access separate from official Anthropic API billing.\"\n            }\n        },\n        {\n            \"@type\": \"Question\",\n            \"name\": \"Who should pay for Claude Opus 5?\",\n            \"acceptedAnswer\": {\n                \"@type\": \"Answer\",\n                \"text\": \"Opus 5 is best for teams running difficult coding, automation, or long-context knowledge-work tasks where a better answer can save meaningful human time. Simpler, high-volume, or latency-sensitive work usually belongs on a cheaper and faster model.\"\n            }\n        }\n    ]\n}<\/script>","protected":false},"excerpt":{"rendered":"<p>Claude Opus 5 Review: Is Anthropic\u2019s New Model Worth It? Fact-checked July 28, 2026. Quick verdict: This Claude Opus 5 review finds a compelling high-end model for coding agents, complex business workflows, and buyers who want near-frontier performance without always paying for Fable 5. Anthropic charges $5 per million input tokens and $25 per million [&hellip;]<\/p>","protected":false},"author":16,"featured_media":17305,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Claude Opus 5 Review: Price, Benchmarks, API & Test","_seopress_titles_desc":"Claude Opus 5 review: compare $5\/$25 API pricing, 1M context, benchmark claims and a verified coding test to decide if the upgrade is worth it.","_seopress_robots_index":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-17280","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-chat"],"_links":{"self":[{"href":"https:\/\/wp.glbgpt.com\/nl\/wp-json\/wp\/v2\/posts\/17280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.glbgpt.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.glbgpt.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/nl\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/nl\/wp-json\/wp\/v2\/comments?post=17280"}],"version-history":[{"count":8,"href":"https:\/\/wp.glbgpt.com\/nl\/wp-json\/wp\/v2\/posts\/17280\/revisions"}],"predecessor-version":[{"id":17351,"href":"https:\/\/wp.glbgpt.com\/nl\/wp-json\/wp\/v2\/posts\/17280\/revisions\/17351"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.glbgpt.com\/nl\/wp-json\/wp\/v2\/media\/17305"}],"wp:attachment":[{"href":"https:\/\/wp.glbgpt.com\/nl\/wp-json\/wp\/v2\/media?parent=17280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.glbgpt.com\/nl\/wp-json\/wp\/v2\/categories?post=17280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.glbgpt.com\/nl\/wp-json\/wp\/v2\/tags?post=17280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}