refactor(공개화면): A01~A09 · B10 · B11 을 공개 화면 틀 · 카드 · 알림 · 배지 · 체크 · 접이 부품으로 (PLAN 553-7)

- A01~A05 hero 다섯 벌 · 구역 제목 복제 CSS 걷고 공개 화면 틀 한 벌(wide 옵션 · 구역 제목 가운데 · 머리 아랫줄은 자리 안 먹는 그림자)
- 카드 = 카드 부품(로그인 · 가입 · 지원 · 약관 · 기능 카드 · 소식 줄 · B11 단계 카드) · 지원 성공 · B10 안내 = 띠 알림 · 태그 = 배지
- A07 약관 날 체크 · 날 details = 체크 + 접이 부품 · A08 날 textarea = 입력 여러 줄 · 빈 소식 = 빈 상태
- 죽은 A07_Register_UI_Page · 쓰이지 않는 CSS 걷음 · 띠 알림 hidden 받음
- 지킴 시험 test_553_7_public_pages

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

A03_CompDetail/A03_CompDetail_UI_Style.css

@@ -1,66 +1,14 @@
 /* =============================================================================
  * A03_CompDetail_UI_Style.css
- * 회사 상세 페이지 고유 스타일 — theme.css 변수만 참조 (하드코딩 금지).
+ * 회사 상세 페이지 고유 배치 — 머리 · 구역 · 카드 겉은 공용 부품(공개 화면 틀 · 카드)이 냄.
  * ========================================================================== */
 
-.a03-comp-detail {
-  display: flex;
-  flex-direction: column;
-  gap: var(--section-gap);
-  padding-bottom: var(--spacing-64);
-}
-
-/* --- Hero --- */
-.a03-hero {
-  background: linear-gradient(to bottom, var(--color-mist-violet), var(--color-canvas));
-  padding: var(--spacing-96) var(--spacing-32);
-}
-.a03-hero__inner {
-  max-width: var(--page-max-width);
-  margin: 0 auto;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  gap: var(--spacing-24);
-}
-.a03-hero__title {
-  font-size: var(--text-heading-lg);
-  line-height: var(--leading-heading-lg);
-  color: var(--color-deep-iris);
-  max-width: 18ch;
-}
-.a03-hero__subtitle {
-  font-size: var(--text-body);
-  line-height: var(--leading-body);
-  color: var(--color-slate);
-  max-width: 56ch;
-  margin: 0;
-}
-
-/* --- 공통 섹션 --- */
-.a03-section {
-  max-width: var(--page-max-width);
-  margin: 0 auto;
-  width: 100%;
-  padding: 0 var(--spacing-32);
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-24);
-}
-.a03-section__title {
-  font-size: var(--text-heading-sm);
-  line-height: var(--leading-heading-sm);
-  color: var(--color-deep-iris);
-  text-align: center;
-}
-
 /* --- Mission --- */
 .a03-mission__body {
   margin: 0 auto;
   max-width: 60ch;
   text-align: center;
-  color: var(--color-slate);
+  color: var(--color-text-secondary);
   font-size: var(--text-body);
   line-height: var(--leading-body);
 }
@@ -74,18 +22,12 @@
 .a03-value-card {
   min-height: 140px;
 }
-.a03-value__desc {
-  margin: 0;
-  color: var(--color-slate);
-  font-size: var(--text-body-sm);
-  line-height: var(--leading-body-sm);
-}
 
 /* --- Contact --- */
 .a03-contact__email {
   margin: 0;
   text-align: center;
-  color: var(--color-charcoal);
+  color: var(--color-text);
   font-size: var(--text-body);
 }
 
@@ -93,7 +35,4 @@
   .a03-value-grid {
     grid-template-columns: 1fr;
   }
-  .a03-hero__title {
-    font-size: var(--text-heading);
-  }
 }