fix: align org chart hierarchy and typography weights

src/components/button.stories.tsx

@@ -68,7 +68,7 @@ type Story = StoryObj<typeof meta>
 
 const row = "flex flex-wrap items-center gap-4"
 const stack = "grid gap-6"
-const heading = "text-base font-semibold"
+const heading = "text-base font-bold"
 const note = "text-sm text-muted-foreground"
 
 function RolesBoard() {

src/components/carousel.stories.tsx

@@ -19,7 +19,7 @@ const svg = (n: number) =>
 function SlideCard({ n }: { n: number }) {
   return (
     <Card>
-      <CardContent className="grid h-24 place-items-center text-2xl font-semibold">{n + 1}</CardContent>
+      <CardContent className="grid h-24 place-items-center text-2xl font-bold">{n + 1}</CardContent>
     </Card>
   )
 }

src/components/select.stories.tsx

@@ -108,11 +108,11 @@ function DisabledStates() {
   return (
     <div className="grid max-w-[480px] gap-6">
       <section className="grid gap-2">
-        <h3 className="text-base font-semibold">Selected Value</h3>
+        <h3 className="text-base font-bold">Selected Value</h3>
         <SelectSpecimen size="medium" label="Status" defaultValue="active" disabled />
       </section>
       <section className="grid gap-2">
-        <h3 className="text-base font-semibold">Placeholder</h3>
+        <h3 className="text-base font-bold">Placeholder</h3>
         <SelectSpecimen size="medium" label="Status" placeholder="Choose a status" disabled />
       </section>
     </div>
@@ -274,7 +274,7 @@ export const OpenTopLong: Story = {
 function ListSizeColumn({ title, listSize, width }: { title: string; listSize: SelectSize; width: number }) {
   return (
     <section className="grid min-w-0 content-start gap-2" style={{ width, maxWidth: "100%" }} data-list-size={listSize}>
-      <h3 className="m-0 text-sm font-semibold">{title}</h3>
+      <h3 className="m-0 text-sm font-bold">{title}</h3>
       <div className="min-h-56">
         <SelectSpecimen size="medium" listSize={listSize} defaultOpen defaultValue="long" options={longOpenOptions} label={"Trigger medium · 최대 " + width + "px"} />
       </div>