feat(tarot): 반응형 풀-width 레이아웃 + clamp 기반 fluid sizing

랜딩:
- topbar로 brand + nav 같은 줄에 묶음 (시안 부합)
- hero content max-width 1200→1600px, padding clamp(24px,4vw,80px)
- h1 size clamp(40px,6vw,84px), margin clamp(40px,6vw,80px)
- sub max-width 520px→44ch + line-height
- tier-row repeat(auto-fit, minmax(240px,1fr)) — 큰 화면 자동 펼침

Reading:
- max-width 1280→1800px, padding clamp(20px,3vw,60px)
- grid columns clamp 기반 fluid (좌 22vw, 우 26vw)
- mid breakpoint 1280px에서 비율 보정, 1024px 이하 single column

History: max-width 960→1400px

Card grid: repeat(auto-fit) — 화면 폭 활용
640px 이하 step indicator wrap + cta wrap

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/pages/tarot/Tarot.jsx

@@ -26,16 +26,18 @@ export default function Tarot() {
       <div className="tarot__hero-overlay" />
 
       <div className="tarot__hero-content">
-        <header className="tarot__brand">
-          <span>✦</span>
-          <span>ARCANA TAROT</span>
-        </header>
+        <div className="tarot__topbar">
+          <header className="tarot__brand">
+            <span>✦</span>
+            <span>ARCANA TAROT</span>
+          </header>
 
-        <nav className="tarot__nav" aria-label="Tarot navigation">
-          <Link to="/tarot/today">오늘의 카드</Link>
-          <Link to="/tarot/reading">타로 리딩</Link>
-          <Link to="/tarot/history">히스토리</Link>
-        </nav>
+          <nav className="tarot__nav" aria-label="Tarot navigation">
+            <Link to="/tarot/today">오늘의 카드</Link>
+            <Link to="/tarot/reading">타로 리딩</Link>
+            <Link to="/tarot/history">히스토리</Link>
+          </nav>
+        </div>
 
         <h1 className="tarot__h1">당신의 오늘을<br />비추는 타로</h1>
         <p className="tarot__sub">