diff --git a/src/pages/full-guide.astro b/src/pages/full-guide.astro
index 3d1c1ed..514f7e2 100644
--- a/src/pages/full-guide.astro
+++ b/src/pages/full-guide.astro
@@ -55,6 +55,9 @@ const efforts = toRecord(effortEntries);
 const skillFiles = toRecord(skillFileEntries);
 const skillWorkflow = toRecord(workflowEntries);
 const commonSkills = toRecord(commonSkillEntries);
+const sortedCommonSkills = Object.values(commonSkills).sort((a, b) =>
+  a.number.localeCompare(b.number),
+);
 const handsOn = promptEntries.find(({ data }) => data.id === 'tiny-tasks')?.data;
 const install = installEntries.find(({ data }) => data.id === 'install')?.data;
 if (!handsOn || !install) throw new Error('full-guide content collections are incomplete');
@@ -766,7 +769,16 @@ const base = import.meta.env.BASE_URL;
     <section class="skills" id="skills">
       <div>
         <p class="eyebrow">
-          <span data-language-content="en">Skills</span>
+          {
+            /* Under Portuguese the legacy page paints the long skill sentence
+              here, not "Skills": its `.skills > div:first-child > p` selector
+              also matches this eyebrow and overwrites it. Reproduced on
+              purpose -- see .agents/rules/content-i18n.md. */
+          }
+          <span data-language-content="en">Skills</span><span data-language-content="pt" hidden
+            >Uma skill é um procedimento reutilizável. Ela pode carregar instruções, referências,
+            scripts e assets. Não é memória mágica e não substitui critérios de aceitação.</span
+          >
         </p><h2>
           <span data-language-content="en">Write the right way<br /><em>once.</em></span><span
             data-language-content="pt"
@@ -781,9 +793,6 @@ const base = import.meta.env.BASE_URL;
             >Uma skill é um procedimento reutilizável. Ela pode carregar instruções, referências,
             scripts e assets. Não é memória mágica e não substitui critérios de aceitação.</span
           >
-        </p><p data-language-content="pt" hidden>
-          Uma skill é um procedimento reutilizável. Ela pode carregar instruções, referências,
-          scripts e assets. Não é memória mágica e não substitui critérios de aceitação.
         </p><div class="skill-principles">
           <span data-language-content="en">01 / trigger clearly</span><span
             data-language-content="pt"
@@ -987,7 +996,10 @@ const base = import.meta.env.BASE_URL;
       </div><div class="skill-deck">
         <div class="skill-index" role="tablist" aria-label="Common agent skills">
           {
-            Object.values(commonSkills).map((skill) => (
+            /* getCollection's order is not the deck's order. Sort by the
+               card number so the tabs stay 01..07 as the legacy page has
+               them, instead of shifting between builds. */
+            sortedCommonSkills.map((skill) => (
               <button
                 class:list={{ active: skill.id === 'ponytail' }}
                 data-common-skill={skill.id}