diff --git a/src/app/matricole/guida/page.tsx b/src/app/matricole/guida/page.tsx
index 91334bfb..c959f7a6 100644
--- a/src/app/matricole/guida/page.tsx
+++ b/src/app/matricole/guida/page.tsx
@@ -1,7 +1,9 @@
 import type { Metadata } from "next"
 import { FiDownload } from "react-icons/fi"
 import { CardSplit } from "@/components/card-split"
+import { CONTAINER } from "@/components/layout/page"
 import { Button } from "@/components/ui/button"
+import { cn } from "@/lib/utils"
 import { getLatestGuidaMatricola } from "@/queries/guida-matricola"
 
 export const metadata: Metadata = {
@@ -22,12 +24,15 @@ export default async function GuidaMatricolaPage() {
   const formattedDate = new Intl.DateTimeFormat("it-IT", { dateStyle: "long" }).format(new Date(guida.date))
 
   return (
-    <main className="mx-auto flex min-h-svh w-full max-w-500 flex-col items-center justify-center gap-10">
-      <div className="mx-12 flex flex-col items-center lg:gap-6">
-        <h2 className="typo-display-medium lg:typo-display-extralarge w-fit bg-linear-to-b from-text-primary to-text-secondary bg-clip-text py-4 text-center text-transparent lg:leading-33">
+    // Standalone page (no header or footer, see `HIDDEN_ROUTES`): the content stays centered on screen, with the
+    // shared gutters. The vertical padding keeps it off the edges on short landscape screens.
+    <main className={cn(CONTAINER, "flex min-h-svh flex-col items-center justify-center gap-10 py-16 sm:gap-12")}>
+      {/* Not Hero: this page has no header, and Hero's spacing would push the download below the fold on phones */}
+      <div className="flex flex-col items-center gap-4 text-center sm:gap-6">
+        <h1 className="typo-display-fluid-extralarge text-balance bg-linear-to-b from-text-primary to-text-secondary bg-clip-text pb-2 text-transparent">
           Guida della Matricola
-        </h2>
-        <p className="typo-title-medium lg:typo-headline-small max-w-4xl text-center">
+        </h1>
+        <p className="typo-title-medium sm:typo-headline-small max-w-2xl text-balance">
           Controlla l&apos;ultima versione disponibile e scarica il PDF aggiornato.
         </p>
       </div>
diff --git a/src/components/card-split/index.tsx b/src/components/card-split/index.tsx
index 33049da0..38451fc9 100644
--- a/src/components/card-split/index.tsx
+++ b/src/components/card-split/index.tsx
@@ -15,8 +15,8 @@ export function CardSplit({ textPrimary, textSecondary, textSecondarySmall, acti
         className
       )}
     >
-      <div className="flex flex-col items-center gap-10 px-10 py-5 sm:flex-row sm:items-center">
-        <div className="flex flex-col items-center gap-10 text-center sm:grid sm:grid-cols-[auto_auto] sm:items-center sm:text-left">
+      <div className="flex flex-col items-center gap-6 px-10 py-6 sm:flex-row sm:items-center sm:gap-10 sm:py-5">
+        <div className="flex flex-col items-center gap-3 text-center sm:grid sm:grid-cols-[auto_auto] sm:items-center sm:gap-10 sm:text-left">
           {textPrimary ? <CardSplitPrimaryContent text={textPrimary} /> : null}
 
           {hasSecondaryContent && (