fix: validate responsive real-content targets

src/styles/base.css

@@ -109,6 +109,10 @@ canvas {
   transform: translateY(0);
 }
 
+.print-portfolio-label {
+  display: none;
+}
+
 @media (prefers-reduced-motion: reduce) {
   *,
   *::before,

src/styles/layout.css

@@ -88,6 +88,18 @@
   background: #0b111b;
 }
 
+@media (max-width: 767px) {
+  .project-link,
+  .contact-link,
+  .contact-social-link {
+    display: inline-flex;
+    align-items: center;
+    min-inline-size: 44px;
+    min-block-size: 44px;
+    padding-inline: 0.55rem;
+  }
+}
+
 @media (min-width: 768px) {
   .site-header {
     padding-inline: 5vw;

src/styles/print.css

@@ -35,6 +35,17 @@
     margin-block-end: 1.5rem;
   }
 
+  .print-portfolio-label {
+    display: block;
+    margin-block: 0.25rem 1rem;
+    color: var(--text-muted);
+    font-family: var(--mono);
+    font-size: 0.9rem;
+    font-weight: 650;
+    letter-spacing: 0.08em;
+    text-transform: uppercase;
+  }
+
   .portfolio-section {
     width: 100%;
     margin: 0 0 1.25rem;